/* /Components/Board/BoardCard.razor.rz.scp.css */
.card[b-hn396spe8h] {
    display: flex;
    flex-direction: column;
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 10px;
    box-shadow: var(--mud-elevation-1);
    overflow: hidden;
    border-top: 3px solid var(--mud-palette-success);
}

.card.crit[b-hn396spe8h] {
    border-top-color: var(--mud-palette-error);
}

.card.warn[b-hn396spe8h] {
    border-top-color: var(--mud-palette-warning);
}

.card.info[b-hn396spe8h] {
    border-top-color: var(--mud-palette-info);
}

.card.unknown[b-hn396spe8h] {
    border-top-color: var(--mud-palette-text-disabled);
}

/* the state pill is pinned: a long name wraps instead of pushing it out of the corner */
.card-h[b-hn396spe8h] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.title[b-hn396spe8h] {
    flex: 1;
    min-width: 0;
}

.name[b-hn396spe8h] {
    overflow-wrap: anywhere;
}

.card-h[b-hn396spe8h]  .state-pill {
    flex: none;
}

.hosts[b-hn396spe8h] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-top: 3px;
}

.sico[b-hn396spe8h] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #fff;
    font-weight: 700;
    font-size: 13px;
    flex: none;
    background: var(--mud-palette-success);
}

.sico.crit[b-hn396spe8h] {
    background: var(--mud-palette-error);
}

.sico.warn[b-hn396spe8h] {
    background: var(--mud-palette-warning);
}

.sico.info[b-hn396spe8h] {
    background: var(--mud-palette-info);
}

.sico.unknown[b-hn396spe8h] {
    background: var(--mud-palette-text-disabled);
}

.body[b-hn396spe8h] {
    flex: 1;
}

.host-comments[b-hn396spe8h],
.loose[b-hn396spe8h] {
    padding: 8px 16px 0;
}

.empty[b-hn396spe8h] {
    padding: 14px 16px;
    font-size: 12.5px;
    color: var(--mud-palette-text-disabled);
}

.card-f[b-hn396spe8h] {
    display: flex;
    gap: 10px;
    padding: 8px 16px;
    border-top: 1px solid var(--mud-palette-lines-default);
    font-size: 12px;
    color: var(--mud-palette-text-disabled);
}

/* /Components/Board/BoardComment.razor.rz.scp.css */
.comment[b-v94gd3vvs7] {
    margin: 4px 0 8px;
    padding: 6px 10px;
    border-left: 3px solid var(--mud-palette-info);
    background: rgba(var(--mud-palette-info-rgb), 0.12);
    border-radius: 6px;
    font-size: 12px;
    line-height: 1.45;
    color: var(--mud-palette-text-secondary);
}

.who[b-v94gd3vvs7] {
    color: var(--mud-palette-info);
    font-weight: 500;
}

.ack[b-v94gd3vvs7] {
    font-weight: 500;
    color: var(--mud-palette-info);
}
/* /Components/Board/BoardFolder.razor.rz.scp.css */
.sec[b-wy57coevvb] {
    padding: 8px 16px 6px;
}

.sec-h[b-wy57coevvb] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 0 4px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    margin-bottom: 4px;
}

.sec-h .t[b-wy57coevvb] {
    font-size: 11.5px;
    font-weight: 500;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    color: var(--mud-palette-text-secondary);
}

.sec-h .n[b-wy57coevvb] {
    font-size: 11px;
    color: var(--mud-palette-text-disabled);
    white-space: nowrap;
}

.sec.closed > .sec-h[b-wy57coevvb] {
    border-bottom: 0;
    margin-bottom: 0;
}

.sub[b-wy57coevvb] {
    margin-left: 12px;
    margin-top: 6px;
    padding-left: 12px;
    border-left: 2px solid var(--mud-palette-lines-default);
}

.sub > .sec-h[b-wy57coevvb] {
    border-bottom: 0;
    margin-bottom: 0;
}

.sub > .sec-h .t[b-wy57coevvb] {
    text-transform: none;
    letter-spacing: 0;
    font-size: 13px;
    color: var(--mud-palette-text-primary);
}

.sub.warn[b-wy57coevvb] {
    border-left-color: var(--mud-palette-warning);
}

.sub.crit[b-wy57coevvb] {
    border-left-color: var(--mud-palette-error);
}

.sub.info[b-wy57coevvb] {
    border-left-color: var(--mud-palette-info);
}

.more[b-wy57coevvb] {
    font-size: 12px;
    color: var(--mud-palette-text-disabled);
    padding: 3px 0;
}
/* /Components/Board/BoardService.razor.rz.scp.css */
.svc[b-orzt8xghl7] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 5px 0;
    font-size: 13px;
}

.sname[b-orzt8xghl7] {
    color: var(--mud-palette-text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.host[b-orzt8xghl7] {
    margin-left: auto;
    padding-left: 8px;
    font-size: 11px;
    color: var(--mud-palette-text-disabled);
    white-space: nowrap;
}
/* /Components/Config/ApplicationRail.razor.rz.scp.css */
/* layout and row styles are the shared rail in ui.css */

.dot[b-hz137lwa5d] {
    flex: none;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--mud-palette-text-disabled);
}

.dot.ok[b-hz137lwa5d] { background: var(--mud-palette-success); }
.dot.warn[b-hz137lwa5d] { background: var(--mud-palette-warning); }
.dot.crit[b-hz137lwa5d] { background: var(--mud-palette-error); }
.dot.info[b-hz137lwa5d] { background: var(--mud-palette-info); }

/* a hollow ring rather than a chip: the rail is too narrow to carry the word "Draft" */
.rdraft[b-hz137lwa5d] {
    flex: none;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    border: 1.5px solid var(--mud-palette-warning);
}
/* /Components/Config/ConfigTree.razor.rz.scp.css */
.tree[b-ysbf5vo0un] {
    padding: 6px 16px 12px;
}

.node[b-ysbf5vo0un] {
    position: relative;
    padding-left: 22px;
}

/* the vertical connector, stopped short on the last child so the elbow closes the branch */
.node[b-ysbf5vo0un]::before {
    content: "";
    position: absolute;
    left: 8px;
    top: 0;
    bottom: 0;
    border-left: 1px solid var(--mud-palette-lines-default);
}

.node:last-child[b-ysbf5vo0un]::before {
    bottom: auto;
    height: 17px;
}

.node > .row[b-ysbf5vo0un]::before {
    content: "";
    position: absolute;
    left: -14px;
    top: 50%;
    width: 12px;
    border-top: 1px solid var(--mud-palette-lines-default);
}

.root[b-ysbf5vo0un] {
    padding-left: 0;
}

.root[b-ysbf5vo0un]::before,
.root > .row[b-ysbf5vo0un]::before {
    display: none;
}

.kids[b-ysbf5vo0un] {
    margin-left: 6px;
}

.row[b-ysbf5vo0un] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 5px 4px;
    position: relative;
    font-size: 13px;
    border-radius: 6px;
    min-height: 34px;
    text-align: left;
}

/* only rows that open something react to the pointer; the view-mode tree stays flat */
.row.clickable[b-ysbf5vo0un] {
    cursor: pointer;
    transition: background-color 80ms ease;
}

.row.clickable:hover[b-ysbf5vo0un],
.row.clickable:focus-within[b-ysbf5vo0un] {
    background: rgba(var(--mud-palette-primary-rgb), 0.08);
}

.row.clickable:hover .t[b-ysbf5vo0un],
.row.clickable:hover .sname[b-ysbf5vo0un] {
    color: var(--mud-palette-primary);
}

.row .t[b-ysbf5vo0un] {
    font-weight: 500;
}

.row .sname[b-ysbf5vo0un] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.row .n[b-ysbf5vo0un],
.row .host[b-ysbf5vo0un] {
    font-size: 11px;
    color: var(--mud-palette-text-disabled);
    white-space: nowrap;
}

.row .host[b-ysbf5vo0un] {
    display: inline-flex;
    gap: 4px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* the internal name only appears once a display name hides it, so it reads as the alias source */
.row .host .internal[b-ysbf5vo0un] {
    color: var(--mud-palette-text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
}

.row .r[b-ysbf5vo0un] {
    margin-left: auto;
    display: flex;
    gap: 6px;
    align-items: center;
}

/* kept in the layout so the row does not jump; faded in on hover or keyboard focus */
.acts[b-ysbf5vo0un] {
    display: flex;
    gap: 2px;
    opacity: 0;
    transition: opacity 80ms ease;
}

.row:hover .acts[b-ysbf5vo0un],
.row:focus-within .acts[b-ysbf5vo0un] {
    opacity: 1;
}

/* MudIcon renders its own element, so the scoped selectors have to reach through ::deep */
[b-ysbf5vo0un] .fi,
[b-ysbf5vo0un] .svc-icon {
    flex: none;
    font-size: 18px;
    color: var(--mud-palette-text-disabled);
}

[b-ysbf5vo0un] .svc-icon {
    font-size: 16px;
}

.row.folder.warn[b-ysbf5vo0un]  .fi {
    color: var(--mud-palette-warning);
}

.row.folder.crit[b-ysbf5vo0un]  .fi {
    color: var(--mud-palette-error);
}

.row.folder.info[b-ysbf5vo0un]  .fi {
    color: var(--mud-palette-info);
}

.row.folder.ok[b-ysbf5vo0un]  .fi {
    color: var(--mud-palette-success);
}

.addrow[b-ysbf5vo0un] {
    display: flex;
    gap: 6px;
    padding: 4px 0 0 22px;
}

.addrow.flush[b-ysbf5vo0un] {
    padding-left: 0;
}

.addrow .btn[b-ysbf5vo0un] {
    border-style: dashed;
    color: var(--mud-palette-text-secondary);
}

.empty[b-ysbf5vo0un] {
    font-size: 12px;
    color: var(--mud-palette-text-disabled);
    padding: 6px 0 6px 26px;
    font-style: italic;
}
/* /Components/Config/ServiceList.razor.rz.scp.css */
.list[b-28j5ieqtpf] {
    display: flex;
    flex-direction: column;
    font-size: 13px;
}

.tools[b-28j5ieqtpf] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px 6px;
}

[b-28j5ieqtpf] .search {
    flex: 1;
}

.head[b-28j5ieqtpf],
.row[b-28j5ieqtpf] {
    display: grid;
    grid-template-columns: 18px minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1.4fr) 84px 28px;
    gap: 10px;
    align-items: center;
    padding: 5px 12px;
}

.head[b-28j5ieqtpf] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--mud-palette-surface);
    border-bottom: 1px solid var(--mud-palette-lines-default);
    padding-top: 6px;
    padding-bottom: 4px;
}

.head .col[b-28j5ieqtpf] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 2px;
    padding: 0;
    border: 0;
    background: none;
    font-family: inherit;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: var(--ui-tracking);
    color: var(--mud-palette-text-disabled);
    cursor: pointer;
    text-align: left;
    white-space: nowrap;
}

.head .col:hover[b-28j5ieqtpf],
.head .col.on[b-28j5ieqtpf] {
    color: var(--mud-palette-text-primary);
}

.row[b-28j5ieqtpf] {
    min-height: 34px;
    cursor: pointer;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    transition: background-color 80ms ease;
}

.row:last-of-type[b-28j5ieqtpf] {
    border-bottom: 0;
}

.row:hover[b-28j5ieqtpf],
.row:focus-within[b-28j5ieqtpf] {
    background: rgba(var(--mud-palette-primary-rgb), 0.08);
}

.row:hover .sname[b-28j5ieqtpf] {
    color: var(--mud-palette-primary);
}

.name[b-28j5ieqtpf] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.sname[b-28j5ieqtpf],
.internal[b-28j5ieqtpf],
.muted[b-28j5ieqtpf] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.internal[b-28j5ieqtpf] {
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
}

.muted[b-28j5ieqtpf] {
    font-size: 12px;
    color: var(--mud-palette-text-disabled);
}

.acts[b-28j5ieqtpf] {
    display: flex;
    justify-content: flex-end;
    opacity: 0;
    transition: opacity 80ms ease;
}

.row:hover .acts[b-28j5ieqtpf],
.row:focus-within .acts[b-28j5ieqtpf] {
    opacity: 1;
}

[b-28j5ieqtpf] .svc-icon {
    font-size: 16px;
    color: var(--mud-palette-text-disabled);
}

.empty[b-28j5ieqtpf] {
    font-size: 12px;
    color: var(--mud-palette-text-disabled);
    padding: 14px 12px;
    font-style: italic;
}

@media (max-width: 720px) {
    .head[b-28j5ieqtpf],
    .row[b-28j5ieqtpf] {
        grid-template-columns: 18px minmax(0, 1fr) 84px 28px;
    }

    .head > :nth-child(3)[b-28j5ieqtpf],
    .head > :nth-child(4)[b-28j5ieqtpf],
    .row > :nth-child(3)[b-28j5ieqtpf],
    .row > :nth-child(4)[b-28j5ieqtpf] {
        display: none;
    }
}
/* /Components/MainLayout.razor.rz.scp.css */
.page[b-0os3mpyq4w] {
    padding: 24px;
    min-height: calc(100vh - var(--mud-appbar-height));
    display: flex;
    flex-direction: column;
}

.page[b-0os3mpyq4w] >  .foot {
    margin-top: auto;
}

@media (max-width: 720px) {
    .page[b-0os3mpyq4w] {
        padding: 12px;
    }
}
/* /Components/Navbar.razor.rz.scp.css */
.bar[b-u1x6tuz8kc] {
    display: flex;
    align-items: center;
    gap: 20px;
    width: 100%;
    height: 100%;
    padding: 0 24px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.logo[b-u1x6tuz8kc] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 700;
    letter-spacing: 0.5px;
    font-size: 15px;
    color: inherit;
    text-decoration: none;
}

.nav[b-u1x6tuz8kc] {
    display: flex;
    gap: 4px;
    margin-left: 12px;
}

[b-u1x6tuz8kc] .nav-link {
    padding: 6px 10px;
    border-radius: 6px;
    font-size: 13px;
    color: inherit;
    text-decoration: none;
    opacity: 0.85;
    white-space: nowrap;
}

[b-u1x6tuz8kc] .nav-link:hover {
    background: var(--mud-palette-gray-lighter);
}

[b-u1x6tuz8kc] .nav-link.cur {
    opacity: 1;
    background: var(--mud-palette-gray-lighter);
    color: var(--mud-palette-primary);
}

.srcpill[b-u1x6tuz8kc] {
    font-size: 11px;
    letter-spacing: 0.15px;
    padding: 3px 9px;
    border-radius: 12px;
    border: 1px solid var(--mud-palette-warning);
    color: var(--mud-palette-warning);
    background: rgba(var(--mud-palette-warning-rgb), 0.14);
    text-decoration: none;
    white-space: nowrap;
}

@media (max-width: 720px) {
    .nav[b-u1x6tuz8kc] {
        display: none;
    }

    .bar[b-u1x6tuz8kc] {
        padding: 0 12px;
        gap: 10px;
    }
}
/* /Components/NavbarMenu.razor.rz.scp.css */
.avatar[b-503zmgv3g3] {
    font: inherit;
    font-size: 12px;
    padding: 0;
    color: inherit;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--mud-palette-gray-lighter);
    border: 1px solid var(--mud-palette-lines-default);
    display: grid;
    place-items: center;
    font-weight: 500;
    cursor: pointer;
    flex: none;
}

.menu[b-503zmgv3g3] {
    width: 280px;
}

.ph[b-503zmgv3g3] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.who[b-503zmgv3g3] {
    font-size: var(--ui-body);
    font-weight: 500;
}

.pb[b-503zmgv3g3] {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.pf[b-503zmgv3g3] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 8px 12px;
    border-top: 1px solid var(--mud-palette-lines-default);
}

.src .help.warn[b-503zmgv3g3] {
    margin-top: 8px;
}

.toggle[b-503zmgv3g3] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: var(--ui-body);
    padding-top: 6px;
}
/* /Components/Shared/AppFooter.razor.rz.scp.css */
.foot[b-2w8fi0y6g5] {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
    padding: 18px 0 0;
    margin-top: 24px;
    font-size: 12px;
    color: var(--mud-palette-text-disabled);
    border-top: 1px solid var(--mud-palette-lines-default);
}
/* /Components/Shared/StateDot.razor.rz.scp.css */
.dot[b-tfskzowl01] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    flex: none;
    background: var(--mud-palette-success);
}

.dot.warn[b-tfskzowl01] {
    background: var(--mud-palette-warning);
}

.dot.crit[b-tfskzowl01] {
    background: var(--mud-palette-error);
}

.dot.info[b-tfskzowl01] {
    background: var(--mud-palette-info);
}

.dot.unknown[b-tfskzowl01] {
    background: var(--mud-palette-text-disabled);
}
/* /Pages/AccountPage.razor.rz.scp.css */
.center[b-0n8ukuko06] {
    min-height: 60vh;
    display: grid;
    place-items: center;
}

.authcard[b-0n8ukuko06] {
    width: 100%;
    max-width: 440px;
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 14px;
    box-shadow: var(--mud-elevation-2);
    padding: 26px 26px 20px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.authcard h3[b-0n8ukuko06] {
    margin: 0;
    font-size: 17px;
    font-weight: 500;
}

.authcard p[b-0n8ukuko06] {
    margin: 0;
    font-size: 13px;
    color: var(--mud-palette-text-secondary);
    line-height: 1.45;
}

.claims[b-0n8ukuko06] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.actions[b-0n8ukuko06] {
    display: flex;
    gap: 8px;
    align-items: center;
}

/* /Pages/ConfigComparisionPage.razor.rz.scp.css */
.pick[b-bqnesfmla0] {
    width: var(--ui-btn-height-sm);
    padding: 0;
}

.diff[b-bqnesfmla0] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 10px;
    overflow: hidden;
}

.diff .col[b-bqnesfmla0] {
    border-right: 1px solid var(--mud-palette-lines-default);
    min-width: 0;
}

.diff .col:last-child[b-bqnesfmla0] {
    border-right: 0;
}

.diff .ch[b-bqnesfmla0] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.diff .ch .meta[b-bqnesfmla0] {
    font-size: 11px;
    color: var(--mud-palette-text-disabled);
    font-weight: 400;
}

.drow[b-bqnesfmla0] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 14px;
    font-size: 12.5px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    min-height: 32px;
}

.drow.app[b-bqnesfmla0] {
    background: var(--mud-palette-gray-lighter);
    font-weight: 500;
}

.drow.d1[b-bqnesfmla0] {
    padding-left: 28px;
}

.drow.d2[b-bqnesfmla0] {
    padding-left: 44px;
}

.drow.d3[b-bqnesfmla0] {
    padding-left: 60px;
}

.drow .label[b-bqnesfmla0] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.drow .path[b-bqnesfmla0] {
    color: var(--mud-palette-text-disabled);
    font-size: 11.5px;
    white-space: nowrap;
}

.drow .r[b-bqnesfmla0] {
    margin-left: auto;
    padding-left: 8px;
}

.drow.add[b-bqnesfmla0] {
    background: rgba(var(--mud-palette-success-rgb), 0.14);
}

.drow.del[b-bqnesfmla0] {
    background: rgba(var(--mud-palette-error-rgb), 0.14);
    text-decoration: line-through;
    color: var(--mud-palette-text-disabled);
}

.drow.mod[b-bqnesfmla0] {
    background: rgba(var(--mud-palette-warning-rgb), 0.14);
}

.legend[b-bqnesfmla0] {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    font-size: 11.5px;
    color: var(--mud-palette-text-disabled);
    padding: 8px 14px;
}

.legend i[b-bqnesfmla0] {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 2px;
    margin-right: 4px;
    vertical-align: -1px;
}

.legend i.add[b-bqnesfmla0] {
    background: rgba(var(--mud-palette-success-rgb), 0.5);
}

.legend i.del[b-bqnesfmla0] {
    background: rgba(var(--mud-palette-error-rgb), 0.5);
}

.legend i.mod[b-bqnesfmla0] {
    background: rgba(var(--mud-palette-warning-rgb), 0.5);
}

.side[b-bqnesfmla0] {
    margin-left: auto;
    display: flex;
    gap: 4px;
}

@media (max-width: 960px) {
    /* the picker holds more than a list, so the stacked strip gets more room than the default */
    .rail-shell > .rail[b-bqnesfmla0] {
        max-height: 50vh;
    }
}

@media (max-width: 720px) {
    .diff[b-bqnesfmla0] {
        grid-template-columns: 1fr;
    }

    .diff .col[b-bqnesfmla0] {
        border-right: 0;
        border-bottom: 1px solid var(--mud-palette-lines-default);
    }
}
/* /Pages/ConfigureApplicationsPage.razor.rz.scp.css */
.card[b-gryb720g4f] {
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 10px;
    box-shadow: var(--mud-elevation-1);
    overflow: hidden;
}

.card-h[b-gryb720g4f] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.hosts[b-gryb720g4f] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.desc[b-gryb720g4f] {
    padding: 10px 16px 0;
    font-size: 12.5px;
    color: var(--mud-palette-text-secondary);
    line-height: 1.45;
}
/* /Pages/DomainsPage.razor.rz.scp.css */
.intro[b-wkzezv2u83] {
    margin-bottom: 14px;
}

.card[b-wkzezv2u83] {
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 10px;
    box-shadow: var(--mud-elevation-1);
    overflow: hidden;
}

.editor[b-wkzezv2u83] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 16px;
}

.hosts[b-wkzezv2u83] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.host[b-wkzezv2u83] {
    display: flex;
    align-items: center;
    gap: 8px;
    /* 32px with the icon button inside, the height of the field below */
    padding: 2px 3px 2px 12px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--ui-radius);
    font-size: var(--ui-body);
}

.host.none[b-wkzezv2u83] {
    padding: 8px 12px;
    color: var(--mud-palette-text-disabled);
    font-style: italic;
}

.host-name[b-wkzezv2u83] {
    overflow-wrap: anywhere;
}

.hostadd[b-wkzezv2u83] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.hostadd[b-wkzezv2u83]  .mud-input-control {
    flex: 1;
}

/* the appended base domain is context, not something the admin typed */
.hostadd[b-wkzezv2u83]  .mud-input-adornment-end {
    color: var(--mud-palette-text-disabled);
    white-space: nowrap;
}

.segrow[b-wkzezv2u83] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.apps[b-wkzezv2u83] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--ui-radius);
    overflow: hidden;
}

.apps > .help[b-wkzezv2u83] {
    padding: 12px 14px;
}

.app[b-wkzezv2u83] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 10px 4px 4px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    font-size: var(--ui-body);
    cursor: pointer;
}

.app:last-child[b-wkzezv2u83] {
    border-bottom: 0;
}

.app:hover[b-wkzezv2u83] {
    background: var(--mud-palette-gray-lighter);
}

.app-text[b-wkzezv2u83] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    flex: 1;
    align-self: stretch;
}

.app-name[b-wkzezv2u83] {
    flex: none;
    color: var(--mud-palette-text-primary);
}

.app-desc[b-wkzezv2u83] {
    min-width: 0;
    font-size: var(--ui-meta);
    color: var(--mud-palette-text-disabled);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.app[b-wkzezv2u83]  .mud-checkbox {
    margin: 0;
}

.app[b-wkzezv2u83]  .mud-button-root {
    padding: 4px;
}

.foot[b-wkzezv2u83] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    border-top: 1px solid var(--mud-palette-lines-default);
}
/* /Pages/Home.razor.rz.scp.css */
.ts[b-ysq95rw1yf] {
    margin-left: auto;
    color: var(--mud-palette-text-disabled);
}

.grid[b-ysq95rw1yf] {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    align-items: start;
}

/* first paint before the snapshot exists: cards render dimmed, the label pulses */
.grid.booting[b-ysq95rw1yf] {
    opacity: 0.55;
    pointer-events: none;
}

.ts.booting[b-ysq95rw1yf] {
    animation: booting-b-ysq95rw1yf 1.2s ease-in-out infinite;
}

@keyframes booting-b-ysq95rw1yf {
    50% {
        opacity: 0.35;
    }
}

.empty[b-ysq95rw1yf] {
    padding: 48px 0;
    text-align: center;
    color: var(--mud-palette-text-disabled);
}

[b-ysq95rw1yf] .scope {
    width: 220px;
    flex: none;
}
/* /Pages/Login.razor.rz.scp.css */
.center[b-i6cta7v818] {
    min-height: 60vh;
    display: grid;
    place-items: center;
}

.authcard[b-i6cta7v818] {
    width: 100%;
    max-width: 440px;
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 14px;
    box-shadow: var(--mud-elevation-2);
    padding: 26px 26px 20px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.authcard h3[b-i6cta7v818] {
    margin: 0;
    font-size: 17px;
    font-weight: 500;
}

.authcard p[b-i6cta7v818] {
    margin: 0;
    font-size: 13px;
    color: var(--mud-palette-text-secondary);
    line-height: 1.45;
}

.claims[b-i6cta7v818] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.actions[b-i6cta7v818] {
    display: flex;
    gap: 8px;
    align-items: center;
}

/* /Pages/UsersPage.razor.rz.scp.css */
.intro[b-twk1encrpr] {
    margin-bottom: 14px;
}

.card[b-twk1encrpr] {
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 10px;
    box-shadow: var(--mud-elevation-1);
    overflow: hidden;
}

.editor[b-twk1encrpr] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px;
}

.meta[b-twk1encrpr] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.field-label[b-twk1encrpr] {
    margin-bottom: 6px;
}

.roles[b-twk1encrpr] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}

.role[b-twk1encrpr] {
    /* a button is a flex container here, so the label and meaning must be told to stack */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
    padding: 10px;
    font: inherit;
    font-size: 12.5px;
    text-align: left;
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    cursor: pointer;
}

.role:disabled[b-twk1encrpr] {
    cursor: default;
    opacity: 0.7;
}

.role.on[b-twk1encrpr] {
    border-color: var(--mud-palette-primary);
    background: rgba(var(--mud-palette-info-rgb), 0.12);
}

.role b[b-twk1encrpr] {
    font-weight: 500;
}

.role span[b-twk1encrpr] {
    color: var(--mud-palette-text-disabled);
    font-size: 11.5px;
}

.pwrow[b-twk1encrpr] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.pwrow[b-twk1encrpr]  .mud-input-control {
    flex: 1;
}

.roles + .help[b-twk1encrpr],
.pwrow + .help[b-twk1encrpr] {
    margin-top: 6px;
}

.foot[b-twk1encrpr] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    border-top: 1px solid var(--mud-palette-lines-default);
}

@media (max-width: 560px) {
    .roles[b-twk1encrpr] {
        grid-template-columns: 1fr;
    }
}