/* /Pages/AddEditUser.razor.rz.scp.css */
.user-form-page[b-r57nyhkiii] {
    background: linear-gradient(180deg, #fbfcff 0%, #f5f7fb 100%);
    color: #14162f;
    min-height: calc(100vh - 178px);
    padding: 22px 24px 28px;
}

.user-form-header[b-r57nyhkiii] {
    align-items: flex-start;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    margin-bottom: 18px;
}

.breadcrumb-trail[b-r57nyhkiii] {
    align-items: center;
    color: #4d5773;
    display: flex;
    font-size: 13px;
    font-weight: 800;
    gap: 10px;
    margin-bottom: 12px;
}

.breadcrumb-trail i[b-r57nyhkiii] {
    color: #99a3b8;
    font-size: 11px;
}

.user-form-header h1[b-r57nyhkiii] {
    color: #080a2f;
    font-size: 32px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1.05;
    margin: 0 0 8px;
}

.user-form-header p[b-r57nyhkiii] {
    color: #25294a;
    font-size: 15px;
    font-weight: 700;
    margin: 0;
}

.primary-action[b-r57nyhkiii],
.secondary-action[b-r57nyhkiii] {
    align-items: center;
    border: 0;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease;
}

.primary-action[b-r57nyhkiii] {
    background: linear-gradient(135deg, #2558ff 0%, #6541f5 100%);
    border-radius: 7px;
    box-shadow: 0 16px 30px rgba(51, 83, 229, 0.24);
    color: #fff;
    font-size: 15px;
    font-weight: 900;
    gap: 10px;
    min-height: 48px;
    padding: 0 22px;
    white-space: nowrap;
}

.primary-action:hover[b-r57nyhkiii],
.secondary-action:hover[b-r57nyhkiii] {
    transform: translateY(-1px);
}

.primary-action:disabled[b-r57nyhkiii] {
    cursor: not-allowed;
    opacity: .68;
    transform: none;
}

.secondary-action[b-r57nyhkiii] {
    background: #fff;
    border: 1px solid #dce4f1;
    border-radius: 7px;
    color: #3f4661;
    font-weight: 900;
    gap: 8px;
    min-height: 48px;
    padding: 0 18px;
}

.user-alert[b-r57nyhkiii] {
    align-items: center;
    border-radius: 8px;
    display: flex;
    font-weight: 800;
    gap: 10px;
    margin-bottom: 16px;
    padding: 12px 14px;
}

.user-alert-error[b-r57nyhkiii] {
    background: #fff1f3;
    border: 1px solid #fecdd6;
    color: #be123c;
}

.user-alert-success[b-r57nyhkiii] {
    background: #ecfdf5;
    border: 1px solid #bbf7d0;
    color: #047857;
}

.user-form-shell[b-r57nyhkiii] {
    background: #fff;
    border: 1px solid #dfe6f2;
    border-radius: 8px;
    box-shadow: 0 16px 38px rgba(14, 23, 58, 0.07);
    padding: 22px;
}

.form-section-heading[b-r57nyhkiii] {
    align-items: center;
    display: flex;
    gap: 16px;
    margin-bottom: 22px;
}

.form-section-heading h2[b-r57nyhkiii] {
    color: #11142f;
    font-size: 22px;
    font-weight: 900;
    margin: 0 0 4px;
}

.form-section-heading p[b-r57nyhkiii] {
    color: #66708f;
    font-weight: 800;
    margin: 0;
}

.user-avatar-large[b-r57nyhkiii] {
    align-items: center;
    background: linear-gradient(135deg, #0ea5e9, #2458ff);
    border: 3px solid #fff;
    border-radius: 50%;
    box-shadow: 0 14px 24px rgba(14, 23, 58, .16);
    color: #fff;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 20px;
    font-weight: 900;
    height: 64px;
    justify-content: center;
    width: 64px;
}

.form-grid[b-r57nyhkiii] {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.form-grid label[b-r57nyhkiii] {
    color: #35405a;
    display: flex;
    flex-direction: column;
    font-size: 13px;
    font-weight: 900;
    gap: 7px;
}

.form-grid .form-control[b-r57nyhkiii] {
    border-color: #d9e2ef;
    border-radius: 7px;
    color: #15182f;
    font-weight: 700;
    min-height: 42px;
}

.form-grid .form-control:focus[b-r57nyhkiii] {
    border-color: #4570ff;
    box-shadow: 0 0 0 .18rem rgba(69, 112, 255, .18);
}

.validation-message[b-r57nyhkiii] {
    color: #be123c;
    font-size: 12px;
    font-weight: 800;
}

.section-divider[b-r57nyhkiii] {
    border-top: 1px solid #e8edf5;
    margin: 20px 0;
}

.toggle-grid[b-r57nyhkiii] {
    border-top: 1px solid #e8edf5;
    display: flex;
    gap: 24px;
    margin-top: 20px;
    padding-top: 18px;
}

.toggle-field[b-r57nyhkiii] {
    align-items: center;
    color: #35405a;
    display: inline-flex;
    font-size: 14px;
    font-weight: 900;
    gap: 10px;
}

.toggle-field input[b-r57nyhkiii] {
    height: 18px;
    width: 18px;
}

.audit-grid[b-r57nyhkiii] {
    border-top: 1px solid #e8edf5;
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 22px;
    padding-top: 18px;
}

.audit-grid div[b-r57nyhkiii] {
    background: #f8fbff;
    border: 1px solid #e4ebf5;
    border-radius: 8px;
    padding: 12px;
}

.audit-grid span[b-r57nyhkiii] {
    color: #66708f;
    display: block;
    font-size: 12px;
    font-weight: 900;
    margin-bottom: 6px;
}

.audit-grid strong[b-r57nyhkiii] {
    color: #11142f;
    display: block;
    font-size: 14px;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.form-actions[b-r57nyhkiii] {
    border-top: 1px solid #e8edf5;
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    margin-top: 22px;
    padding-top: 18px;
}

.empty-state[b-r57nyhkiii] {
    color: #66708f;
    font-weight: 800;
    padding: 42px;
    text-align: center;
}

@media (max-width: 980px) {
    .form-grid[b-r57nyhkiii],
    .audit-grid[b-r57nyhkiii] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .user-form-page[b-r57nyhkiii] {
        padding: 18px 14px 28px;
    }

    .user-form-header[b-r57nyhkiii],
    .form-actions[b-r57nyhkiii],
    .toggle-grid[b-r57nyhkiii] {
        align-items: stretch;
        flex-direction: column;
    }

    .form-grid[b-r57nyhkiii],
    .audit-grid[b-r57nyhkiii] {
        grid-template-columns: 1fr;
    }

    .primary-action[b-r57nyhkiii],
    .secondary-action[b-r57nyhkiii] {
        width: 100%;
    }
}
/* /Pages/Home.razor.rz.scp.css */
.signin-landing[b-cxgjxmgvk9] {
    align-items: center;
    background: #edf7ff;
    box-sizing: border-box;
    display: flex;
    height: clamp(560px, calc(86svh - 64px), 860px);
    justify-content: center;
    margin: 0 !important;
    overflow: hidden;
    padding: clamp(4px, .45vw, 8px);
    position: relative;
    width: 100% !important;
}

.signin-landing-link[b-cxgjxmgvk9] {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    outline-offset: -6px;
    overflow: hidden;
    width: 100%;
}

.signin-access-denied[b-cxgjxmgvk9] {
    align-items: center;
    background: #fff1f3;
    border: 1px solid #fecdd6;
    border-radius: 8px;
    box-shadow: 0 16px 38px rgba(14, 23, 58, 0.15);
    color: #be123c;
    display: flex;
    font-size: 16px;
    font-weight: 900;
    gap: 12px;
    left: 50%;
    max-width: min(720px, calc(100% - 32px));
    padding: 14px 18px;
    position: absolute;
    top: 24px;
    transform: translateX(-50%);
    width: max-content;
    z-index: 2;
}

.signin-access-denied i[b-cxgjxmgvk9] {
    flex: 0 0 auto;
}

.signin-landing-link:focus-visible[b-cxgjxmgvk9] {
    outline: 3px solid #0d6efd;
}

.signin-landing-image[b-cxgjxmgvk9] {
    display: block;
    height: 100%;
    max-width: 100%;
    object-fit: cover;
    object-position: center center;
    width: 100%;
}

@media (max-width: 900px) {
    .signin-landing[b-cxgjxmgvk9] {
        height: clamp(500px, calc(84svh - 58px), 620px);
        padding: 4px;
    }

    .signin-landing-link[b-cxgjxmgvk9],
    .signin-landing-image[b-cxgjxmgvk9] {
        height: 100%;
        object-fit: cover;
    }
}

@media (max-width: 720px) {
    .signin-access-denied[b-cxgjxmgvk9] {
        align-items: flex-start;
        font-size: 14px;
        top: 14px;
        width: calc(100% - 28px);
    }
}
/* /Pages/ManageApplications.razor.rz.scp.css */
.manage-applications-page[b-og21k2bj6o] {
    background:
        radial-gradient(circle at top right, rgba(84, 67, 255, 0.08), transparent 30%),
        linear-gradient(180deg, #fbfcff 0%, #f5f7fb 100%);
    color: #14162f;
    max-width: 100%;
    min-height: calc(100vh - 136px);
    overflow-x: hidden;
    padding: 12px 14px 16px;
}

.manage-header[b-og21k2bj6o] {
    align-items: flex-start;
    display: flex;
    gap: 14px;
    justify-content: space-between;
    margin-bottom: 12px;
    min-width: 0;
}

.manage-header h1[b-og21k2bj6o] {
    color: #080a2f;
    font-size: 27px;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.05;
    margin: 0 0 4px;
}

.manage-header p[b-og21k2bj6o] {
    color: #25294a;
    font-size: 13px;
    font-weight: 700;
    margin: 0;
}

.primary-action[b-og21k2bj6o],
.secondary-action[b-og21k2bj6o],
.icon-action[b-og21k2bj6o],
.row-actions button[b-og21k2bj6o],
.link-icon-button[b-og21k2bj6o],
.pagination-bar button[b-og21k2bj6o] {
    align-items: center;
    border: 0;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease;
}

.primary-action[b-og21k2bj6o] {
    background: linear-gradient(135deg, #138bff 0%, #5937f6 100%);
    border-radius: 7px;
    box-shadow: 0 10px 20px rgba(51, 83, 229, 0.2);
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    gap: 8px;
    min-height: 40px;
    padding: 0 16px;
    white-space: nowrap;
}

.primary-action:hover[b-og21k2bj6o],
.secondary-action:hover[b-og21k2bj6o],
.row-actions button:hover[b-og21k2bj6o],
.link-icon-button:hover[b-og21k2bj6o] {
    transform: translateY(-1px);
}

.primary-action:disabled[b-og21k2bj6o] {
    cursor: not-allowed;
    opacity: .68;
    transform: none;
}

.secondary-action[b-og21k2bj6o] {
    background: #fff;
    border: 1px solid #dce4f1;
    border-radius: 7px;
    color: #3f4661;
    font-weight: 800;
    font-size: 13px;
    gap: 7px;
    min-height: 38px;
    padding: 0 13px;
}

.metric-grid[b-og21k2bj6o] {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 12px;
}

.metric-card[b-og21k2bj6o] {
    align-items: center;
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid #e3e9f4;
    border-radius: 8px;
    box-shadow: 0 8px 22px rgba(14, 23, 58, 0.055);
    display: grid;
    gap: 3px 12px;
    grid-template-columns: 48px minmax(0, 1fr);
    min-height: 74px;
    padding: 11px 12px;
}

.metric-icon[b-og21k2bj6o] {
    align-items: center;
    border-radius: 50%;
    display: inline-flex;
    font-size: 21px;
    grid-row: span 2;
    height: 44px;
    justify-content: center;
    width: 44px;
}

.metric-label[b-og21k2bj6o] {
    color: #68708b;
    font-size: 12px;
    font-weight: 800;
}

.metric-card strong[b-og21k2bj6o] {
    color: #11142f;
    font-size: 23px;
    font-weight: 900;
    line-height: 1;
}

.metric-total .metric-icon[b-og21k2bj6o] {
    background: #e7f0ff;
    box-shadow: inset 0 0 0 2px #c8dcff;
    color: #2458ff;
}

.metric-active .metric-icon[b-og21k2bj6o] {
    background: #dff8eb;
    color: #16a45b;
}

.metric-inactive .metric-icon[b-og21k2bj6o] {
    background: #ffe1e5;
    color: #ef3d4d;
}

.metric-recent .metric-icon[b-og21k2bj6o] {
    background: #fff0d7;
    box-shadow: inset 0 0 0 2px #ffdca1;
    color: #f59e0b;
}

.application-toolbar[b-og21k2bj6o] {
    border-top: 1px solid #e5eaf3;
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(240px, 1.65fr) minmax(130px, .55fr) minmax(170px, .8fr) auto;
    margin-bottom: 10px;
    max-width: 100%;
    padding-top: 10px;
}

.search-box[b-og21k2bj6o] {
    align-items: center;
    background: #fff;
    border: 1px solid #dce4f1;
    border-radius: 8px;
    box-shadow: 0 5px 14px rgba(13, 20, 45, .03);
    color: #66708f;
    display: flex;
    gap: 8px;
    min-height: 38px;
    padding: 0 11px;
}

.search-box input[b-og21k2bj6o],
.application-toolbar select[b-og21k2bj6o] {
    background: #fff;
    border: 0;
    color: #15182f;
    font-size: 12.5px;
    font-weight: 700;
    min-width: 0;
    outline: 0;
    width: 100%;
}

.search-box input[b-og21k2bj6o]::placeholder {
    color: #78829d;
}

.application-toolbar select[b-og21k2bj6o] {
    appearance: auto;
    border: 1px solid #dce4f1;
    border-radius: 8px;
    box-shadow: 0 5px 14px rgba(13, 20, 45, .03);
    min-height: 38px;
    padding: 0 10px;
}

.applications-table-shell[b-og21k2bj6o] {
    background: #fff;
    border: 1px solid #dfe6f2;
    border-radius: 8px;
    box-shadow: 0 9px 24px rgba(14, 23, 58, 0.055);
    overflow: hidden;
    max-width: 100%;
}

.applications-table-scroll[b-og21k2bj6o] {
    overflow-x: auto;
    max-width: 100%;
}

.applications-table[b-og21k2bj6o] {
    border-collapse: collapse;
    min-width: 760px;
    table-layout: fixed;
    width: 100%;
}

.applications-table th:nth-child(1)[b-og21k2bj6o],
.applications-table td:nth-child(1)[b-og21k2bj6o] {
    width: 34%;
}

.applications-table th:nth-child(2)[b-og21k2bj6o],
.applications-table td:nth-child(2)[b-og21k2bj6o] {
    width: 18%;
}

.applications-table th:nth-child(3)[b-og21k2bj6o],
.applications-table td:nth-child(3)[b-og21k2bj6o] {
    width: 10%;
}

.applications-table th:nth-child(4)[b-og21k2bj6o],
.applications-table td:nth-child(4)[b-og21k2bj6o],
.applications-table th:nth-child(5)[b-og21k2bj6o],
.applications-table td:nth-child(5)[b-og21k2bj6o],
.applications-table th:nth-child(6)[b-og21k2bj6o],
.applications-table td:nth-child(6)[b-og21k2bj6o] {
    width: 9%;
}

.applications-table th:nth-child(7)[b-og21k2bj6o],
.applications-table td:nth-child(7)[b-og21k2bj6o] {
    width: 11%;
}

.applications-table th[b-og21k2bj6o] {
    background: linear-gradient(180deg, #fbfcff 0%, #f4f7fb 100%);
    color: #1d2036;
    font-size: 12.5px;
    font-weight: 900;
    padding: 10px 11px;
    text-align: left;
    white-space: nowrap;
}

.applications-table td[b-og21k2bj6o] {
    border-top: 1px solid #e8edf5;
    color: #2e344b;
    font-size: 12.5px;
    font-weight: 700;
    padding: 9px 11px;
    vertical-align: middle;
}

.applications-table tbody tr[b-og21k2bj6o] {
    transition: background .15s ease;
}

.applications-table tbody tr:hover[b-og21k2bj6o] {
    background: #f8fbff;
}

.application-name[b-og21k2bj6o] {
    align-items: center;
    display: inline-flex;
    gap: 8px;
    line-height: 1.25;
    max-width: 100%;
    min-width: 0;
    overflow-wrap: anywhere;
    white-space: normal;
}

.application-name i[b-og21k2bj6o] {
    color: #2458ff;
    font-size: 14px;
}

.status-pill[b-og21k2bj6o] {
    align-items: center;
    border-radius: 7px;
    display: inline-flex;
    font-size: 11.5px;
    font-weight: 900;
    gap: 5px;
    padding: 4px 8px;
}

.status-pill[b-og21k2bj6o]::before {
    border-radius: 50%;
    content: "";
    height: 6px;
    width: 6px;
}

.status-active[b-og21k2bj6o] {
    background: #dcf8e7;
    color: #168143;
}

.status-active[b-og21k2bj6o]::before {
    background: #23b96c;
}

.status-inactive[b-og21k2bj6o] {
    background: #ffe4e8;
    color: #ec3e4d;
}

.status-inactive[b-og21k2bj6o]::before {
    background: #ef3d4d;
}

.row-actions[b-og21k2bj6o] {
    align-items: center;
    display: flex;
    gap: 5px;
}

.row-actions button[b-og21k2bj6o],
.link-icon-button[b-og21k2bj6o],
.icon-action[b-og21k2bj6o],
.pagination-bar button[b-og21k2bj6o] {
    background: transparent;
    border-radius: 7px;
    color: #50607d;
    height: 28px;
    width: 28px;
}

.row-actions button:hover[b-og21k2bj6o],
.link-icon-button:hover[b-og21k2bj6o] {
    background: #eef4ff;
    color: #2458ff;
}

.link-icon-button[b-og21k2bj6o] {
    color: #2458ff;
}

.muted-link[b-og21k2bj6o] {
    color: #9aa6ba;
}

.table-footer[b-og21k2bj6o] {
    align-items: center;
    border-top: 1px solid #e8edf5;
    color: #41506d;
    display: flex;
    font-size: 12.5px;
    font-weight: 800;
    justify-content: space-between;
    padding: 10px 12px;
}

.pagination-bar[b-og21k2bj6o] {
    align-items: center;
    display: flex;
    gap: 5px;
}

.pagination-bar button[b-og21k2bj6o] {
    color: #35405a;
    font-weight: 800;
}

.pagination-bar button:disabled[b-og21k2bj6o] {
    color: #b7c0d0;
    cursor: not-allowed;
}

.pagination-bar .active-page[b-og21k2bj6o] {
    background: linear-gradient(135deg, #2558ff 0%, #6541f5 100%);
    box-shadow: 0 6px 14px rgba(66, 72, 229, .22);
    color: #fff;
}

.empty-state[b-og21k2bj6o] {
    color: #66708f;
    font-weight: 800;
    padding: 28px;
    text-align: center;
}

.app-alert[b-og21k2bj6o] {
    align-items: center;
    border-radius: 8px;
    display: flex;
    font-weight: 800;
    gap: 10px;
    font-size: 12.5px;
    margin-bottom: 10px;
    padding: 9px 11px;
}

.app-alert-error[b-og21k2bj6o] {
    background: #fff1f3;
    border: 1px solid #fecdd6;
    color: #be123c;
}

.app-alert-success[b-og21k2bj6o] {
    background: #ecfdf5;
    border: 1px solid #bbf7d0;
    color: #047857;
}

.application-dialog-backdrop[b-og21k2bj6o] {
    align-items: center;
    background: rgba(15, 23, 42, 0.52);
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 16px;
    position: fixed;
    z-index: 10000;
}

.application-dialog[b-og21k2bj6o] {
    background: #fff;
    border: 1px solid #e4e9f3;
    border-radius: 8px;
    box-shadow: 0 24px 80px rgba(15, 23, 42, 0.3);
    max-height: calc(100vh - 32px);
    max-width: 980px;
    overflow: auto;
    padding: 18px;
    width: 100%;
}

.dialog-header[b-og21k2bj6o] {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
}

.dialog-header h2[b-og21k2bj6o] {
    color: #11142f;
    font-size: 20px;
    font-weight: 900;
    margin: 0 0 4px;
}

.dialog-header p[b-og21k2bj6o] {
    color: #66708f;
    font-weight: 800;
    margin: 0;
}

.dialog-grid[b-og21k2bj6o] {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 12px;
}

.dialog-grid label[b-og21k2bj6o] {
    color: #35405a;
    display: flex;
    flex-direction: column;
    font-size: 13px;
    font-weight: 900;
    gap: 6px;
}

.dialog-grid .form-control[b-og21k2bj6o] {
    border-color: #d9e2ef;
    border-radius: 7px;
    color: #15182f;
    font-weight: 700;
}

.dialog-grid .select-shell[b-og21k2bj6o] {
    display: block;
    position: relative;
    width: 100%;
}

.dialog-grid .select-shell[b-og21k2bj6o]::after {
    border-bottom: 2px solid #536079;
    border-right: 2px solid #536079;
    content: "";
    height: 9px;
    pointer-events: none;
    position: absolute;
    right: 17px;
    top: 50%;
    transform: translateY(-65%) rotate(45deg);
    width: 9px;
}

.dialog-grid .form-select-control[b-og21k2bj6o] {
    appearance: none;
    background: #fff;
    min-height: 36px;
    padding-right: 36px;
    width: 100%;
}

.dialog-grid .form-select-control[b-og21k2bj6o]::-ms-expand {
    display: none;
}

.dialog-grid .form-control:focus[b-og21k2bj6o] {
    border-color: #4570ff;
    box-shadow: 0 0 0 .18rem rgba(69, 112, 255, .18);
}

.wide-field[b-og21k2bj6o] {
    grid-column: 1 / -1;
}

.toggle-field[b-og21k2bj6o] {
    align-items: center;
    flex-direction: row !important;
    min-height: 38px;
}

.application-dialog h3[b-og21k2bj6o] {
    border-top: 1px solid #e8edf5;
    color: #11142f;
    font-size: 15px;
    font-weight: 900;
    margin: 8px 0 10px;
    padding-top: 12px;
}

.application-audit-grid[b-og21k2bj6o] {
    border-top: 1px solid #e8edf5;
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 12px;
    padding-top: 12px;
}

.application-audit-grid div[b-og21k2bj6o] {
    background: #f8fbff;
    border: 1px solid #e4ebf5;
    border-radius: 8px;
    padding: 10px;
}

.application-audit-grid span[b-og21k2bj6o] {
    color: #66708f;
    display: block;
    font-size: 12px;
    font-weight: 900;
    margin-bottom: 6px;
}

.application-audit-grid strong[b-og21k2bj6o] {
    color: #11142f;
    display: block;
    font-size: 13px;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.dialog-actions[b-og21k2bj6o] {
    border-top: 1px solid #e8edf5;
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    padding-top: 12px;
}

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

@media (max-width: 980px) {
    .application-toolbar[b-og21k2bj6o] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 720px) {
    .manage-applications-page[b-og21k2bj6o] {
        padding: 12px 10px 18px;
    }

    .manage-header[b-og21k2bj6o],
    .table-footer[b-og21k2bj6o] {
        align-items: stretch;
        flex-direction: column;
    }

    .metric-grid[b-og21k2bj6o],
    .application-toolbar[b-og21k2bj6o],
    .dialog-grid[b-og21k2bj6o],
    .application-audit-grid[b-og21k2bj6o] {
        grid-template-columns: 1fr;
    }

    .primary-action[b-og21k2bj6o],
    .secondary-action[b-og21k2bj6o] {
        width: 100%;
    }
}
/* /Pages/ManagePages.razor.rz.scp.css */
.manage-pages-page[b-q300ky7z8u] {
    background: linear-gradient(180deg, #fbfcff 0%, #f5f7fb 100%);
    color: #14162f;
    min-height: calc(100vh - 178px);
    padding: 22px 24px 28px;
}

.manage-pages-header[b-q300ky7z8u] {
    align-items: flex-start;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    margin-bottom: 18px;
}

.manage-pages-header h1[b-q300ky7z8u] {
    color: #080a2f;
    font-size: 32px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1.05;
    margin: 0 0 8px;
}

.manage-pages-header p[b-q300ky7z8u] {
    color: #25294a;
    font-size: 15px;
    font-weight: 700;
    margin: 0;
}

.header-actions[b-q300ky7z8u] {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.breadcrumb-trail[b-q300ky7z8u] {
    align-items: center;
    color: #4d5773;
    display: flex;
    font-size: 13px;
    font-weight: 800;
    gap: 12px;
}

.breadcrumb-trail i[b-q300ky7z8u] {
    color: #99a3b8;
    font-size: 11px;
}

.primary-action[b-q300ky7z8u],
.secondary-action[b-q300ky7z8u],
.icon-action[b-q300ky7z8u],
.row-actions button[b-q300ky7z8u],
.pagination-bar button[b-q300ky7z8u] {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease;
}

.primary-action[b-q300ky7z8u] {
    background: linear-gradient(135deg, #2558ff 0%, #6541f5 100%);
    border: 0;
    border-radius: 7px;
    box-shadow: 0 16px 30px rgba(51, 83, 229, 0.24);
    color: #fff;
    font-size: 15px;
    font-weight: 900;
    gap: 10px;
    min-height: 48px;
    padding: 0 22px;
    white-space: nowrap;
}

.secondary-action[b-q300ky7z8u] {
    background: #fff;
    border: 1px solid #dce4f1;
    border-radius: 7px;
    color: #3f4661;
    font-weight: 900;
    gap: 8px;
    min-height: 48px;
    padding: 0 18px;
}

.primary-action:hover[b-q300ky7z8u],
.secondary-action:hover[b-q300ky7z8u],
.row-actions button:hover[b-q300ky7z8u] {
    transform: translateY(-1px);
}

.primary-action:disabled[b-q300ky7z8u],
.secondary-action:disabled[b-q300ky7z8u] {
    cursor: not-allowed;
    opacity: .68;
    transform: none;
}

.page-alert[b-q300ky7z8u] {
    align-items: center;
    border-radius: 8px;
    display: flex;
    font-weight: 800;
    gap: 10px;
    margin-bottom: 16px;
    padding: 12px 14px;
}

.page-alert-error[b-q300ky7z8u] {
    background: #fff1f3;
    border: 1px solid #fecdd6;
    color: #be123c;
}

.page-alert-success[b-q300ky7z8u] {
    background: #ecfdf5;
    border: 1px solid #bbf7d0;
    color: #047857;
}

.pages-table-shell[b-q300ky7z8u] {
    background: #fff;
    border: 1px solid #dfe6f2;
    border-radius: 8px;
    box-shadow: 0 16px 38px rgba(14, 23, 58, 0.07);
    overflow: hidden;
}

.pages-toolbar[b-q300ky7z8u] {
    border-bottom: 1px solid #e5eaf3;
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(190px, .65fr) minmax(300px, 1.35fr) minmax(160px, .55fr);
    padding: 16px;
}

.search-box[b-q300ky7z8u] {
    align-items: center;
    background: #fff;
    border: 1px solid #dce4f1;
    border-radius: 8px;
    box-shadow: 0 8px 20px rgba(13, 20, 45, .035);
    color: #66708f;
    display: flex;
    gap: 12px;
    min-height: 48px;
    padding: 0 16px;
}

.search-box input[b-q300ky7z8u],
.pages-toolbar select[b-q300ky7z8u],
.page-size-control select[b-q300ky7z8u] {
    background: #fff;
    color: #15182f;
    font-size: 14px;
    font-weight: 700;
    min-width: 0;
    outline: 0;
    width: 100%;
}

.search-box input[b-q300ky7z8u] {
    border: 0;
}

.search-box input[b-q300ky7z8u]::placeholder {
    color: #78829d;
}

.pages-toolbar select[b-q300ky7z8u],
.page-size-control select[b-q300ky7z8u] {
    appearance: auto;
    border: 1px solid #dce4f1;
    border-radius: 8px;
    box-shadow: 0 8px 20px rgba(13, 20, 45, .035);
    min-height: 48px;
    padding: 0 16px;
}

.pages-table-scroll[b-q300ky7z8u] {
    overflow-x: auto;
}

.pages-table[b-q300ky7z8u] {
    border-collapse: collapse;
    min-width: 860px;
    table-layout: fixed;
    width: 100%;
}

.pages-table th:nth-child(1)[b-q300ky7z8u],
.pages-table td:nth-child(1)[b-q300ky7z8u] {
    width: 18%;
}

.pages-table th:nth-child(2)[b-q300ky7z8u],
.pages-table td:nth-child(2)[b-q300ky7z8u] {
    width: 29%;
}

.pages-table th:nth-child(3)[b-q300ky7z8u],
.pages-table td:nth-child(3)[b-q300ky7z8u] {
    width: 33%;
}

.pages-table th:nth-child(4)[b-q300ky7z8u],
.pages-table td:nth-child(4)[b-q300ky7z8u] {
    width: 10%;
}

.pages-table th:nth-child(5)[b-q300ky7z8u],
.pages-table td:nth-child(5)[b-q300ky7z8u] {
    width: 10%;
}

.pages-table th[b-q300ky7z8u] {
    background: linear-gradient(180deg, #fbfcff 0%, #f4f7fb 100%);
    color: #1d2036;
    font-size: 14px;
    font-weight: 900;
    padding: 14px 16px;
    text-align: left;
    white-space: nowrap;
}

.pages-table td[b-q300ky7z8u] {
    border-top: 1px solid #e8edf5;
    color: #2e344b;
    font-size: 14px;
    font-weight: 700;
    padding: 13px 16px;
    vertical-align: middle;
}

.pages-table tbody tr[b-q300ky7z8u] {
    transition: background .15s ease;
}

.pages-table tbody tr:hover[b-q300ky7z8u] {
    background: #f8fbff;
}

.page-name[b-q300ky7z8u] {
    align-items: center;
    display: inline-flex;
    gap: 12px;
    line-height: 1.25;
    max-width: 100%;
    min-width: 0;
    overflow-wrap: anywhere;
    white-space: normal;
}

.page-name i[b-q300ky7z8u] {
    color: #2458ff;
    font-size: 17px;
}

.description-cell[b-q300ky7z8u] {
    max-width: 520px;
    overflow-wrap: anywhere;
}

.status-pill[b-q300ky7z8u] {
    align-items: center;
    border-radius: 7px;
    display: inline-flex;
    font-size: 13px;
    font-weight: 900;
    gap: 7px;
    padding: 6px 12px;
}

.status-pill[b-q300ky7z8u]::before {
    border-radius: 50%;
    content: "";
    height: 7px;
    width: 7px;
}

.status-active[b-q300ky7z8u] {
    background: #dcf8e7;
    color: #168143;
}

.status-active[b-q300ky7z8u]::before {
    background: #23b96c;
}

.status-inactive[b-q300ky7z8u] {
    background: #ffe4e8;
    color: #ec3e4d;
}

.status-inactive[b-q300ky7z8u]::before {
    background: #ef3d4d;
}

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

.row-actions button[b-q300ky7z8u],
.icon-action[b-q300ky7z8u],
.pagination-bar button[b-q300ky7z8u] {
    background: transparent;
    border: 0;
    border-radius: 7px;
    color: #50607d;
    height: 34px;
    width: 34px;
}

.row-actions button:hover[b-q300ky7z8u],
.icon-action:hover[b-q300ky7z8u] {
    background: #eef4ff;
    color: #2458ff;
}

.table-footer[b-q300ky7z8u] {
    align-items: center;
    border-top: 1px solid #e8edf5;
    color: #41506d;
    display: flex;
    font-size: 14px;
    font-weight: 800;
    gap: 16px;
    justify-content: space-between;
    padding: 16px;
}

.footer-controls[b-q300ky7z8u] {
    align-items: center;
    display: flex;
    gap: 14px;
}

.page-size-control[b-q300ky7z8u] {
    align-items: center;
    color: #536079;
    display: inline-flex;
    font-size: 13px;
    font-weight: 900;
    gap: 8px;
    margin: 0;
}

.page-size-control select[b-q300ky7z8u] {
    box-shadow: none;
    min-height: 36px;
    padding: 0 10px;
    width: 78px;
}

.pagination-bar[b-q300ky7z8u] {
    align-items: center;
    display: flex;
    gap: 8px;
}

.pagination-bar button[b-q300ky7z8u] {
    color: #35405a;
    font-weight: 900;
}

.pagination-bar button:disabled[b-q300ky7z8u] {
    color: #b7c0d0;
    cursor: not-allowed;
}

.pagination-bar .active-page[b-q300ky7z8u] {
    background: linear-gradient(135deg, #2558ff 0%, #6541f5 100%);
    box-shadow: 0 10px 20px rgba(66, 72, 229, .25);
    color: #fff;
}

.pagination-ellipsis[b-q300ky7z8u] {
    color: #61708e;
    font-weight: 900;
    min-width: 30px;
    text-align: center;
}

.empty-state[b-q300ky7z8u],
.loading-state[b-q300ky7z8u] {
    color: #66708f;
    font-weight: 800;
    padding: 42px;
    text-align: center;
}

.loading-state[b-q300ky7z8u] {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: center;
}

.page-dialog-backdrop[b-q300ky7z8u] {
    align-items: center;
    background: rgba(15, 23, 42, 0.52);
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 24px;
    position: fixed;
    z-index: 10000;
}

.page-dialog[b-q300ky7z8u],
.status-confirm-dialog[b-q300ky7z8u] {
    background: #fff;
    border: 1px solid #e4e9f3;
    border-radius: 8px;
    box-shadow: 0 24px 80px rgba(15, 23, 42, 0.3);
    max-height: calc(100vh - 48px);
    overflow: auto;
    padding: 24px;
    width: 100%;
}

.page-dialog[b-q300ky7z8u] {
    max-width: 760px;
}

.status-confirm-dialog[b-q300ky7z8u] {
    max-width: 460px;
    text-align: center;
}

.dialog-header[b-q300ky7z8u] {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    margin-bottom: 18px;
}

.dialog-header h2[b-q300ky7z8u],
.status-confirm-dialog h2[b-q300ky7z8u] {
    color: #11142f;
    font-size: 24px;
    font-weight: 900;
    margin: 0 0 4px;
}

.dialog-header p[b-q300ky7z8u],
.status-confirm-dialog p[b-q300ky7z8u] {
    color: #66708f;
    font-weight: 800;
    margin: 0;
}

.status-confirm-dialog p[b-q300ky7z8u] {
    line-height: 1.5;
    margin: 10px 0 22px;
}

.status-confirm-dialog strong[b-q300ky7z8u] {
    color: #11142f;
    overflow-wrap: anywhere;
}

.status-confirm-icon[b-q300ky7z8u] {
    align-items: center;
    border-radius: 50%;
    display: inline-flex;
    font-size: 26px;
    height: 62px;
    justify-content: center;
    margin-bottom: 14px;
    width: 62px;
}

.status-danger-icon[b-q300ky7z8u] {
    background: #ffe4e8;
    color: #ec3e4d;
}

.status-success-icon[b-q300ky7z8u] {
    background: #dcf8e7;
    color: #168143;
}

.dialog-grid[b-q300ky7z8u] {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 18px;
}

.dialog-grid label[b-q300ky7z8u] {
    color: #35405a;
    display: flex;
    flex-direction: column;
    font-size: 13px;
    font-weight: 900;
    gap: 6px;
}

.dialog-grid .form-control[b-q300ky7z8u] {
    border-color: #d9e2ef;
    border-radius: 7px;
    color: #15182f;
    font-weight: 700;
}

.dialog-grid textarea.form-control[b-q300ky7z8u] {
    min-height: 112px;
    resize: vertical;
}

.dialog-grid .select-shell[b-q300ky7z8u] {
    display: block;
    position: relative;
    width: 100%;
}

.dialog-grid .select-shell[b-q300ky7z8u]::after {
    border-bottom: 2px solid #536079;
    border-right: 2px solid #536079;
    content: "";
    height: 9px;
    pointer-events: none;
    position: absolute;
    right: 17px;
    top: 50%;
    transform: translateY(-65%) rotate(45deg);
    width: 9px;
}

.dialog-grid .form-select-control[b-q300ky7z8u] {
    appearance: none;
    background: #fff;
    min-height: 42px;
    padding-right: 44px;
    width: 100%;
}

.dialog-grid .form-select-control[b-q300ky7z8u]::-ms-expand {
    display: none;
}

.dialog-grid .form-control:focus[b-q300ky7z8u] {
    border-color: #4570ff;
    box-shadow: 0 0 0 .18rem rgba(69, 112, 255, .18);
}

.wide-field[b-q300ky7z8u] {
    grid-column: 1 / -1;
}

.toggle-field[b-q300ky7z8u] {
    align-items: center;
    color: #35405a;
    display: inline-flex !important;
    flex-direction: row !important;
    font-size: 14px;
    font-weight: 900;
    gap: 10px;
    min-height: 38px;
}

.toggle-field input[b-q300ky7z8u] {
    height: 18px;
    width: 18px;
}

.audit-grid[b-q300ky7z8u] {
    border-top: 1px solid #e8edf5;
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 18px;
    padding-top: 18px;
}

.audit-grid div[b-q300ky7z8u] {
    background: #f8fbff;
    border: 1px solid #e4ebf5;
    border-radius: 8px;
    padding: 12px;
}

.audit-grid span[b-q300ky7z8u] {
    color: #66708f;
    display: block;
    font-size: 12px;
    font-weight: 900;
    margin-bottom: 6px;
}

.audit-grid strong[b-q300ky7z8u] {
    color: #11142f;
    display: block;
    font-size: 14px;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.dialog-actions[b-q300ky7z8u] {
    border-top: 1px solid #e8edf5;
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    padding-top: 18px;
}

.status-confirm-dialog .dialog-actions[b-q300ky7z8u] {
    border-top: 0;
    justify-content: center;
    padding-top: 0;
}

.validation-message[b-q300ky7z8u] {
    color: #be123c;
    font-size: 12px;
    font-weight: 800;
}

@media (max-width: 1120px) {
    .pages-toolbar[b-q300ky7z8u] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pages-toolbar .search-box[b-q300ky7z8u] {
        grid-column: 1 / -1;
    }

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

@media (max-width: 720px) {
    .manage-pages-page[b-q300ky7z8u] {
        padding: 18px 14px 28px;
    }

    .manage-pages-header[b-q300ky7z8u],
    .table-footer[b-q300ky7z8u],
    .footer-controls[b-q300ky7z8u],
    .dialog-actions[b-q300ky7z8u] {
        align-items: stretch;
        flex-direction: column;
    }

    .header-actions[b-q300ky7z8u] {
        align-items: stretch;
    }

    .pages-toolbar[b-q300ky7z8u],
    .dialog-grid[b-q300ky7z8u],
    .audit-grid[b-q300ky7z8u] {
        grid-template-columns: 1fr;
    }

    .pages-toolbar .search-box[b-q300ky7z8u],
    .wide-field[b-q300ky7z8u] {
        grid-column: auto;
    }

    .primary-action[b-q300ky7z8u],
    .secondary-action[b-q300ky7z8u] {
        width: 100%;
    }

    .footer-controls[b-q300ky7z8u],
    .pagination-bar[b-q300ky7z8u] {
        justify-content: center;
    }
}
/* /Pages/ManageRoles.razor.rz.scp.css */
.manage-roles-page[b-cok7cwpzwp] {
    background: linear-gradient(180deg, #fbfcff 0%, #f5f7fb 100%);
    color: #14162f;
    min-height: calc(100vh - 178px);
    padding: 22px 24px 28px;
}

.manage-roles-header[b-cok7cwpzwp] {
    align-items: flex-start;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    margin-bottom: 18px;
}

.manage-roles-header h1[b-cok7cwpzwp] {
    color: #080a2f;
    font-size: 32px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1.05;
    margin: 0 0 8px;
}

.manage-roles-header p[b-cok7cwpzwp] {
    color: #25294a;
    font-size: 15px;
    font-weight: 700;
    margin: 0;
}

.header-actions[b-cok7cwpzwp] {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.breadcrumb-trail[b-cok7cwpzwp] {
    align-items: center;
    color: #4d5773;
    display: flex;
    font-size: 13px;
    font-weight: 800;
    gap: 12px;
}

.breadcrumb-trail i[b-cok7cwpzwp] {
    color: #99a3b8;
    font-size: 11px;
}

.primary-action[b-cok7cwpzwp],
.secondary-action[b-cok7cwpzwp],
.icon-action[b-cok7cwpzwp],
.row-actions button[b-cok7cwpzwp],
.pagination-bar button[b-cok7cwpzwp] {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease;
}

.primary-action[b-cok7cwpzwp] {
    background: linear-gradient(135deg, #2558ff 0%, #6541f5 100%);
    border: 0;
    border-radius: 7px;
    box-shadow: 0 16px 30px rgba(51, 83, 229, 0.24);
    color: #fff;
    font-size: 15px;
    font-weight: 900;
    gap: 10px;
    min-height: 48px;
    padding: 0 22px;
    white-space: nowrap;
}

.secondary-action[b-cok7cwpzwp] {
    background: #fff;
    border: 1px solid #dce4f1;
    border-radius: 7px;
    color: #3f4661;
    font-weight: 900;
    gap: 8px;
    min-height: 48px;
    padding: 0 18px;
}

.primary-action:hover[b-cok7cwpzwp],
.secondary-action:hover[b-cok7cwpzwp],
.row-actions button:hover[b-cok7cwpzwp] {
    transform: translateY(-1px);
}

.primary-action:disabled[b-cok7cwpzwp],
.secondary-action:disabled[b-cok7cwpzwp] {
    cursor: not-allowed;
    opacity: .68;
    transform: none;
}

.role-alert[b-cok7cwpzwp] {
    align-items: center;
    border-radius: 8px;
    display: flex;
    font-weight: 800;
    gap: 10px;
    margin-bottom: 16px;
    padding: 12px 14px;
}

.role-alert-error[b-cok7cwpzwp] {
    background: #fff1f3;
    border: 1px solid #fecdd6;
    color: #be123c;
}

.role-alert-success[b-cok7cwpzwp] {
    background: #ecfdf5;
    border: 1px solid #bbf7d0;
    color: #047857;
}

.roles-table-shell[b-cok7cwpzwp] {
    background: #fff;
    border: 1px solid #dfe6f2;
    border-radius: 8px;
    box-shadow: 0 16px 38px rgba(14, 23, 58, 0.07);
    overflow: hidden;
}

.roles-toolbar[b-cok7cwpzwp] {
    border-bottom: 1px solid #e5eaf3;
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(320px, 1fr) minmax(180px, 260px);
    padding: 16px;
}

.search-box[b-cok7cwpzwp] {
    align-items: center;
    background: #fff;
    border: 1px solid #dce4f1;
    border-radius: 8px;
    box-shadow: 0 8px 20px rgba(13, 20, 45, .035);
    color: #66708f;
    display: flex;
    gap: 12px;
    min-height: 48px;
    padding: 0 16px;
}

.search-box input[b-cok7cwpzwp],
.roles-toolbar select[b-cok7cwpzwp],
.page-size-control select[b-cok7cwpzwp] {
    background: #fff;
    color: #15182f;
    font-size: 14px;
    font-weight: 700;
    min-width: 0;
    outline: 0;
    width: 100%;
}

.search-box input[b-cok7cwpzwp] {
    border: 0;
}

.search-box input[b-cok7cwpzwp]::placeholder {
    color: #78829d;
}

.roles-toolbar select[b-cok7cwpzwp],
.page-size-control select[b-cok7cwpzwp] {
    appearance: auto;
    border: 1px solid #dce4f1;
    border-radius: 8px;
    box-shadow: 0 8px 20px rgba(13, 20, 45, .035);
    min-height: 48px;
    padding: 0 16px;
}

.roles-table-scroll[b-cok7cwpzwp] {
    overflow-x: auto;
}

.roles-table[b-cok7cwpzwp] {
    border-collapse: collapse;
    min-width: 760px;
    width: 100%;
}

.roles-table th[b-cok7cwpzwp] {
    background: linear-gradient(180deg, #fbfcff 0%, #f4f7fb 100%);
    color: #1d2036;
    font-size: 14px;
    font-weight: 900;
    padding: 14px 16px;
    text-align: left;
    white-space: nowrap;
}

.roles-table td[b-cok7cwpzwp] {
    border-top: 1px solid #e8edf5;
    color: #2e344b;
    font-size: 14px;
    font-weight: 700;
    padding: 13px 16px;
    vertical-align: middle;
}

.roles-table tbody tr[b-cok7cwpzwp] {
    transition: background .15s ease;
}

.roles-table tbody tr:hover[b-cok7cwpzwp] {
    background: #f8fbff;
}

.role-name[b-cok7cwpzwp] {
    align-items: center;
    display: inline-flex;
    gap: 12px;
    min-width: 0;
}

.role-name i[b-cok7cwpzwp] {
    color: #2458ff;
    font-size: 17px;
}

.description-cell[b-cok7cwpzwp] {
    max-width: 520px;
    overflow-wrap: anywhere;
}

.status-pill[b-cok7cwpzwp] {
    align-items: center;
    border-radius: 7px;
    display: inline-flex;
    font-size: 13px;
    font-weight: 900;
    gap: 7px;
    padding: 6px 12px;
}

.status-pill[b-cok7cwpzwp]::before {
    border-radius: 50%;
    content: "";
    height: 7px;
    width: 7px;
}

.status-active[b-cok7cwpzwp] {
    background: #dcf8e7;
    color: #168143;
}

.status-active[b-cok7cwpzwp]::before {
    background: #23b96c;
}

.status-inactive[b-cok7cwpzwp] {
    background: #ffe4e8;
    color: #ec3e4d;
}

.status-inactive[b-cok7cwpzwp]::before {
    background: #ef3d4d;
}

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

.row-actions button[b-cok7cwpzwp],
.icon-action[b-cok7cwpzwp],
.pagination-bar button[b-cok7cwpzwp] {
    background: transparent;
    border: 0;
    border-radius: 7px;
    color: #50607d;
    height: 34px;
    width: 34px;
}

.row-actions button:hover[b-cok7cwpzwp],
.icon-action:hover[b-cok7cwpzwp] {
    background: #eef4ff;
    color: #2458ff;
}

.table-footer[b-cok7cwpzwp] {
    align-items: center;
    border-top: 1px solid #e8edf5;
    color: #41506d;
    display: flex;
    font-size: 14px;
    font-weight: 800;
    gap: 16px;
    justify-content: space-between;
    padding: 16px;
}

.footer-controls[b-cok7cwpzwp] {
    align-items: center;
    display: flex;
    gap: 14px;
}

.page-size-control[b-cok7cwpzwp] {
    align-items: center;
    color: #536079;
    display: inline-flex;
    font-size: 13px;
    font-weight: 900;
    gap: 8px;
    margin: 0;
}

.page-size-control select[b-cok7cwpzwp] {
    box-shadow: none;
    min-height: 36px;
    padding: 0 10px;
    width: 78px;
}

.pagination-bar[b-cok7cwpzwp] {
    align-items: center;
    display: flex;
    gap: 8px;
}

.pagination-bar button[b-cok7cwpzwp] {
    color: #35405a;
    font-weight: 900;
}

.pagination-bar button:disabled[b-cok7cwpzwp] {
    color: #b7c0d0;
    cursor: not-allowed;
}

.pagination-bar .active-page[b-cok7cwpzwp] {
    background: linear-gradient(135deg, #2558ff 0%, #6541f5 100%);
    box-shadow: 0 10px 20px rgba(66, 72, 229, .25);
    color: #fff;
}

.pagination-ellipsis[b-cok7cwpzwp] {
    color: #61708e;
    font-weight: 900;
    min-width: 30px;
    text-align: center;
}

.empty-state[b-cok7cwpzwp],
.loading-state[b-cok7cwpzwp] {
    color: #66708f;
    font-weight: 800;
    padding: 42px;
    text-align: center;
}

.loading-state[b-cok7cwpzwp] {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: center;
}

.role-dialog-backdrop[b-cok7cwpzwp] {
    align-items: center;
    background: rgba(15, 23, 42, 0.52);
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 24px;
    position: fixed;
    z-index: 10000;
}

.role-dialog[b-cok7cwpzwp],
.status-confirm-dialog[b-cok7cwpzwp] {
    background: #fff;
    border: 1px solid #e4e9f3;
    border-radius: 8px;
    box-shadow: 0 24px 80px rgba(15, 23, 42, 0.3);
    max-height: calc(100vh - 48px);
    overflow: auto;
    padding: 24px;
    width: 100%;
}

.role-dialog[b-cok7cwpzwp] {
    max-width: 720px;
}

.status-confirm-dialog[b-cok7cwpzwp] {
    max-width: 460px;
    text-align: center;
}

.dialog-header[b-cok7cwpzwp] {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    margin-bottom: 18px;
}

.dialog-header h2[b-cok7cwpzwp],
.status-confirm-dialog h2[b-cok7cwpzwp] {
    color: #11142f;
    font-size: 24px;
    font-weight: 900;
    margin: 0 0 4px;
}

.dialog-header p[b-cok7cwpzwp],
.status-confirm-dialog p[b-cok7cwpzwp] {
    color: #66708f;
    font-weight: 800;
    margin: 0;
}

.status-confirm-dialog p[b-cok7cwpzwp] {
    line-height: 1.5;
    margin: 10px 0 22px;
}

.status-confirm-dialog strong[b-cok7cwpzwp] {
    color: #11142f;
    overflow-wrap: anywhere;
}

.status-confirm-icon[b-cok7cwpzwp] {
    align-items: center;
    border-radius: 50%;
    display: inline-flex;
    font-size: 26px;
    height: 62px;
    justify-content: center;
    margin-bottom: 14px;
    width: 62px;
}

.status-danger-icon[b-cok7cwpzwp] {
    background: #ffe4e8;
    color: #ec3e4d;
}

.status-success-icon[b-cok7cwpzwp] {
    background: #dcf8e7;
    color: #168143;
}

.dialog-grid[b-cok7cwpzwp] {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 18px;
}

.dialog-grid label[b-cok7cwpzwp] {
    color: #35405a;
    display: flex;
    flex-direction: column;
    font-size: 13px;
    font-weight: 900;
    gap: 6px;
}

.dialog-grid .form-control[b-cok7cwpzwp] {
    border-color: #d9e2ef;
    border-radius: 7px;
    color: #15182f;
    font-weight: 700;
}

.dialog-grid textarea.form-control[b-cok7cwpzwp] {
    min-height: 112px;
    resize: vertical;
}

.dialog-grid .form-control:focus[b-cok7cwpzwp] {
    border-color: #4570ff;
    box-shadow: 0 0 0 .18rem rgba(69, 112, 255, .18);
}

.wide-field[b-cok7cwpzwp] {
    grid-column: 1 / -1;
}

.toggle-field[b-cok7cwpzwp] {
    align-items: center;
    color: #35405a;
    display: inline-flex !important;
    flex-direction: row !important;
    font-size: 14px;
    font-weight: 900;
    gap: 10px;
    min-height: 38px;
}

.toggle-field input[b-cok7cwpzwp] {
    height: 18px;
    width: 18px;
}

.audit-grid[b-cok7cwpzwp] {
    border-top: 1px solid #e8edf5;
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 18px;
    padding-top: 18px;
}

.audit-grid div[b-cok7cwpzwp] {
    background: #f8fbff;
    border: 1px solid #e4ebf5;
    border-radius: 8px;
    padding: 12px;
}

.audit-grid span[b-cok7cwpzwp] {
    color: #66708f;
    display: block;
    font-size: 12px;
    font-weight: 900;
    margin-bottom: 6px;
}

.audit-grid strong[b-cok7cwpzwp] {
    color: #11142f;
    display: block;
    font-size: 14px;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.dialog-actions[b-cok7cwpzwp] {
    border-top: 1px solid #e8edf5;
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    padding-top: 18px;
}

.status-confirm-dialog .dialog-actions[b-cok7cwpzwp] {
    border-top: 0;
    justify-content: center;
    padding-top: 0;
}

.validation-message[b-cok7cwpzwp] {
    color: #be123c;
    font-size: 12px;
    font-weight: 800;
}

@media (max-width: 980px) {
    .roles-toolbar[b-cok7cwpzwp],
    .audit-grid[b-cok7cwpzwp] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .roles-toolbar .search-box[b-cok7cwpzwp] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 720px) {
    .manage-roles-page[b-cok7cwpzwp] {
        padding: 18px 14px 28px;
    }

    .manage-roles-header[b-cok7cwpzwp],
    .table-footer[b-cok7cwpzwp],
    .footer-controls[b-cok7cwpzwp],
    .dialog-actions[b-cok7cwpzwp] {
        align-items: stretch;
        flex-direction: column;
    }

    .header-actions[b-cok7cwpzwp] {
        align-items: stretch;
    }

    .roles-toolbar[b-cok7cwpzwp],
    .dialog-grid[b-cok7cwpzwp],
    .audit-grid[b-cok7cwpzwp] {
        grid-template-columns: 1fr;
    }

    .roles-toolbar .search-box[b-cok7cwpzwp],
    .wide-field[b-cok7cwpzwp] {
        grid-column: auto;
    }

    .primary-action[b-cok7cwpzwp],
    .secondary-action[b-cok7cwpzwp] {
        width: 100%;
    }

    .footer-controls[b-cok7cwpzwp],
    .pagination-bar[b-cok7cwpzwp] {
        justify-content: center;
    }
}
/* /Pages/ManageUsers.razor.rz.scp.css */
.manage-users-page[b-qr1klwdds7] {
    background: linear-gradient(180deg, #fbfcff 0%, #f5f7fb 100%);
    color: #14162f;
    min-height: calc(100vh - 178px);
    padding: 22px 24px 28px;
}

.manage-users-header[b-qr1klwdds7] {
    align-items: flex-start;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    margin-bottom: 18px;
}

.manage-users-header h1[b-qr1klwdds7] {
    color: #080a2f;
    font-size: 32px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1.05;
    margin: 0 0 8px;
}

.manage-users-header p[b-qr1klwdds7] {
    color: #25294a;
    font-size: 15px;
    font-weight: 700;
    margin: 0;
}

.header-actions[b-qr1klwdds7] {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.breadcrumb-trail[b-qr1klwdds7] {
    align-items: center;
    color: #4d5773;
    display: flex;
    font-size: 13px;
    font-weight: 800;
    gap: 12px;
}

.breadcrumb-trail i[b-qr1klwdds7] {
    color: #99a3b8;
    font-size: 11px;
}

.primary-action[b-qr1klwdds7],
.secondary-action[b-qr1klwdds7],
.row-actions button[b-qr1klwdds7],
.pagination-bar button[b-qr1klwdds7],
.sort-button[b-qr1klwdds7] {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease;
}

.primary-action[b-qr1klwdds7] {
    background: linear-gradient(135deg, #2558ff 0%, #6541f5 100%);
    border: 0;
    border-radius: 7px;
    box-shadow: 0 16px 30px rgba(51, 83, 229, 0.24);
    color: #fff;
    font-size: 15px;
    font-weight: 900;
    gap: 10px;
    min-height: 48px;
    padding: 0 22px;
    white-space: nowrap;
}

.secondary-action[b-qr1klwdds7] {
    background: #fff;
    border: 1px solid #dce4f1;
    border-radius: 7px;
    color: #3f4661;
    font-weight: 900;
    gap: 8px;
    min-height: 48px;
    padding: 0 18px;
}

.primary-action:hover[b-qr1klwdds7],
.secondary-action:hover[b-qr1klwdds7],
.row-actions button:hover[b-qr1klwdds7] {
    transform: translateY(-1px);
}

.user-alert[b-qr1klwdds7] {
    align-items: center;
    border-radius: 8px;
    display: flex;
    font-weight: 800;
    gap: 10px;
    margin-bottom: 16px;
    padding: 12px 14px;
}

.user-alert-error[b-qr1klwdds7] {
    background: #fff1f3;
    border: 1px solid #fecdd6;
    color: #be123c;
}

.user-alert-success[b-qr1klwdds7] {
    background: #ecfdf5;
    border: 1px solid #bbf7d0;
    color: #047857;
}

.users-table-shell[b-qr1klwdds7] {
    background: #fff;
    border: 1px solid #dfe6f2;
    border-radius: 8px;
    box-shadow: 0 16px 38px rgba(14, 23, 58, 0.07);
    overflow: hidden;
}

.users-toolbar[b-qr1klwdds7] {
    border-bottom: 1px solid #e5eaf3;
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(310px, 1fr) 180px 220px 250px auto;
    padding: 16px;
}

.search-box[b-qr1klwdds7] {
    align-items: center;
    background: #fff;
    border: 1px solid #dce4f1;
    border-radius: 8px;
    box-shadow: 0 8px 20px rgba(13, 20, 45, .035);
    color: #66708f;
    display: flex;
    gap: 12px;
    min-height: 48px;
    padding: 0 16px;
}

.search-box input[b-qr1klwdds7],
.users-toolbar select[b-qr1klwdds7] {
    background: #fff;
    border: 0;
    color: #15182f;
    font-size: 14px;
    font-weight: 700;
    min-width: 0;
    outline: 0;
    width: 100%;
}

.search-box input[b-qr1klwdds7]::placeholder {
    color: #78829d;
}

.users-toolbar select[b-qr1klwdds7] {
    appearance: auto;
    border: 1px solid #dce4f1;
    border-radius: 8px;
    box-shadow: 0 8px 20px rgba(13, 20, 45, .035);
    min-height: 48px;
    padding: 0 16px;
}

.users-table-scroll[b-qr1klwdds7] {
    overflow-x: auto;
}

.users-table[b-qr1klwdds7] {
    border-collapse: collapse;
    min-width: 920px;
    width: 100%;
}

.users-table th[b-qr1klwdds7] {
    background: linear-gradient(180deg, #fbfcff 0%, #f4f7fb 100%);
    color: #1d2036;
    font-size: 14px;
    font-weight: 900;
    padding: 14px 16px;
    text-align: left;
    white-space: nowrap;
}

.users-table td[b-qr1klwdds7] {
    border-top: 1px solid #e8edf5;
    color: #2e344b;
    font-size: 14px;
    font-weight: 700;
    padding: 13px 16px;
    vertical-align: middle;
}

.users-table tbody tr[b-qr1klwdds7] {
    transition: background .15s ease;
}

.users-table tbody tr:hover[b-qr1klwdds7] {
    background: #f8fbff;
}

.sort-button[b-qr1klwdds7] {
    background: transparent;
    border: 0;
    color: inherit;
    font: inherit;
    gap: 7px;
    padding: 0;
}

.sort-button i[b-qr1klwdds7] {
    color: #6d758f;
    font-size: 11px;
}

.user-identity[b-qr1klwdds7] {
    align-items: center;
    display: inline-flex;
    gap: 12px;
    min-width: 0;
}

.user-avatar[b-qr1klwdds7] {
    align-items: center;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 8px 18px rgba(14, 23, 58, .12);
    color: #fff;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 13px;
    font-weight: 900;
    height: 38px;
    justify-content: center;
    width: 38px;
}

.avatar-accent-0[b-qr1klwdds7] {
    background: linear-gradient(135deg, #0ea5e9, #2458ff);
}

.avatar-accent-1[b-qr1klwdds7] {
    background: linear-gradient(135deg, #ef7d38, #c2410c);
}

.avatar-accent-2[b-qr1klwdds7] {
    background: linear-gradient(135deg, #14b8a6, #047857);
}

.avatar-accent-3[b-qr1klwdds7] {
    background: linear-gradient(135deg, #64748b, #334155);
}

.status-pill[b-qr1klwdds7] {
    align-items: center;
    border-radius: 7px;
    display: inline-flex;
    font-size: 13px;
    font-weight: 900;
    gap: 7px;
    padding: 6px 12px;
}

.status-pill i[b-qr1klwdds7] {
    font-size: 10px;
}

.status-active[b-qr1klwdds7] {
    background: #dcf8e7;
    color: #168143;
}

.status-inactive[b-qr1klwdds7] {
    background: #ffe4e8;
    color: #ec3e4d;
}

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

.row-actions button[b-qr1klwdds7],
.pagination-bar button[b-qr1klwdds7] {
    background: transparent;
    border: 0;
    border-radius: 7px;
    color: #50607d;
    height: 34px;
    width: 34px;
}

.row-actions button:hover[b-qr1klwdds7] {
    background: #eef4ff;
    color: #2458ff;
}

.table-footer[b-qr1klwdds7] {
    align-items: center;
    border-top: 1px solid #e8edf5;
    color: #41506d;
    display: flex;
    font-size: 14px;
    font-weight: 800;
    justify-content: space-between;
    padding: 16px;
}

.pagination-bar[b-qr1klwdds7] {
    align-items: center;
    display: flex;
    gap: 8px;
}

.pagination-bar button[b-qr1klwdds7] {
    color: #35405a;
    font-weight: 900;
}

.pagination-bar button:disabled[b-qr1klwdds7] {
    color: #b7c0d0;
    cursor: not-allowed;
}

.pagination-bar .active-page[b-qr1klwdds7] {
    background: linear-gradient(135deg, #2558ff 0%, #6541f5 100%);
    box-shadow: 0 10px 20px rgba(66, 72, 229, .25);
    color: #fff;
}

.pagination-ellipsis[b-qr1klwdds7] {
    color: #61708e;
    font-weight: 900;
    min-width: 30px;
    text-align: center;
}

.empty-state[b-qr1klwdds7] {
    color: #66708f;
    font-weight: 800;
    padding: 42px;
    text-align: center;
}

@media (max-width: 1180px) {
    .users-toolbar[b-qr1klwdds7] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 720px) {
    .manage-users-page[b-qr1klwdds7] {
        padding: 18px 14px 28px;
    }

    .manage-users-header[b-qr1klwdds7],
    .table-footer[b-qr1klwdds7] {
        align-items: stretch;
        flex-direction: column;
    }

    .header-actions[b-qr1klwdds7] {
        align-items: stretch;
    }

    .users-toolbar[b-qr1klwdds7] {
        grid-template-columns: 1fr;
    }

    .primary-action[b-qr1klwdds7],
    .secondary-action[b-qr1klwdds7] {
        width: 100%;
    }
}
/* /Pages/PageRoleAssignment.razor.rz.scp.css */
.page-role-assignment-page[b-lcicf64rae] {
    background: linear-gradient(180deg, #fbfcff 0%, #f5f7fb 100%);
    color: #14162f;
    max-width: 100%;
    min-height: calc(100vh - 136px);
    overflow-x: hidden;
    padding: 5px 8px 10px;
}

.page-role-assignment-header[b-lcicf64rae] {
    align-items: flex-start;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 7px;
    min-width: 0;
}

.page-role-assignment-header h1[b-lcicf64rae] {
    color: #080a2f;
    font-size: 20px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1.05;
    margin: 0 0 2px;
}

.page-role-assignment-header p[b-lcicf64rae] {
    color: #25294a;
    font-size: 11px;
    font-weight: 700;
    margin: 0;
}

.breadcrumb-trail[b-lcicf64rae] {
    align-items: center;
    color: #3156e8;
    display: flex;
    font-size: 12px;
    font-weight: 900;
    gap: 5px;
    padding-top: 2px;
    white-space: nowrap;
}

.breadcrumb-trail i[b-lcicf64rae] {
    color: #99a3b8;
    font-size: 11px;
}

.primary-action[b-lcicf64rae],
.secondary-action[b-lcicf64rae] {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease;
}

.primary-action[b-lcicf64rae] {
    background: linear-gradient(135deg, #2558ff 0%, #6541f5 100%);
    border: 0;
    border-radius: 7px;
    box-shadow: 0 9px 18px rgba(51, 83, 229, .18);
    color: #fff;
    font-size: 12px;
    font-weight: 900;
    gap: 7px;
    min-height: 31px;
    padding: 0 12px;
    white-space: nowrap;
}

.secondary-action[b-lcicf64rae] {
    background: #fff;
    border: 1px solid #dce4f1;
    border-radius: 7px;
    color: #11142f;
    font-size: 12px;
    font-weight: 900;
    min-height: 31px;
    padding: 0 12px;
}

.primary-action:hover[b-lcicf64rae],
.secondary-action:hover[b-lcicf64rae] {
    transform: translateY(-1px);
}

.primary-action:disabled[b-lcicf64rae],
.secondary-action:disabled[b-lcicf64rae] {
    cursor: not-allowed;
    opacity: .65;
    transform: none;
}

.assignment-alert[b-lcicf64rae] {
    align-items: center;
    border-radius: 8px;
    display: flex;
    font-weight: 800;
    font-size: 11.5px;
    gap: 7px;
    margin-bottom: 7px;
    padding: 7px 9px;
}

.assignment-alert-error[b-lcicf64rae] {
    background: #fff1f3;
    border: 1px solid #fecdd6;
    color: #be123c;
}

.assignment-alert-success[b-lcicf64rae] {
    background: #ecfdf5;
    border: 1px solid #bbf7d0;
    color: #047857;
}

.assignment-filter-shell[b-lcicf64rae] {
    background: #fff;
    border: 1px solid #dfe6f2;
    border-radius: 8px;
    box-shadow: 0 10px 24px rgba(14, 23, 58, .05);
    display: grid;
    align-items: end;
    gap: 8px !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    margin-bottom: 8px;
    padding: 8px 9px !important;
    position: relative;
    z-index: 1 !important;
}

.filter-field[b-lcicf64rae] {
    color: #1d2036;
    display: flex;
    flex-direction: column;
    font-size: 11.5px;
    font-weight: 900;
    gap: 4px;
    height: 100%;
    justify-content: flex-end;
    margin: 0;
    min-width: 0;
}

.select-shell[b-lcicf64rae] {
    display: block;
    position: relative;
    width: 100%;
}

.select-shell[b-lcicf64rae]::after {
    border-bottom: 2px solid #11142f;
    border-right: 2px solid #11142f;
    content: "";
    height: 7px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-65%) rotate(45deg);
    width: 7px;
}

.select-shell select[b-lcicf64rae] {
    appearance: none;
    background: #fff;
    border: 1px solid #dce4f1;
    border-radius: 7px;
    box-shadow: 0 8px 20px rgba(13, 20, 45, .035);
    color: #15182f;
    font-size: 11.5px;
    font-weight: 800;
    min-height: 38px !important;
    outline: 0;
    overflow: visible;
    padding: 0 28px 0 10px;
    text-overflow: ellipsis;
    width: 100%;
}

.select-shell select:disabled[b-lcicf64rae] {
    background: #f3f6fb;
    color: #9aa5bb;
    cursor: not-allowed;
}

.select-shell:has(select:disabled)[b-lcicf64rae]::after {
    border-color: #b7c1d6;
}

.assignment-mode-toggle[b-lcicf64rae] {
    align-items: center;
    background: #fff;
    border: 1px solid #dce4f1;
    border-radius: 7px;
    box-shadow: 0 8px 20px rgba(13, 20, 45, .035);
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr auto 1fr;
    min-height: 38px !important;
    padding: 0 10px !important;
    width: 100%;
}

.mode-label[b-lcicf64rae] {
    color: #1d2036;
    font-size: 11px;
    font-weight: 900;
    text-align: center;
    white-space: nowrap;
}

.mode-active[b-lcicf64rae] {
    color: #17b86a;
}

.mode-muted[b-lcicf64rae] {
    color: #1d2036;
}

.mode-switch[b-lcicf64rae] {
    align-items: center;
    background: linear-gradient(135deg, #4036e8 0%, #5d2df2 100%);
    border: 0;
    border-radius: 999px;
    box-shadow: 0 7px 14px rgba(75, 55, 232, .22);
    cursor: pointer;
    display: inline-flex;
    height: 20px;
    padding: 3px;
    width: 40px;
}

.mode-switch span[b-lcicf64rae] {
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 5px 12px rgba(15, 23, 42, .22);
    display: block;
    height: 14px;
    transform: translateX(0);
    transition: transform .18s ease;
    width: 14px;
}

.mode-switch-page span[b-lcicf64rae] {
    transform: translateX(20px);
}

.mode-switch:disabled[b-lcicf64rae] {
    cursor: wait;
    opacity: .7;
}

.permissions-shell[b-lcicf64rae] {
    background: #fff;
    border: 1px solid #dfe6f2;
    border-radius: 8px;
    box-shadow: 0 10px 24px rgba(14, 23, 58, .06);
    max-width: 100% !important;
    overflow: visible !important;
    position: relative;
    z-index: 2000 !important;
}

.permissions-table-scroll[b-lcicf64rae] {
    max-width: 100% !important;
    overflow: visible !important;
    overflow-x: visible !important;
    scrollbar-gutter: auto !important;
    width: 100% !important;
}

.permissions-table[b-lcicf64rae] {
    border-collapse: collapse;
    min-width: 0 !important;
    table-layout: fixed !important;
    width: 100% !important;
}

.permissions-table .module-column[b-lcicf64rae] {
    width: 23.2%;
}

.permissions-table .permission-column[b-lcicf64rae] {
    width: 9.6%;
}

.permissions-table th[b-lcicf64rae] {
    background: linear-gradient(180deg, #fbfcff 0%, #f4f7fb 100%);
    border-bottom: 1px solid #e4eaf3;
    border-right: 1px solid #e4eaf3;
    color: #1d2036;
    font-size: 10.5px !important;
    font-weight: 900;
    line-height: 1.15;
    min-width: 0;
    overflow: visible;
    padding: 7px 4px !important;
    position: relative;
    text-align: left;
    white-space: normal;
}

.permissions-table thead[b-lcicf64rae] {
    position: relative;
    z-index: 2100;
}

.permissions-table td[b-lcicf64rae] {
    min-width: 0;
}

.permissions-table th:not(:first-child)[b-lcicf64rae] {
    text-align: center;
}

.permission-header-content[b-lcicf64rae] {
    align-items: center;
    display: inline-flex;
    gap: 2px;
    justify-content: center;
    min-width: 0;
    position: relative;
    width: 100%;
}

.permission-header-content > span:first-child[b-lcicf64rae] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.permission-info-button[b-lcicf64rae] {
    align-items: center;
    background: transparent;
    border: 0;
    color: currentColor;
    cursor: help;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 9px;
    justify-content: center;
    line-height: 1;
    opacity: .78;
    padding: 0;
    position: relative;
    z-index: 2200;
}

.permission-info-button:focus-visible[b-lcicf64rae] {
    outline: 2px solid #5b7cfa;
    outline-offset: 2px;
}

.permission-tooltip[b-lcicf64rae] {
    background: #111827;
    border-radius: 7px;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .22);
    color: #fff;
    font-size: 10.5px;
    font-weight: 700;
    left: 50%;
    line-height: 1.35;
    max-width: min(260px, 32vw);
    min-width: 170px;
    opacity: 0;
    padding: 7px 8px;
    pointer-events: none;
    position: absolute;
    text-align: left;
    bottom: calc(100% + 12px);
    transform: translateX(-50%) translateY(-3px);
    transition: opacity .15s ease, transform .15s ease;
    white-space: normal;
    z-index: 5000;
}

.permission-tooltip[b-lcicf64rae]::after {
    border: 6px solid transparent;
    border-top-color: #111827;
    content: "";
    left: 50%;
    position: absolute;
    top: 100%;
    transform: translateX(-50%);
}

.permission-info-button:hover .permission-tooltip[b-lcicf64rae],
.permission-info-button:focus .permission-tooltip[b-lcicf64rae] {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

.permissions-table th:last-child[b-lcicf64rae],
.permissions-table td:last-child[b-lcicf64rae] {
    border-right: 0;
}

.permissions-table td[b-lcicf64rae] {
    border-top: 1px solid #e8edf5;
    border-right: 1px solid #edf1f7;
    color: #2e344b;
    font-size: 10.75px !important;
    font-weight: 700;
    padding: 6px 4px !important;
    vertical-align: middle;
}

.permissions-table tbody tr[b-lcicf64rae] {
    transition: background .15s ease;
}

.permissions-table tbody tr:hover[b-lcicf64rae] {
    background: #f8fbff;
}

.assignment-item[b-lcicf64rae] {
    align-items: center;
    display: grid;
    gap: 7px;
    grid-template-columns: 24px minmax(0, 1fr);
    min-width: 0;
}

.assignment-item-icon[b-lcicf64rae] {
    align-items: center;
    color: #4d34ff;
    display: inline-flex;
    font-size: 17px;
    justify-content: center;
    width: 22px;
}

.assignment-item-copy[b-lcicf64rae] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.assignment-item-copy strong[b-lcicf64rae] {
    color: #1d2036;
    display: block;
    font-size: 11.5px;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.assignment-item-copy small[b-lcicf64rae] {
    color: #46516d;
    display: block;
    font-size: 10.5px;
    font-weight: 800;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.permission-cell[b-lcicf64rae] {
    text-align: center;
}

.permission-checkbox[b-lcicf64rae] {
    cursor: pointer;
    display: inline-flex;
    height: 20px;
    justify-content: center;
    margin: 0;
    position: relative;
    width: 20px;
}

.permission-checkbox input[b-lcicf64rae] {
    appearance: none;
    -webkit-appearance: none;
    border: 0;
    height: 1px;
    margin: 0;
    opacity: 0;
    position: absolute;
    pointer-events: none;
    width: 1px;
}

.permission-checkbox span[b-lcicf64rae] {
    background: #fff;
    border: 2px solid #dce3ef;
    border-radius: 5px;
    display: block;
    height: 17px;
    position: relative;
    transition: background .15s ease, border-color .15s ease, box-shadow .15s ease;
    width: 17px;
}

.permission-checkbox span[b-lcicf64rae]::after {
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    content: "";
    height: 8px;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 45%;
    transform: translate(-50%, -50%) rotate(45deg);
    transition: opacity .15s ease, transform .15s ease;
    width: 5px;
}

.permission-checkbox.selected span[b-lcicf64rae]::after {
    opacity: 1;
}

.permission-checkbox input:disabled + span[b-lcicf64rae] {
    background: #f7f9fc;
    cursor: not-allowed;
    opacity: .72;
}

.permission-checkbox input:focus-visible + span[b-lcicf64rae] {
    outline: 2px solid #5b7cfa;
    outline-offset: 2px;
}

.permission-checkbox.permission-none > span[b-lcicf64rae] {
    border-color: #8a92a6;
    box-shadow: 0 0 0 3px rgba(107, 114, 128, .11);
}

.permission-checkbox.permission-none.selected > span[b-lcicf64rae] {
    background: #71798c;
    border-color: #71798c;
}

.permission-checkbox.permission-full > span[b-lcicf64rae] {
    border-color: #6d44d8;
    box-shadow: 0 0 0 3px rgba(109, 68, 216, .12);
}

.permission-checkbox.permission-full.selected > span[b-lcicf64rae] {
    background: #6d44d8;
    border-color: #6d44d8;
}

.permission-checkbox.permission-view > span[b-lcicf64rae] {
    border-color: #25c777;
    box-shadow: 0 0 0 3px rgba(37, 199, 119, .12);
}

.permission-checkbox.permission-view.selected > span[b-lcicf64rae] {
    background: #25c777;
    border-color: #25c777;
}

.permission-checkbox.permission-add > span[b-lcicf64rae] {
    border-color: #0891b2;
    box-shadow: 0 0 0 3px rgba(8, 145, 178, .12);
}

.permission-checkbox.permission-add.selected > span[b-lcicf64rae] {
    background: #0891b2;
    border-color: #0891b2;
}

.permission-checkbox.permission-edit > span[b-lcicf64rae] {
    border-color: #2d68ff;
    box-shadow: 0 0 0 3px rgba(45, 104, 255, .12);
}

.permission-checkbox.permission-edit.selected > span[b-lcicf64rae] {
    background: #2d68ff;
    border-color: #2d68ff;
}

.permission-checkbox.permission-update > span[b-lcicf64rae] {
    border-color: #7c3aed;
    box-shadow: 0 0 0 3px rgba(124, 58, 237, .12);
}

.permission-checkbox.permission-update.selected > span[b-lcicf64rae] {
    background: #7c3aed;
    border-color: #7c3aed;
}

.permission-checkbox.permission-custom > span[b-lcicf64rae] {
    border-color: #d97706;
    box-shadow: 0 0 0 3px rgba(217, 119, 6, .12);
}

.permission-checkbox.permission-custom.selected > span[b-lcicf64rae] {
    background: #d97706;
    border-color: #d97706;
}

.permission-checkbox.permission-delete > span[b-lcicf64rae] {
    border-color: #ff303b;
    box-shadow: 0 0 0 3px rgba(255, 48, 59, .11);
}

.permission-checkbox.permission-delete.selected > span[b-lcicf64rae] {
    background: #ff303b;
    border-color: #ff303b;
}

.permission-view-text[b-lcicf64rae] {
    color: #20b96e !important;
}

.permission-full-text[b-lcicf64rae] {
    color: #6d44d8 !important;
}

.permission-add-text[b-lcicf64rae] {
    color: #0891b2 !important;
}

.permission-edit-text[b-lcicf64rae] {
    color: #2d68ff !important;
}

.permission-update-text[b-lcicf64rae] {
    color: #7c3aed !important;
}

.permission-custom-text[b-lcicf64rae] {
    color: #d97706 !important;
}

.permission-delete-text[b-lcicf64rae] {
    color: #ff303b !important;
}

.permission-none-text[b-lcicf64rae] {
    color: #697185 !important;
}

.empty-state[b-lcicf64rae],
.loading-state[b-lcicf64rae] {
    color: #66708f;
    font-weight: 800;
    padding: 20px;
    text-align: center;
}

.loading-state[b-lcicf64rae] {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: center;
}

.assignment-footer[b-lcicf64rae] {
    align-items: center;
    border-top: 1px solid #e8edf5;
    display: flex;
    gap: 8px;
    justify-content: space-between;
    padding: 7px 8px;
}

.permission-legend[b-lcicf64rae] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 7px 12px;
    min-width: 0;
    padding-left: 0;
}

.legend-item[b-lcicf64rae] {
    align-items: center;
    color: #2f3852;
    display: inline-flex;
    font-size: 11px;
    font-weight: 900;
    gap: 5px;
    white-space: nowrap;
}

.legend-item i[b-lcicf64rae] {
    background: #fff;
    border: 2px solid currentColor;
    border-radius: 5px;
    display: inline-block;
    height: 16px;
    position: relative;
    width: 16px;
}

.legend-item i[b-lcicf64rae]::after {
    border-bottom: 3px solid currentColor;
    border-right: 3px solid currentColor;
    content: "";
    height: 7px;
    left: 50%;
    position: absolute;
    top: 45%;
    transform: translate(-50%, -50%) rotate(45deg);
    width: 4px;
}

.legend-item.permission-none[b-lcicf64rae] {
    color: #71798c;
}

.legend-item.permission-full[b-lcicf64rae] {
    color: #6d44d8;
}

.legend-item.permission-view[b-lcicf64rae] {
    color: #25c777;
}

.legend-item.permission-add[b-lcicf64rae] {
    color: #0891b2;
}

.legend-item.permission-edit[b-lcicf64rae] {
    color: #2d68ff;
}

.legend-item.permission-update[b-lcicf64rae] {
    color: #7c3aed;
}

.legend-item.permission-custom[b-lcicf64rae] {
    color: #d97706;
}

.legend-item.permission-delete[b-lcicf64rae] {
    color: #ff303b;
}

.footer-actions[b-lcicf64rae] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: 8px;
    justify-content: flex-end;
}

@media (max-width: 1200px) {
    .assignment-filter-shell[b-lcicf64rae] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 980px) {
    .page-role-assignment-header[b-lcicf64rae],
    .assignment-footer[b-lcicf64rae] {
        align-items: stretch;
        flex-direction: column;
    }

    .breadcrumb-trail[b-lcicf64rae] {
        flex-wrap: wrap;
        padding-top: 0;
        white-space: normal;
    }

    .footer-actions[b-lcicf64rae] {
        justify-content: flex-end;
    }
}

@media (max-width: 720px) {
    .page-role-assignment-page[b-lcicf64rae] {
        padding: 18px 14px 28px;
    }

    .assignment-filter-shell[b-lcicf64rae] {
        grid-template-columns: 1fr;
        padding: 16px;
    }

    .assignment-footer[b-lcicf64rae],
    .footer-actions[b-lcicf64rae] {
        align-items: stretch;
    }

    .footer-actions[b-lcicf64rae] {
        flex-direction: column;
    }

    .primary-action[b-lcicf64rae],
    .secondary-action[b-lcicf64rae] {
        width: 100%;
    }
}
/* /Pages/UserRoleManagement.razor.rz.scp.css */
.manage-user-role-page[b-jt0jqce2qs] {
    background: linear-gradient(180deg, #fbfcff 0%, #f5f7fb 100%);
    color: #14162f;
    min-height: calc(100vh - 178px);
    padding: 22px 24px 28px;
}

.user-role-header[b-jt0jqce2qs] {
    align-items: flex-start;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    margin-bottom: 18px;
}

.user-role-header h1[b-jt0jqce2qs] {
    color: #080a2f;
    font-size: 32px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1.05;
    margin: 0 0 8px;
}

.user-role-header p[b-jt0jqce2qs] {
    color: #25294a;
    font-size: 15px;
    font-weight: 700;
    margin: 0;
}

.breadcrumb-trail[b-jt0jqce2qs] {
    align-items: center;
    color: #3156e8;
    display: flex;
    font-size: 13px;
    font-weight: 900;
    gap: 12px;
    padding-top: 8px;
    white-space: nowrap;
}

.breadcrumb-trail i[b-jt0jqce2qs] {
    color: #99a3b8;
    font-size: 11px;
}

.primary-action[b-jt0jqce2qs],
.secondary-action[b-jt0jqce2qs],
.icon-action[b-jt0jqce2qs],
.row-actions button[b-jt0jqce2qs],
.action-card[b-jt0jqce2qs] {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease;
}

.primary-action[b-jt0jqce2qs] {
    background: linear-gradient(135deg, #2558ff 0%, #6541f5 100%);
    border: 0;
    border-radius: 7px;
    box-shadow: 0 16px 30px rgba(51, 83, 229, .24);
    color: #fff;
    font-size: 15px;
    font-weight: 900;
    gap: 10px;
    min-height: 48px;
    padding: 0 22px;
    white-space: nowrap;
}

.secondary-action[b-jt0jqce2qs] {
    background: #fff;
    border: 1px solid #dce4f1;
    border-radius: 7px;
    color: #3f4661;
    font-size: 15px;
    font-weight: 900;
    gap: 8px;
    min-height: 48px;
    padding: 0 22px;
}

.primary-action:hover[b-jt0jqce2qs],
.secondary-action:hover[b-jt0jqce2qs],
.row-actions button:hover[b-jt0jqce2qs],
.action-card:hover[b-jt0jqce2qs] {
    transform: translateY(-1px);
}

.primary-action:disabled[b-jt0jqce2qs],
.secondary-action:disabled[b-jt0jqce2qs],
.action-card:disabled[b-jt0jqce2qs] {
    cursor: not-allowed;
    opacity: .62;
    transform: none;
}

.user-role-alert[b-jt0jqce2qs] {
    align-items: center;
    border-radius: 8px;
    display: flex;
    font-weight: 800;
    gap: 10px;
    margin-bottom: 16px;
    padding: 12px 14px;
}

.user-role-alert-error[b-jt0jqce2qs] {
    background: #fff1f3;
    border: 1px solid #fecdd6;
    color: #be123c;
}

.user-role-alert-success[b-jt0jqce2qs] {
    background: #ecfdf5;
    border: 1px solid #bbf7d0;
    color: #047857;
}

.user-role-top-shell[b-jt0jqce2qs] {
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(300px, .58fr) minmax(560px, 1.42fr);
    margin-bottom: 18px;
}

.user-search-card[b-jt0jqce2qs],
.user-details-card[b-jt0jqce2qs],
.quick-summary-card[b-jt0jqce2qs],
.applications-roles-card[b-jt0jqce2qs] {
    background: #fff;
    border: 1px solid #dfe6f2;
    border-radius: 8px;
    box-shadow: 0 16px 38px rgba(14, 23, 58, .07);
}

.user-search-card[b-jt0jqce2qs] {
    align-content: center;
    display: grid;
    padding: 18px 20px;
}

.user-search-card label[b-jt0jqce2qs],
.form-grid label[b-jt0jqce2qs],
.activity-toolbar label[b-jt0jqce2qs] {
    color: #1d2036;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-weight: 900;
    gap: 10px;
    margin: 0;
    min-width: 0;
}

.select-shell[b-jt0jqce2qs] {
    display: block;
    position: relative;
}

.select-shell[b-jt0jqce2qs]::after {
    border-bottom: 2px solid #11142f;
    border-right: 2px solid #11142f;
    content: "";
    height: 8px;
    pointer-events: none;
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-65%) rotate(45deg);
    width: 8px;
}

.select-shell select[b-jt0jqce2qs],
.form-grid select[b-jt0jqce2qs],
.form-grid input[b-jt0jqce2qs],
.activity-toolbar select[b-jt0jqce2qs] {
    background: #fff;
    border: 1px solid #dce4f1;
    border-radius: 8px;
    box-shadow: 0 8px 20px rgba(13, 20, 45, .035);
    color: #15182f;
    font-size: 14px;
    font-weight: 800;
    min-height: 48px;
    outline: 0;
    padding: 0 14px;
    width: 100%;
}

.select-shell select[b-jt0jqce2qs] {
    appearance: none;
    padding-right: 44px;
}

.select-shell select:disabled[b-jt0jqce2qs],
.form-grid select:disabled[b-jt0jqce2qs],
.form-grid input:disabled[b-jt0jqce2qs],
.activity-toolbar select:disabled[b-jt0jqce2qs] {
    background: #f3f6fb;
    color: #8d98ad;
    cursor: not-allowed;
}

.user-details-card[b-jt0jqce2qs],
.applications-roles-card[b-jt0jqce2qs] {
    margin-bottom: 18px;
    padding: 22px;
}

.quick-summary-card[b-jt0jqce2qs] {
    padding: 18px;
}

.summary-grid[b-jt0jqce2qs] {
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.summary-tile[b-jt0jqce2qs] {
    border: 1px solid #e4eaf3;
    border-radius: 8px;
    display: grid;
    gap: 5px 12px;
    grid-template-columns: auto minmax(0, 1fr);
    min-height: 104px;
    padding: 18px;
}

.summary-tile > span:not(.summary-icon)[b-jt0jqce2qs],
.summary-tile small[b-jt0jqce2qs] {
    color: #536079;
    font-size: 12px;
    font-weight: 900;
}

.summary-tile strong[b-jt0jqce2qs] {
    color: #11142f;
    font-size: 24px;
    font-weight: 900;
    line-height: 1.15;
    overflow-wrap: anywhere;
}

.summary-tile strong.last-accessed-application[b-jt0jqce2qs] {
    display: block;
    font-size: 17px !important;
    line-height: 1.18;
    max-width: 100%;
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.summary-tile small[b-jt0jqce2qs] {
    grid-column: 2;
}

.summary-icon[b-jt0jqce2qs] {
    align-items: center;
    border-radius: 8px;
    display: inline-flex;
    font-size: 22px;
    grid-row: span 3;
    height: 44px;
    justify-content: center;
    width: 44px;
}

.summary-blue[b-jt0jqce2qs] {
    background: #f7fbff;
}

.summary-blue .summary-icon[b-jt0jqce2qs] {
    background: #eef4ff;
    color: #2458ff;
}

.summary-purple[b-jt0jqce2qs] {
    background: #fbf8ff;
}

.summary-purple .summary-icon[b-jt0jqce2qs] {
    background: #f4edff;
    color: #7b3fed;
}

.summary-green[b-jt0jqce2qs] {
    background: #f5fcf8;
}

.summary-green .summary-icon[b-jt0jqce2qs] {
    background: #eaf8ef;
    color: #138a56;
}

.user-profile-row[b-jt0jqce2qs] {
    align-items: center;
    display: grid;
    gap: 18px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    margin-bottom: 22px;
}

.profile-avatar[b-jt0jqce2qs] {
    align-items: center;
    background: linear-gradient(135deg, #0ea5e9, #2458ff);
    border: 3px solid #fff;
    border-radius: 50%;
    box-shadow: 0 14px 28px rgba(14, 23, 58, .18);
    color: #fff;
    display: inline-flex;
    font-size: 22px;
    font-weight: 900;
    height: 86px;
    justify-content: center;
    width: 86px;
}

.profile-title[b-jt0jqce2qs] {
    min-width: 0;
}

.profile-name-row[b-jt0jqce2qs] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.profile-title h2[b-jt0jqce2qs],
.applications-roles-card h2[b-jt0jqce2qs],
.dialog-header h2[b-jt0jqce2qs] {
    color: #11142f;
    font-size: 22px;
    font-weight: 900;
    letter-spacing: 0;
    margin: 0;
}

.profile-title p[b-jt0jqce2qs],
.applications-roles-card p[b-jt0jqce2qs],
.dialog-header p[b-jt0jqce2qs] {
    color: #35507a;
    font-size: 14px;
    font-weight: 800;
    margin: 7px 0 0;
    overflow-wrap: anywhere;
}

.profile-shield[b-jt0jqce2qs] {
    align-items: center;
    background: #eef4ff;
    border-radius: 50%;
    color: #2558ff;
    display: inline-flex;
    font-size: 24px;
    height: 58px;
    justify-content: center;
    width: 58px;
}

.details-grid[b-jt0jqce2qs] {
    display: grid;
    gap: 0;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.detail-item[b-jt0jqce2qs] {
    border-top: 1px solid #e8edf5;
    display: grid;
    gap: 5px 12px;
    grid-template-columns: 22px minmax(0, 1fr);
    padding: 15px 18px;
}

.detail-item:not(:nth-child(3n))[b-jt0jqce2qs] {
    border-right: 1px solid #e8edf5;
}

.detail-item i[b-jt0jqce2qs] {
    color: #3156e8;
    font-size: 15px;
    grid-row: span 2;
    padding-top: 2px;
}

.detail-item span[b-jt0jqce2qs] {
    color: #536079;
    font-size: 12px;
    font-weight: 900;
}

.detail-item strong[b-jt0jqce2qs] {
    color: #101a3d;
    font-size: 13px;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.status-pill[b-jt0jqce2qs] {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-size: 12px;
    font-weight: 900;
    gap: 7px;
    padding: 6px 12px;
}

.status-active[b-jt0jqce2qs] {
    background: #dcf8e7;
    color: #168143;
}

.status-inactive[b-jt0jqce2qs] {
    background: #ffe4e8;
    color: #ec3e4d;
}

.section-heading-row[b-jt0jqce2qs] {
    align-items: flex-start;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    margin-bottom: 16px;
}

.search-box[b-jt0jqce2qs] {
    align-items: center;
    background: #fff;
    border: 1px solid #dce4f1;
    border-radius: 8px;
    box-shadow: 0 8px 20px rgba(13, 20, 45, .035);
    color: #3156e8;
    display: flex;
    flex: 0 0 280px;
    gap: 10px;
    min-height: 44px;
    padding: 0 14px;
}

.search-box input[b-jt0jqce2qs] {
    background: transparent;
    border: 0;
    color: #15182f;
    font-size: 13px;
    font-weight: 800;
    min-width: 0;
    outline: 0;
    width: 100%;
}

.search-box input[b-jt0jqce2qs]::placeholder {
    color: #78829d;
}

.roles-table-scroll[b-jt0jqce2qs],
.activity-table-scroll[b-jt0jqce2qs] {
    overflow-x: auto;
}

.roles-table[b-jt0jqce2qs],
.activity-table[b-jt0jqce2qs] {
    border-collapse: collapse;
    width: 100%;
}

.roles-table[b-jt0jqce2qs] {
    min-width: 760px;
}

.activity-table[b-jt0jqce2qs] {
    min-width: 1160px;
}

.roles-table th[b-jt0jqce2qs],
.activity-table th[b-jt0jqce2qs] {
    background: linear-gradient(180deg, #fbfcff 0%, #f4f7fb 100%);
    color: #1d2036;
    font-size: 13px;
    font-weight: 900;
    padding: 14px 16px;
    text-align: left;
    white-space: nowrap;
}

.roles-table td[b-jt0jqce2qs],
.activity-table td[b-jt0jqce2qs] {
    border-top: 1px solid #e8edf5;
    color: #2e344b;
    font-size: 13px;
    font-weight: 800;
    padding: 14px 16px;
    vertical-align: middle;
}

.roles-table tbody tr:hover[b-jt0jqce2qs],
.activity-table tbody tr:hover[b-jt0jqce2qs] {
    background: #f8fbff;
}

.application-cell[b-jt0jqce2qs] {
    align-items: center;
    display: grid;
    gap: 12px;
    grid-template-columns: 38px minmax(0, 1fr);
}

.application-cell strong[b-jt0jqce2qs],
.application-cell small[b-jt0jqce2qs] {
    display: block;
    overflow-wrap: anywhere;
}

.application-cell strong[b-jt0jqce2qs] {
    color: #11142f;
    font-weight: 900;
    margin-bottom: 5px;
}

.application-cell small[b-jt0jqce2qs] {
    color: #52607c;
    font-size: 12px;
}

.table-icon[b-jt0jqce2qs] {
    align-items: center;
    background: #eef4ff;
    border-radius: 50%;
    color: #2458ff;
    display: inline-flex;
    height: 36px;
    justify-content: center;
    width: 36px;
}

.role-pill[b-jt0jqce2qs],
.permission-pill[b-jt0jqce2qs] {
    border-radius: 7px;
    font-size: 12px;
    font-weight: 900;
    gap: 7px;
    padding: 7px 11px;
    white-space: nowrap;
}

.role-pill[b-jt0jqce2qs] {
    align-items: center;
    background: #eef4ff;
    color: #3156e8;
    display: inline-flex;
}

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

.row-actions button[b-jt0jqce2qs],
.icon-action[b-jt0jqce2qs] {
    background: transparent;
    border: 0;
    border-radius: 7px;
    color: #50607d;
    height: 34px;
    width: 34px;
}

.row-actions button:hover[b-jt0jqce2qs],
.icon-action:hover[b-jt0jqce2qs] {
    background: #eef4ff;
    color: #2458ff;
}

.table-footer[b-jt0jqce2qs] {
    border-top: 1px solid #e8edf5;
    color: #41506d;
    font-size: 13px;
    font-weight: 900;
    padding-top: 16px;
}

.action-card-grid[b-jt0jqce2qs] {
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.action-card[b-jt0jqce2qs] {
    background: #fff;
    border: 1px solid #dfe6f2;
    border-radius: 8px;
    box-shadow: 0 16px 38px rgba(14, 23, 58, .06);
    gap: 16px;
    justify-content: flex-start;
    min-height: 86px;
    padding: 18px;
    text-align: left;
    width: 100%;
}

.action-card strong[b-jt0jqce2qs] {
    color: #2458ff;
    display: block;
    font-size: 14px;
    font-weight: 900;
}

.action-icon[b-jt0jqce2qs] {
    align-items: center;
    border-radius: 8px;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 24px;
    height: 52px;
    justify-content: center;
    width: 52px;
}

.action-blue[b-jt0jqce2qs] {
    background: #eef4ff;
    color: #2458ff;
}

.action-indigo[b-jt0jqce2qs] {
    background: #eef7ff;
    color: #0e88d3;
}

.action-purple[b-jt0jqce2qs] {
    background: #f4edff;
    color: #7b3fed;
}

.empty-state[b-jt0jqce2qs],
.loading-state[b-jt0jqce2qs] {
    color: #66708f;
    font-weight: 800;
    padding: 42px;
    text-align: center;
}

.loading-state[b-jt0jqce2qs] {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: center;
}

.user-role-dialog-backdrop[b-jt0jqce2qs] {
    align-items: center;
    background: rgba(15, 23, 42, .52);
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 24px;
    position: fixed;
    z-index: 10000;
}

.assignment-dialog[b-jt0jqce2qs],
.activity-dialog[b-jt0jqce2qs],
.clone-dialog[b-jt0jqce2qs] {
    background: #fff;
    border: 1px solid #e4e9f3;
    border-radius: 8px;
    box-shadow: 0 24px 80px rgba(15, 23, 42, .3);
    max-height: calc(100vh - 48px);
    overflow: auto;
    padding: 24px;
    width: 100%;
}

.assignment-dialog[b-jt0jqce2qs] {
    max-width: 760px;
}

.activity-dialog[b-jt0jqce2qs] {
    max-width: 1180px;
}

.clone-dialog[b-jt0jqce2qs] {
    max-width: 620px;
}

.dialog-header[b-jt0jqce2qs] {
    align-items: flex-start;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    margin-bottom: 18px;
}

.relationship-flow[b-jt0jqce2qs] {
    align-items: center;
    background: linear-gradient(180deg, #fbfcff 0%, #f5f8ff 100%);
    border: 1px solid #e4eaf3;
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 18px;
    padding: 14px;
}

.relationship-flow span[b-jt0jqce2qs] {
    align-items: center;
    background: #fff;
    border: 1px solid #dfe6f2;
    border-radius: 8px;
    color: #17203d;
    display: inline-flex;
    font-size: 13px;
    font-weight: 900;
    gap: 8px;
    min-height: 38px;
    padding: 8px 12px;
}

.relationship-flow > i[b-jt0jqce2qs] {
    color: #9aa5bb;
}

.relationship-flow span i[b-jt0jqce2qs] {
    color: #3156e8;
}

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

.clone-form-grid[b-jt0jqce2qs] {
    grid-template-columns: 1fr;
}

.checkbox-field[b-jt0jqce2qs] {
    align-items: center !important;
    flex-direction: row !important;
    gap: 10px !important;
    padding-top: 27px;
}

.checkbox-field input[b-jt0jqce2qs] {
    box-shadow: none;
    min-height: 18px;
    width: 18px;
}

.dialog-actions[b-jt0jqce2qs] {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    margin-top: 22px;
}

.activity-toolbar[b-jt0jqce2qs] {
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(260px, 420px);
    margin-bottom: 18px;
}

.permission-pill[b-jt0jqce2qs] {
    display: inline-flex;
}

.permission-view[b-jt0jqce2qs] {
    background: #dcf8e7;
    color: #168143;
}

.permission-full[b-jt0jqce2qs] {
    background: #f0e9ff;
    color: #6d44d8;
}

.permission-add[b-jt0jqce2qs] {
    background: #dff7fb;
    color: #087d99;
}

.permission-edit[b-jt0jqce2qs] {
    background: #eef4ff;
    color: #2458ff;
}

.permission-update[b-jt0jqce2qs] {
    background: #f1e9ff;
    color: #6d28d9;
}

.permission-custom[b-jt0jqce2qs] {
    background: #fff4df;
    color: #b45309;
}

.permission-delete[b-jt0jqce2qs] {
    background: #ffe4e8;
    color: #ec3e4d;
}

.permission-none[b-jt0jqce2qs] {
    background: #f1f5f9;
    color: #536079;
}

@media (max-width: 1180px) {
    .user-role-top-shell[b-jt0jqce2qs],
    .summary-grid[b-jt0jqce2qs],
    .action-card-grid[b-jt0jqce2qs] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

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

    .detail-item:not(:nth-child(3n))[b-jt0jqce2qs] {
        border-right: 0;
    }

    .detail-item:not(:nth-child(2n))[b-jt0jqce2qs] {
        border-right: 1px solid #e8edf5;
    }
}

@media (max-width: 820px) {
    .user-role-header[b-jt0jqce2qs],
    .section-heading-row[b-jt0jqce2qs],
    .dialog-actions[b-jt0jqce2qs] {
        align-items: stretch;
        flex-direction: column;
    }

    .breadcrumb-trail[b-jt0jqce2qs] {
        flex-wrap: wrap;
        padding-top: 0;
        white-space: normal;
    }

    .user-role-top-shell[b-jt0jqce2qs],
    .summary-grid[b-jt0jqce2qs],
    .action-card-grid[b-jt0jqce2qs],
    .details-grid[b-jt0jqce2qs],
    .form-grid[b-jt0jqce2qs],
    .activity-toolbar[b-jt0jqce2qs] {
        grid-template-columns: 1fr;
    }

    .detail-item[b-jt0jqce2qs],
    .detail-item:not(:nth-child(2n))[b-jt0jqce2qs] {
        border-right: 0;
    }

    .search-box[b-jt0jqce2qs] {
        flex: 1 1 auto;
        width: 100%;
    }

    .primary-action[b-jt0jqce2qs],
    .secondary-action[b-jt0jqce2qs] {
        width: 100%;
    }
}

@media (max-width: 640px) {
    .manage-user-role-page[b-jt0jqce2qs] {
        padding: 18px 14px 28px;
    }

    .user-details-card[b-jt0jqce2qs],
    .quick-summary-card[b-jt0jqce2qs],
    .applications-roles-card[b-jt0jqce2qs] {
        padding: 16px;
    }

    .user-profile-row[b-jt0jqce2qs] {
        align-items: flex-start;
        grid-template-columns: auto minmax(0, 1fr);
    }

    .profile-shield[b-jt0jqce2qs] {
        display: none;
    }

    .user-role-dialog-backdrop[b-jt0jqce2qs] {
        padding: 12px;
    }
}
/* /Shared/AccessDeniedPanel.razor.rz.scp.css */
.access-denied-panel[b-xlst94ljq5] {
    align-items: center;
    background: #fff;
    border: 1px solid #dfe6f2;
    border-radius: 8px;
    box-shadow: 0 16px 38px rgba(14, 23, 58, 0.07);
    color: #14162f;
    display: flex;
    gap: 18px;
    margin: 24px;
    max-width: 760px;
    padding: 24px;
}

.access-denied-icon[b-xlst94ljq5] {
    align-items: center;
    background: #fff1f3;
    border: 1px solid #fecdd6;
    border-radius: 50%;
    color: #be123c;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 26px;
    height: 58px;
    justify-content: center;
    width: 58px;
}

.access-denied-panel h1[b-xlst94ljq5] {
    color: #11142f;
    font-size: 24px;
    font-weight: 900;
    letter-spacing: 0;
    margin: 0 0 6px;
}

.access-denied-panel p[b-xlst94ljq5] {
    color: #4d5773;
    font-size: 15px;
    font-weight: 800;
    margin: 0;
}

@media (max-width: 720px) {
    .access-denied-panel[b-xlst94ljq5] {
        align-items: flex-start;
        flex-direction: column;
        margin: 18px 14px;
    }
}
/* /Shared/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-ls3cdb5g4g] {
    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-ls3cdb5g4g] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Shared/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-x64ykr75ma],
.components-reconnect-repeated-attempt-visible[b-x64ykr75ma],
.components-reconnect-failed-visible[b-x64ykr75ma],
.components-pause-visible[b-x64ykr75ma],
.components-resume-failed-visible[b-x64ykr75ma],
.components-rejoining-animation[b-x64ykr75ma] {
    display: none;
}

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


#components-reconnect-modal[b-x64ykr75ma] {
    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-x64ykr75ma 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-x64ykr75ma {
    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;
    }
}