/* _content/Rmm.Web/Components/Layout/FullBleedLayout.razor.rz.scp.css */
.page.full-bleed[b-ad7grdkxe4],
.page.full-bleed > main[b-ad7grdkxe4] {
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
}
/* _content/Rmm.Web/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-39fezus9q9] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-39fezus9q9] {
    flex: 1;
}

.sidebar[b-39fezus9q9] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-39fezus9q9] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-39fezus9q9]  a, .top-row[b-39fezus9q9]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-39fezus9q9]  a:hover, .top-row[b-39fezus9q9]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-39fezus9q9]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-39fezus9q9] {
        justify-content: space-between;
    }

    .top-row[b-39fezus9q9]  a, .top-row[b-39fezus9q9]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-39fezus9q9] {
        flex-direction: row;
    }

    .sidebar[b-39fezus9q9] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-39fezus9q9] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-39fezus9q9]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-39fezus9q9], article[b-39fezus9q9] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-39fezus9q9] {
    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-39fezus9q9] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/Rmm.Web/Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-ssrrvyrbh0] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-ssrrvyrbh0] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-ssrrvyrbh0] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-ssrrvyrbh0] {
    font-size: 1.1rem;
}

.bi[b-ssrrvyrbh0] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-ssrrvyrbh0] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-ssrrvyrbh0] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-ssrrvyrbh0] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-ssrrvyrbh0] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-ssrrvyrbh0] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-ssrrvyrbh0] {
        padding-bottom: 1rem;
    }

    .nav-item[b-ssrrvyrbh0]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-ssrrvyrbh0]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-ssrrvyrbh0]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-ssrrvyrbh0] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-ssrrvyrbh0] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-ssrrvyrbh0] {
        display: none;
    }

    .nav-scrollable[b-ssrrvyrbh0] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* _content/Rmm.Web/Components/Pages/DeviceDetail.razor.rz.scp.css */
.dev-app[b-4j7mzmwpsq] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: #0c1117;
    color: #d6e1ee;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* ---- Top bar ---- */
.dev-bar[b-4j7mzmwpsq] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 10px 18px;
    background: #11171f;
    border-bottom: 1px solid #1f2a37;
}
.dev-bar-left[b-4j7mzmwpsq] { display: flex; align-items: center; gap: 12px; min-width: 0; }
.dev-back[b-4j7mzmwpsq] {
    display: inline-flex; align-items: center; justify-content: center;
    width: 30px; height: 30px; border-radius: 7px;
    color: #9fb0c4; text-decoration: none; flex: 0 0 30px;
    transition: background .15s, color .15s;
}
.dev-back:hover[b-4j7mzmwpsq] { background: #1c2533; color: #fff; }

.dev-status-dot[b-4j7mzmwpsq] { width: 10px; height: 10px; border-radius: 50%; flex: 0 0 10px; }
.dev-status-dot.is-online[b-4j7mzmwpsq] { background: #3aa764; box-shadow: 0 0 0 3px rgba(58,167,100,.2); }
.dev-status-dot.is-offline[b-4j7mzmwpsq] { background: #6b7a8d; box-shadow: 0 0 0 3px rgba(107,122,141,.2); }

.dev-bar-meta[b-4j7mzmwpsq] { display: flex; flex-direction: column; min-width: 0; }
.dev-bar-host[b-4j7mzmwpsq] { font-size: 15px; font-weight: 700; color: #f1f5fa; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dev-bar-sub[b-4j7mzmwpsq] { font-size: 12px; color: #7d8ea3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.dev-bar-right[b-4j7mzmwpsq] { display: flex; align-items: center; gap: 10px; flex: 0 0 auto; }
.dev-pill[b-4j7mzmwpsq] {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: 11.5px; font-weight: 600; padding: 4px 10px; border-radius: 20px;
}
.dev-pill .dev-pill-dot[b-4j7mzmwpsq] { width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.dev-pill.is-online[b-4j7mzmwpsq] { background: rgba(58,167,100,.15); color: #4cc47e; }
.dev-pill.is-offline[b-4j7mzmwpsq] { background: rgba(107,122,141,.15); color: #9aa7b6; }

.dev-btn[b-4j7mzmwpsq] {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: 12.5px; font-weight: 600; padding: 6px 12px; border-radius: 7px;
    color: #d6e1ee; background: #1c2533; border: 1px solid #2a3645;
    text-decoration: none; cursor: pointer; transition: background .15s, border-color .15s;
}
.dev-btn:hover[b-4j7mzmwpsq] { background: #243042; border-color: #3aa764; color: #fff; }
.dev-spin[b-4j7mzmwpsq] { display: inline-block; animation: dev-spin-b-4j7mzmwpsq 1s linear infinite; }
@keyframes dev-spin-b-4j7mzmwpsq { to { transform: rotate(360deg); } }

/* ---- Body ---- */
.dev-empty[b-4j7mzmwpsq] {
    flex: 1 1 auto;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 12px; color: #7d8ea3; padding: 60px 20px; text-align: center;
}
.dev-empty-ico[b-4j7mzmwpsq] { font-size: 40px; color: #44566a; }
.dev-spinner[b-4j7mzmwpsq] {
    width: 28px; height: 28px; border-radius: 50%;
    border: 3px solid #2a3645; border-top-color: #3aa764;
    animation: dev-spin-b-4j7mzmwpsq 1s linear infinite;
}
.dev-empty h3[b-4j7mzmwpsq] { color: #c4d2e2; margin: 0; }
.dev-empty p[b-4j7mzmwpsq] { margin: 0; font-size: 13px; max-width: 420px; line-height: 1.5; }

.dev-grid[b-4j7mzmwpsq] {
    flex: 1 1 auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
    padding: 18px;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
}
.dev-card[b-4j7mzmwpsq] {
    background: #11171f;
    border: 1px solid #1f2a37;
    border-radius: 12px;
    padding: 16px 16px 14px;
}
.dev-card-wide[b-4j7mzmwpsq] { grid-column: 1 / -1; }

.dev-card-title[b-4j7mzmwpsq] {
    display: flex; align-items: center; gap: 8px;
    font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px;
    color: #7d8ea3; margin: 0 0 10px;
}
.dev-card-title i[b-4j7mzmwpsq] { font-size: 14px; color: #9fb0c4; }
.dev-card-title[b-4j7mzmwpsq]  .dev-rs-badge { margin-left: auto; font-size: 11px; font-weight: 600; letter-spacing: .2px; }

.dev-card-collapsible.is-collapsed .dev-card-toggle[b-4j7mzmwpsq] { margin-bottom: 0; }

.dev-card-toggle[b-4j7mzmwpsq] {
    width: 100%;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    text-align: left;
    font: inherit;
    color: inherit;
    transition: color .15s;
}
.dev-card-toggle:hover[b-4j7mzmwpsq] { color: #9fb0c4; }
.dev-card-toggle:focus-visible[b-4j7mzmwpsq] {
    outline: 2px solid #3aa764;
    outline-offset: 2px;
    border-radius: 4px;
}

.dev-card-toggle-summary[b-4j7mzmwpsq] {
    margin-left: auto;
    font-size: 11.5px;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0;
    color: #9fb0c4;
}

.dev-card-chevron[b-4j7mzmwpsq] {
    flex: 0 0 auto;
    font-size: 12px;
    color: #7d8ea3;
    transition: transform .2s ease;
    margin-left: 6px;
}
.dev-card-chevron.is-open[b-4j7mzmwpsq] { transform: rotate(180deg); }

.dev-big[b-4j7mzmwpsq] {
    font-size: 26px; font-weight: 700; color: #f1f5fa; margin-bottom: 8px;
    font-variant-numeric: tabular-nums;
}

.dev-bar-track[b-4j7mzmwpsq] {
    height: 8px; border-radius: 6px; background: #1c2533; overflow: hidden;
    margin-bottom: 12px;
}
.dev-bar-fill[b-4j7mzmwpsq] { height: 100%; border-radius: 6px; transition: width .4s ease; }
.dev-bar-cpu[b-4j7mzmwpsq] { background: linear-gradient(90deg, #3aa764, #e0a648); }
.dev-bar-ram[b-4j7mzmwpsq] { background: linear-gradient(90deg, #1b6ec2, #4cc47e); }

.dev-card-sub[b-4j7mzmwpsq] { font-size: 11.5px; color: #6b7a8d; margin: 6px 0 0; }

.dev-kv[b-4j7mzmwpsq] { margin: 0; display: flex; flex-direction: column; gap: 6px; }
.dev-kv > div[b-4j7mzmwpsq] { display: flex; gap: 10px; align-items: baseline; }
.dev-kv dt[b-4j7mzmwpsq] { flex: 0 0 110px; font-size: 11.5px; font-weight: 600; color: #7d8ea3; text-transform: uppercase; letter-spacing: 0.3px; }
.dev-kv dd[b-4j7mzmwpsq] { margin: 0; font-size: 13px; color: #d6e1ee; flex: 1 1 auto; word-break: break-word; }

.dev-kv-cols[b-4j7mzmwpsq] { gap: 8px; }
.dev-kv-cols > div[b-4j7mzmwpsq] { padding: 6px 0; border-bottom: 1px solid #1c2533; }
.dev-kv-cols > div:last-child[b-4j7mzmwpsq] { border-bottom: 0; }

.dev-sub-title[b-4j7mzmwpsq] {
    font-size: 11.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.4px;
    color: #7d8ea3; margin: 14px 0 8px;
}

.dev-table[b-4j7mzmwpsq] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12.5px;
}
.dev-table thead th[b-4j7mzmwpsq] {
    text-align: left; font-size: 10.5px; font-weight: 700; text-transform: uppercase;
    letter-spacing: 0.4px; color: #7d8ea3; padding: 8px 10px;
    border-bottom: 1px solid #1f2a37;
}
.dev-table tbody td[b-4j7mzmwpsq] {
    padding: 9px 10px; border-bottom: 1px solid #1c2533; color: #d6e1ee; vertical-align: top;
}
.dev-table tbody tr:last-child td[b-4j7mzmwpsq] { border-bottom: 0; }
.dev-table code[b-4j7mzmwpsq] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 11.5px; color: #9fb0c4; background: #0c1117; padding: 1px 5px; border-radius: 4px;
}

@media (max-width: 760px) {
    .dev-grid[b-4j7mzmwpsq] { grid-template-columns: 1fr; }
}

.dev-screen-shot[b-4j7mzmwpsq] {
    margin-top: 10px;
    border: 1px solid #1f2a37;
    border-radius: 8px;
    overflow: hidden;
    background: #0c1117;
}
.dev-screen-shot img[b-4j7mzmwpsq] {
    display: block;
    width: 100%;
    height: auto;
}

/* ---- Remote Shell (PowerShell) ---- */
.dev-ps-presets[b-4j7mzmwpsq] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
}

.dev-ps-presets[b-4j7mzmwpsq]  .dev-ps-preset-btn {
    font-size: 11.5px;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0;
    border-color: #2a3645;
    color: #9fb0c4;
}

.dev-ps-presets[b-4j7mzmwpsq]  .dev-ps-preset-btn:hover:not(:disabled) {
    border-color: #3aa764;
    color: #d6e1ee;
    background: rgba(58, 167, 100, .08);
}

.dev-ps-presets-hint[b-4j7mzmwpsq] {
    font-size: 11.5px;
    color: #6b7a8d;
    margin: 8px 0 10px;
    line-height: 1.45;
}

.dev-ps-presets-hint code[b-4j7mzmwpsq] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 11px;
    color: #9fb0c4;
    background: #0c1117;
    padding: 1px 5px;
    border-radius: 4px;
}

.dev-ps-actions[b-4j7mzmwpsq] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 12px;
}

.dev-ps-output[b-4j7mzmwpsq] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.dev-ps-block[b-4j7mzmwpsq] {
    background: #0c1117;
    border: 1px solid #1f2a37;
    border-radius: 8px;
    overflow: hidden;
}

.dev-ps-label[b-4j7mzmwpsq] {
    font-size: 10.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: #7d8ea3;
    padding: 5px 10px;
    background: #11171f;
    border-bottom: 1px solid #1f2a37;
}

.dev-ps-label-err[b-4j7mzmwpsq] { color: #e57373; }

.dev-ps-pre[b-4j7mzmwpsq] {
    margin: 0;
    padding: 10px 12px;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 12.5px;
    color: #cfe6d8;
    white-space: pre-wrap;
    word-break: break-word;
    max-height: 320px;
    overflow: auto;
}

.dev-ps-pre-err[b-4j7mzmwpsq] { color: #e6c9c9; }

.dev-ps-exit[b-4j7mzmwpsq] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12.5px;
    color: #9fb0c4;
}

.dev-ps-exit-label[b-4j7mzmwpsq] {
    font-size: 10.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: #7d8ea3;
}

.dev-ps-exit code[b-4j7mzmwpsq] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 12.5px;
    padding: 1px 7px;
    border-radius: 4px;
}

.dev-ps-exit-ok[b-4j7mzmwpsq] { color: #4cc47e; background: rgba(58, 167, 100, .15); }
.dev-ps-exit-err[b-4j7mzmwpsq] { color: #e57373; background: rgba(229, 115, 115, .15); }
/* _content/Rmm.Web/Components/Pages/Devices.razor.rz.scp.css */
/* ScreenConnect-style admin layout — scoped to the Devices page */
.sc-app[b-pfyfesm7yc] {
    display: grid;
    grid-template-columns: 248px 1fr;
    min-height: 100vh;
    margin: 0;
    background: #f4f6f9;
    color: #1f2733;
    font-size: 14px;
}

/* ───────────────────────── Sidebar ───────────────────────── */
.sc-sidebar[b-pfyfesm7yc] {
    background: #1e2a38;
    color: #c7d2e0;
    display: flex;
    flex-direction: column;
    border-right: 1px solid #15202b;
}

.sc-sidebar-brand[b-pfyfesm7yc] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    padding: 18px 18px 14px;
    border-bottom: 1px solid #2a3a4d;
}
.sc-logo-dot[b-pfyfesm7yc] {
    width: 10px; height: 10px; border-radius: 50%;
    background: #3aa764;
    box-shadow: 0 0 0 3px rgba(58,167,100,.25);
    align-self: center;
}
.sc-brand-text[b-pfyfesm7yc] { font-size: 16px; font-weight: 700; color: #fff; letter-spacing: .5px; }
.sc-brand-sub[b-pfyfesm7yc] { font-size: 11px; text-transform: uppercase; letter-spacing: 1.5px; color: #7d8ea3; }

.sc-group-nav[b-pfyfesm7yc] { padding: 8px 8px 16px; flex: 1; overflow-y: auto; }
.sc-nav-heading[b-pfyfesm7yc] {
    font-size: 11px; text-transform: uppercase; letter-spacing: 1.2px;
    color: #7d8ea3; margin: 14px 12px 6px; font-weight: 600;
}
.sc-nav-heading.mt-4[b-pfyfesm7yc] { margin-top: 22px; }

[b-pfyfesm7yc] .sc-nav-item {
    display: flex; align-items: center; gap: 11px;
    width: 100%; padding: 9px 12px; border: 0; border-radius: 6px;
    background: transparent; color: #c7d2e0; text-align: left; cursor: pointer;
    font-size: 13.5px; text-decoration: none;
}
.sc-nav-item:hover[b-pfyfesm7yc] { background: #2a3a4d; color: #fff; }
.sc-nav-item.is-active[b-pfyfesm7yc] { background: #2d4a6b; color: #fff; box-shadow: inset 3px 0 0 #3aa764; }
.sc-nav-item.sc-nav-static[b-pfyfesm7yc] { cursor: default; }
.sc-nav-item.sc-nav-static:hover[b-pfyfesm7yc] { background: transparent; color: #c7d2e0; }
.sc-nav-label[b-pfyfesm7yc] { flex: 1; }
.sc-nav-label.muted[b-pfyfesm7yc] { color: #7d8ea3; }
.sc-nav-count[b-pfyfesm7yc] {
    font-size: 11.5px; color: #9fb0c4; background: #2a3a4d;
    padding: 1px 8px; border-radius: 10px; min-width: 22px; text-align: center;
}
.sc-nav-item.is-active .sc-nav-count[b-pfyfesm7yc] { background: #3aa764; color: #fff; }
.sc-nav-ico[b-pfyfesm7yc] { font-size: 16px; line-height: 1; opacity: .9; flex: none; color: #9fb0c4; }
.sc-nav-item:hover .sc-nav-ico[b-pfyfesm7yc],
.sc-nav-link.active .sc-nav-ico[b-pfyfesm7yc] { opacity: 1; color: #fff; }
.sc-nav-hint[b-pfyfesm7yc] { font-size: 11.5px; color: #6b7d92; padding: 4px 12px 0; line-height: 1.4; }

/* app-level nav links (NavLink renders a child <a>, so these need ::deep to match) */
[b-pfyfesm7yc] .sc-nav-link { text-decoration: none; color: #c7d2e0; }
[b-pfyfesm7yc] .sc-nav-link:hover { color: #fff; }
[b-pfyfesm7yc] .sc-nav-link.active { background: #2d4a6b; color: #fff; box-shadow: inset 3px 0 0 #1b6ec2; }
[b-pfyfesm7yc] .sc-nav-link.active .sc-nav-count { background: #1b6ec2; color: #fff; }

.sc-sidebar-foot[b-pfyfesm7yc] { padding: 12px 14px; border-top: 1px solid #2a3a4d; }
.sc-user-row[b-pfyfesm7yc] { display: flex; align-items: center; gap: 9px; padding: 0 0 10px; margin-bottom: 10px; border-bottom: 1px solid #2a3a4d; }
.sc-user-avatar[b-pfyfesm7yc] {
    width: 26px; height: 26px; border-radius: 50%; flex: none;
    background: #2d4a6b; color: #fff; font-size: 12px; font-weight: 700;
    display: flex; align-items: center; justify-content: center;
}
.sc-user-name[b-pfyfesm7yc] { flex: 1; font-size: 12.5px; color: #e3e8ee; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sc-signout[b-pfyfesm7yc] {
    border: 0; background: transparent; color: #9fb0c4; font-size: 15px; cursor: pointer;
    padding: 2px 4px; border-radius: 5px; line-height: 1;
}
.sc-signout:hover[b-pfyfesm7yc] { background: #2a3a4d; color: #fff; }
.sc-signout-form[b-pfyfesm7yc] { display: inline; margin: 0; padding: 0; }
.sc-foot-row[b-pfyfesm7yc] { display: flex; justify-content: space-between; align-items: center; padding: 3px 0; font-size: 12px; }
.sc-foot-label[b-pfyfesm7yc] { color: #7d8ea3; }
.sc-foot-value[b-pfyfesm7yc] { color: #c7d2e0; font-variant-numeric: tabular-nums; }

.sc-switch[b-pfyfesm7yc] { position: relative; display: inline-block; width: 34px; height: 18px; }
.sc-switch input[b-pfyfesm7yc] { opacity: 0; width: 0; height: 0; }
.sc-switch-slider[b-pfyfesm7yc] {
    position: absolute; cursor: pointer; inset: 0; background: #3a4d63;
    border-radius: 18px; transition: .2s;
}
.sc-switch-slider[b-pfyfesm7yc]::before {
    content: ""; position: absolute; height: 14px; width: 14px; left: 2px; top: 2px;
    background: #fff; border-radius: 50%; transition: .2s;
}
.sc-switch input:checked + .sc-switch-slider[b-pfyfesm7yc] { background: #3aa764; }
.sc-switch input:checked + .sc-switch-slider[b-pfyfesm7yc]::before { transform: translateX(16px); }

/* ───────────────────────── Main column ───────────────────────── */
.sc-main[b-pfyfesm7yc] { display: flex; flex-direction: column; min-width: 0; }

.sc-toolbar[b-pfyfesm7yc] {
    display: flex; align-items: center; justify-content: space-between;
    padding: 14px 20px; background: #fff; border-bottom: 1px solid #e3e8ee;
    flex-wrap: wrap; gap: 10px;
}
.sc-toolbar-left[b-pfyfesm7yc] { display: flex; align-items: baseline; gap: 12px; }
.sc-title[b-pfyfesm7yc] { font-size: 18px; font-weight: 600; margin: 0; color: #1f2733; }
.sc-subtitle[b-pfyfesm7yc] { font-size: 12.5px; color: #7d8ea3; }
.sc-toolbar-right[b-pfyfesm7yc] { display: flex; align-items: center; gap: 10px; }

.sc-search[b-pfyfesm7yc] { position: relative; display: flex; align-items: center; }
.sc-search-ico[b-pfyfesm7yc] { position: absolute; left: 9px; color: #9fb0c4; font-size: 15px; pointer-events: none; }
.sc-search-input[b-pfyfesm7yc] {
    padding: 6px 10px 6px 28px; border: 1px solid #d4dbe5; border-radius: 6px;
    width: 260px; font-size: 13px; background: #fff; color: #1f2733;
}
.sc-search-input:focus[b-pfyfesm7yc] { outline: none; border-color: #1b6ec2; box-shadow: 0 0 0 3px rgba(27,110,194,.15); }

.sc-view-toggle[b-pfyfesm7yc] { display: inline-flex; border: 1px solid #d4dbe5; border-radius: 6px; overflow: hidden; }
.sc-toggle-btn[b-pfyfesm7yc] {
    border: 0; background: #fff; color: #7d8ea3; padding: 6px 10px; font-size: 14px; cursor: pointer; line-height: 1;
}
.sc-toggle-btn + .sc-toggle-btn[b-pfyfesm7yc] { border-left: 1px solid #d4dbe5; }
.sc-toggle-btn:hover[b-pfyfesm7yc] { background: #f4f6f9; color: #1f2733; }
.sc-toggle-btn.is-active[b-pfyfesm7yc] { background: #1b6ec2; color: #fff; }

.sc-refresh[b-pfyfesm7yc] { line-height: 1; }
.sc-spin[b-pfyfesm7yc] { display: inline-block; animation: sc-rot-b-pfyfesm7yc 1s linear infinite; }
@keyframes sc-rot-b-pfyfesm7yc { to { transform: rotate(360deg); } }

/* ───────────────────────── Chips ───────────────────────── */
.sc-chips[b-pfyfesm7yc] { display: flex; gap: 8px; padding: 12px 20px 0; flex-wrap: wrap; }
.sc-chip[b-pfyfesm7yc] {
    display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px;
    padding: 4px 12px; border-radius: 14px; background: #fff; border: 1px solid #e3e8ee; color: #44566a;
}
.sc-chip-online[b-pfyfesm7yc] { border-color: #cfe9d8; } 
.sc-chip-offline[b-pfyfesm7yc] { border-color: #e3e8ee; }
.sc-chip-total[b-pfyfesm7yc] { background: #eef2f7; }
.sc-chip-error[b-pfyfesm7yc] { border-color: #f5c6cb; background: #fff5f5; color: #a94442; }

/* status dots */
.sc-status-dot[b-pfyfesm7yc] { width: 9px; height: 9px; border-radius: 50%; display: inline-block; flex: none; }
.sc-dot-online[b-pfyfesm7yc] { background: #3aa764; box-shadow: 0 0 0 2px rgba(58,167,100,.2); }
.sc-dot-offline[b-pfyfesm7yc] { background: #9aa7b5; }
.sc-dot-recent[b-pfyfesm7yc] { background: #f0ad4e; box-shadow: 0 0 0 2px rgba(240,173,78,.2); }
.sc-dot-error[b-pfyfesm7yc] { background: #d9534f; }

/* ───────────────────────── Empty / loading ───────────────────────── */
.sc-empty[b-pfyfesm7yc] {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    padding: 60px 20px; text-align: center; color: #7d8ea3;
}
.sc-empty-ico[b-pfyfesm7yc] { font-size: 40px; color: #c7d2e0; margin-bottom: 8px; }
.sc-empty h3[b-pfyfesm7yc] { font-size: 16px; color: #44566a; margin: 0 0 6px; }
.sc-empty p[b-pfyfesm7yc] { font-size: 13px; line-height: 1.6; max-width: 420px; }
.sc-empty code[b-pfyfesm7yc] { background: #eef2f7; padding: 1px 6px; border-radius: 4px; }
.sc-spinner[b-pfyfesm7yc] {
    width: 26px; height: 26px; border: 3px solid #d4dbe5; border-top-color: #1b6ec2;
    border-radius: 50%; animation: sc-rot-b-pfyfesm7yc .8s linear infinite; margin-bottom: 12px;
}

/* ───────────────────────── Grid view ───────────────────────── */
.sc-grid[b-pfyfesm7yc] {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 16px; padding: 16px 20px 24px;
}
.sc-card[b-pfyfesm7yc] {
    background: #fff; border: 1px solid #e3e8ee; border-radius: 10px; padding: 16px;
    display: flex; flex-direction: column; gap: 12px; transition: box-shadow .15s, border-color .15s;
}
.sc-card:hover[b-pfyfesm7yc] { box-shadow: 0 3px 12px rgba(31,39,51,.08); border-color: #d4dbe5; }
.sc-card.is-offline[b-pfyfesm7yc] { opacity: .82; }
.sc-card-head[b-pfyfesm7yc] { display: flex; align-items: center; gap: 8px; }
.sc-card-host[b-pfyfesm7yc] { font-weight: 600; font-size: 15px; color: #1f2733; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sc-card-head-actions[b-pfyfesm7yc] { margin-left: auto; display: inline-flex; gap: 2px; flex: none; }
.sc-act-ico[b-pfyfesm7yc] {
    border: 0; background: transparent; color: #7d8ea3; cursor: pointer;
    width: 26px; height: 26px; display: inline-flex; align-items: center; justify-content: center;
    border-radius: 6px; font-size: 14px; line-height: 1; padding: 0;
    transition: background .12s, color .12s;
}
.sc-act-ico:hover:not(:disabled)[b-pfyfesm7yc] { background: #eef2f7; color: #1b6ec2; }
.sc-act-ico:disabled[b-pfyfesm7yc] { opacity: .55; cursor: default; }
.sc-act-ico .sc-spin[b-pfyfesm7yc] { display: inline-block; animation: sc-rot-b-pfyfesm7yc 1s linear infinite; }
.sc-card-meta[b-pfyfesm7yc] { margin: 0; display: grid; gap: 6px; }
.sc-card-meta > div[b-pfyfesm7yc] { display: flex; gap: 8px; font-size: 12.5px; align-items: baseline; }
.sc-card-meta dt[b-pfyfesm7yc] { color: #7d8ea3; width: 60px; flex: none; }
.sc-card-meta dd[b-pfyfesm7yc] { margin: 0; color: #44566a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sc-card-meta .sc-meta-os dd[b-pfyfesm7yc] { white-space: normal; overflow: visible; text-overflow: clip; line-height: 1.4; }
.sc-card-meta code[b-pfyfesm7yc] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 12px; color: #1b6ec2; background: #eef4fb; padding: 1px 6px; border-radius: 4px;
}
.sc-card-actions[b-pfyfesm7yc] { display: flex; gap: 6px; margin-top: auto; }
.sc-act[b-pfyfesm7yc] { padding: 3px 10px; font-size: 12.5px; }

/* Remote Shell state badge row */
.sc-card-badges[b-pfyfesm7yc] { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
[b-pfyfesm7yc] .sc-rs-badge { font-size: 11.5px; font-weight: 600; letter-spacing: .2px; padding: 2px 8px; }
.sc-rs-ico[b-pfyfesm7yc] { margin-right: 4px; }

/* on-demand screen-capture thumbnail + status row */
.sc-thumb-row[b-pfyfesm7yc] {
    display: flex; align-items: center; gap: 10px;
    padding: 6px 8px; background: #f7f9fb; border: 1px solid #eef2f7; border-radius: 6px;
}
.sc-thumb[b-pfyfesm7yc] {
    width: 120px; height: auto; border-radius: 4px; border: 1px solid #d4dbe5; display: block; flex: none;
    object-fit: cover; max-height: 80px;
}
.sc-thumb-note[b-pfyfesm7yc] { font-size: 11.5px; color: #7d8ea3; line-height: 1.35; }

/* ───────────────────────── Table view ───────────────────────── */
.sc-table-wrap[b-pfyfesm7yc] { padding: 8px 20px 24px; overflow-x: auto; }
.sc-table[b-pfyfesm7yc] { background: #fff; border: 1px solid #e3e8ee; border-radius: 8px; overflow: hidden; margin: 0; }
.sc-table thead th[b-pfyfesm7yc] { font-size: 11.5px; text-transform: uppercase; letter-spacing: .6px; color: #7d8ea3; font-weight: 600; border-bottom: 1px solid #e3e8ee; background: #fafbfc; }
.sc-table td[b-pfyfesm7yc], .sc-table th[b-pfyfesm7yc] { vertical-align: middle; }
.sc-table tbody tr.is-offline[b-pfyfesm7yc] { opacity: .72; }
.sc-cell-host[b-pfyfesm7yc] { font-weight: 600; color: #1f2733; }
.sc-col-status[b-pfyfesm7yc] { width: 28px; }
.sc-col-actions[b-pfyfesm7yc] { white-space: nowrap; text-align: right; }

/* responsive: collapse sidebar on narrow screens */
@media (max-width: 860px) {
.sc-app[b-pfyfesm7yc] { grid-template-columns: 1fr; }
.sc-sidebar[b-pfyfesm7yc] { display: none; }
}
/* _content/Rmm.Web/Components/Pages/Home.razor.rz.scp.css */
.login-shell[b-73pkcgqd6h] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: radial-gradient(circle at 30% 20%, #243b57 0%, #1e2a38 45%, #15202b 100%);
    color: #1f2733;
}

.login-card[b-73pkcgqd6h] {
    width: 100%;
    max-width: 380px;
    background: #fff;
    border-radius: 12px;
    padding: 32px 28px 24px;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.35);
}

.login-brand[b-73pkcgqd6h] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 18px;
}
.login-logo-dot[b-73pkcgqd6h] {
    width: 12px; height: 12px; border-radius: 50%;
    background: #3aa764;
    box-shadow: 0 0 0 3px rgba(58, 167, 100, 0.25);
}
.login-brand-text[b-73pkcgqd6h] {
    font-size: 18px; font-weight: 700; color: #1f2733; letter-spacing: 0.5px;
}

.login-title[b-73pkcgqd6h] {
    font-size: 18px; font-weight: 600; margin: 0 0 4px; color: #1f2733;
}
.login-sub[b-73pkcgqd6h] {
    font-size: 13px; color: #7d8ea3; margin: 0 0 22px;
}

.login-form[b-73pkcgqd6h] { display: flex; flex-direction: column; gap: 14px; }

.login-field[b-73pkcgqd6h] { display: flex; flex-direction: column; gap: 5px; }
.login-field label[b-73pkcgqd6h] {
    font-size: 12px; font-weight: 600; color: #44566a; letter-spacing: 0.3px;
}
.login-field input[b-73pkcgqd6h] {
    padding: 9px 11px; font-size: 14px; border: 1px solid #d4dbe5; border-radius: 7px;
    color: #1f2733; background: #fff; transition: border-color .15s, box-shadow .15s;
}
.login-field input:focus[b-73pkcgqd6h] {
    outline: none; border-color: #1b6ec2;
    box-shadow: 0 0 0 3px rgba(27, 110, 194, 0.15);
}

.login-row[b-73pkcgqd6h] {
    display: flex; align-items: center; justify-content: space-between; margin-top: 2px;
}
.login-check[b-73pkcgqd6h] {
    display: inline-flex; align-items: center; gap: 7px;
    font-size: 12.5px; color: #44566a; cursor: pointer;
}
.login-check input[b-73pkcgqd6h] { accent-color: #1b6ec2; }
.login-forgot[b-73pkcgqd6h] {
    font-size: 12.5px; color: #1b6ec2; text-decoration: none;
}
.login-forgot:hover[b-73pkcgqd6h] { text-decoration: underline; }

.login-submit[b-73pkcgqd6h] {
    margin-top: 6px;
    padding: 10px 14px; font-size: 14px; font-weight: 600;
    color: #fff; background: #1b6ec2; border: 0; border-radius: 7px;
    cursor: pointer; transition: background .15s;
}
.login-submit:hover:not(:disabled)[b-73pkcgqd6h] { background: #1861ac; }
.login-submit:disabled[b-73pkcgqd6h] { opacity: .7; cursor: default; }

.login-msg[b-73pkcgqd6h] {
    margin-top: 4px; padding: 9px 11px; border-radius: 7px; font-size: 12.5px;
}
.login-msg.is-err[b-73pkcgqd6h] { background: #fff5f5; color: #a94442; border: 1px solid #f5c6cb; }
.login-msg.is-ok[b-73pkcgqd6h] { background: #f0fbf3; color: #1d7a45; border: 1px solid #cfe9d8; }

.login-foot[b-73pkcgqd6h] {
    display: flex; align-items: center; justify-content: space-between;
    margin-top: 22px; padding-top: 16px; border-top: 1px solid #eef2f7;
    font-size: 12.5px; color: #7d8ea3;
}
.login-devices-link[b-73pkcgqd6h] {
    color: #1b6ec2; text-decoration: none; font-weight: 600;
}
.login-devices-link:hover[b-73pkcgqd6h] { text-decoration: underline; }

.login-note[b-73pkcgqd6h] {
    margin-top: 22px; font-size: 11.5px; color: #7d8ea3; text-align: center;
    max-width: 380px; line-height: 1.5; opacity: .85;
}

/* ---- Logged-in account menu (shown on Home when authenticated) ---- */
.account-card[b-73pkcgqd6h] { max-width: 420px; }

.account-menu[b-73pkcgqd6h] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 4px;
}

.account-item[b-73pkcgqd6h] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 12px;
    border: 1px solid #e7ecf3;
    border-radius: 9px;
    text-decoration: none;
    color: #1f2733;
    background: #fff;
    transition: border-color .15s, background .15s, box-shadow .15s;
}
.account-item:hover[b-73pkcgqd6h] {
    border-color: #c5d4e6;
    background: #f7f9fc;
    box-shadow: 0 4px 14px rgba(27, 110, 194, 0.08);
}

.account-item-icon[b-73pkcgqd6h] {
    font-size: 20px;
    color: #1b6ec2;
    flex: 0 0 22px;
    text-align: center;
}

.account-item-body[b-73pkcgqd6h] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    flex: 1 1 auto;
}
.account-item-title[b-73pkcgqd6h] {
    font-size: 14px;
    font-weight: 600;
    color: #1f2733;
}
.account-item-sub[b-73pkcgqd6h] {
    font-size: 12px;
    color: #7d8ea3;
}

.account-item-chev[b-73pkcgqd6h] {
    font-size: 14px;
    color: #b6c3d2;
    transition: transform .15s, color .15s;
}
.account-item:hover .account-item-chev[b-73pkcgqd6h] {
    color: #1b6ec2;
    transform: translateX(2px);
}

.account-foot[b-73pkcgqd6h] {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid #eef2f7;
}

.login-submit.is-ghost[b-73pkcgqd6h] {
    width: 100%;
    background: #fff;
    color: #a94442;
    border: 1px solid #f0c9cb;
}
.login-submit.is-ghost:hover:not(:disabled)[b-73pkcgqd6h] {
    background: #fdf2f2;
    border-color: #e7a9ac;
}

@media (max-width: 480px) {
    .login-card[b-73pkcgqd6h] { padding: 26px 20px 20px; border-radius: 10px; }
}
/* _content/Rmm.Web/Components/Pages/Profile.razor.rz.scp.css */
.profile-card[b-1j7nqew2mn] { max-width: 460px; }

.profile-head[b-1j7nqew2mn] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
}

.profile-back[b-1j7nqew2mn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px; height: 30px;
    border-radius: 8px;
    color: #44566a;
    text-decoration: none;
    transition: background .15s, color .15s;
}
.profile-back:hover[b-1j7nqew2mn] { background: #eef2f7; color: #1b6ec2; }

.profile-avatar[b-1j7nqew2mn] {
    width: 64px; height: 64px;
    border-radius: 50%;
    background: linear-gradient(135deg, #1b6ec2, #3aa764);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 4px 0 12px;
    box-shadow: 0 6px 18px rgba(27, 110, 194, 0.3);
}
.profile-avatar-text[b-1j7nqew2mn] {
    font-size: 26px;
    font-weight: 700;
    text-transform: uppercase;
}

.profile-list[b-1j7nqew2mn] {
    margin: 18px 0 0;
    display: flex;
    flex-direction: column;
    border: 1px solid #eef2f7;
    border-radius: 9px;
    overflow: hidden;
}
.profile-row[b-1j7nqew2mn] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 11px 14px;
    border-bottom: 1px solid #eef2f7;
}
.profile-row:last-child[b-1j7nqew2mn] { border-bottom: 0; }
.profile-row dt[b-1j7nqew2mn] {
    flex: 0 0 120px;
    font-size: 12px;
    font-weight: 600;
    color: #7d8ea3;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}
.profile-row dd[b-1j7nqew2mn] {
    flex: 1 1 auto;
    margin: 0;
    font-size: 14px;
    color: #1f2733;
    font-weight: 500;
}

.profile-roles[b-1j7nqew2mn] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.profile-role-pill[b-1j7nqew2mn] {
    font-size: 11.5px;
    font-weight: 600;
    padding: 3px 9px;
    border-radius: 20px;
    background: #eaf3fb;
    color: #1861ac;
    border: 1px solid #cfe2f5;
    text-transform: lowercase;
}

.profile-section[b-1j7nqew2mn] {
    margin-top: 22px;
    padding-top: 16px;
    border-top: 1px solid #eef2f7;
}
.profile-section-title[b-1j7nqew2mn] {
    font-size: 14px;
    font-weight: 600;
    color: #1f2733;
    margin: 0 0 4px;
}
.profile-section-sub[b-1j7nqew2mn] {
    font-size: 12.5px;
    color: #7d8ea3;
    margin: 0 0 12px;
    line-height: 1.5;
}
.profile-actions[b-1j7nqew2mn] { display: flex; gap: 10px; }

.profile-foot[b-1j7nqew2mn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 22px;
    padding-top: 16px;
    border-top: 1px solid #eef2f7;
    font-size: 12.5px;
}

@media (max-width: 480px) {
    .profile-card[b-1j7nqew2mn] { padding: 26px 20px 20px; border-radius: 10px; }
    .profile-row dt[b-1j7nqew2mn] { flex: 0 0 96px; }
}
/* _content/Rmm.Web/Components/Pages/Rbac.razor.rz.scp.css */
.rbac-wrap[b-mpkrxila4g] {
    max-width: 880px;
    margin: 0 auto;
    padding: 28px 24px 40px;
}

.rbac-head[b-mpkrxila4g] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}
.rbac-head-text[b-mpkrxila4g] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}
.rbac-back[b-mpkrxila4g] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px; height: 32px;
    border-radius: 8px;
    color: #44566a;
    text-decoration: none;
    background: #eef2f7;
    transition: background .15s, color .15s;
    margin-top: 2px;
}
.rbac-back:hover[b-mpkrxila4g] { background: #dde5ef; color: #1b6ec2; }

.rbac-title[b-mpkrxila4g] {
    font-size: 20px;
    font-weight: 700;
    color: #1f2733;
    margin: 0 0 2px;
}
.rbac-sub[b-mpkrxila4g] {
    font-size: 13px;
    color: #7d8ea3;
    margin: 0;
}

.rbac-console-link[b-mpkrxila4g] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 13px;
    font-size: 13px;
    font-weight: 600;
    color: #1b6ec2;
    text-decoration: none;
    border: 1px solid #c5d4e6;
    border-radius: 8px;
    background: #fff;
    transition: background .15s, border-color .15s;
}
.rbac-console-link:hover[b-mpkrxila4g] { background: #f7f9fc; border-color: #1b6ec2; }

.rbac-msg[b-mpkrxila4g] {
    margin-bottom: 14px;
    padding: 10px 13px;
    border-radius: 8px;
    font-size: 13px;
}
.rbac-msg.is-ok[b-mpkrxila4g] { background: #f0fbf3; color: #1d7a45; border: 1px solid #cfe9d8; }
.rbac-msg.is-err[b-mpkrxila4g] { background: #fff5f5; color: #a94442; border: 1px solid #f5c6cb; }

.rbac-card[b-mpkrxila4g] {
    background: #fff;
    border: 1px solid #e7ecf3;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 18px rgba(31, 39, 51, 0.05);
}

.rbac-table[b-mpkrxila4g] {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}
.rbac-table thead th[b-mpkrxila4g] {
    text-align: left;
    font-size: 11.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: #7d8ea3;
    padding: 12px 16px;
    background: #f7f9fc;
    border-bottom: 1px solid #e7ecf3;
}
.rbac-table tbody td[b-mpkrxila4g] {
    padding: 14px 16px;
    border-bottom: 1px solid #eef2f7;
    color: #1f2733;
    vertical-align: middle;
}
.rbac-table tbody tr:last-child td[b-mpkrxila4g] { border-bottom: 0; }
.rbac-table tbody tr:hover[b-mpkrxila4g] { background: #fbfcfe; }

.rbac-username[b-mpkrxila4g] {
    font-weight: 600;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    color: #1b6ec2;
}

.rbac-role-toggles[b-mpkrxila4g] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.rbac-role-toggle[b-mpkrxila4g] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 11px;
    font-size: 12.5px;
    font-weight: 600;
    border-radius: 20px;
    cursor: pointer;
    border: 1px solid transparent;
    transition: background .15s, color .15s, border-color .15s;
}
.rbac-role-toggle.is-on[b-mpkrxila4g] {
    background: #eaf3fb;
    color: #1861ac;
    border-color: #cfe2f5;
}
.rbac-role-toggle.is-off[b-mpkrxila4g] {
    background: #f1f4f8;
    color: #9aa7b6;
    border-color: #e3e9f0;
}
.rbac-role-toggle.is-off:hover[b-mpkrxila4g] { color: #44566a; border-color: #c5d4e6; }
.rbac-role-toggle i[b-mpkrxila4g] { font-size: 13px; }
.rbac-role-toggle.is-on i[b-mpkrxila4g] { color: #3aa764; }

.rbac-note[b-mpkrxila4g] {
    margin-top: 16px;
    font-size: 12px;
    color: #7d8ea3;
    display: flex;
    align-items: flex-start;
    gap: 7px;
    line-height: 1.5;
}
.rbac-note i[b-mpkrxila4g] { margin-top: 2px; color: #9aa7b6; }

@media (max-width: 640px) {
    .rbac-table thead[b-mpkrxila4g] { display: none; }
    .rbac-table[b-mpkrxila4g], .rbac-table tbody[b-mpkrxila4g], .rbac-table tr[b-mpkrxila4g], .rbac-table td[b-mpkrxila4g] { display: block; width: 100%; }
    .rbac-table tr[b-mpkrxila4g] { border-bottom: 1px solid #e7ecf3; padding: 8px 0; }
    .rbac-table td[b-mpkrxila4g] { border-bottom: 0; padding: 4px 16px; }
}
/* _content/Rmm.Web/Components/Pages/Roles.razor.rz.scp.css */
.roles-card[b-c046xefquz] { max-width: 480px; }

.profile-head[b-c046xefquz] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
}
.profile-back[b-c046xefquz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px; height: 30px;
    border-radius: 8px;
    color: #44566a;
    text-decoration: none;
    transition: background .15s, color .15s;
}
.profile-back:hover[b-c046xefquz] { background: #eef2f7; color: #1b6ec2; }

.profile-foot[b-c046xefquz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 22px;
    padding-top: 16px;
    border-top: 1px solid #eef2f7;
    font-size: 12.5px;
}

.roles-list[b-c046xefquz] {
    margin-top: 18px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.role-block[b-c046xefquz] {
    border: 1px solid #e7ecf3;
    border-radius: 10px;
    padding: 14px 14px 12px;
    background: #fff;
}

.role-block-head[b-c046xefquz] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 6px;
}
.role-block-title[b-c046xefquz] {
    font-size: 14px;
    font-weight: 600;
    color: #1f2733;
}
.role-block-desc[b-c046xefquz] {
    font-size: 12.5px;
    color: #7d8ea3;
    margin: 0 0 10px;
    line-height: 1.5;
}

.role-pill[b-c046xefquz] {
    font-size: 11.5px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 20px;
    text-transform: lowercase;
    letter-spacing: 0.3px;
}
.role-pill-admin[b-c046xefquz] {
    background: #fdecea;
    color: #a94442;
    border: 1px solid #f5c6cb;
}
.role-pill-operator[b-c046xefquz] {
    background: #eaf3fb;
    color: #1861ac;
    border: 1px solid #cfe2f5;
}

.role-perms[b-c046xefquz] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.role-perm[b-c046xefquz] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 13px;
    color: #1f2733;
    line-height: 1.45;
}
.role-perm-tick[b-c046xefquz] {
    color: #3aa764;
    font-size: 14px;
    margin-top: 2px;
    flex: 0 0 14px;
}

@media (max-width: 480px) {
    .roles-card[b-c046xefquz] { padding: 26px 20px 20px; border-radius: 10px; }
}
/* _content/Rmm.Web/Components/Pages/Terminal.razor.rz.scp.css */
.term-app[b-aaxwwl512q] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    background: #0c1117;
    color: #d6e1ee;
    font-family: ui-monospace, "Cascadia Code", "JetBrains Mono", SFMono-Regular, Menlo, Consolas, monospace;
}

/* ---- Top bar ---- */
.term-bar[b-aaxwwl512q] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 10px 16px;
    background: #11171f;
    border-bottom: 1px solid #1f2a37;
}
.term-bar-left[b-aaxwwl512q] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}
.term-back[b-aaxwwl512q] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px; height: 30px;
    border-radius: 7px;
    color: #9fb0c4;
    text-decoration: none;
    transition: background .15s, color .15s;
    flex: 0 0 30px;
}
.term-back:hover[b-aaxwwl512q] { background: #1c2533; color: #fff; }

.term-status-dot[b-aaxwwl512q] {
    width: 10px; height: 10px;
    border-radius: 50%;
    flex: 0 0 10px;
}
.term-status-dot.is-online[b-aaxwwl512q] {
    background: #3aa764;
    box-shadow: 0 0 0 3px rgba(58, 167, 100, 0.2);
}
.term-status-dot.is-offline[b-aaxwwl512q] {
    background: #6b7a8d;
    box-shadow: 0 0 0 3px rgba(107, 122, 141, 0.2);
}

.term-bar-meta[b-aaxwwl512q] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}
.term-bar-host[b-aaxwwl512q] {
    font-size: 14px;
    font-weight: 700;
    color: #f1f5fa;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.term-bar-sub[b-aaxwwl512q] {
    font-size: 11.5px;
    color: #7d8ea3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.term-bar-right[b-aaxwwl512q] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 0 0 auto;
}
.term-pill[b-aaxwwl512q] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11.5px;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 20px;
}
.term-pill .term-pill-dot[b-aaxwwl512q] {
    width: 7px; height: 7px;
    border-radius: 50%;
    background: currentColor;
}
.term-pill.is-online[b-aaxwwl512q] {
    background: rgba(58, 167, 100, 0.15);
    color: #4cc47e;
}
.term-pill.is-offline[b-aaxwwl512q] {
    background: rgba(107, 122, 141, 0.15);
    color: #9aa7b6;
}

.term-btn[b-aaxwwl512q] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12.5px;
    font-weight: 600;
    padding: 6px 12px;
    border-radius: 7px;
    color: #d6e1ee;
    background: #1c2533;
    border: 1px solid #2a3645;
    text-decoration: none;
    transition: background .15s, border-color .15s;
}
.term-btn:hover[b-aaxwwl512q] { background: #243042; border-color: #3aa764; color: #fff; }

/* ---- Output body ---- */
.term-body[b-aaxwwl512q] {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 14px 18px 6px;
    font-size: 13px;
    line-height: 1.5;
    scrollbar-width: thin;
    scrollbar-color: #2a3645 transparent;
}
.term-body[b-aaxwwl512q]::-webkit-scrollbar { width: 10px; }
.term-body[b-aaxwwl512q]::-webkit-scrollbar-thumb { background: #2a3645; border-radius: 6px; border: 2px solid #0c1117; }

.term-line[b-aaxwwl512q] { white-space: pre-wrap; word-break: break-word; padding: 1px 0; }
.term-line .term-text[b-aaxwwl512q] { display: inline; }

.term-line.input[b-aaxwwl512q] { color: #d6e1ee; }
.term-line.input .term-text[b-aaxwwl512q] { color: #d6e1ee; }
.term-line.out[b-aaxwwl512q] { color: #c4d2e2; }
.term-line.muted[b-aaxwwl512q] { color: #6b7a8d; }
.term-line.banner[b-aaxwwl512q] {
    color: #4cc47e;
    font-weight: 600;
}
.term-line.warn[b-aaxwwl512q] {
    color: #e0a648;
    background: rgba(224, 166, 72, 0.08);
    border-left: 3px solid #e0a648;
    padding-left: 8px;
    margin: 2px 0;
}
.term-line.err[b-aaxwwl512q] { color: #e06464; }

/* ---- Input line ---- */
.term-input[b-aaxwwl512q] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px 14px;
    background: #0a0f15;
    border-top: 1px solid #1f2a37;
}
.term-prompt[b-aaxwwl512q] {
    color: #4cc47e;
    font-weight: 600;
    white-space: nowrap;
    flex: 0 0 auto;
}
.term-input-field[b-aaxwwl512q] {
    flex: 1 1 auto;
    background: transparent;
    border: 0;
    outline: 0;
    color: #d6e1ee;
    font-family: inherit;
    font-size: 13px;
    caret-color: #4cc47e;
}
.term-input-field[b-aaxwwl512q]::placeholder { color: #44566a; }
.term-input-field:disabled[b-aaxwwl512q] { color: #44566a; cursor: not-allowed; }