/* /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-subsection-title[b-r57nyhkiii] {
    color: #11142f;
    font-size: 16px;
    font-weight: 900;
    margin: 0 0 14px;
}

.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 .select-shell[b-r57nyhkiii] {
    display: block;
    position: relative;
    width: 100%;
}

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

.form-grid .select-shell:has(select:disabled)[b-r57nyhkiii]::after {
    border-color: #99a3b8;
}

.form-grid .form-select-control[b-r57nyhkiii] {
    appearance: none;
    background: #fff;
    cursor: pointer;
    padding-right: 36px;
    width: 100%;
}

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

.form-grid .form-select-control:disabled[b-r57nyhkiii] {
    background: #edf1f6;
    color: #4d5773;
    cursor: not-allowed;
    opacity: 1;
}

.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;
}

.inline-toggle-field[b-r57nyhkiii] {
    align-items: center;
    align-self: end;
    background: #f8fbff;
    border: 1px solid #e4ebf5;
    border-radius: 7px;
    flex-direction: row;
    justify-content: flex-start;
    min-height: 42px;
    padding: 0 12px;
}

.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/ApplicationDetails.razor.rz.scp.css */
.application-details-page[b-qg4m5bx3ox] {
    background:
        radial-gradient(circle at top right, rgba(84, 67, 255, 0.06), transparent 30%),
        linear-gradient(180deg, #fbfcff 0%, #f5f7fb 100%);
    color: #14162f;
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 100%;
    min-height: calc(100vh - 136px);
    overflow-x: hidden;
    padding: 12px 14px 16px;
}

.application-details-header[b-qg4m5bx3ox] {
    align-items: flex-start;
    display: flex;
    gap: 14px;
    justify-content: space-between;
    min-width: 0;
}

.application-details-header > div[b-qg4m5bx3ox] {
    min-width: 0;
}

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

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

.application-selector[b-qg4m5bx3ox] {
    display: grid;
    flex: 0 1 520px;
    gap: 5px;
    max-width: 560px;
    min-width: 360px;
}

.application-selector > span[b-qg4m5bx3ox],
.application-label[b-qg4m5bx3ox] {
    color: #475372;
    font-size: 11px;
    font-weight: 850;
}

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

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

.application-selector select[b-qg4m5bx3ox],
.mini-search input[b-qg4m5bx3ox] {
    background: #fff;
    border: 1px solid #dce4f1;
    border-radius: 8px;
    box-shadow: 0 5px 14px rgba(13, 20, 45, .03);
    color: #15182f;
    font-size: 12.5px;
    font-weight: 750;
    min-height: 38px;
    outline: none;
    padding: 0 10px;
    width: 100%;
}

.application-selector select[b-qg4m5bx3ox] {
    appearance: none;
    padding-right: 38px;
}

.application-selector select:focus[b-qg4m5bx3ox],
.mini-search input:focus[b-qg4m5bx3ox] {
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .12);
}

.details-alert[b-qg4m5bx3ox],
.details-loading[b-qg4m5bx3ox],
.details-empty[b-qg4m5bx3ox],
.section-empty[b-qg4m5bx3ox] {
    align-items: center;
    border-radius: 8px;
    display: flex;
    gap: 10px;
}

.details-alert[b-qg4m5bx3ox] {
    border: 1px solid #fecaca;
    color: #b91c1c;
    font-size: 13px;
    font-weight: 800;
    padding: 10px 12px;
}

.details-alert-error[b-qg4m5bx3ox] {
    background: #fff1f2;
}

.details-loading[b-qg4m5bx3ox],
.details-empty[b-qg4m5bx3ox] {
    background: #fff;
    border: 1px solid #d8e2f2;
    box-shadow: 0 10px 22px rgba(14, 23, 58, .055);
    color: #475372;
    justify-content: center;
    min-height: 180px;
    padding: 18px;
}

.details-empty[b-qg4m5bx3ox] {
    flex-direction: column;
    text-align: center;
}

.details-empty i[b-qg4m5bx3ox] {
    color: #2563eb;
    font-size: 28px;
}

.details-hero[b-qg4m5bx3ox],
.app-details-top-grid[b-qg4m5bx3ox] {
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
}

.application-profile-card[b-qg4m5bx3ox],
.application-summary-card[b-qg4m5bx3ox],
.details-card[b-qg4m5bx3ox] {
    background: rgba(255, 255, 255, .96);
    border: 1px solid #dfe6f2;
    border-radius: 8px;
    box-shadow: 0 8px 22px rgba(14, 23, 58, .055);
    min-width: 0;
}

.application-profile-card[b-qg4m5bx3ox] {
    display: block;
    min-height: 0;
    overflow: hidden;
    padding: 11px 12px;
}

.profile-main[b-qg4m5bx3ox] {
    align-items: start;
    display: grid;
    gap: 11px;
    grid-template-columns: 46px minmax(0, 1fr);
    min-width: 0;
}

.profile-content[b-qg4m5bx3ox] {
    min-width: 0;
}

.profile-icon[b-qg4m5bx3ox] {
    align-items: center;
    background: linear-gradient(135deg, #dbeafe, #eff6ff);
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    color: #2563eb;
    display: inline-flex;
    font-size: 21px;
    height: 46px;
    justify-content: center;
    width: 46px;
}

.profile-title-row[b-qg4m5bx3ox] {
    align-items: flex-start;
    display: flex;
    gap: 8px;
    margin-bottom: 0;
    min-width: 0;
}

.profile-title-row h2[b-qg4m5bx3ox] {
    color: #11142f;
    flex: 1 1 auto;
    font-size: 16.5px;
    font-weight: 850;
    line-height: 1.18;
    margin: 0;
    min-width: 0;
    overflow-wrap: break-word;
    white-space: normal;
}

.profile-title-row .application-name-heading[b-qg4m5bx3ox] {
    color: #1d4ed8;
}

.status-chip[b-qg4m5bx3ox] {
    border-radius: 999px;
    flex: 0 0 auto;
    font-size: 10px;
    font-weight: 900;
    margin-top: 1px;
    padding: 4px 8px;
}

.status-active[b-qg4m5bx3ox] {
    background: #dcfce7;
    color: #15803d;
}

.status-inactive[b-qg4m5bx3ox] {
    background: #fee2e2;
    color: #b91c1c;
}

.audit-inactive-text[b-qg4m5bx3ox] {
    color: #dc2626 !important;
}

.audit-inactive-card[b-qg4m5bx3ox] {
    border-color: #fca5a5 !important;
    box-shadow: 0 5px 16px rgba(220, 38, 38, .08);
}

.role-row.audit-inactive-row[b-qg4m5bx3ox],
.assigned-user-chip.audit-inactive-chip[b-qg4m5bx3ox] {
    background: #fff7f7;
    border-color: #fca5a5;
}

.details-table tr.audit-inactive-row td[b-qg4m5bx3ox] {
    background: #fff7f7;
}

.audit-inactive-option[b-qg4m5bx3ox] {
    color: #dc2626;
}

.audit-inactive-bar[b-qg4m5bx3ox] {
    --bar-end: #f87171;
    --bar-start: #dc2626;
}

.tab-detail-title .assigned-role-list[b-qg4m5bx3ox] {
    white-space: nowrap;
}

.tab-detail-title .assigned-role-list > span[b-qg4m5bx3ox] {
    display: inline;
    margin-top: 0;
}

.application-info-grid[b-qg4m5bx3ox] {
    display: grid;
    align-items: start;
    gap: 10px 18px;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 11px;
}

.program-unit-item[b-qg4m5bx3ox] {
    grid-column: 1;
}

.application-info-item[b-qg4m5bx3ox] {
    min-width: 0;
}

.summary-insights > div[b-qg4m5bx3ox],
.summary-insights > div > div[b-qg4m5bx3ox] {
    min-width: 0;
}

.application-label[b-qg4m5bx3ox] {
    display: block;
    line-height: 1.15;
    margin-bottom: 2px;
}

.application-value[b-qg4m5bx3ox] {
    color: #111827;
    display: block;
    font-size: 12.25px;
    font-weight: 850;
    line-height: 1.25;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.environment-link-grid[b-qg4m5bx3ox] {
    border-top: 1px solid #e5eaf3;
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 39px;
    padding-top: 8px;
}

.environment-link-grid > div[b-qg4m5bx3ox] {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
}

.environment-link-grid .application-label[b-qg4m5bx3ox] {
    margin: 0;
    white-space: nowrap;
}

.environment-link-button[b-qg4m5bx3ox] {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    justify-content: center;
}

.environment-link-button[b-qg4m5bx3ox] {
    background: #eff6ff;
    border: 2px solid #2563eb;
    box-shadow: 0 6px 12px rgba(37, 99, 235, .12);
    color: #2563eb;
    cursor: pointer;
    font-size: 13px;
    height: 26px;
    line-height: 1;
    padding: 0;
    text-decoration: none;
    transition: opacity .15s ease, transform .15s ease, border-color .15s ease;
    width: 26px;
}

.environment-link-button i[b-qg4m5bx3ox] {
    color: currentColor;
}

.environment-link-button:hover[b-qg4m5bx3ox] {
    background: #dbeafe;
    border-color: #1d4ed8;
    color: #1d4ed8;
    opacity: .9;
    transform: scale(1.05);
}

.environment-link-placeholder[b-qg4m5bx3ox] {
    color: #94a3b8;
    display: inline-flex;
    font-size: 14px;
    font-weight: 800;
    height: 26px;
    line-height: 1;
    place-items: center;
}

.application-summary-card[b-qg4m5bx3ox],
.details-card[b-qg4m5bx3ox] {
    padding: 12px;
}

.app-summary-compact[b-qg4m5bx3ox] {
    display: grid;
    gap: 8px;
}

.section-heading[b-qg4m5bx3ox] {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 9px;
    min-width: 0;
}

.section-heading h2[b-qg4m5bx3ox] {
    color: #111827;
    font-size: 14px;
    font-weight: 900;
    margin: 0;
}

.section-heading span[b-qg4m5bx3ox] {
    color: #64748b;
    font-size: 11px;
    font-weight: 750;
}

.compact-heading[b-qg4m5bx3ox] {
    margin-bottom: 0;
}

.summary-metric-grid[b-qg4m5bx3ox] {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.summary-metric[b-qg4m5bx3ox] {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    min-height: 66px;
    padding: 9px;
    position: relative;
}

.summary-metric span[b-qg4m5bx3ox] {
    color: #64748b;
    display: block;
    font-size: 10.5px;
    font-weight: 850;
    margin-bottom: 5px;
}

.summary-metric strong[b-qg4m5bx3ox] {
    color: #0f172a;
    display: block;
    font-size: 19px;
    font-weight: 950;
    line-height: 1;
}

.summary-metric i[b-qg4m5bx3ox] {
    bottom: 9px;
    color: #2563eb;
    font-size: 17px;
    opacity: .78;
    position: absolute;
    right: 9px;
}

.summary-insights[b-qg4m5bx3ox] {
    border-top: 1px solid #e2e8f0;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr) 1px minmax(0, 1fr);
    padding-top: 12px;
}

.summary-highlight-item[b-qg4m5bx3ox] {
    align-items: center;
    display: flex;
    gap: 10px;
    min-width: 0;
}

.summary-highlight-item > div small[b-qg4m5bx3ox],
.summary-highlight-item > div span[b-qg4m5bx3ox] {
    color: #64748b;
    display: block;
    font-size: 10px;
    font-weight: 750;
}

.summary-insights strong[b-qg4m5bx3ox] {
    color: #111827;
    display: block;
    font-size: 11.5px;
    font-weight: 900;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.summary-divider[b-qg4m5bx3ox] {
    align-self: center;
    background: #e5eaf3;
    display: block;
    height: 46px;
    width: 1px;
}

.summary-insights .summary-highlight-icon[b-qg4m5bx3ox] {
    align-items: center;
    border-radius: 50%;
    display: inline-flex;
    flex: 0 0 44px;
    font-size: 14px;
    font-weight: 950;
    height: 44px;
    justify-content: center;
    line-height: 1;
    position: relative;
    width: 44px;
}

.summary-insights .insight-avatar[b-qg4m5bx3ox] {
    background: linear-gradient(135deg, #0f6fb8, #1d9bf0);
    box-shadow: 0 0 0 5px rgba(37, 99, 235, .16), 0 9px 20px rgba(37, 99, 235, .25);
    color: #fff;
}

.summary-insights .insight-icon[b-qg4m5bx3ox] {
    background: linear-gradient(135deg, #8b5cf6, #7c3aed);
    box-shadow: 0 0 0 5px rgba(124, 58, 237, .16), 0 9px 20px rgba(124, 58, 237, .24);
    color: #fff;
}

.summary-insights .summary-highlight-icon i[b-qg4m5bx3ox] {
    bottom: auto !important;
    color: currentColor !important;
    font-size: 15px;
    opacity: 1;
    position: static !important;
    right: auto !important;
}

.summary-insights .most-page[b-qg4m5bx3ox] {
    background: linear-gradient(135deg, #14b8a6, #2dd4bf);
    box-shadow: 0 0 0 5px rgba(20, 184, 166, .16), 0 9px 20px rgba(20, 184, 166, .23);
    color: #fff;
}

.details-tabs[b-qg4m5bx3ox] {
    background: #fff;
    border: 1px solid #d8e2f2;
    border-radius: 8px;
    display: flex;
    gap: 5px;
    overflow-x: auto;
    padding: 5px;
}

.details-tabs button[b-qg4m5bx3ox] {
    background: transparent;
    border: 0;
    border-radius: 7px;
    color: #475372;
    cursor: pointer;
    font-family: inherit;
    font-size: 11.5px;
    font-weight: 850;
    padding: 6px 9px;
    white-space: nowrap;
}

.details-tabs button.is-active[b-qg4m5bx3ox],
.details-tabs button:hover[b-qg4m5bx3ox] {
    background: #eff6ff;
    color: #2563eb;
}

.details-tabs button:focus-visible[b-qg4m5bx3ox] {
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .18);
    outline: 2px solid #2563eb;
    outline-offset: 1px;
}

.details-tab-panel[b-qg4m5bx3ox] {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.tab-content-hidden[b-qg4m5bx3ox] {
    display: none !important;
}

.tab-detail-list[b-qg4m5bx3ox] {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.tab-detail-card[b-qg4m5bx3ox] {
    padding: 12px;
}

.tab-detail-header[b-qg4m5bx3ox] {
    align-items: flex-start;
    display: flex;
    gap: 14px;
    justify-content: space-between;
    min-width: 0;
}

.tab-detail-title[b-qg4m5bx3ox] {
    align-items: center;
    display: flex;
    gap: 9px;
    min-width: 0;
}

.tab-detail-title > div[b-qg4m5bx3ox] {
    min-width: 0;
}

.tab-detail-title h2[b-qg4m5bx3ox],
.detail-subheading h3[b-qg4m5bx3ox] {
    color: #111827;
    font-weight: 900;
    margin: 0;
}

.tab-detail-title h2[b-qg4m5bx3ox] {
    font-size: 14px;
    line-height: 1.25;
}

.tab-detail-title span[b-qg4m5bx3ox],
.tab-detail-title small[b-qg4m5bx3ox],
.detail-subheading small[b-qg4m5bx3ox] {
    color: #64748b;
    display: block;
    font-size: 10.5px;
    font-weight: 750;
    line-height: 1.35;
    margin-top: 2px;
}

.detail-entity-icon[b-qg4m5bx3ox] {
    align-items: center;
    background: #f1f5f9;
    border-radius: 8px;
    display: inline-flex;
    flex: 0 0 32px;
    height: 32px;
    justify-content: center;
    width: 32px;
}

.detail-user-avatar[b-qg4m5bx3ox] {
    flex-basis: 32px;
    height: 32px;
    width: 32px;
}

.tab-detail-stats[b-qg4m5bx3ox] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: flex-end;
}

.tab-detail-stats > span:not(.status-chip)[b-qg4m5bx3ox] {
    background: #eff6ff;
    border-radius: 999px;
    color: #2563eb;
    font-size: 10px;
    font-weight: 850;
    padding: 4px 7px;
    white-space: nowrap;
}

.role-detail-grid[b-qg4m5bx3ox] {
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(220px, .34fr) minmax(0, .66fr);
    margin-top: 12px;
}

.detail-subsection[b-qg4m5bx3ox] {
    background: #fbfdff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    min-width: 0;
    padding: 10px;
}

.detail-subheading[b-qg4m5bx3ox] {
    align-items: flex-start;
    display: flex;
    gap: 8px;
    justify-content: space-between;
    margin-bottom: 8px;
}

.detail-subheading h3[b-qg4m5bx3ox] {
    font-size: 11.5px;
}

.detail-subheading > span[b-qg4m5bx3ox] {
    background: #e0e7ff;
    border-radius: 999px;
    color: #4338ca;
    font-size: 10px;
    font-weight: 900;
    padding: 3px 7px;
}

.assigned-user-list[b-qg4m5bx3ox] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.assigned-user-chip[b-qg4m5bx3ox] {
    align-items: center;
    background: #fff;
    border: 1px solid #dbe4f0;
    border-radius: 999px;
    color: #334155;
    display: inline-flex;
    font-size: 10.5px;
    font-weight: 800;
    gap: 6px;
    max-width: 100%;
    padding: 3px 8px 3px 3px;
}

.assigned-user-chip > span:last-child[b-qg4m5bx3ox] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.assigned-user-chip .user-mini-avatar[b-qg4m5bx3ox] {
    flex-basis: 22px;
    height: 22px;
    width: 22px;
}

.detail-empty[b-qg4m5bx3ox] {
    align-items: center;
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 7px;
    color: #64748b;
    display: flex;
    font-size: 10.5px;
    font-weight: 800;
    justify-content: center;
    min-height: 58px;
    padding: 10px;
    text-align: center;
}

.detail-empty-wide[b-qg4m5bx3ox] {
    margin-top: 12px;
}

.tab-empty-state[b-qg4m5bx3ox] {
    min-height: 130px;
}

.detail-table-scroll[b-qg4m5bx3ox] {
    margin-top: 12px;
    max-width: 100%;
    overflow-x: auto;
}

.detail-subsection .detail-table-scroll[b-qg4m5bx3ox] {
    margin-top: 0;
}

.details-table.detail-access-table[b-qg4m5bx3ox] {
    min-width: 560px;
    table-layout: auto;
}

.page-user-table[b-qg4m5bx3ox] {
    min-width: 720px !important;
}

.permission-chip[b-qg4m5bx3ox] {
    background: #ede9fe;
    border-radius: 999px;
    color: #6d28d9;
    display: inline-block;
    font-size: 10px;
    font-weight: 900;
    min-width: 28px;
    padding: 3px 7px;
    text-align: center;
}

.details-card-grid[b-qg4m5bx3ox],
.app-dashboard-three-grid[b-qg4m5bx3ox] {
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(0, .3fr) minmax(0, .35fr) minmax(0, .35fr);
}

.users-card[b-qg4m5bx3ox] {
    grid-column: auto;
}

.mini-search[b-qg4m5bx3ox] {
    align-items: center;
    display: flex;
    min-width: 132px;
    position: relative;
}

.mini-search i[b-qg4m5bx3ox] {
    color: #64748b;
    font-size: 11px;
    left: 10px;
    position: absolute;
}

.mini-search input[b-qg4m5bx3ox] {
    font-size: 11.5px;
    min-height: 32px;
    padding-left: 29px;
}

.role-list[b-qg4m5bx3ox] {
    display: grid;
    gap: 7px;
}

.role-row[b-qg4m5bx3ox] {
    align-items: center;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    display: grid;
    gap: 8px;
    grid-template-columns: 30px minmax(0, 1fr) auto;
    padding: 7px;
}

.role-icon[b-qg4m5bx3ox] {
    align-items: center;
    background: #eff6ff;
    border-radius: 8px;
    display: inline-flex;
    height: 30px;
    justify-content: center;
    width: 30px;
}

.entity-icon-active[b-qg4m5bx3ox] {
    color: #22c55e;
}

.entity-icon-inactive[b-qg4m5bx3ox] {
    color: #ef4444;
}

.role-row strong[b-qg4m5bx3ox] {
    color: #1f2937;
    display: block;
    font-size: 11.5px;
    font-weight: 900;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.role-row span[b-qg4m5bx3ox] {
    color: #64748b;
    font-size: 10.5px;
    font-weight: 750;
}

.role-row > div:not(.role-counts) span[b-qg4m5bx3ox] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.role-counts[b-qg4m5bx3ox] {
    display: grid;
    gap: 4px;
}

.role-counts span[b-qg4m5bx3ox] {
    background: #eff6ff;
    border-radius: 999px;
    color: #2563eb;
    font-size: 10px;
    justify-self: end;
    padding: 3px 6px;
    white-space: nowrap;
}

.compact-table-scroll[b-qg4m5bx3ox] {
    max-width: 100%;
    overflow: hidden;
}

.details-table[b-qg4m5bx3ox] {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
}

.details-table th[b-qg4m5bx3ox] {
    background: #f8fafc;
    color: #1f2937;
    font-size: 10.5px;
    font-weight: 950;
    padding: 7px 6px;
    text-align: left;
    white-space: nowrap;
}

.details-table td[b-qg4m5bx3ox] {
    border-top: 1px solid #edf2f7;
    color: #334155;
    font-size: 10.5px;
    font-weight: 750;
    overflow: hidden;
    padding: 7px 6px;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
}

.pages-card .details-table th:nth-child(1)[b-qg4m5bx3ox],
.pages-card .details-table td:nth-child(1)[b-qg4m5bx3ox] {
    width: 68%;
}

.pages-card .details-table th:nth-child(2)[b-qg4m5bx3ox],
.pages-card .details-table td:nth-child(2)[b-qg4m5bx3ox] {
    width: 32%;
}

.users-card .details-table th:nth-child(1)[b-qg4m5bx3ox],
.users-card .details-table td:nth-child(1)[b-qg4m5bx3ox] {
    width: 42%;
}

.users-card .details-table th:nth-child(2)[b-qg4m5bx3ox],
.users-card .details-table td:nth-child(2)[b-qg4m5bx3ox] {
    width: 36%;
}

.users-card .details-table th:nth-child(3)[b-qg4m5bx3ox],
.users-card .details-table td:nth-child(3)[b-qg4m5bx3ox] {
    width: 22%;
}

.entity-name[b-qg4m5bx3ox],
.user-name-cell[b-qg4m5bx3ox] {
    align-items: center;
    display: inline-flex;
    gap: 6px;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.entity-name i[b-qg4m5bx3ox] {
    flex: 0 0 auto;
}

.user-mini-avatar[b-qg4m5bx3ox] {
    align-items: center;
    border: 2px solid #fff;
    border-radius: 50%;
    color: #fff;
    display: inline-flex;
    flex: 0 0 24px;
    font-size: 10px;
    font-weight: 950;
    height: 24px;
    justify-content: center;
    width: 24px;
}

.user-active[b-qg4m5bx3ox] {
    background: #2563eb;
    box-shadow: 0 0 0 2px #22c55e;
}

.user-inactive[b-qg4m5bx3ox] {
    background: #64748b;
    box-shadow: 0 0 0 2px #ef4444;
}

.section-empty[b-qg4m5bx3ox] {
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    color: #64748b;
    font-size: 12px;
    font-weight: 800;
    justify-content: center;
    min-height: 72px;
    padding: 12px;
}

.activity-lookup-card[b-qg4m5bx3ox] {
    display: grid;
    gap: 10px;
}

.activity-date-list-card[b-qg4m5bx3ox] {
    display: grid;
    gap: 10px;
}

.activity-filter-grid[b-qg4m5bx3ox] {
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.activity-filter-field[b-qg4m5bx3ox] {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.activity-filter-field > span:first-child[b-qg4m5bx3ox] {
    color: #475372;
    font-size: 11px;
    font-weight: 850;
}

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

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

.activity-filter-field select[b-qg4m5bx3ox] {
    appearance: none;
    background: #fff;
    border: 1px solid #dce4f1;
    border-radius: 8px;
    box-shadow: 0 5px 14px rgba(13, 20, 45, .03);
    color: #15182f;
    font-size: 12px;
    font-weight: 800;
    min-height: 38px;
    outline: none;
    padding: 0 36px 0 10px;
    width: 100%;
}

.activity-filter-field select:focus[b-qg4m5bx3ox] {
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .12);
}

.activity-lookup-loading[b-qg4m5bx3ox] {
    gap: 8px;
}

.activity-selection-summary[b-qg4m5bx3ox] {
    align-items: center;
    background: linear-gradient(135deg, #eff6ff, #f8fafc);
    border: 1px solid #dbeafe;
    border-radius: 8px;
    display: flex;
    gap: 10px;
    min-width: 0;
    padding: 10px;
}

.activity-selection-icon[b-qg4m5bx3ox] {
    align-items: center;
    background: linear-gradient(135deg, #2563eb, #60a5fa);
    border-radius: 50%;
    color: #fff;
    display: inline-flex;
    flex: 0 0 34px;
    height: 34px;
    justify-content: center;
    width: 34px;
}

.activity-selection-summary > div[b-qg4m5bx3ox] {
    min-width: 0;
}

.activity-selection-summary small[b-qg4m5bx3ox],
.activity-selection-summary span:not(.activity-selection-icon)[b-qg4m5bx3ox] {
    color: #64748b;
    display: block;
    font-size: 10.5px;
    font-weight: 750;
}

.activity-selection-summary strong[b-qg4m5bx3ox] {
    color: #111827;
    display: block;
    font-size: 13px;
    font-weight: 950;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.user-page-access-scroll[b-qg4m5bx3ox] {
    margin-top: 0;
}

.details-table.user-page-access-table[b-qg4m5bx3ox] {
    min-width: 520px;
}

.user-page-access-table th:nth-child(1)[b-qg4m5bx3ox],
.user-page-access-table td:nth-child(1)[b-qg4m5bx3ox] {
    width: 62%;
}

.user-page-access-table th:nth-child(2)[b-qg4m5bx3ox],
.user-page-access-table td:nth-child(2)[b-qg4m5bx3ox] {
    width: 38%;
}

.access-record-pagination[b-qg4m5bx3ox] {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

.access-record-pagination > span[b-qg4m5bx3ox],
.access-page-status[b-qg4m5bx3ox] {
    color: #64748b;
    font-size: 11px;
    font-weight: 800;
}

.access-record-pagination > div[b-qg4m5bx3ox] {
    align-items: center;
    display: flex;
    gap: 8px;
}

.access-page-button[b-qg4m5bx3ox] {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 7px;
    color: #2563eb;
    cursor: pointer;
    font-family: inherit;
    font-size: 11px;
    font-weight: 900;
    min-height: 30px;
    padding: 5px 10px;
}

.access-page-button:disabled[b-qg4m5bx3ox] {
    background: #f8fafc;
    border-color: #e2e8f0;
    color: #94a3b8;
    cursor: not-allowed;
}

.access-page-button:not(:disabled):hover[b-qg4m5bx3ox] {
    background: #dbeafe;
    border-color: #60a5fa;
}

.activity-grid[b-qg4m5bx3ox],
.app-access-four-grid[b-qg4m5bx3ox] {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.access-overview-card .section-heading strong[b-qg4m5bx3ox] {
    color: #2563eb;
    font-size: 20px;
    font-weight: 950;
}

.access-chart[b-qg4m5bx3ox] {
    background:
        linear-gradient(#e2e8f0 1px, transparent 1px),
        linear-gradient(90deg, #e2e8f0 1px, transparent 1px);
    background-size: 100% 25%, 12.5% 100%;
    border-radius: 8px;
    display: block;
    height: 142px;
    width: 100%;
}

.chart-axis[b-qg4m5bx3ox] {
    color: #64748b;
    display: flex;
    font-size: 10.5px;
    font-weight: 750;
    justify-content: space-between;
    margin-top: 6px;
}

.bar-list[b-qg4m5bx3ox] {
    display: grid;
    gap: 8px;
}

.bar-row[b-qg4m5bx3ox] {
    align-items: center;
    --bar-end: #7c3aed;
    --bar-start: #2563eb;
    display: grid;
    gap: 7px;
    grid-template-columns: minmax(72px, .78fr) minmax(80px, 1fr) 43px;
}

.bar-row > span[b-qg4m5bx3ox] {
    color: #334155;
    font-size: 10.5px;
    font-weight: 850;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bar-row div[b-qg4m5bx3ox] {
    background: #e2e8f0;
    border-radius: 999px;
    height: 6px;
    overflow: hidden;
}

.bar-row div span[b-qg4m5bx3ox] {
    background: linear-gradient(90deg, var(--bar-start), var(--bar-end));
    border-radius: inherit;
    display: block;
    height: 100%;
}

.page-bars .bar-row div span[b-qg4m5bx3ox] {
    background: linear-gradient(90deg, var(--bar-start), var(--bar-end));
}

.bar-row strong[b-qg4m5bx3ox] {
    color: #111827;
    font-size: 10.5px;
    font-weight: 900;
    text-align: right;
}

@media (max-width: 1180px) {
    .application-details-header[b-qg4m5bx3ox] {
        align-items: stretch;
        flex-direction: column;
    }

    .application-selector[b-qg4m5bx3ox] {
        max-width: none;
        width: 100%;
    }

    .environment-link-grid[b-qg4m5bx3ox] {
        margin-top: 9px;
    }

    .details-hero[b-qg4m5bx3ox],
    .app-details-top-grid[b-qg4m5bx3ox],
    .details-card-grid[b-qg4m5bx3ox],
    .app-dashboard-three-grid[b-qg4m5bx3ox],
    .activity-grid[b-qg4m5bx3ox],
    .app-access-four-grid[b-qg4m5bx3ox] {
        grid-template-columns: 1fr;
    }

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

    .summary-insights[b-qg4m5bx3ox] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .summary-divider[b-qg4m5bx3ox] {
        display: none;
    }

    .compact-table-scroll[b-qg4m5bx3ox] {
        overflow-x: auto;
    }

    .details-table[b-qg4m5bx3ox] {
        min-width: 680px;
    }

    .role-detail-grid[b-qg4m5bx3ox] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .application-details-page[b-qg4m5bx3ox] {
        padding: 10px;
    }

    .application-details-header h1[b-qg4m5bx3ox] {
        font-size: 25px;
    }

    .profile-main[b-qg4m5bx3ox],
    .application-info-grid[b-qg4m5bx3ox],
    .summary-metric-grid[b-qg4m5bx3ox],
    .summary-insights[b-qg4m5bx3ox] {
        grid-template-columns: 1fr;
    }

    .program-unit-item[b-qg4m5bx3ox] {
        grid-column: auto;
        grid-row: auto;
    }

    .section-heading[b-qg4m5bx3ox] {
        align-items: stretch;
        flex-direction: column;
    }

    .tab-detail-header[b-qg4m5bx3ox] {
        align-items: stretch;
        flex-direction: column;
    }

    .tab-detail-stats[b-qg4m5bx3ox] {
        justify-content: flex-start;
    }

    .mini-search[b-qg4m5bx3ox] {
        min-width: 0;
        width: 100%;
    }

    .activity-filter-grid[b-qg4m5bx3ox] {
        grid-template-columns: 1fr;
    }

    .access-record-pagination[b-qg4m5bx3ox] {
        align-items: stretch;
        flex-direction: column;
    }

    .access-record-pagination > div[b-qg4m5bx3ox] {
        justify-content: space-between;
    }
}
/* /Pages/Home.razor.rz.scp.css */
.signin-landing[b-cxgjxmgvk9] {
    align-items: flex-start;
    background: #edf7ff;
    box-sizing: border-box;
    display: flex;
    height: auto;
    justify-content: center;
    margin: 0 !important;
    min-height: 0;
    overflow: visible;
    padding: clamp(4px, .45vw, 8px);
    position: relative;
    width: 100% !important;
}

.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-landing-image[b-cxgjxmgvk9] {
    aspect-ratio: 16 / 9;
    display: block;
    height: auto;
    max-width: 100%;
    object-fit: contain;
    object-position: center center;
    width: 100%;
}

.dashboard-page[b-cxgjxmgvk9] {
    background: #f5f8fd;
    color: #0b2555;
    min-height: 100%;
    padding: clamp(14px, 1.5vw, 24px);
    width: 100%;
}

.dashboard-welcome[b-cxgjxmgvk9] {
    align-items: center;
    display: flex;
    gap: 24px;
    justify-content: space-between;
    margin-bottom: 18px;
}

.dashboard-welcome h2[b-cxgjxmgvk9] {
    color: #0c285e;
    font-size: clamp(1.35rem, 2vw, 2rem);
    font-weight: 800;
    line-height: 1.15;
    margin: 0 0 5px;
}

.dashboard-welcome p[b-cxgjxmgvk9],
.dashboard-date[b-cxgjxmgvk9] {
    color: #536988;
    font-size: .86rem;
    font-weight: 600;
    margin: 0;
}

.dashboard-date[b-cxgjxmgvk9] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: 9px;
}

.dashboard-date i[b-cxgjxmgvk9] {
    color: #49658e;
}

.dashboard-state[b-cxgjxmgvk9] {
    align-items: center;
    background: white;
    border: 1px solid #dbe4f2;
    border-radius: 10px;
    color: #526783;
    display: flex;
    gap: 12px;
    justify-content: center;
    min-height: 260px;
}

.dashboard-state--error[b-cxgjxmgvk9] {
    background: #fff7f7;
    border-color: #fecaca;
    color: #b42318;
}

.dashboard-spinner[b-cxgjxmgvk9] {
    animation: dashboard-spin-b-cxgjxmgvk9 .8s linear infinite;
    border: 3px solid #d9e5fa;
    border-radius: 50%;
    border-top-color: #2f6df6;
    height: 26px;
    width: 26px;
}

@keyframes dashboard-spin-b-cxgjxmgvk9 {
    to { transform: rotate(360deg); }
}

.dashboard-stat-grid[b-cxgjxmgvk9] {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 16px;
}

.dashboard-stat-card[b-cxgjxmgvk9] {
    align-items: flex-start;
    background: #fff;
    border: 1px solid #dce5f2;
    border-radius: 9px;
    box-shadow: 0 5px 18px rgba(25, 54, 96, .045);
    display: grid;
    gap: 13px;
    grid-template-columns: auto minmax(0, 1fr);
    min-height: 132px;
    padding: 21px 18px 17px;
}

.dashboard-stat-card > div[b-cxgjxmgvk9] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.dashboard-stat-icon[b-cxgjxmgvk9] {
    align-items: center;
    border-radius: 50%;
    display: inline-flex;
    font-size: 1.2rem;
    height: 48px;
    justify-content: center;
    width: 48px;
}

.dashboard-stat-label[b-cxgjxmgvk9] {
    color: #405579;
    font-size: .78rem;
    font-weight: 700;
    margin-bottom: 4px;
}

.dashboard-stat-card strong[b-cxgjxmgvk9] {
    font-size: 1.8rem;
    line-height: 1;
    margin-bottom: 14px;
}

.dashboard-stat-note[b-cxgjxmgvk9] {
    color: #506687;
    font-size: .73rem;
    font-weight: 600;
}

.dashboard-stat-card--applications .dashboard-stat-icon[b-cxgjxmgvk9] { background: #e6f0ff; color: #1965ee; }
.dashboard-stat-card--applications[b-cxgjxmgvk9] { border-color: #a9c8ff; }
.dashboard-stat-card--applications strong[b-cxgjxmgvk9] { color: #1264e9; }
.dashboard-stat-card--users .dashboard-stat-icon[b-cxgjxmgvk9] { background: #fff1d9; color: #ef9400; }
.dashboard-stat-card--users[b-cxgjxmgvk9] { border-color: #f4d49a; }
.dashboard-stat-card--users strong[b-cxgjxmgvk9] { color: #ed9700; }
.dashboard-stat-card--roles .dashboard-stat-icon[b-cxgjxmgvk9] { background: #eee5ff; color: #8848ef; }
.dashboard-stat-card--roles[b-cxgjxmgvk9] { border-color: #d6c0fa; }
.dashboard-stat-card--roles strong[b-cxgjxmgvk9] { color: #8544ec; }
.dashboard-stat-card--accesses .dashboard-stat-icon[b-cxgjxmgvk9] { background: #ddf7e7; color: #079549; }
.dashboard-stat-card--accesses[b-cxgjxmgvk9] { border-color: #a9dfbd; }
.dashboard-stat-card--accesses strong[b-cxgjxmgvk9] { color: #07994b; }

.dashboard-two-column[b-cxgjxmgvk9] {
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(0, 1.03fr) minmax(0, .97fr);
}

.dashboard-charts-row[b-cxgjxmgvk9] {
    margin-bottom: 16px;
}

.dashboard-card[b-cxgjxmgvk9] {
    background: #fff;
    border: 1px solid #dce5f2;
    border-radius: 9px;
    box-shadow: 0 5px 18px rgba(25, 54, 96, .04);
    min-width: 0;
    overflow: hidden;
}

.access-overview-card[b-cxgjxmgvk9] {
    border-color: #9ebff2;
}

.access-application-card[b-cxgjxmgvk9] {
    border-color: #9fd6c8;
}

.dashboard-card-header[b-cxgjxmgvk9] {
    align-items: center;
    display: flex;
    gap: 14px;
    justify-content: space-between;
    min-height: 49px;
    padding: 12px 16px;
}

.dashboard-card-header h3[b-cxgjxmgvk9] {
    color: #102e68;
    font-size: .95rem;
    font-weight: 800;
    margin: 0;
}

.dashboard-period[b-cxgjxmgvk9],
.dashboard-view-all[b-cxgjxmgvk9] {
    background: #fff;
    border: 1px solid #dbe5f3;
    border-radius: 6px;
    color: #315078;
    font-size: .69rem;
    font-weight: 700;
    padding: 7px 9px;
    text-decoration: none;
}

.dashboard-period i[b-cxgjxmgvk9] {
    font-size: .58rem;
    margin-left: 9px;
}

.dashboard-view-all[b-cxgjxmgvk9] {
    border-color: #cde0ff;
    color: #1765e9;
}

.dashboard-view-all:hover[b-cxgjxmgvk9] {
    background: #edf4ff;
}

.dashboard-line-chart[b-cxgjxmgvk9] {
    min-height: 280px;
    padding: 5px 12px 0;
}

.dashboard-line-chart svg[b-cxgjxmgvk9] {
    display: block;
    height: 280px;
    overflow: visible;
    width: 100%;
}

.chart-grid-line[b-cxgjxmgvk9] {
    stroke: #d8e2ef;
    stroke-width: 1;
}

.chart-grid-line--vertical[b-cxgjxmgvk9] {
    stroke-opacity: .7;
}

.chart-y-label[b-cxgjxmgvk9],
.chart-x-label[b-cxgjxmgvk9] {
    color: #57708e;
    font-size: 10px;
    font-weight: 600;
    line-height: 20px;
    white-space: nowrap;
}

.chart-y-label[b-cxgjxmgvk9] {
    text-align: right;
}

.chart-x-label[b-cxgjxmgvk9] {
    text-align: center;
}

.chart-access-line[b-cxgjxmgvk9] {
    fill: none;
    stroke: #2f6df6;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 3;
    vector-effect: non-scaling-stroke;
}

.chart-access-point[b-cxgjxmgvk9] {
    fill: #fff;
    stroke: #2f6df6;
    stroke-width: 2;
    vector-effect: non-scaling-stroke;
}

.access-overview-summary[b-cxgjxmgvk9] {
    background: #f8faff;
    border: 1px solid #dce5f2;
    border-radius: 7px;
    display: grid;
    grid-template-columns: .9fr .9fr 1.45fr;
    margin: 0 16px 16px;
    overflow: hidden;
}

.access-overview-summary > div[b-cxgjxmgvk9] {
    display: grid;
    gap: 3px 9px;
    grid-template-columns: auto 1fr;
    padding: 12px 14px;
}

.access-overview-summary > div + div[b-cxgjxmgvk9] {
    border-left: 1px solid #dce5f2;
}

.access-overview-summary i[b-cxgjxmgvk9] {
    color: #1670ee;
    grid-row: 1 / span 2;
    margin-top: 3px;
}

.access-overview-summary > div:last-child i[b-cxgjxmgvk9] {
    color: #0da55b;
}

.access-overview-summary span[b-cxgjxmgvk9] {
    color: #5c7090;
    font-size: .68rem;
    font-weight: 700;
}

.access-overview-summary strong[b-cxgjxmgvk9] {
    color: #16376f;
    font-size: .84rem;
    line-height: 1.2;
}

.access-application-heading[b-cxgjxmgvk9] {
    border-bottom: 1px solid #dce5f2;
    border-top: 1px solid #e5ecf6;
    color: #365177;
    display: grid;
    font-size: .69rem;
    font-weight: 800;
    grid-template-columns: 1fr auto;
    padding: 8px 16px;
}

.application-access-list[b-cxgjxmgvk9] {
    display: flex;
    flex-direction: column;
    gap: 11px;
    padding: 14px 16px 18px;
}

.application-access-row[b-cxgjxmgvk9] {
    align-items: center;
    display: grid;
    column-gap: 12px;
    grid-template-columns: 20px minmax(160px, 1.25fr) minmax(100px, 1.4fr) 50px;
    min-height: 28px;
}

.application-access-row > *[b-cxgjxmgvk9] {
    min-width: 0;
}

.application-access-icon[b-cxgjxmgvk9],
.recent-application-name i[b-cxgjxmgvk9] {
    color: #10a35c;
    font-size: .78rem;
}

.application-access-name[b-cxgjxmgvk9] {
    color: #19396f;
    display: block;
    font-size: .73rem;
    font-weight: 700;
    line-height: 1.25;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    overflow-wrap: anywhere;
    text-decoration: none;
    white-space: normal !important;
    word-break: normal;
}

.application-access-name:not([href])[b-cxgjxmgvk9] {
    cursor: default;
}

.application-access-track[b-cxgjxmgvk9] {
    background: #e5eaf2;
    border-radius: 999px;
    display: block;
    height: 9px;
    overflow: hidden;
}

.application-access-track > span[b-cxgjxmgvk9] {
    background: linear-gradient(90deg, #286bf4, #4997ff);
    border-radius: inherit;
    display: block;
    height: 100%;
}

.application-access-row:nth-child(2) .application-access-track > span[b-cxgjxmgvk9] {
    background: linear-gradient(90deg, #0f9f8f, #43c7b2);
}

.application-access-row:nth-child(3) .application-access-track > span[b-cxgjxmgvk9] {
    background: linear-gradient(90deg, #7447e8, #a174f4);
}

.application-access-row:nth-child(4) .application-access-track > span[b-cxgjxmgvk9] {
    background: linear-gradient(90deg, #e47d1b, #f4aa45);
}

.application-access-row:nth-child(5) .application-access-track > span[b-cxgjxmgvk9] {
    background: linear-gradient(90deg, #d7478f, #ec75b2);
}

.application-access-row:nth-child(6) .application-access-track > span[b-cxgjxmgvk9] {
    background: linear-gradient(90deg, #3c9254, #69bf79);
}

.application-access-row:nth-child(7) .application-access-track > span[b-cxgjxmgvk9] {
    background: linear-gradient(90deg, #318da7, #61c1da);
}

.application-access-row strong[b-cxgjxmgvk9] {
    color: #1c3a6e;
    font-size: .76rem;
    text-align: right;
}

.dashboard-empty[b-cxgjxmgvk9] {
    align-items: center;
    color: #71829a;
    display: flex;
    font-size: .8rem;
    justify-content: center;
    min-height: 210px;
    padding: 28px;
    text-align: center;
}

.recent-applications-table[b-cxgjxmgvk9] {
    padding: 0 16px 14px;
}

.recent-applications-row[b-cxgjxmgvk9] {
    align-items: center;
    border-bottom: 1px solid #e0e7f1;
    color: #415a7c;
    display: grid;
    font-size: .7rem;
    font-weight: 600;
    gap: 12px;
    grid-template-columns: minmax(180px, 1.55fr) minmax(110px, .8fr) 70px 95px;
    min-height: 57px;
    padding: 8px 6px;
}

.recent-applications-row--header[b-cxgjxmgvk9] {
    background: #f7f9fc;
    border-bottom-color: #dce5f2;
    color: #2c4770;
    font-size: .65rem;
    font-weight: 800;
    min-height: 34px;
}

.recent-application-name[b-cxgjxmgvk9] {
    align-items: center;
    display: grid;
    gap: 9px;
    grid-template-columns: 18px 1fr;
    min-width: 0;
}

.recent-application-name a[b-cxgjxmgvk9] {
    color: #173a72;
    font-weight: 700;
    line-height: 1.25;
    min-width: 0;
    text-decoration: none;
}

.recent-application-name a:not([href])[b-cxgjxmgvk9] {
    cursor: default;
}

.recent-applications-row small[b-cxgjxmgvk9] {
    display: block;
    font-size: .63rem;
    margin-top: 2px;
}

.application-status[b-cxgjxmgvk9] {
    border-radius: 999px;
    display: inline-flex;
    font-size: .62rem;
    font-weight: 800;
    justify-content: center;
    padding: 4px 8px;
}

.application-status--active[b-cxgjxmgvk9] {
    background: #e2f8e9;
    color: #168346;
}

.application-status--inactive[b-cxgjxmgvk9] {
    background: #fee8e8;
    color: #c53030;
}

.quick-actions-card[b-cxgjxmgvk9] {
    display: flex;
    flex-direction: column;
}

.quick-actions-grid[b-cxgjxmgvk9] {
    align-items: stretch;
    display: grid;
    flex: 1;
    gap: clamp(10px, 1.5vw, 22px);
    grid-template-columns: repeat(6, minmax(66px, 1fr));
    justify-content: center;
    padding: 30px 20px 32px;
}

.quick-action-link[b-cxgjxmgvk9] {
    align-items: center;
    color: #18396d;
    display: flex;
    flex-direction: column;
    font-size: .67rem;
    font-weight: 700;
    gap: 10px;
    justify-content: flex-start;
    line-height: 1.25;
    min-width: 0;
    text-align: center;
    text-decoration: none;
}

.quick-action-icon[b-cxgjxmgvk9] {
    align-items: center;
    border: 1px solid #dce5f2;
    border-radius: 10px;
    box-shadow: 0 5px 12px rgba(24, 57, 109, .08);
    display: flex;
    font-size: 1.25rem;
    height: 60px;
    justify-content: center;
    transition: transform .16s ease, box-shadow .16s ease;
    width: 60px;
}

.quick-action-link:hover .quick-action-icon[b-cxgjxmgvk9] {
    box-shadow: 0 8px 18px rgba(24, 57, 109, .15);
    transform: translateY(-2px);
}

.quick-action-icon--blue[b-cxgjxmgvk9] { background: #e8f0ff; color: #276ff3; }
.quick-action-icon--green[b-cxgjxmgvk9] { background: #e1f8ea; color: #0c9c53; }
.quick-action-icon--purple[b-cxgjxmgvk9] { background: #eee7ff; color: #8246e8; }
.quick-action-icon--orange[b-cxgjxmgvk9] { background: #fff0dc; color: #ec8f00; }
.quick-action-icon--teal[b-cxgjxmgvk9] { background: #e0f7f8; color: #13a3af; }
.quick-action-icon--pink[b-cxgjxmgvk9] { background: #fde5f1; color: #dd3b88; }

@media (max-width: 1200px) {
    .dashboard-stat-grid[b-cxgjxmgvk9] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dashboard-two-column[b-cxgjxmgvk9] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .signin-landing[b-cxgjxmgvk9] {
        padding: 4px;
    }

    .signin-landing-image[b-cxgjxmgvk9] {
        height: auto;
        max-height: none;
        object-fit: contain;
        width: 100%;
    }

    .signin-access-denied[b-cxgjxmgvk9] {
        align-items: flex-start;
        font-size: 14px;
        top: 14px;
        width: calc(100% - 28px);
    }

    .dashboard-page[b-cxgjxmgvk9] {
        padding: 12px;
    }

    .dashboard-welcome[b-cxgjxmgvk9] {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }

    .dashboard-stat-grid[b-cxgjxmgvk9] {
        grid-template-columns: 1fr;
    }

    .dashboard-stat-card[b-cxgjxmgvk9] {
        min-height: 112px;
    }

    .dashboard-card-header[b-cxgjxmgvk9] {
        align-items: flex-start;
    }

    .dashboard-card-header h3[b-cxgjxmgvk9] {
        line-height: 1.35;
    }

    .dashboard-line-chart[b-cxgjxmgvk9] {
        overflow-x: auto;
    }

    .dashboard-line-chart svg[b-cxgjxmgvk9] {
        min-width: 650px;
    }

    .access-overview-summary[b-cxgjxmgvk9] {
        grid-template-columns: 1fr;
    }

    .access-overview-summary > div + div[b-cxgjxmgvk9] {
        border-left: 0;
        border-top: 1px solid #dce5f2;
    }

    .application-access-row[b-cxgjxmgvk9] {
        column-gap: 8px;
        grid-template-columns: 18px minmax(120px, 1.2fr) minmax(70px, 1fr) 42px;
    }

    .recent-applications-table[b-cxgjxmgvk9] {
        overflow-x: auto;
    }

    .recent-applications-row[b-cxgjxmgvk9] {
        min-width: 610px;
    }

    .quick-actions-grid[b-cxgjxmgvk9] {
        grid-template-columns: repeat(3, minmax(70px, 1fr));
    }
}

@media (max-width: 430px) {
    .quick-actions-grid[b-cxgjxmgvk9] {
        grid-template-columns: repeat(2, minmax(70px, 1fr));
    }
}
/* /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;
}

.application-toolbar .filter-clear-button.secondary-action[b-og21k2bj6o] {
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
    border: 1px solid #60a5fa;
    box-shadow: 0 10px 22px rgba(37, 99, 235, .16);
    color: #1d4ed8;
}

.application-toolbar .filter-clear-button.secondary-action:hover[b-og21k2bj6o] {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
    border-color: #2563eb;
    box-shadow: 0 12px 26px rgba(37, 99, 235, .22);
    color: #1e40af;
}

.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] {
    background: #fff;
    max-width: 100%;
    overflow-x: auto;
    position: relative;
}

.applications-table-scroll[b-og21k2bj6o]::before {
    background: linear-gradient(180deg, #fbfcff 0%, #f4f7fb 100%);
    content: "";
    height: 39px;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}

.applications-table[b-og21k2bj6o] {
    border-collapse: collapse;
    min-width: 700px;
    position: relative;
    table-layout: fixed;
    width: 100%;
    z-index: 1;
}

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

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

.applications-table th:nth-child(3)[b-og21k2bj6o],
.applications-table td:nth-child(3)[b-og21k2bj6o],
.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] {
    width: 10%;
}

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

.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 thead[b-og21k2bj6o],
.applications-table thead tr[b-og21k2bj6o] {
    background: linear-gradient(180deg, #fbfcff 0%, #f4f7fb 100%);
}

.sort-button[b-og21k2bj6o] {
    align-items: center;
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    gap: 7px;
    padding: 0;
}

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

.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: 10px;
}

.manage-applications-page .row-actions .action-icon-simple[b-og21k2bj6o] {
    align-items: center;
    background: transparent;
    border: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-flex;
    font-size: 15px;
    height: 28px;
    justify-content: center;
    padding: 0;
    transition: color .15s ease, opacity .15s ease, transform .15s ease;
    width: 28px;
}

.manage-applications-page .row-actions .action-icon-simple i[b-og21k2bj6o] {
    color: currentColor;
}

.manage-applications-page .row-actions .action-view-simple[b-og21k2bj6o] {
    color: #2563eb;
}

.manage-applications-page .row-actions .action-edit-simple[b-og21k2bj6o] {
    color: #f59e0b;
}

.manage-applications-page .row-actions .action-icon-simple:hover[b-og21k2bj6o] {
    background: transparent;
    opacity: .85;
    transform: scale(1.1);
}

.manage-applications-page .row-actions .action-icon-simple:focus-visible[b-og21k2bj6o] {
    outline: 2px solid currentColor;
    outline-offset: 3px;
}

.manage-applications-page .row-actions .action-icon-badge-small[b-og21k2bj6o] {
    align-items: center;
    border: 0;
    border-radius: 50%;
    box-shadow: none;
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    height: 32px;
    justify-content: center;
    padding: 0;
    transition: background .15s ease, color .15s ease, opacity .15s ease, transform .15s ease;
    width: 32px;
}

.manage-applications-page .row-actions .action-icon-badge-small i[b-og21k2bj6o] {
    color: currentColor;
}

.manage-applications-page .row-actions .action-view-small[b-og21k2bj6o] {
    background: #dbeafe;
    color: #2563eb;
}

.manage-applications-page .row-actions .action-edit-small[b-og21k2bj6o] {
    background: #fef3c7;
    color: #f59e0b;
}

.manage-applications-page .row-actions .action-active-small[b-og21k2bj6o] {
    background: #dcfce7;
    color: #22c55e;
}

.manage-applications-page .row-actions .action-inactive-small[b-og21k2bj6o] {
    background: #fee2e2;
    color: #ef4444;
}

.manage-applications-page .row-actions .action-icon-badge-small:hover[b-og21k2bj6o] {
    opacity: .9;
    transform: scale(1.05);
}

.manage-applications-page .row-actions .action-icon-badge-small:focus-visible[b-og21k2bj6o] {
    outline: 2px solid currentColor;
    outline-offset: 3px;
}

.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;
}

.applications-table .application-link-icon[b-og21k2bj6o] {
    background: #e0f2fe !important;
    border: 0 !important;
    border-radius: 50% !important;
    box-shadow: none !important;
    color: #0284c7 !important;
    font-size: 14px !important;
    height: 32px !important;
    padding: 0 !important;
    width: 32px !important;
}

.applications-table .application-link-icon i[b-og21k2bj6o] {
    color: currentColor !important;
}

.applications-table .application-link-icon:hover[b-og21k2bj6o] {
    background: #bae6fd !important;
    box-shadow: none !important;
    color: #0369a1 !important;
    opacity: .9;
    transform: scale(1.05);
}

.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: 720px;
    table-layout: fixed;
    width: 100%;
}

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

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

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

.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;
}

.sort-button[b-q300ky7z8u] {
    align-items: center;
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    gap: 7px;
    padding: 0;
}

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

.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;
}

.sort-button[b-cok7cwpzwp] {
    align-items: center;
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    gap: 7px;
    padding: 0;
}

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

.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;
}

.users-toolbar .filter-clear-button.secondary-action[b-qr1klwdds7] {
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
    border: 1px solid #60a5fa;
    box-shadow: 0 10px 22px rgba(37, 99, 235, .16);
    color: #1d4ed8;
    flex: 0 0 112px;
    min-height: 42px;
    padding: 0 14px;
}

.users-toolbar .filter-clear-button.secondary-action:hover[b-qr1klwdds7] {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
    border-color: #2563eb;
    box-shadow: 0 12px 26px rgba(37, 99, 235, .22);
    color: #1e40af;
}

.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] {
    align-items: stretch;
    border-bottom: 1px solid #e5eaf3;
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    padding: 14px;
}

.users-toolbar-single-row[b-qr1klwdds7] {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    overflow-x: hidden;
}

.users-toolbar-single-row .toolbar-search-control[b-qr1klwdds7] {
    flex: 1 1 260px !important;
    min-width: 180px !important;
}

.users-toolbar-single-row .toolbar-filter-control[b-qr1klwdds7] {
    flex: 0 1 138px !important;
    min-width: 108px !important;
    width: auto !important;
}

.users-toolbar-single-row .toolbar-organization-control[b-qr1klwdds7] {
    flex-basis: 190px !important;
    min-width: 155px !important;
}

.users-toolbar-single-row .filter-clear-button[b-qr1klwdds7] {
    flex: 0 0 104px !important;
    min-width: 96px !important;
}

.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;
    flex: 1 1 300px;
    gap: 12px;
    min-height: 42px;
    min-width: 220px;
    padding: 0 14px;
}

.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);
    flex: 0 1 156px;
    min-height: 42px;
    min-width: 126px;
    padding: 0 12px;
    width: auto;
}

.users-toolbar select[aria-label="Organization filter"][b-qr1klwdds7] {
    flex-basis: 190px;
}

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

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

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

.users-table td[b-qr1klwdds7] {
    border-top: 1px solid #e8edf5;
    color: #2e344b;
    font-size: 13px;
    font-weight: 700;
    padding: 11px 10px;
    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;
    position: relative;
    width: 38px;
}

.user-avatar[b-qr1klwdds7]::after {
    border: 2px solid #fff;
    border-radius: 50%;
    bottom: -1px;
    content: "";
    height: 10px;
    position: absolute;
    right: -1px;
    width: 10px;
}

.user-avatar-active[b-qr1klwdds7] {
    box-shadow: 0 0 0 3px #22c55e, 0 8px 18px rgba(14, 23, 58, .12);
}

.user-avatar-active[b-qr1klwdds7]::after {
    background: #22c55e;
}

.user-avatar-inactive[b-qr1klwdds7] {
    box-shadow: 0 0 0 3px #ef4444, 0 8px 18px rgba(14, 23, 58, .12);
}

.user-avatar-inactive[b-qr1klwdds7]::after {
    background: #ef4444;
}

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

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

.avatar-accent-2[b-qr1klwdds7] {
    background: linear-gradient(135deg, #4f46e5, #2563eb);
}

.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] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .users-toolbar-single-row[b-qr1klwdds7] {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
    }

    .search-box[b-qr1klwdds7],
    .users-toolbar select[b-qr1klwdds7],
    .filter-clear-button[b-qr1klwdds7] {
        min-width: 0;
        width: 100%;
    }
}

@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: minmax(0, 1.25fr) minmax(118px, .75fr);
    }

    .users-toolbar-single-row[b-qr1klwdds7] {
        display: grid !important;
        grid-template-columns: minmax(0, 1.25fr) minmax(118px, .75fr) !important;
    }

    .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:
        minmax(340px, 1.5fr)
        minmax(220px, .65fr)
        minmax(260px, 1fr)
        minmax(260px, 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)) !important;
    }
}

@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 !important;
        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(320px, 1fr) minmax(760px, 2fr) !important;
    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:
        minmax(150px, .6fr)
        minmax(150px, .6fr)
        minmax(390px, 1.8fr) !important;
}

.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 !important;
    overflow: hidden;
    overflow-wrap: anywhere !important;
    white-space: normal !important;
    width: 100%;
    word-break: break-word !important;
}

.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;
    min-width: 0;
    overflow: hidden;
}

.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;
}

.table-icon.assignment-inactive[b-jt0jqce2qs] {
    background: #fff1f2;
    border: 1px solid #fecdd3;
    color: #dc2626;
}

.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;
}

.role-pill.assignment-inactive[b-jt0jqce2qs] {
    background: #fff1f2;
    border: 1px solid #fecdd3;
    color: #dc2626;
}

.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)) !important;
    }

    .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 !important;
    }

    .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;
    }
}