@import '_content/Z.Blazor.Diagrams/Z.Blazor.Diagrams.ezdqu7jd9f.bundle.scp.css';

/* /Components/CustomComponents/CommandPalette/CommandPalette.razor.rz.scp.css */
.cp-backdrop[b-m83a7mrjzy] {
	position: fixed;
	inset: 0;
	background-color: rgba(0, 0, 0, 0.45);
	z-index: 9998;
	animation: cp-fade-in-b-m83a7mrjzy 120ms ease-out;
}

.cp-root[b-m83a7mrjzy] {
	position: fixed;
	top: 15vh;
	left: 50%;
	transform: translateX(-50%);
	width: 640px;
	max-width: calc(100vw - 32px);
	max-height: 70vh;
	background-color: #1a1d2e;
	color: rgba(255, 255, 255, 0.85);
	border: 1px solid rgba(0, 217, 197, 0.5);
	border-radius: 8px;
	box-shadow: 0 24px 64px rgba(0, 0, 0, 0.6);
	z-index: 9999;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	animation: cp-pop-in-b-m83a7mrjzy 140ms ease-out;
}

@keyframes cp-fade-in-b-m83a7mrjzy {
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes cp-pop-in-b-m83a7mrjzy {
	from { opacity: 0; transform: translateX(-50%) scale(0.97); }
	to   { opacity: 1; transform: translateX(-50%) scale(1); }
}

.cp-input-row[b-m83a7mrjzy] {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 14px 16px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.cp-input-icon[b-m83a7mrjzy] {
	color: rgba(255, 255, 255, 0.45);
	font-size: 16px;
}

.cp-input[b-m83a7mrjzy] {
	flex: 1;
	background: transparent;
	border: 0;
	outline: 0;
	color: rgba(255, 255, 255, 0.9);
	font-size: 16px;
	font-family: inherit;
	padding: 2px 0;
}

.cp-input[b-m83a7mrjzy]::placeholder {
	color: rgba(255, 255, 255, 0.35);
}

.cp-esc-hint[b-m83a7mrjzy] {
	font-size: 11px;
	color: rgba(255, 255, 255, 0.45);
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 4px;
	padding: 2px 6px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.cp-notice[b-m83a7mrjzy] {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 16px;
	background-color: rgba(255, 180, 80, 0.10);
	border-bottom: 1px solid rgba(255, 180, 80, 0.25);
	color: #ffc46b;
	font-size: 12px;
}

.cp-results[b-m83a7mrjzy] {
	overflow-y: auto;
	max-height: calc(70vh - 110px);
	padding: 6px 0;
}

.cp-empty[b-m83a7mrjzy] {
	padding: 16px 18px;
	color: rgba(255, 255, 255, 0.45);
	font-size: 13px;
}

.cp-empty strong[b-m83a7mrjzy] {
	color: rgba(255, 255, 255, 0.75);
	font-weight: 600;
}

.cp-row[b-m83a7mrjzy] {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 9px 16px;
	cursor: pointer;
	border-left: 2px solid transparent;
	transition: background-color 60ms ease, border-color 60ms ease;
}

.cp-row--selected[b-m83a7mrjzy] {
	background-color: #242840;
	border-left-color: #00d9c5;
}

.cp-row-icon[b-m83a7mrjzy] {
	color: rgba(255, 255, 255, 0.55);
	font-size: 14px;
	width: 18px;
	text-align: center;
	flex-shrink: 0;
}

.cp-row--selected .cp-row-icon[b-m83a7mrjzy] {
	color: #00d9c5;
}

.cp-row-name[b-m83a7mrjzy] {
	flex: 1;
	color: rgba(255, 255, 255, 0.9);
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.cp-row-path[b-m83a7mrjzy] {
	color: rgba(255, 255, 255, 0.45);
	font-size: 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 45%;
}

.cp-row-badge[b-m83a7mrjzy] {
	font-size: 10px;
	line-height: 1;
	padding: 3px 6px;
	border-radius: 3px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-weight: 600;
	flex-shrink: 0;
}

.cp-row-badge--action[b-m83a7mrjzy] {
	background-color: rgba(0, 217, 197, 0.15);
	color: #00d9c5;
}

.cp-row-badge--recent[b-m83a7mrjzy] {
	background-color: rgba(255, 255, 255, 0.08);
	color: rgba(255, 255, 255, 0.6);
}

[b-m83a7mrjzy] mark.cp-hit {
	background: transparent;
	color: #00d9c5;
	font-weight: 600;
	padding: 0;
}

.cp-show-all[b-m83a7mrjzy] {
	padding: 10px 16px;
	color: rgba(255, 255, 255, 0.55);
	font-size: 12px;
	cursor: pointer;
	text-align: center;
	border-top: 1px dashed rgba(255, 255, 255, 0.08);
	transition: color 80ms ease, background-color 80ms ease;
}

.cp-show-all:hover[b-m83a7mrjzy] {
	color: #00d9c5;
	background-color: rgba(0, 217, 197, 0.05);
}

.cp-footer[b-m83a7mrjzy] {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 16px;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	font-size: 11px;
	color: rgba(255, 255, 255, 0.45);
	background-color: rgba(0, 0, 0, 0.15);
}

.cp-footer-sep[b-m83a7mrjzy] {
	opacity: 0.5;
}
/* /Components/CustomComponents/Dashboard/DashboardDrawer.razor.rz.scp.css */
.ws-drawer-overlay[b-s8bn5o9xip] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 500;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 80px;
    animation: ws-drawer-fade-in-b-s8bn5o9xip 0.15s ease;
}

.ws-drawer-panel[b-s8bn5o9xip] {
    background: #ffffff;
    border-radius: 12px;
    max-height: 80vh;
    overflow-y: auto;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
    outline: none;
    animation: ws-drawer-pop-b-s8bn5o9xip 0.18s ease;
}

.ws-drawer-header[b-s8bn5o9xip] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid #e2e8f0;
    position: sticky;
    top: 0;
    background: #ffffff;
    z-index: 1;
}

.ws-drawer-title[b-s8bn5o9xip] {
    font-size: 15px;
    font-weight: 700;
    color: #1a1d2e;
}

.ws-drawer-close[b-s8bn5o9xip] {
    width: 28px;
    height: 28px;
    border: none;
    background: #f1f5f9;
    border-radius: 50%;
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
    color: #64748b;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ws-drawer-close:hover[b-s8bn5o9xip] {
    background: #e2e8f0;
    color: #1a1d2e;
}

.ws-drawer-close:focus-visible[b-s8bn5o9xip] {
    outline: 2px solid #0a3d62;
    outline-offset: 2px;
}

.ws-drawer-body[b-s8bn5o9xip] {
    padding: 16px 20px;
}

@keyframes ws-drawer-fade-in-b-s8bn5o9xip {
    from { background: rgba(0, 0, 0, 0); }
    to   { background: rgba(0, 0, 0, 0.4); }
}

@keyframes ws-drawer-pop-b-s8bn5o9xip {
    from { opacity: 0; transform: translateY(-8px); }
    to   { opacity: 1; transform: translateY(0); }
}
/* /Components/CustomComponents/EmailVariablePickerPopup.razor.rz.scp.css */
.email-var-picker[b-30d8bisv0s] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    max-height: 520px;
}

.email-var-picker__search-input[b-30d8bisv0s] {
    width: 100%;
}

.email-var-picker__list[b-30d8bisv0s] {
    flex: 1;
    min-height: 300px;
    max-height: 420px;
    overflow-y: auto;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    background: #fff;
}

.email-var-picker__category[b-30d8bisv0s] {
    padding: 0.5rem 0.75rem;
    background: #f3f4f6;
    font-weight: 600;
    font-size: 0.85rem;
    color: #374151;
    border-top: 1px solid #e5e7eb;
    border-bottom: 1px solid #e5e7eb;
    position: sticky;
    top: 0;
    z-index: 1;
}

.email-var-picker__category:first-child[b-30d8bisv0s] {
    border-top: none;
}

.email-var-picker__row[b-30d8bisv0s] {
    display: grid;
    grid-template-columns: minmax(140px, 1fr) auto;
    grid-template-rows: auto auto;
    grid-column-gap: 0.75rem;
    align-items: start;
    width: 100%;
    padding: 0.5rem 0.75rem;
    background: transparent;
    border: none;
    border-bottom: 1px solid #f3f4f6;
    text-align: left;
    cursor: pointer;
    font: inherit;
}

.email-var-picker__row:hover[b-30d8bisv0s],
.email-var-picker__row:focus[b-30d8bisv0s] {
    background: #e6f0ee;
    outline: none;
}

.email-var-picker__name[b-30d8bisv0s] {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    font-weight: 500;
    color: #111827;
}

.email-var-picker__token[b-30d8bisv0s] {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    padding: 0.125rem 0.375rem;
    background: #0a3d62;
    color: #fff;
    border-radius: 3px;
    font-size: 0.8rem;
    white-space: nowrap;
}

.email-var-picker__desc[b-30d8bisv0s] {
    grid-column: 1 / 3;
    grid-row: 2 / 3;
    margin-top: 0.125rem;
    font-size: 0.8rem;
    color: #6b7280;
}

.email-var-picker__empty[b-30d8bisv0s] {
    padding: 2rem 1rem;
    text-align: center;
    color: #6b7280;
}

.email-var-picker__footer[b-30d8bisv0s] {
    display: flex;
    justify-content: flex-end;
    padding-top: 0.25rem;
}
/* /Components/CustomComponents/EntityWizard/Wizard.razor.rz.scp.css */
.razorpage[b-w5soilayjy] {
    overflow: hidden;
}

.razorpagemain[b-w5soilayjy] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
}
/* /Components/CustomComponents/GridStackDashboard.razor.rz.scp.css */
[b-owfx8wsegt]::-webkit-scrollbar {
    width: 10px;
}

[b-owfx8wsegt]::-webkit-scrollbar-track-piece {
    background-color: #FFF;
}

[b-owfx8wsegt]::-webkit-scrollbar-thumb {
    background-color: #CBCBCB;
    outline: 2px solid #FFF;
    outline-offset: -2px;
    border: .1px solid #B7B7B7;
}

[b-owfx8wsegt]::-webkit-scrollbar-thumb:hover {
    background-color: #909090;
}
/* /Components/CustomComponents/IQ/IqFab.razor.rz.scp.css */
/* ─── Floating Action Button ─────────────────────────────────── */

.iq-fab[b-ii5lkfhnnt] {
    position: fixed;
    bottom: 24px;
    right: 24px;
    height: 44px;
    border-radius: 22px;
    background: linear-gradient(135deg, #0d9488, #0f766e);
    color: #fff;
    border: none;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(13, 148, 136, 0.4);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0 1.1rem 0 0.85rem;
    z-index: 1040;
    transition: all 0.25s ease;
    font-family: inherit;
    font-size: 0.875rem;
    font-weight: 600;
    white-space: nowrap;
}

.iq-fab:hover[b-ii5lkfhnnt] {
    transform: translateY(-2px);
    box-shadow: 0 6px 22px rgba(13, 148, 136, 0.5);
    background: linear-gradient(135deg, #0f766e, #115e59);
}

.iq-fab:active[b-ii5lkfhnnt] {
    transform: translateY(0);
}

/* Echelon theme — green accent */
.iq-fab-echelon[b-ii5lkfhnnt] {
    background: #11C683;
    box-shadow: 0 3px 12px rgba(17, 198, 131, 0.35);
}

.iq-fab-echelon:hover[b-ii5lkfhnnt] {
    background: #0eaa6f;
    box-shadow: 0 5px 20px rgba(17, 198, 131, 0.45);
}

.iq-fab svg[b-ii5lkfhnnt] {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

/* Mobile: shift above bottom nav, reduce size */
@media (max-width: 768px) {
    .iq-fab[b-ii5lkfhnnt] {
        bottom: 70px;
        right: 12px;
        height: 36px;
        font-size: 0.75rem;
        padding: 0 0.8rem 0 0.6rem;
    }
}
/* /Components/CustomComponents/IQ/IqInsightCard.razor.rz.scp.css */
/* ─── Container ──────────────────────────────────────────────── */

.iq-insight-container[b-3px9he8r2e] {
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #fafffe;
    margin-bottom: 12px;
    overflow: hidden;
}

/* ─── Header ─────────────────────────────────────────────────── */

.iq-insight-header[b-3px9he8r2e] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 14px;
    background: linear-gradient(135deg, #0d9488, #0f766e);
    cursor: pointer;
    user-select: none;
}

.iq-insight-header-left[b-3px9he8r2e] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.iq-insight-icon[b-3px9he8r2e] {
    font-weight: 700;
    font-size: 12px;
    color: #fff;
    letter-spacing: 0.5px;
}

.iq-insight-title[b-3px9he8r2e] {
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.iq-insight-badge[b-3px9he8r2e] {
    background: rgba(255, 255, 255, 0.3);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 1px 7px;
    border-radius: 10px;
    min-width: 20px;
    text-align: center;
}

.iq-insight-header-right[b-3px9he8r2e] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.iq-insight-toggle[b-3px9he8r2e] {
    color: rgba(255, 255, 255, 0.7);
    font-size: 12px;
    transition: transform 0.2s ease;
}

.iq-insight-toggle.open[b-3px9he8r2e] {
    transform: rotate(180deg);
}

.iq-insight-dismiss[b-3px9he8r2e] {
    background: none;
    border: none;
    color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    font-size: 14px;
    padding: 0 2px;
    line-height: 1;
}

.iq-insight-dismiss:hover[b-3px9he8r2e] {
    color: #fff;
}

/* ─── Body ───────────────────────────────────────────────────── */

.iq-insight-body[b-3px9he8r2e] {
    padding: 10px;
}

/* ─── Insight cards ──────────────────────────────────────────── */

.iq-insight-card[b-3px9he8r2e] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
    padding: 10px 12px;
    margin-bottom: 6px;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    cursor: pointer;
    text-align: left;
    font-size: 13px;
    line-height: 1.4;
    color: #334155;
    transition: all 0.15s ease;
}

.iq-insight-card:hover[b-3px9he8r2e] {
    background: #f0fdfa;
    border-color: #0d9488;
}

.iq-insight-alert[b-3px9he8r2e] { border-left: 3px solid #ef4444; }
.iq-insight-warning[b-3px9he8r2e] { border-left: 3px solid #f59e0b; }
.iq-insight-info[b-3px9he8r2e] { border-left: 3px solid #0d9488; }

.iq-insight-card-icon[b-3px9he8r2e] {
    flex-shrink: 0;
    font-size: 14px;
    line-height: 1.4;
}

.iq-insight-card-text[b-3px9he8r2e] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.iq-insight-card-text strong[b-3px9he8r2e] {
    font-size: 13px;
    color: #0f172a;
}

.iq-insight-card-text span[b-3px9he8r2e] {
    font-size: 12px;
    color: #64748b;
}

.iq-insight-card-chevron[b-3px9he8r2e] {
    flex-shrink: 0;
    color: #94a3b8;
    font-size: 16px;
    transition: color 0.15s ease;
}

.iq-insight-card:hover .iq-insight-card-chevron[b-3px9he8r2e] {
    color: #0d9488;
}

/* ─── Suggestions ────────────────────────────────────────────── */

.iq-insight-suggestions[b-3px9he8r2e] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #f1f5f9;
}

.iq-insight-suggestion[b-3px9he8r2e] {
    background: none;
    border: none;
    text-align: left;
    padding: 6px 10px;
    font-size: 13px;
    color: #334155;
    cursor: pointer;
    border-radius: 6px;
    transition: all 0.15s ease;
}

.iq-insight-suggestion:hover[b-3px9he8r2e] {
    background: #f0fdfa;
    color: #0f766e;
}

/* ─── Quick actions ──────────────────────────────────────────── */

.iq-insight-actions[b-3px9he8r2e] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #f1f5f9;
}

.iq-insight-action-btn[b-3px9he8r2e] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    background: transparent;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 12px;
    color: #334155;
    transition: background 0.15s ease;
    white-space: nowrap;
}

.iq-insight-action-btn:hover[b-3px9he8r2e] {
    background: #f0fdfa;
    color: #0f766e;
}

/* ─── Loading ────────────────────────────────────────────────── */

.iq-insight-loading[b-3px9he8r2e] {
    font-size: 12px;
    color: #94a3b8;
    text-align: center;
    padding: 8px;
    animation: iq-insight-pulse-b-3px9he8r2e 1.5s infinite;
}

@keyframes iq-insight-pulse-b-3px9he8r2e {
    0%, 100% { opacity: 0.5; }
    50% { opacity: 1; }
}
/* /Components/CustomComponents/IQ/IqMessageRenderer.razor.rz.scp.css */
/* ─── Message container ──────────────────────────────────────── */

.iq-msg[b-vubhj961aw] {
    padding: 10px 14px;
    margin-bottom: 8px;
    border-radius: 10px;
    max-width: 92%;
    font-size: 14px;
    line-height: 1.6;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* User messages: right-aligned, teal gradient */
.iq-msg-user[b-vubhj961aw] {
    margin-left: auto;
    background: linear-gradient(135deg, #0d9488, #0f766e);
    color: #fff;
    border-bottom-right-radius: 3px;
}

/* Assistant messages: left-aligned, white */
.iq-msg-assistant[b-vubhj961aw] {
    margin-right: auto;
    background: #fff;
    color: #1e293b;
    border: 1px solid #e2e8f0;
    border-bottom-left-radius: 3px;
}

/* ─── Message header (role + time) ───────────────────────────── */

.iq-msg-header[b-vubhj961aw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4px;
    font-size: 11px;
    opacity: 0.7;
}

.iq-msg-role[b-vubhj961aw] {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.iq-msg-time[b-vubhj961aw] {
    font-variant-numeric: tabular-nums;
}

/* ─── Content formatting ─────────────────────────────────────── */

.iq-msg-content[b-vubhj961aw]  p {
    margin: 0 0 6px 0;
}

.iq-msg-content[b-vubhj961aw]  p:last-child {
    margin-bottom: 0;
}

.iq-msg-content[b-vubhj961aw]  table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
    margin: 8px 0;
}

.iq-msg-content[b-vubhj961aw]  th,
.iq-msg-content[b-vubhj961aw]  td {
    padding: 4px 8px;
    border: 1px solid #e2e8f0;
    text-align: left;
}

.iq-msg-content[b-vubhj961aw]  th {
    background: #f8fafc;
    font-weight: 600;
}

.iq-msg-content[b-vubhj961aw]  tr:hover td {
    background: #f0fdfa;
}

.iq-msg-content[b-vubhj961aw]  code {
    background: #f1f5f9;
    padding: 1px 4px;
    border-radius: 3px;
    font-size: 12px;
}

.iq-msg-content[b-vubhj961aw]  pre {
    background: #1e293b;
    color: #e2e8f0;
    padding: 10px;
    border-radius: 6px;
    overflow-x: auto;
    font-size: 12px;
}

/* ─── Entity links ───────────────────────────────────────────── */

[b-vubhj961aw] .iq-entity-link {
    color: #0d9488;
    cursor: pointer;
    text-decoration: underline;
    text-decoration-style: dotted;
    text-underline-offset: 2px;
}

[b-vubhj961aw] .iq-entity-link:hover {
    color: #0f766e;
    text-decoration-style: solid;
}

[b-vubhj961aw] .iq-entity-code-link {
    color: #0d9488;
    text-decoration: none;
    font-weight: 500;
}

[b-vubhj961aw] .iq-entity-code-link:hover {
    text-decoration: underline;
}

/* ─── Inline buttons in assistant content (I6) ───────────────── */

/* Download button — emitted by ConvertReportIds for report download links. */
[b-vubhj961aw] .iq-download-btn {
    display: inline-block;
    background: #198754;
    color: #fff;
    padding: 8px 16px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 500;
    margin: 4px 0;
    border: none;
    cursor: pointer;
}

/* Open-report button — emitted by ConvertOpenReportMarkers for [OPEN_REPORT:]. */
[b-vubhj961aw] .iq-open-report-btn {
    display: inline-block;
    background: #11C683;
    color: #fff;
    padding: 8px 16px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 500;
    margin: 4px 0;
    border: none;
    cursor: pointer;
}

/* ─── AML status colorisation (I6) ───────────────────────────── */

[b-vubhj961aw] .iq-aml-status-amber {
    color: #ffc107;
    font-weight: bold;
}

[b-vubhj961aw] .iq-aml-status-green {
    color: #28a745;
}

[b-vubhj961aw] .iq-aml-status-red {
    color: #dc3545;
}
/* /Components/CustomComponents/IQ/IqPanel.razor.rz.scp.css */
/* ─── Overlay ────────────────────────────────────────────────── */

.iq-panel-overlay[b-kdjnre56jp] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.15);
    z-index: 1049;
}

/* ─── Panel ──────────────────────────────────────────────────── */

/* Translucent surround per IQ panel transparency standard
   (docs/standards/IQ-PANEL-TRANSPARENCY.md). Bubbles, header, chip pills
   stay opaque; only the panel surface, chip strip and input strip are
   translucent. NO backdrop-filter — blur softens behind-text and
   defeats the legibility-of-behind-content goal. */
.iq-panel[b-kdjnre56jp] {
    position: fixed;
    top: 0;
    right: -440px;
    width: 420px;
    max-width: 90vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    background: rgba(255, 255, 255, 0.40);
    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);
    z-index: 1050;
    transition: right 0.25s ease;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.iq-panel-open[b-kdjnre56jp] {
    right: 0;
}

/* Full-screen mode — expands to fill available width */
.iq-panel-full[b-kdjnre56jp] {
    width: 100%;
    max-width: 100vw;
}

.iq-panel-full .iq-msg-content[b-kdjnre56jp]  table {
    font-size: 13px;
}

/* ─── Header ─────────────────────────────────────────────────── */

.iq-panel-header[b-kdjnre56jp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    background: linear-gradient(135deg, #0d9488, #0f766e);
    color: #fff;
    flex-shrink: 0;
}

.iq-panel-header-left[b-kdjnre56jp] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.iq-panel-logo[b-kdjnre56jp] {
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 1px;
}

.iq-panel-badge[b-kdjnre56jp] {
    background: rgba(255, 255, 255, 0.2);
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.iq-panel-header-right[b-kdjnre56jp] {
    display: flex;
    gap: 4px;
}

.iq-panel-btn[b-kdjnre56jp] {
    background: transparent;
    border: none;
    color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
    width: 30px;
    height: 30px;
    border-radius: 6px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s ease;
}

.iq-panel-btn:hover[b-kdjnre56jp] {
    background: rgba(255, 255, 255, 0.15);
    color: #fff;
}

/* ─── Context banner ─────────────────────────────────────────── */

.iq-panel-banner[b-kdjnre56jp] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    background: #fef9c3;
    border-bottom: 1px solid #fde68a;
    font-size: 12px;
    color: #92400e;
    flex-shrink: 0;
}

.iq-panel-banner-btn[b-kdjnre56jp] {
    background: #f59e0b;
    color: #fff;
    border: none;
    border-radius: 4px;
    padding: 2px 8px;
    font-size: 11px;
    cursor: pointer;
    font-weight: 600;
    white-space: nowrap;
}

.iq-panel-banner-dismiss[b-kdjnre56jp] {
    background: none;
    border: none;
    cursor: pointer;
    color: #92400e;
    font-size: 14px;
    margin-left: auto;
    padding: 0 2px;
}

/* ─── Messages area ──────────────────────────────────────────── */

.iq-panel-messages[b-kdjnre56jp] {
    flex: 1;
    overflow-y: auto;
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    background: rgba(255, 255, 255, 0.75);
}

/* ─── Welcome state ──────────────────────────────────────────── */

.iq-panel-welcome[b-kdjnre56jp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    gap: 16px;
    padding: 20px;
    text-align: center;
}

.iq-panel-welcome-title[b-kdjnre56jp] {
    font-size: 18px;
    font-weight: 600;
    color: #0f766e;
}

.iq-panel-suggestions[b-kdjnre56jp] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.iq-panel-suggestion[b-kdjnre56jp] {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 10px 14px;
    text-align: left;
    cursor: pointer;
    font-size: 13px;
    color: #334155;
    transition: all 0.15s ease;
    line-height: 1.4;
}

.iq-panel-suggestion:hover[b-kdjnre56jp] {
    border-color: #0d9488;
    background: #f0fdfa;
    color: #0f766e;
}

/* Inline suggestion strip — persists below messages until first user message.
   Background per IQ panel transparency standard — translucent so behind-screen
   stays visible; chip pills (.iq-panel-suggestion) themselves stay opaque. */
.iq-panel-suggestions-inline[b-kdjnre56jp] {
    background: rgba(255, 255, 255, 0.50);
    flex-direction: row;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
    padding: 4px 0 2px;
}

.iq-panel-suggestions-inline .iq-panel-suggestion[b-kdjnre56jp] {
    padding: 6px 12px;
    border-radius: 16px;
    font-size: 12px;
    background: #fff;
    color: #0f766e;
    border: 1px solid #99f6e4;
    width: auto;
    text-align: center;
    line-height: 1.2;
}

.iq-panel-suggestions-inline .iq-panel-suggestion:hover[b-kdjnre56jp] {
    background: #ccfbf1;
    border-color: #0d9488;
    color: #134e4a;
}

/* Action chips — teal-filled variant for one-touch actions (Route / SkillId).
   Visually distinct from question chips so the user can spot "do something
   now" affordances vs "ask the LLM". Mirrors the POC iq-chip-action style. */
.iq-panel-suggestions-inline .iq-panel-suggestion-action[b-kdjnre56jp] {
    background: #ccfbf1;
    border-color: #0d9488;
    color: #0f766e;
    font-weight: 600;
}

.iq-panel-suggestions-inline .iq-panel-suggestion-action:hover[b-kdjnre56jp] {
    background: #0d9488;
    border-color: #0d9488;
    color: #fff;
}

/* ─── Thinking animation ─────────────────────────────────────── */

/* Thinking bubble is rendered by IqPanel, not IqMessageRenderer,
   so we need the base message styles here (can't rely on IqMessageRenderer's scoped CSS) */
.iq-msg-thinking[b-kdjnre56jp] {
    padding: 10px 14px;
    margin-bottom: 8px;
    border-radius: 10px;
    max-width: 80px;
    font-size: 14px;
    margin-right: auto;
    background: #fff;
    color: #1e293b;
    border: 1px solid #e2e8f0;
    border-bottom-left-radius: 3px;
}

.iq-msg-thinking-label[b-kdjnre56jp] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    opacity: 0.7;
    margin-bottom: 4px;
}

.iq-thinking-dots[b-kdjnre56jp] {
    display: flex;
    gap: 4px;
    padding: 4px 0;
}

.iq-thinking-dots span[b-kdjnre56jp] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #94a3b8;
    animation: iq-bounce-b-kdjnre56jp 1.4s infinite ease-in-out both;
}

.iq-thinking-dots span:nth-child(1)[b-kdjnre56jp] { animation-delay: -0.32s; }
.iq-thinking-dots span:nth-child(2)[b-kdjnre56jp] { animation-delay: -0.16s; }

@keyframes iq-bounce-b-kdjnre56jp {
    0%, 80%, 100% { transform: scale(0.6); opacity: 0.4; }
    40% { transform: scale(1); opacity: 1; }
}

/* ─── Error display ──────────────────────────────────────────── */

.iq-panel-error[b-kdjnre56jp] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 8px;
    color: #dc2626;
    font-size: 12px;
    margin-top: 4px;
}

.iq-panel-error-retry[b-kdjnre56jp] {
    background: #dc2626;
    color: #fff;
    border: none;
    border-radius: 4px;
    padding: 2px 10px;
    font-size: 11px;
    cursor: pointer;
    font-weight: 600;
    white-space: nowrap;
    margin-left: auto;
}

/* ─── Entity action bar ──────────────────────────────────────── */

.iq-entity-bar[b-kdjnre56jp] {
    position: relative;
    border-top: 1px solid #e2e8f0;
    flex-shrink: 0;
}

.iq-entity-bar-toggle[b-kdjnre56jp] {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
    padding: 8px 14px;
    background: #fff;
    border: none;
    cursor: pointer;
    font-size: 13px;
    color: #334155;
    transition: background 0.15s ease;
}

.iq-entity-bar-toggle:hover[b-kdjnre56jp] {
    background: #f0fdfa;
}

.iq-entity-bar-name[b-kdjnre56jp] {
    font-weight: 600;
    flex: 1;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.iq-entity-bar-arrow[b-kdjnre56jp] {
    transition: transform 0.2s ease;
    font-size: 11px;
}

.iq-entity-bar-arrow.open[b-kdjnre56jp] {
    transform: rotate(180deg);
}

.iq-entity-bar-actions[b-kdjnre56jp] {
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 8px 8px 0 0;
    box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.08);
    padding: 6px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
    animation: iq-slide-up-b-kdjnre56jp 0.15s ease;
}

@keyframes iq-slide-up-b-kdjnre56jp {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

.iq-entity-action-btn[b-kdjnre56jp] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 10px;
    background: transparent;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 12px;
    color: #334155;
    transition: background 0.15s ease;
    white-space: nowrap;
}

.iq-entity-action-btn:hover[b-kdjnre56jp] {
    background: #f0fdfa;
    color: #0f766e;
}

/* ─── Input area ─────────────────────────────────────────────── */

.iq-panel-input[b-kdjnre56jp] {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    padding: 10px 14px;
    border-top: 1px solid #e2e8f0;
    background: rgba(255, 255, 255, 0.65);
    flex-shrink: 0;
}

.iq-panel-input textarea[b-kdjnre56jp] {
    flex: 1;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 8px 12px;
    font-size: 14px;
    font-family: inherit;
    resize: none;
    min-height: 38px;
    max-height: 120px;
    outline: none;
    transition: border-color 0.15s ease;
    line-height: 1.4;
}

.iq-panel-input textarea:focus[b-kdjnre56jp] {
    border-color: #0d9488;
}

.iq-panel-input textarea:disabled[b-kdjnre56jp] {
    background: #f8fafc;
    color: #94a3b8;
}

.iq-panel-send[b-kdjnre56jp],
.iq-panel-cancel[b-kdjnre56jp] {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    transition: all 0.15s ease;
    flex-shrink: 0;
}

.iq-panel-send[b-kdjnre56jp] {
    background: linear-gradient(135deg, #0d9488, #0f766e);
    color: #fff;
}

.iq-panel-send:hover:not(:disabled)[b-kdjnre56jp] {
    transform: scale(1.05);
}

.iq-panel-send:disabled[b-kdjnre56jp] {
    background: #cbd5e1;
    cursor: not-allowed;
}

.iq-panel-cancel[b-kdjnre56jp] {
    background: #ef4444;
    color: #fff;
}

.iq-panel-cancel:hover[b-kdjnre56jp] {
    background: #dc2626;
}

/* ─── Entity confirm popup ───────────────────────────────────── */

.iq-entity-confirm[b-kdjnre56jp] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1060;
}

.iq-entity-confirm-box[b-kdjnre56jp] {
    background: #fff;
    border-radius: 12px;
    padding: 20px;
    min-width: 280px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    animation: iq-scale-in-b-kdjnre56jp 0.15s ease;
}

@keyframes iq-scale-in-b-kdjnre56jp {
    from { opacity: 0; transform: scale(0.95); }
    to { opacity: 1; transform: scale(1); }
}

.iq-entity-confirm-title[b-kdjnre56jp] {
    font-size: 16px;
    font-weight: 600;
    color: #0f172a;
    margin-bottom: 8px;
}

.iq-entity-confirm-body[b-kdjnre56jp] {
    font-size: 14px;
    color: #475569;
    margin-bottom: 16px;
}

.iq-entity-confirm-actions[b-kdjnre56jp] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
}

.iq-entity-confirm-cancel[b-kdjnre56jp],
.iq-entity-confirm-go[b-kdjnre56jp] {
    padding: 6px 16px;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
}

.iq-entity-confirm-cancel[b-kdjnre56jp] {
    background: #f1f5f9;
    color: #475569;
}

.iq-entity-confirm-go[b-kdjnre56jp] {
    background: #0d9488;
    color: #fff;
}

.iq-entity-confirm-go:hover[b-kdjnre56jp] {
    background: #0f766e;
}

/* ═══════════════════════════════════════════════════════════════
   echelon theme overrides
   All rules scoped under .iq-panel-echelon — WealthSphere
   styles above are untouched.
   ═══════════════════════════════════════════════════════════════ */

/* Echelon variant of the translucent surround — navy alpha so the navy-themed
   panel stays in-theme rather than showing pale-grey through the surround. */
.iq-panel-echelon[b-kdjnre56jp] {
    background: rgba(15, 23, 42, 0.40);
    width: 400px;
    right: -440px;
    border-left: 1px solid rgba(200, 200, 210, 0.4);
    box-shadow: -4px 0 30px rgba(0, 0, 0, 0.15);
}

.iq-panel-echelon .iq-panel-suggestions-inline[b-kdjnre56jp] {
    background: rgba(15, 23, 42, 0.50);
}

.iq-panel-echelon .iq-panel-input[b-kdjnre56jp] {
    background: rgba(15, 23, 42, 0.65);
}

.iq-panel-echelon.iq-panel-open[b-kdjnre56jp] {
    right: 0;
}

/* Header — dark navy instead of teal */
.iq-panel-echelon .iq-panel-header[b-kdjnre56jp] {
    background: linear-gradient(135deg, #1a1a2e, #16213e);
}

.iq-panel-echelon .iq-panel-logo[b-kdjnre56jp] {
    font-size: 15px;
    letter-spacing: 0.3px;
}

.iq-panel-echelon .iq-panel-badge[b-kdjnre56jp] {
    background: rgba(17, 198, 131, 0.25);
}

/* Welcome — slightly different accent */
.iq-panel-echelon .iq-panel-welcome-title[b-kdjnre56jp] {
    color: #1a1a2e;
}

/* Suggestions — horizontal chips instead of vertical buttons */
.iq-panel-echelon .iq-panel-suggestions[b-kdjnre56jp] {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 6px;
}

.iq-panel-echelon .iq-panel-suggestion[b-kdjnre56jp] {
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 12px;
    border: 1.5px solid #e5e7eb;
    background: rgba(255, 255, 255, 0.7);
    color: #6b7280;
    text-align: center;
}

.iq-panel-echelon .iq-panel-suggestion:hover[b-kdjnre56jp] {
    border-color: #11C683;
    background: rgba(17, 198, 131, 0.08);
    color: #11C683;
}

/* Action chips — Echelon variant uses the brand-green accent. */
.iq-panel-echelon .iq-panel-suggestion-action[b-kdjnre56jp] {
    background: rgba(17, 198, 131, 0.15);
    border-color: #11C683;
    color: #11C683;
    font-weight: 600;
}

.iq-panel-echelon .iq-panel-suggestion-action:hover[b-kdjnre56jp] {
    background: #11C683;
    border-color: #11C683;
    color: #fff;
}

/* Messages — user bubbles: purple-to-blue gradient */
.iq-panel-echelon[b-kdjnre56jp]  .iq-msg-user {
    background: linear-gradient(135deg, #7c3aed, #3b82f6);
}

/* Messages — assistant bubbles: light grey, no border */
.iq-panel-echelon[b-kdjnre56jp]  .iq-msg-assistant {
    background: #f3f4f6;
    border: none;
    color: #1a1a2e;
}

/* Thinking indicator */
.iq-panel-echelon .iq-msg-thinking[b-kdjnre56jp] {
    background: #f3f4f6;
    border: none;
}

/* Entity links — echelon accent green */
.iq-panel-echelon[b-kdjnre56jp]  .iq-entity-link {
    color: #11C683;
}

.iq-panel-echelon[b-kdjnre56jp]  .iq-entity-link:hover {
    color: #0eaa6f;
}

.iq-panel-echelon[b-kdjnre56jp]  .iq-entity-code-link {
    color: #11C683;
}

/* Table hover — echelon accent */
.iq-panel-echelon[b-kdjnre56jp]  .iq-msg-content tr:hover td {
    background: rgba(17, 198, 131, 0.08);
}

/* Input — pill-shaped */
.iq-panel-echelon .iq-panel-input textarea[b-kdjnre56jp] {
    border-radius: 20px;
    padding: 8px 16px;
    background: rgba(255, 255, 255, 0.8);
    font-size: 13px;
}

.iq-panel-echelon .iq-panel-input textarea:focus[b-kdjnre56jp] {
    border-color: #7c3aed;
}

/* Send button — purple-to-blue gradient */
.iq-panel-echelon .iq-panel-send[b-kdjnre56jp] {
    background: linear-gradient(135deg, #7c3aed, #3b82f6);
}

/* Cancel button stays red — no change needed */

/* Entity bar — subtle tweak */
.iq-panel-echelon .iq-entity-action-btn:hover[b-kdjnre56jp] {
    background: rgba(17, 198, 131, 0.08);
    color: #11C683;
}

/* Entity confirm popup — echelon accent */
.iq-panel-echelon .iq-entity-confirm-go[b-kdjnre56jp] {
    background: #11C683;
}

.iq-panel-echelon .iq-entity-confirm-go:hover[b-kdjnre56jp] {
    background: #0eaa6f;
}

/* Context banner — keep as-is (yellow is fine for both themes) */

/* Error display — keep as-is (red is fine for both themes) */
/* /Components/CustomComponents/MessageBox.razor.rz.scp.css */
.msg-text[b-1nl5jq275e] {
  white-space: pre-wrap;
  font-size: 9pt;
}
/* /Components/CustomComponents/MyDevExpress/MyDxGrid.razor.rz.scp.css */
/* ============================================================
   MyDxGrid — visual theme
   Palette: teal #3bb0a0, bg #f7f9fc, border #e2e8f0,
            text #1a1d2e / #4a5568 / #94a3b8
   ============================================================ */

/* ===== Flex layout chain ===== */
/* Root container — flex column so toolbar + grid share space naturally.
   DxLoadingPanel wrapper rules are in site.css (global) because the
   loading panel DOM is generated by DevExpress and doesn't carry the
   Blazor CSS-isolation scope attribute. */
.grid-flex-root[b-wn94e4z28a] {
	display: flex;
	flex-direction: column;
	flex: 1;
	min-height: 0;
	height: 100%;
}

/* =====================================================================
   Card styling — split into two independent axes:
     .card-framed      → outer chrome: shadow, border, rounded corners,
                         left accent bar, top gradient, toolbar-as-header-band,
                         uppercase title.
     .card-accent-teal / .card-accent-green → inner styling: row hover/focus,
                         column header tint, sort arrow, summary footer,
                         empty state accent.
   Emitted by MyDxGrid.razor based on CardVariant:
     default/metrics  → card-framed card-accent-teal
     finance          → card-framed card-accent-green
     flat             → card-accent-teal       (no frame — for modals/wizards)
     flat-finance     → card-accent-green      (no frame)
     none             → nothing (plain grid)
   Modals and wizards cascade "flat" so their grids keep the same accent
   feel without double-framing over the modal/wizard's own container.
   ===================================================================== */

/* ========== OUTER FRAME (card-framed only) ========== */

.grid-flex-root.card-framed[b-wn94e4z28a] {
	background: white;
	border: 1px solid #e2e8f0;
	border-radius: 10px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 4px 12px rgba(0, 0, 0, 0.04);
	overflow: hidden;
	position: relative;
	transition: box-shadow 0.2s ease;
}

.grid-flex-root.card-framed:hover[b-wn94e4z28a] {
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.10);
}

/* Full-height 3px left accent bar (uses --card-accent from accent class) */
.grid-flex-root.card-framed[b-wn94e4z28a]::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 3px;
	background: var(--card-accent);
	z-index: 2;
	pointer-events: none;
}

/* Top fade tint — per accent */
.grid-flex-root.card-framed.card-accent-teal[b-wn94e4z28a] {
	background: linear-gradient(180deg, rgba(59, 176, 160, 0.025), white 44px);
}

.grid-flex-root.card-framed.card-accent-green[b-wn94e4z28a] {
	background: linear-gradient(180deg, rgba(26, 138, 58, 0.025), white 44px);
}

/* Toolbar becomes the card-header band (only when framed) */
.grid-flex-root.card-framed .toolbar-container[b-wn94e4z28a] {
	background: transparent;
	border: none;
	border-bottom: 1px solid #e2e8f0;
	border-radius: 0;
	padding-left: 18px;
	padding-right: 8px;
	min-height: 42px;
}

/* Uppercase title — only framed (section-label treatment belongs to the header band) */
.grid-flex-root.card-framed .toolbar-container[b-wn94e4z28a]  .dxbl-toolbar-item-text,
.grid-flex-root.card-framed .toolbar-container[b-wn94e4z28a]  [class*="toolbar-title"] {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 11px;
	letter-spacing: 0.09em;
	color: #0a3d62;
}

/* ========== ACCENT — TEAL (default, metrics, flat) ========== */

.grid-flex-root.card-accent-teal[b-wn94e4z28a] {
	--card-accent: #3bb0a0;
}

/* Row hover */
.grid-flex-root.card-accent-teal .grid-height-wrapper[b-wn94e4z28a]  tr[data-visible-index]:hover > td {
	background: rgba(59, 176, 160, 0.06) !important;
	transition: background 0.13s ease;
}

.grid-flex-root.card-accent-teal .grid-height-wrapper[b-wn94e4z28a]  tr[data-visible-index]:hover > td:first-child {
	box-shadow: inset 2px 0 0 rgba(59, 176, 160, 0.55);
}

/* Focused row */
.grid-flex-root.card-accent-teal .grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-focused-row > td {
	background: rgba(59, 176, 160, 0.12) !important;
	color: #1a1d2e !important;
}

.grid-flex-root.card-accent-teal .grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-focused-row > td:first-child {
	box-shadow: inset 3px 0 0 #3bb0a0 !important;
}

/* Focus row emphasis text — darker teal so it reads against the tint */
.grid-flex-root.card-accent-teal .grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-focused-row > td strong,
.grid-flex-root.card-accent-teal .grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-focused-row > td a {
	color: #2a9080 !important;
}

/* Selected row */
.grid-flex-root.card-accent-teal .grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-selected-row > td {
	background: rgba(59, 176, 160, 0.12) !important;
	color: #1a1d2e !important;
}

.grid-flex-root.card-accent-teal .grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-selected-row > td:first-child {
	box-shadow: inset 3px 0 0 #3bb0a0 !important;
}

/* Column header — subtle teal bg */
.grid-flex-root.card-accent-teal .grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-header-row,
.grid-flex-root.card-accent-teal .grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-header-row > th,
.grid-flex-root.card-accent-teal .grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-header-cell,
.grid-flex-root.card-accent-teal .grid-height-wrapper[b-wn94e4z28a]  [class*="dxbl-grid-header"] th {
	background: rgba(59, 176, 160, 0.05) !important;
}

/* Sort indicator */
.grid-flex-root.card-accent-teal .grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-sort-indicator {
	color: #3bb0a0 !important;
}

/* Summary footer — teal tint + border, navy text for readability */
.grid-flex-root.card-accent-teal .grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-footer-row > td,
.grid-flex-root.card-accent-teal .grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-footer-cell {
	background: rgba(59, 176, 160, 0.08) !important;
	border-top: 2px solid #3bb0a0 !important;
	border-bottom: none !important;
	padding: 10px 12px !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	color: #0a3d62 !important;
}

/* Empty state */
.grid-flex-root.card-accent-teal .grid-empty-state[b-wn94e4z28a]::before {
	color: rgba(59, 176, 160, 0.35);
}

.grid-flex-root.card-accent-teal .grid-empty-clear-btn[b-wn94e4z28a] {
	color: #3bb0a0;
	border-color: #3bb0a0;
}

.grid-flex-root.card-accent-teal .grid-empty-clear-btn:hover[b-wn94e4z28a] {
	background: rgba(59, 176, 160, 0.08);
	color: #2a9080;
}

/* Scrollbar — no override needed; base scrollbar rule below is already teal. */

/* ========== ACCENT — GREEN (finance, flat-finance) ========== */

.grid-flex-root.card-accent-green[b-wn94e4z28a] {
	--card-accent: #1a8a3a;
}

/* Row hover */
.grid-flex-root.card-accent-green .grid-height-wrapper[b-wn94e4z28a]  tr[data-visible-index]:hover > td {
	background: rgba(26, 138, 58, 0.06) !important;
	transition: background 0.13s ease;
}

.grid-flex-root.card-accent-green .grid-height-wrapper[b-wn94e4z28a]  tr[data-visible-index]:hover > td:first-child {
	box-shadow: inset 2px 0 0 rgba(26, 138, 58, 0.55);
}

/* Focused row */
.grid-flex-root.card-accent-green .grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-focused-row > td {
	background: rgba(26, 138, 58, 0.12) !important;
	color: #1a1d2e !important;
}

.grid-flex-root.card-accent-green .grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-focused-row > td:first-child {
	box-shadow: inset 3px 0 0 #1a8a3a !important;
}

.grid-flex-root.card-accent-green .grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-focused-row > td strong,
.grid-flex-root.card-accent-green .grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-focused-row > td a {
	color: #1a8a3a !important;
}

/* Selected row */
.grid-flex-root.card-accent-green .grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-selected-row > td {
	background: rgba(26, 138, 58, 0.12) !important;
	color: #1a1d2e !important;
}

.grid-flex-root.card-accent-green .grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-selected-row > td:first-child {
	box-shadow: inset 3px 0 0 #1a8a3a !important;
}

/* Column header — subtle green bg */
.grid-flex-root.card-accent-green .grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-header-row,
.grid-flex-root.card-accent-green .grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-header-row > th,
.grid-flex-root.card-accent-green .grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-header-cell,
.grid-flex-root.card-accent-green .grid-height-wrapper[b-wn94e4z28a]  [class*="dxbl-grid-header"] th {
	background: rgba(26, 138, 58, 0.05) !important;
}

/* Sort indicator */
.grid-flex-root.card-accent-green .grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-sort-indicator {
	color: #1a8a3a !important;
}

/* Summary footer */
.grid-flex-root.card-accent-green .grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-footer-row > td,
.grid-flex-root.card-accent-green .grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-footer-cell {
	background: rgba(26, 138, 58, 0.08) !important;
	border-top: 2px solid #1a8a3a !important;
	border-bottom: none !important;
	padding: 10px 12px !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	color: #0a3d62 !important;
}

/* Empty state */
.grid-flex-root.card-accent-green .grid-empty-state[b-wn94e4z28a]::before {
	color: rgba(26, 138, 58, 0.35);
}

.grid-flex-root.card-accent-green .grid-empty-clear-btn[b-wn94e4z28a] {
	color: #1a8a3a;
	border-color: #1a8a3a;
}

.grid-flex-root.card-accent-green .grid-empty-clear-btn:hover[b-wn94e4z28a] {
	background: rgba(26, 138, 58, 0.08);
	color: #166e2e;
}

/* Loading spinner — green */
.grid-flex-root.card-accent-green .grid-height-wrapper[b-wn94e4z28a]  .dxbl-loading-panel-content::before {
	border-color: rgba(26, 138, 58, 0.20);
	border-top-color: #1a8a3a;
}

/* Scrollbar — green */
.grid-flex-root.card-accent-green .grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid ::-webkit-scrollbar-thumb {
	background: rgba(26, 138, 58, 0.5);
}

.grid-flex-root.card-accent-green .grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid ::-webkit-scrollbar-thumb:hover {
	background: #1a8a3a;
}

.grid-flex-root.card-accent-green .grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid,
.grid-flex-root.card-accent-green .grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid * {
	scrollbar-color: rgba(26, 138, 58, 0.5) transparent;
}

/* ========== SHARED (any accent class) ========== */

/* Column header typography — Title Case bold navy, accent-class agnostic */
.grid-flex-root.card-accent-teal .grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-header-row > th,
.grid-flex-root.card-accent-teal .grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-header-row th,
.grid-flex-root.card-accent-teal .grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-header-cell,
.grid-flex-root.card-accent-teal .grid-height-wrapper[b-wn94e4z28a]  [class*="dxbl-grid-header"] th,
.grid-flex-root.card-accent-teal .grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-header-cell-content,
.grid-flex-root.card-accent-green .grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-header-row > th,
.grid-flex-root.card-accent-green .grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-header-row th,
.grid-flex-root.card-accent-green .grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-header-cell,
.grid-flex-root.card-accent-green .grid-height-wrapper[b-wn94e4z28a]  [class*="dxbl-grid-header"] th,
.grid-flex-root.card-accent-green .grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-header-cell-content {
	text-transform: none !important;
	font-weight: 700 !important;
	letter-spacing: 0.01em !important;
	color: #0a3d62 !important;
}

/* Negative values in summary — red regardless of accent */
.grid-flex-root.card-accent-teal .grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-footer-row > td .grid-cell-negative,
.grid-flex-root.card-accent-green .grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-footer-row > td .grid-cell-negative {
	color: #b91c1c !important;
}

/* ===== Toolbar ===== */
.toolbar-container[b-wn94e4z28a] {
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-shrink: 0;
	background: #f7f9fc;
	border: 1px solid #e2e8f0;
	border-bottom: none;
	border-radius: 8px 8px 0 0;
	padding: 4px 8px;
	gap: 2px;
	min-height: 38px;
	overflow: hidden; /* clip transient overrun while DX adaptivity fires */
}

/* Fix #65: prevent "More A…" half-state on the action menu toolbar.
   DX's AdaptivityAutoCollapseItemsToIcons collapses items to icons via a
   ResizeObserver on the toolbar root — it only fires when that root actually
   shrinks. Two parts must hold together:
     1. The root must be allowed to shrink below its content (min-width:0),
        otherwise the observer never sees a narrower width and never collapses —
        the parent's overflow:hidden just clips "More Actions" to "More A".
     2. The items must keep their natural width (min-width:max-content) so they
        overflow the shrinking root and trigger the collapse, rather than letting
        flexbox compress their text and fool DX into thinking they still fit.
   The right-hand action toolbar (search + icons) is pinned flex-shrink:0 below
   so the menu is always the side that yields first. */
.toolbar-container[b-wn94e4z28a]  .grid-menu-toolbar {
	overflow: hidden;
	min-width: 0;
}

.toolbar-container[b-wn94e4z28a]  .grid-menu-toolbar .dxbl-toolbar-item {
	flex-shrink: 0;
	min-width: max-content;
}

/* #343: After saving an edit/new popup with the Enter key, keyboard focus is
   restored to the invoking toolbar item (correct a11y behaviour) and :focus-visible
   matches. DevExpress draws the focus indicator as an OUTWARD outline (positive
   outline-offset) with rounded corners; the .grid-menu-toolbar overflow:hidden above
   (needed for adaptive collapse) clips its top/bottom edges, leaving only the curved
   sides — they read as "( )" brackets around the item. Inset the outline so it renders
   fully inside the item box and is no longer clipped, keeping a visible focus ring. */
.toolbar-container[b-wn94e4z28a]  .grid-menu-toolbar .dxbl-toolbar-item > .dxbl-btn:focus-visible,
.toolbar-container[b-wn94e4z28a]  .grid-menu-toolbar .dxbl-toolbar-item > .dxbl-btn-split > .dxbl-btn:focus-visible,
.toolbar-container[b-wn94e4z28a]  .grid-menu-toolbar .dxbl-toolbar-item > .dxbl-toolbar-item-tmpl:focus-visible {
	outline-offset: -2px !important;
}

/* Keep the search box + right-hand icon group at full width so the menu
   toolbar (above) is the flex item that shrinks and collapses first. */
.toolbar-container[b-wn94e4z28a]  .grid-action-toolbar {
	flex-shrink: 0;
}

.toolbar-container[b-wn94e4z28a]  .dxbl-toolbar {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	min-height: unset !important;
}

/* Toolbar buttons — subtle, icon-forward */
.toolbar-container[b-wn94e4z28a]  .dxbl-btn {
	color: #4a5568 !important;
	font-size: 12px !important;
	border-radius: 6px !important;
	transition: all 0.15s !important;
	padding: 4px 8px !important;
}

.toolbar-container[b-wn94e4z28a]  .dxbl-btn:hover {
	color: #2a9080 !important;
	background: rgba(59, 176, 160, 0.10) !important;
}

/* Toolbar icon sizing */
.toolbar-container[b-wn94e4z28a]  .dxbl-image,
.toolbar-container[b-wn94e4z28a]  [class*="dx-icon-"] {
	font-size: 15px !important;
	color: inherit !important;
}

/* Toolbar separators — thin and subtle */
.toolbar-container[b-wn94e4z28a]  .dxbl-toolbar-separator,
.toolbar-container[b-wn94e4z28a]  .dxbl-btn-group-separator {
	background: #e2e8f0 !important;
	width: 1px !important;
	margin: 6px 4px !important;
	opacity: 0.6;
}

/* Toolbar dropdown items */
.toolbar-container[b-wn94e4z28a]  .dxbl-dropdown-item,
.toolbar-container[b-wn94e4z28a]  .dxbl-toolbar-dropdown .dxbl-btn {
	font-size: 12px !important;
	color: #4a5568 !important;
	padding: 6px 14px !important;
}

.toolbar-container[b-wn94e4z28a]  .dxbl-dropdown-item:hover,
.toolbar-container[b-wn94e4z28a]  .dxbl-toolbar-dropdown .dxbl-btn:hover {
	background: rgba(59, 176, 160, 0.08) !important;
	color: #2a9080 !important;
}

/* Toolbar search input — soft background to blend with toolbar */
.toolbar-container[b-wn94e4z28a]  .search2 .dxbl-text-edit {
	border: 1px solid #e2e8f0 !important;
	border-radius: 7px !important;
	background: rgba(255, 255, 255, 0.7) !important;
	font-size: 12px !important;
	min-width: 160px;
	transition: all 0.15s !important;
}

.toolbar-container[b-wn94e4z28a]  .search2 .dxbl-text-edit:focus-within {
	border-color: #3bb0a0 !important;
	background: #fff !important;
	box-shadow: 0 0 0 3px rgba(59, 176, 160, 0.12) !important;
}

.toolbar-container[b-wn94e4z28a]  .search2 .dxbl-text-edit::placeholder,
.toolbar-container[b-wn94e4z28a]  .search2 input::placeholder {
	color: #94a3b8 !important;
}

/* Search + clear button icons inside the search box — pick up the teal accent */
.toolbar-container[b-wn94e4z28a]  .search2 .dxbl-text-edit .dx-icon-search,
.toolbar-container[b-wn94e4z28a]  .search2 .dxbl-text-edit .dx-icon-clear {
	color: #3bb0a0 !important;
	opacity: 0.75;
	transition: opacity 0.15s;
}

.toolbar-container[b-wn94e4z28a]  .search2 .dxbl-text-edit:focus-within .dx-icon-search,
.toolbar-container[b-wn94e4z28a]  .search2 .dxbl-text-edit .dxbl-btn:hover .dx-icon-search,
.toolbar-container[b-wn94e4z28a]  .search2 .dxbl-text-edit .dxbl-btn:hover .dx-icon-clear {
	opacity: 1;
}

/* Active layout name badge — teal pill next to layouts icon */
.layout-name-badge[b-wn94e4z28a] {
	display: inline-flex;
	align-items: center;
	font-size: 10px;
	font-weight: 600;
	color: #2a9080;
	background: rgba(59, 176, 160, 0.12);
	padding: 2px 8px;
	border-radius: 8px;
	margin-left: 4px;
	white-space: nowrap;
	max-width: 120px;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.3;
}

/* Row count badge — pill style, vertically centred in toolbar */
.grid-row-count[b-wn94e4z28a] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 10px;
	font-weight: 600;
	color: #4a5568;
	background: rgba(59, 176, 160, 0.10);
	padding: 4px 10px;
	border-radius: 10px;
	white-space: nowrap;
	letter-spacing: 0.02em;
	line-height: 1;
}

/* The DxToolbarItem template wrapper needs to align its content to the toolbar centre */
.toolbar-container[b-wn94e4z28a]  .dxbl-toolbar-item:has(.grid-row-count) {
	display: flex !important;
	align-items: center !important;
}

.toolbar-container[b-wn94e4z28a]  .dxbl-toolbar-template:has(.grid-row-count),
.toolbar-container[b-wn94e4z28a]  .dxbl-toolbar-item-template:has(.grid-row-count) {
	display: flex !important;
	align-items: center !important;
}

/* Layouts button template — align with standard icon buttons */
.toolbar-container[b-wn94e4z28a]  .dxbl-toolbar-item:has(.dx-icon-detailslayout) {
	display: flex !important;
	align-items: center !important;
}

.toolbar-container[b-wn94e4z28a]  .dxbl-toolbar-template:has(.dx-icon-detailslayout),
.toolbar-container[b-wn94e4z28a]  .dxbl-toolbar-item-template:has(.dx-icon-detailslayout) {
	display: flex !important;
	align-items: center !important;
}

/* ===== Empty state ===== */
.grid-empty-state[b-wn94e4z28a] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 48px 20px;
	gap: 8px;
}

.grid-empty-state[b-wn94e4z28a]::before {
	content: "\2205"; /* ∅ empty-set — reads as "nothing here" for both filter-empty and no-data states */
	font-size: 40px;
	font-weight: 200;
	line-height: 1;
	color: #cbd5e0;
}

.grid-empty-message[b-wn94e4z28a] {
	font-size: 13px;
	color: #94a3b8;
	font-weight: 500;
}

.grid-empty-clear-btn[b-wn94e4z28a] {
	margin-top: 8px;
	font-size: 12px;
	font-weight: 500;
	color: #3bb0a0;
	background: transparent;
	border: 1px solid #3bb0a0;
	border-radius: 6px;
	padding: 5px 16px;
	cursor: pointer;
	transition: all 0.15s;
}

.grid-empty-clear-btn:hover[b-wn94e4z28a] {
	background: rgba(59, 176, 160, 0.08);
	color: #2a9080;
}

/* ===== Grid height ===== */
.grid-height-wrapper[b-wn94e4z28a] {
	flex: 1;
	min-height: 0;
}

.grid-height-wrapper[b-wn94e4z28a]  .my-grid {
	height: 100% !important;
}

/* ===== Grid border & rounding ===== */
.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid {
	border: 1px solid #e2e8f0 !important;
	border-radius: 0 0 8px 8px !important;
	overflow: hidden;
	background: #fff !important;
}

/* When toolbar is hidden, round all corners */
:not(.toolbar-container) + .grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid {
	border-radius: 8px !important;
}

/* ===== Table — collapse borders, horizontal-only lines ===== */
.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid table,
.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-table {
	border-collapse: collapse !important;
	border-spacing: 0 !important;
}

/* Kill all cell borders, add back only the horizontals we want */
.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid th,
.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid td {
	border-left: none !important;
	border-right: none !important;
	border-top: none !important;
}

/* ===== Header row ===== */
.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-header-row {
	background: #f7f9fc !important;
}

.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-header-row > th,
.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-header-row th,
.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-header-cell,
.grid-height-wrapper[b-wn94e4z28a]  [class*="dxbl-grid-header"] th {
	background: #f7f9fc !important;
	border-bottom: 2px solid #e2e8f0 !important;
	padding: 9px 8px !important;  /* tighter horizontal padding recovers ~8px per column on wide grids */
	font-size: 11px !important;
	font-weight: 600 !important;
	color: #4a5568 !important;
	white-space: normal;  /* allow wrap so narrow columns don't crowd neighbours */
	letter-spacing: 0.01em;
	text-transform: none;
}

.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-header-cell-content {
	font-size: 11px !important;
	font-weight: 600 !important;
	color: #4a5568 !important;
}

/* Filtered column header highlight */
.grid-height-wrapper[b-wn94e4z28a]  .grid-header-filtered {
	background: rgba(59, 176, 160, 0.10) !important;
	border-bottom-color: #3bb0a0 !important;
}

.grid-height-wrapper[b-wn94e4z28a]  .grid-header-filtered .dxbl-grid-header-cell-content {
	color: #2a9080 !important;
}

/* Filtered column — accent-aware override for card-accent-green grids so the
   teal highlight doesn't clash with the green card accent. */
.grid-flex-root.card-accent-green .grid-height-wrapper[b-wn94e4z28a]  .grid-header-filtered {
	background: rgba(26, 138, 58, 0.10) !important;
	border-bottom-color: #1a8a3a !important;
}

.grid-flex-root.card-accent-green .grid-height-wrapper[b-wn94e4z28a]  .grid-header-filtered .dxbl-grid-header-cell-content {
	color: #166e2e !important;
}

/* Sort indicator — teal, gentle opacity */
.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-sort-indicator {
	color: #3bb0a0 !important;
	opacity: 0.7;
	font-size: 10px !important;
}

/* Filter-menu icon in header — match header colour, not accent */
.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-filter-menu-button,
.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-header-cell .dxbl-btn {
	color: #94a3b8 !important;
	opacity: 0.7;
	transition: opacity 0.15s !important;
}

.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-filter-menu-button:hover,
.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-header-cell .dxbl-btn:hover {
	color: #3bb0a0 !important;
	opacity: 1;
}

/* Column resize handle — subtle */
.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-column-resize-handle {
	background: #e2e8f0 !important;
	width: 1px !important;
}

/* ===== Data rows =====
   This DevExpress build renders data rows WITHOUT the .dxbl-grid-data-row
   class — they're plain <tr data-visible-index="N" role="row">. Match on
   the data attribute so selectors actually fire. Spacer / empty / footer
   rows don't carry data-visible-index, so they're correctly excluded. */
.grid-height-wrapper[b-wn94e4z28a]  tr[data-visible-index] {
	transition: background 0.13s !important;
}

.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-data-row > td,
.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-data-row td,
.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-cell {
	padding: 9px 12px !important;
	font-size: 12px !important;
	color: #1a1d2e !important;
	vertical-align: middle !important;
	background: #fff;
}

/* Last data row — no bottom border */
.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-data-row:last-child > td,
.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-data-row:last-of-type > td,
.grid-height-wrapper[b-wn94e4z28a]  tbody tr:last-child > td {
	border-bottom: none !important;
}

/* Hover */
.grid-height-wrapper[b-wn94e4z28a]  tr[data-visible-index]:hover > td {
	background: rgba(59, 176, 160, 0.08) !important;
}

/* Alternating row stripe — disabled for clean look */
.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-data-row:nth-child(even) > td {
	background: #fff;
}

/* ===== Focused row ===== */
.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-focused-row > td {
	background: rgba(59, 176, 160, 0.14) !important;
	color: #1a1d2e !important;
}

/* Left accent on first cell */
.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-focused-row > td:first-child {
	box-shadow: inset 3px 0 0 #3bb0a0;
}

/* Emphasise primary text in the focused row */
.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-focused-row > td strong,
.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-focused-row > td a {
	color: #2a9080 !important;
}

/* ===== Selected rows (multi-select) ===== */
.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-selected-row > td {
	background: rgba(59, 176, 160, 0.14) !important;
	color: #1a1d2e !important;
}

.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-selected-row > td:first-child {
	box-shadow: inset 3px 0 0 #3bb0a0;
}

/* ===== Group row ===== */
.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-group-row > td {
	background: #f7f9fc !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	color: #4a5568 !important;
	border-bottom: 1px solid #e2e8f0 !important;
	padding: 8px 12px !important;
}

/* Group expand/collapse icon */
.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-group-row .dxbl-image,
.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-group-row [class*="dx-icon-"] {
	color: #3bb0a0 !important;
	font-size: 12px !important;
}

/* ===== Group panel ===== */
.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-group-panel {
	background: #f7f9fc !important;
	border-bottom: 1px solid #e2e8f0 !important;
	padding: 6px 12px !important;
	font-size: 11px !important;
	color: #94a3b8 !important;
}

/* Group panel tags (dragged column chips) */
.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-group-panel .dxbl-btn,
.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-group-panel-item {
	background: rgba(59, 176, 160, 0.08) !important;
	color: #4a5568 !important;
	border: 1px solid rgba(59, 176, 160, 0.25) !important;
	border-radius: 6px !important;
	font-size: 11px !important;
	padding: 2px 8px !important;
}

/* ===== Summary / footer row ===== */
.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-footer-row > td,
.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-footer-cell {
	background: #f7f9fc !important;
	border-top: 2px solid #e2e8f0 !important;
	border-bottom: none !important;
	padding: 9px 12px !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	color: #1a1d2e !important;
}

/* ===== Pager ===== */
.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-pager {
	background: #f7f9fc !important;
	border-top: 1px solid #e2e8f0 !important;
	padding: 6px 12px !important;
	font-size: 12px !important;
}

.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-pager .dxbl-btn {
	font-size: 12px !important;
	color: #4a5568 !important;
	border-radius: 6px !important;
	min-width: 28px;
	min-height: 28px;
}

.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-pager .dxbl-btn:hover {
	color: #2a9080 !important;
	background: rgba(59, 176, 160, 0.10) !important;
}

/* Active page button */
.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-pager .dxbl-btn.dxbl-active,
.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-pager .dxbl-btn[aria-current] {
	background: #3bb0a0 !important;
	color: #fff !important;
	border-radius: 6px !important;
}

/* Page size selector */
.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-pager select,
.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-pager .dxbl-text-edit {
	border: 1.5px solid #e2e8f0 !important;
	border-radius: 7px !important;
	font-size: 12px !important;
	background: #fff !important;
	color: #4a5568 !important;
}

/* ===== Filter row ===== */
.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-filter-row > td {
	background: #fff !important;
	border-bottom: 1px solid #e2e8f0 !important;
	padding: 4px 8px !important;
}

.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-filter-row .dxbl-text-edit {
	font-size: 12px !important;
	border: 1.5px solid #e2e8f0 !important;
	border-radius: 7px !important;
	background: #f7f9fc !important;
	transition: border-color 0.15s !important;
}

.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-filter-row .dxbl-text-edit:focus-within {
	border-color: #3bb0a0 !important;
	background: #fff !important;
	box-shadow: 0 0 0 3px rgba(59, 176, 160, 0.12) !important;
}

/* ===== Column chooser popup ===== */
.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-column-chooser {
	border: 1px solid #edf0f4 !important;
	border-radius: 10px !important;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.10) !important;
	background: #f8f9fb !important;
}

/* Context menu styling moved to site-theme-fluent.css (portaled to body, outside component scope) */

/* ===== Search box (DxGrid built-in) ===== */
.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-search-box .dxbl-text-edit {
	border: 1.5px solid #e2e8f0 !important;
	border-radius: 7px !important;
	font-size: 12px !important;
	background: #fff !important;
}

.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-search-box .dxbl-text-edit:focus-within {
	border-color: #3bb0a0 !important;
	box-shadow: 0 0 0 3px rgba(59, 176, 160, 0.12) !important;
}

/* ===== Editable cell hint — subtle background so users know which cells accept input ===== */
.grid-height-wrapper[b-wn94e4z28a]  .grid-cell-editable {
	background: rgba(59, 176, 160, 0.03) !important;
	border-left: 1px dashed rgba(59, 176, 160, 0.20) !important;
}

/* ===== Mandatory column header indicator — teal asterisk after caption ===== */
.grid-height-wrapper[b-wn94e4z28a]  .grid-header-mandatory .dxbl-grid-header-cell-content::after {
	content: " *";
	color: #d32f2f;
	font-weight: 700;
}

/* ===== Active edit row highlight ===== */
.grid-height-wrapper[b-wn94e4z28a]  .grid-row-editing {
	background: rgba(59, 176, 160, 0.06) !important;
}

/* ===== Edit cells ===== */
.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-edit-cell .dxbl-text-edit,
.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-edit-cell .dxbl-combobox,
.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-edit-cell .dxbl-date-edit {
	border: 1.5px solid #e2e8f0 !important;
	border-radius: 7px !important;
	font-size: 12px !important;
	background: #f7f9fc !important;
	transition: border-color 0.15s !important;
}

.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-edit-cell .dxbl-text-edit:focus-within,
.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-edit-cell .dxbl-combobox:focus-within,
.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-edit-cell .dxbl-date-edit:focus-within {
	border-color: #3bb0a0 !important;
	background: #fff !important;
	box-shadow: 0 0 0 3px rgba(59, 176, 160, 0.12) !important;
}

/* ===== Loading panel overlay =====
   Adds a CSS-only rotating teal ring above the loading text. The component has
   IndicatorAreaVisible="false" so DevExpress's built-in spinner isn't rendered;
   the ::before below fills that gap without touching component markup. */
.grid-height-wrapper[b-wn94e4z28a]  .dxbl-loading-panel,
.grid-height-wrapper[b-wn94e4z28a]  .dxbl-loading-panel-content {
	border-radius: 8px !important;
}

/* Softer background shading — white with slight opacity instead of DX default grey */
.grid-height-wrapper[b-wn94e4z28a]  .dxbl-loading-panel {
	background: rgba(255, 255, 255, 0.75) !important;
	backdrop-filter: blur(2px);
}

/* Centred panel — a small rounded card rather than a full-height overlay band.
   min-width uses min(...) so the panel stays ≤90% of the container on narrow
   splitter panes — avoids horizontal overflow when the grid is < 160px wide. */
.grid-height-wrapper[b-wn94e4z28a]  .dxbl-loading-panel-content {
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.10) !important;
	padding: 20px 28px !important;
	min-width: min(160px, 90%);
	text-align: center;
	color: #4a5568 !important;
	font-size: 13px !important;
	font-weight: 500 !important;
}

/* Teal spinner — default for every grid. Green variant overrides below. */
.grid-height-wrapper[b-wn94e4z28a]  .dxbl-loading-panel-content::before {
	content: "";
	display: block;
	width: 32px;
	height: 32px;
	margin: 0 auto 12px;
	border: 3px solid rgba(59, 176, 160, 0.20);
	border-top-color: #3bb0a0;
	border-radius: 50%;
	animation: mydxgrid-spinner-b-wn94e4z28a 0.8s linear infinite;
}

/* Scoped-CSS note: Blazor doesn't rewrite @keyframes names, so they're global.
   The mydxgrid- prefix avoids collisions with other components' animations. */
@keyframes mydxgrid-spinner-b-wn94e4z28a {
	to {
		transform: rotate(360deg);
	}
}

/* Respect users who prefer reduced motion — slow the spin instead of stopping
   completely so the loading state is still visually distinguishable. */
@media (prefers-reduced-motion: reduce) {
	.grid-height-wrapper[b-wn94e4z28a]  .dxbl-loading-panel-content::before {
		animation-duration: 3s;
	}
}

/* ===== Scrollbar — thin, subtle, teal to match app scheme. =====
   Base applies to every grid (plain, card-none, or unstyled). Green finance
   grids override to green in the card-accent-green block above. */

/* Double-scrollbar fix: DevExpress renders its OWN custom scrollbar
   (dxbl-scroll-viewer-*-scroll-bar + dxbl-thumb, a thin grey overlay) and
   hides the native one. Our `::-webkit-scrollbar { height: 8px }` rule below
   re-shows the native bar to style it teal — so both appear stacked (grey DX
   thumb + teal native bar). We keep the styled native bar (nicer, already
   themed) and suppress DX's redundant custom overlay. Native overflow scroll
   is unaffected. */
.grid-height-wrapper[b-wn94e4z28a]  .dxbl-scroll-viewer-hor-scroll-bar,
.grid-height-wrapper[b-wn94e4z28a]  .dxbl-scroll-viewer-vert-scroll-bar {
	display: none !important; /* beat DX's more-specific :not(.dxbl-disabled) rule */
}

.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid ::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid ::-webkit-scrollbar-track {
	background: transparent;
}

.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid ::-webkit-scrollbar-thumb {
	background: rgba(59, 176, 160, 0.5);
	border-radius: 4px;
}

.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid ::-webkit-scrollbar-thumb:hover {
	background: #3bb0a0;
}

/* Corner where horizontal + vertical scrollbars meet — transparent, not the
   default grey block browsers render. */
.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid ::-webkit-scrollbar-corner {
	background: transparent;
}

/* Firefox — scrollbar-width/color only apply in Firefox; Chromium ignores. */
.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid,
.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid * {
	scrollbar-width: thin;
	scrollbar-color: rgba(59, 176, 160, 0.5) transparent;
}

/* ===== Drag handle (AllowDragRows) ===== */
.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-drag-handle {
	color: #94a3b8 !important;
	cursor: grab !important;
}

.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-drag-handle:hover {
	color: #3bb0a0 !important;
}

/* ===== Selection column checkbox ===== */
.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-selection-cell {
	padding: 9px 8px !important;
}

/* ===== Popup edit form ===== */
.grid-height-wrapper[b-wn94e4z28a]  .dxbl-grid-edit-form-popup {
	border-radius: 10px !important;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12) !important;
	border: 1px solid #e2e8f0 !important;
}

/* ===== Negative amounts — red text ===== */
.grid-height-wrapper[b-wn94e4z28a]  .grid-cell-negative {
	color: #d32f2f !important;
}

/* ===== Overdue dates — red text ===== */
.grid-height-wrapper[b-wn94e4z28a]  .grid-cell-overdue {
	color: #d32f2f !important;
	font-weight: 600;
}

/* ===== Status/priority badges ===== */
.grid-height-wrapper[b-wn94e4z28a]  .grid-badge {
	display: inline-block;
	font-size: 11px;
	font-weight: 600;
	padding: 2px 10px;
	border-radius: 10px;
	line-height: 1.4;
	white-space: nowrap;
}

.grid-height-wrapper[b-wn94e4z28a]  .grid-badge-danger {
	background: rgba(211, 47, 47, 0.10);
	color: #d32f2f;
}

.grid-height-wrapper[b-wn94e4z28a]  .grid-badge-warning {
	background: rgba(237, 167, 44, 0.12);
	color: #b27a1a;
}

.grid-height-wrapper[b-wn94e4z28a]  .grid-badge-success {
	background: rgba(59, 176, 160, 0.12);
	color: #2a9080;
}

/* ===== Boolean icons (read-only checkboxes) ===== */
.grid-height-wrapper[b-wn94e4z28a]  .grid-bool-icon {
	font-size: 14px;
	font-weight: 700;
	display: inline-block;
	text-align: center;
	width: 20px;
}

.grid-height-wrapper[b-wn94e4z28a]  .grid-bool-true {
	color: #3bb0a0;
}

.grid-height-wrapper[b-wn94e4z28a]  .grid-bool-false {
	color: #d0d5dd;
	font-weight: 400;
}
/* /Components/CustomComponents/MyDevExpress/MyDxTreeList.razor.rz.scp.css */
/* ============================================================
   MyDxTreeList — visual theme (ported from MyDxGrid)
   Palette: teal #3bb0a0, bg #f7f9fc, border #e2e8f0,
            text #1a1d2e / #4a5568 / #94a3b8
   ============================================================ */

/* ===== Height wrapper — mirrors MyDxGrid's grid-height-wrapper pattern ===== */
.treelist-height-wrapper[b-f7x082tcii] {
	flex: 1;
	min-height: 0;
}

.treelist-height-wrapper[b-f7x082tcii]  .my-treelist {
	height: 100% !important;
}

/* ===== Toolbar ===== */
.toolbar-container[b-f7x082tcii] {
	display: flex;
	flex-direction: row;
	align-items: center;
	background: #f7f9fc;
	border: 1px solid #e2e8f0;
	border-bottom: none;
	border-radius: 8px 8px 0 0;
	padding: 4px 8px;
	gap: 2px;
	min-height: 38px;
}

.toolbar-container[b-f7x082tcii]  .dxbl-toolbar {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	min-height: unset !important;
}

.toolbar-container[b-f7x082tcii]  .dxbl-btn {
	color: #4a5568 !important;
	font-size: 12px !important;
	border-radius: 6px !important;
	transition: all 0.15s !important;
	padding: 4px 8px !important;
}

.toolbar-container[b-f7x082tcii]  .dxbl-btn:hover {
	color: #2a9080 !important;
	background: rgba(59, 176, 160, 0.10) !important;
}

.toolbar-container[b-f7x082tcii]  .dxbl-image,
.toolbar-container[b-f7x082tcii]  [class*="dx-icon-"] {
	font-size: 15px !important;
	color: inherit !important;
}

.toolbar-container[b-f7x082tcii]  .dxbl-toolbar-separator,
.toolbar-container[b-f7x082tcii]  .dxbl-btn-group-separator {
	background: #e2e8f0 !important;
	width: 1px !important;
	margin: 6px 4px !important;
	opacity: 0.6;
}

.toolbar-container[b-f7x082tcii]  .dxbl-dropdown-item,
.toolbar-container[b-f7x082tcii]  .dxbl-toolbar-dropdown .dxbl-btn {
	font-size: 12px !important;
	color: #4a5568 !important;
	padding: 6px 14px !important;
}

.toolbar-container[b-f7x082tcii]  .dxbl-dropdown-item:hover,
.toolbar-container[b-f7x082tcii]  .dxbl-toolbar-dropdown .dxbl-btn:hover {
	background: rgba(59, 176, 160, 0.08) !important;
	color: #2a9080 !important;
}

.toolbar-container[b-f7x082tcii]  .search2 .dxbl-text-edit {
	border: 1px solid #e2e8f0 !important;
	border-radius: 7px !important;
	background: rgba(255, 255, 255, 0.7) !important;
	font-size: 12px !important;
	min-width: 160px;
	transition: all 0.15s !important;
}

.toolbar-container[b-f7x082tcii]  .search2 .dxbl-text-edit:focus-within {
	border-color: #3bb0a0 !important;
	background: #fff !important;
	box-shadow: 0 0 0 3px rgba(59, 176, 160, 0.12) !important;
}

.toolbar-container[b-f7x082tcii]  .search2 .dxbl-text-edit::placeholder,
.toolbar-container[b-f7x082tcii]  .search2 input::placeholder {
	color: #94a3b8 !important;
}

/* Active layout name badge */
.layout-name-badge[b-f7x082tcii] {
	display: inline-flex;
	align-items: center;
	font-size: 10px;
	font-weight: 600;
	color: #2a9080;
	background: rgba(59, 176, 160, 0.12);
	padding: 2px 8px;
	border-radius: 8px;
	margin-left: 4px;
	white-space: nowrap;
	max-width: 120px;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.3;
}

/* Row count badge */
.grid-row-count[b-f7x082tcii] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 10px;
	font-weight: 600;
	color: #4a5568;
	background: rgba(59, 176, 160, 0.10);
	padding: 4px 10px;
	border-radius: 10px;
	white-space: nowrap;
	letter-spacing: 0.02em;
	line-height: 1;
}

.toolbar-container[b-f7x082tcii]  .dxbl-toolbar-item:has(.grid-row-count),
.toolbar-container[b-f7x082tcii]  .dxbl-toolbar-item:has(.dx-icon-detailslayout) {
	display: flex !important;
	align-items: center !important;
}

.toolbar-container[b-f7x082tcii]  .dxbl-toolbar-template:has(.grid-row-count),
.toolbar-container[b-f7x082tcii]  .dxbl-toolbar-item-template:has(.grid-row-count),
.toolbar-container[b-f7x082tcii]  .dxbl-toolbar-template:has(.dx-icon-detailslayout),
.toolbar-container[b-f7x082tcii]  .dxbl-toolbar-item-template:has(.dx-icon-detailslayout) {
	display: flex !important;
	align-items: center !important;
}

/* Empty state */
.grid-empty-state[b-f7x082tcii] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 48px 20px;
	gap: 8px;
}

.grid-empty-state[b-f7x082tcii]::before {
	content: "\2014";
	font-size: 28px;
	color: #e2e8f0;
}

.grid-empty-message[b-f7x082tcii] {
	font-size: 13px;
	color: #94a3b8;
	font-weight: 500;
}

.grid-empty-clear-btn[b-f7x082tcii] {
	margin-top: 8px;
	font-size: 12px;
	font-weight: 500;
	color: #3bb0a0;
	background: transparent;
	border: 1px solid #3bb0a0;
	border-radius: 6px;
	padding: 5px 16px;
	cursor: pointer;
	transition: all 0.15s;
}

.grid-empty-clear-btn:hover[b-f7x082tcii] {
	background: rgba(59, 176, 160, 0.08);
	color: #2a9080;
}

/* ===== TreeList border & rounding ===== */
[b-f7x082tcii] .dxbl-treelist {
	border: 1px solid #e2e8f0 !important;
	border-radius: 0 0 8px 8px !important;
	overflow: hidden;
	background: #fff !important;
}

[b-f7x082tcii] .dxbl-treelist table {
	border-collapse: collapse !important;
	border-spacing: 0 !important;
}

[b-f7x082tcii] .dxbl-treelist th,
[b-f7x082tcii] .dxbl-treelist td {
	border-left: none !important;
	border-right: none !important;
	border-top: none !important;
}

/* ===== Header row ===== */
[b-f7x082tcii] .dxbl-treelist-header-row {
	background: #f7f9fc !important;
}

[b-f7x082tcii] .dxbl-treelist-header-row > th,
[b-f7x082tcii] .dxbl-treelist-header-row th,
[b-f7x082tcii] .dxbl-treelist-header-cell,
[b-f7x082tcii] [class*="dxbl-treelist-header"] th {
	background: #f7f9fc !important;
	border-bottom: 2px solid #e2e8f0 !important;
	padding: 9px 12px !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	color: #4a5568 !important;
	white-space: nowrap;
	letter-spacing: 0.01em;
	text-transform: none;
}

[b-f7x082tcii] .dxbl-treelist-header-cell-content {
	font-size: 11px !important;
	font-weight: 600 !important;
	color: #4a5568 !important;
}

/* Sort indicator */
[b-f7x082tcii] .dxbl-treelist-sort-indicator {
	color: #3bb0a0 !important;
	opacity: 0.7;
	font-size: 10px !important;
}

/* Filtered column header highlight */
[b-f7x082tcii] .grid-header-filtered {
	background: rgba(59, 176, 160, 0.10) !important;
	border-bottom-color: #3bb0a0 !important;
}

[b-f7x082tcii] .grid-header-filtered .dxbl-treelist-header-cell-content {
	color: #2a9080 !important;
}

/* Filter-menu icon */
[b-f7x082tcii] .dxbl-treelist-filter-menu-button,
[b-f7x082tcii] .dxbl-treelist-header-cell .dxbl-btn {
	color: #94a3b8 !important;
	opacity: 0.7;
	transition: opacity 0.15s !important;
}

[b-f7x082tcii] .dxbl-treelist-filter-menu-button:hover,
[b-f7x082tcii] .dxbl-treelist-header-cell .dxbl-btn:hover {
	color: #3bb0a0 !important;
	opacity: 1;
}

/* Column resize handle */
[b-f7x082tcii] .dxbl-treelist-column-resize-handle {
	background: #e2e8f0 !important;
	width: 1px !important;
}

/* ===== Data rows ===== */
[b-f7x082tcii] .dxbl-treelist-data-row {
	transition: background 0.13s !important;
}

[b-f7x082tcii] .dxbl-treelist-data-row > td,
[b-f7x082tcii] .dxbl-treelist-data-row td {
	padding: 9px 12px !important;
	font-size: 12px !important;
	color: #1a1d2e !important;
	vertical-align: middle !important;
	background: #fff;
}

/* Hover */
[b-f7x082tcii] .dxbl-treelist-data-row:hover > td {
	background: rgba(59, 176, 160, 0.08) !important;
}

/* ===== Focused row ===== */
[b-f7x082tcii] .dxbl-treelist-focused-row > td,
[b-f7x082tcii] .dxbl-treelist-focused-row.dxbl-treelist-data-row > td {
	background: rgba(59, 176, 160, 0.14) !important;
	color: #1a1d2e !important;
}

[b-f7x082tcii] .dxbl-treelist-focused-row > td:first-child {
	box-shadow: inset 3px 0 0 #3bb0a0;
}

[b-f7x082tcii] .dxbl-treelist-focused-row > td strong,
[b-f7x082tcii] .dxbl-treelist-focused-row > td a {
	color: #2a9080 !important;
}

/* ===== Selected rows ===== */
[b-f7x082tcii] .dxbl-treelist-selected-row > td {
	background: rgba(59, 176, 160, 0.14) !important;
	color: #1a1d2e !important;
}

[b-f7x082tcii] .dxbl-treelist-selected-row > td:first-child {
	box-shadow: inset 3px 0 0 #3bb0a0;
}

/* ===== Filter row ===== */
[b-f7x082tcii] .dxbl-treelist-filter-row > td {
	background: #fff !important;
	border-bottom: 1px solid #e2e8f0 !important;
	padding: 4px 8px !important;
}

[b-f7x082tcii] .dxbl-treelist-filter-row .dxbl-text-edit {
	font-size: 12px !important;
	border: 1.5px solid #e2e8f0 !important;
	border-radius: 7px !important;
	background: #f7f9fc !important;
	transition: border-color 0.15s !important;
}

[b-f7x082tcii] .dxbl-treelist-filter-row .dxbl-text-edit:focus-within {
	border-color: #3bb0a0 !important;
	background: #fff !important;
	box-shadow: 0 0 0 3px rgba(59, 176, 160, 0.12) !important;
}

/* ===== Search box ===== */
[b-f7x082tcii] .dxbl-treelist-search-box .dxbl-text-edit {
	border: 1.5px solid #e2e8f0 !important;
	border-radius: 7px !important;
	font-size: 12px !important;
	background: #fff !important;
}

[b-f7x082tcii] .dxbl-treelist-search-box .dxbl-text-edit:focus-within {
	border-color: #3bb0a0 !important;
	box-shadow: 0 0 0 3px rgba(59, 176, 160, 0.12) !important;
}

/* Context menu styling moved to site-theme-fluent.css (portaled to body, outside component scope) */

/* ===== Scrollbar — teal, matching MyDxGrid =====
   DxTreeList renders as `.dxbl-grid.my-treelist` (TreeList is built on the Grid
   base) — there is NO `.dxbl-treelist` element, so the previous `.dxbl-treelist`
   rules were dead and the tree fell back to DevExpress's default grey custom
   scrollbar. Mirror MyDxGrid: suppress DX's custom scroll overlay and theme the
   native bar teal. Native overflow scroll is unaffected. */
.treelist-height-wrapper[b-f7x082tcii]  .my-treelist .dxbl-scroll-viewer-hor-scroll-bar,
.treelist-height-wrapper[b-f7x082tcii]  .my-treelist .dxbl-scroll-viewer-vert-scroll-bar {
	display: none !important; /* beat DX's more-specific :not(.dxbl-disabled) rule */
}

/* The .treelist-height-wrapper prefix gives these (0,3,x) specificity so they
   beat DX's (0,2,x) `scrollbar-width: none` / `::-webkit-scrollbar{display:none}`
   that hide the native bar — same trick MyDxGrid uses. Without the prefix the
   rules only TIE DX and the native bar stays hidden, leaving no scrollbar at all.
   Modern Chromium honours scrollbar-width/color (the actual win here);
   ::-webkit-scrollbar covers older engines. */
.treelist-height-wrapper[b-f7x082tcii]  .my-treelist ::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

.treelist-height-wrapper[b-f7x082tcii]  .my-treelist ::-webkit-scrollbar-track {
	background: transparent;
}

.treelist-height-wrapper[b-f7x082tcii]  .my-treelist ::-webkit-scrollbar-thumb {
	background: rgba(59, 176, 160, 0.5);
	border-radius: 4px;
}

.treelist-height-wrapper[b-f7x082tcii]  .my-treelist ::-webkit-scrollbar-thumb:hover {
	background: #3bb0a0;
}

.treelist-height-wrapper[b-f7x082tcii]  .my-treelist ::-webkit-scrollbar-corner {
	background: transparent;
}

.treelist-height-wrapper[b-f7x082tcii]  .my-treelist,
.treelist-height-wrapper[b-f7x082tcii]  .my-treelist * {
	scrollbar-width: thin;
	scrollbar-color: rgba(59, 176, 160, 0.5) transparent;
}

/* ===== Drag handle ===== */
[b-f7x082tcii] .dxbl-treelist-drag-handle {
	color: #94a3b8 !important;
	cursor: grab !important;
}

[b-f7x082tcii] .dxbl-treelist-drag-handle:hover {
	color: #3bb0a0 !important;
}

/* ===== Loading panel ===== */
[b-f7x082tcii] .dxbl-loading-panel,
[b-f7x082tcii] .dxbl-loading-panel-content {
	border-radius: 8px !important;
}

/* ===== Negative amounts ===== */
[b-f7x082tcii] .grid-cell-negative {
	color: #d32f2f !important;
}

/* ===== Overdue dates ===== */
[b-f7x082tcii] .grid-cell-overdue {
	color: #d32f2f !important;
	font-weight: 600;
}

/* ===== Status badges ===== */
[b-f7x082tcii] .grid-badge {
	display: inline-block;
	font-size: 11px;
	font-weight: 600;
	padding: 2px 10px;
	border-radius: 10px;
	line-height: 1.4;
	white-space: nowrap;
}

[b-f7x082tcii] .grid-badge-danger {
	background: rgba(211, 47, 47, 0.10);
	color: #d32f2f;
}

[b-f7x082tcii] .grid-badge-warning {
	background: rgba(237, 167, 44, 0.12);
	color: #b27a1a;
}

[b-f7x082tcii] .grid-badge-success {
	background: rgba(59, 176, 160, 0.12);
	color: #2a9080;
}

[b-f7x082tcii] .grid-badge-dispatch {
	background: rgba(59, 130, 246, 0.10);
	color: #1d4ed8;
}

/* ===== Boolean icons ===== */
[b-f7x082tcii] .grid-bool-icon {
	font-size: 14px;
	font-weight: 700;
	display: inline-block;
	text-align: center;
	width: 20px;
}

[b-f7x082tcii] .grid-bool-true {
	color: #3bb0a0;
}

[b-f7x082tcii] .grid-bool-false {
	color: #d0d5dd;
	font-weight: 400;
}

/* ===== Column chooser popup ===== */
[b-f7x082tcii] .dxbl-treelist-column-chooser {
	border: 1px solid #edf0f4 !important;
	border-radius: 10px !important;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.10) !important;
	background: #f8f9fb !important;
}
/* /Components/CustomComponents/PendingApprovalsDrawer.razor.rz.scp.css */
.pad-root[b-8c69k23x68] {
    display: flex;
    flex-direction: column;
    height: 100%;
    gap: 12px;
    padding: 4px 2px;
}

.pad-loading[b-8c69k23x68],
.pad-empty[b-8c69k23x68] {
    padding: 24px;
    text-align: center;
    color: #6c757d;
}

.pad-empty[b-8c69k23x68] {
    font-style: italic;
}

.pad-intro[b-8c69k23x68] {
    font-size: 0.9rem;
    color: #495057;
    margin: 0;
}

.pad-list[b-8c69k23x68] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    border: 1px solid #dee2e6;
    border-radius: 4px;
}

.pad-row[b-8c69k23x68] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 10px 14px;
    border-bottom: 1px solid #f0f0f0;
    gap: 12px;
}

.pad-row:last-child[b-8c69k23x68] {
    border-bottom: none;
}

.pad-row:hover[b-8c69k23x68] {
    background-color: #f8f9fa;
}

.pad-row-main[b-8c69k23x68] {
    flex: 1;
    min-width: 0;
}

.pad-row-user[b-8c69k23x68] {
    font-size: 0.95rem;
    font-weight: 600;
    color: #212529;
}

.pad-row-usercode[b-8c69k23x68] {
    font-weight: normal;
    color: #6c757d;
    font-size: 0.82rem;
    margin-left: 4px;
}

.pad-row-role[b-8c69k23x68] {
    margin-top: 2px;
    font-size: 0.88rem;
    color: #343a40;
}

.pad-row-category[b-8c69k23x68] {
    margin-left: 8px;
    font-size: 0.72rem;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    background-color: #e9ecef;
    padding: 1px 6px;
    border-radius: 8px;
}

.pad-row-meta[b-8c69k23x68] {
    margin-top: 4px;
    font-size: 0.78rem;
    color: #6c757d;
}

.pad-row-reason[b-8c69k23x68] {
    font-style: italic;
}

.pad-row-actions[b-8c69k23x68] {
    display: flex;
    gap: 4px;
    flex-shrink: 0;
}
/* /Components/Layout/EchelonHeader.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════
   echelon Client Portal — Header
   Matches Brett's echelon-portal.html POC header.
   ═══════════════════════════════════════════════════════════════════ */

.ech-header[b-xl7mar3bie] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1.25rem 0 60px;
    height: 50px;
    background: linear-gradient(135deg, #1a1a2e, #16213e);
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    position: relative;
}

/* ─── Left: brand ────────────────────────────────────────────────── */

.ech-header-left[b-xl7mar3bie] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.ech-header-brand[b-xl7mar3bie] {
    font-size: 1.05rem;
    font-weight: 300;
    letter-spacing: 0.5px;
    color: #fff;
    text-decoration: none;
}

.ech-header-brand:hover[b-xl7mar3bie] {
    color: #fff;
    text-decoration: none;
}

.ech-header-brand strong[b-xl7mar3bie] {
    font-weight: 600;
}

/* ─── Right: icons + user ────────────────────────────────────────── */

.ech-header-right[b-xl7mar3bie] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.ech-header-icon[b-xl7mar3bie] {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    border-radius: 50%;
    transition: all 0.2s ease;
    position: relative;
    text-decoration: none;
}

.ech-header-icon:hover[b-xl7mar3bie] {
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
    text-decoration: none;
}

.ech-header-icon svg[b-xl7mar3bie] {
    width: 18px;
    height: 18px;
}

.ech-header-notif-dot[b-xl7mar3bie] {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 7px;
    height: 7px;
    background: #ef4444;
    border-radius: 50%;
    border: 1.5px solid #1a1a2e;
}

/* ─── User ───────────────────────────────────────────────────────── */

.ech-header-user[b-xl7mar3bie] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: default;
    padding: 0.3rem 0.5rem;
    border-radius: 6px;
}

.ech-header-avatar[b-xl7mar3bie] {
    width: 28px;
    height: 28px;
    background: #11C683;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.72rem;
    font-weight: 700;
    color: #fff;
}

/* Persona accent colors — mirror EchelonNav avatar. Driven by EchelonCapabilities.PersonaAccentClass. */
.ech-header-avatar.persona-full[b-xl7mar3bie]   { background: #9333ea; }   /* full service — purple */
.ech-header-avatar.persona-invest[b-xl7mar3bie] { background: #4f46e5; }   /* investment client — indigo */
.ech-header-avatar.persona-trust[b-xl7mar3bie]  { background: #059669; }   /* trust beneficiary — green */
.ech-header-avatar.persona-corp[b-xl7mar3bie]   { background: #0891b2; }   /* corporate client — cyan */

.ech-header-uname[b-xl7mar3bie] {
    font-size: 0.78rem;
    color: rgba(255, 255, 255, 0.8);
}

@media (max-width: 640px) {
    .ech-header-uname[b-xl7mar3bie] {
        display: none;
    }
}

@media (max-width: 480px) {
    .ech-header-brand[b-xl7mar3bie] {
        display: none;
    }
}
/* /Components/Layout/EchelonMobileNav.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════
   echelon Client Portal — Mobile Bottom Navigation
   Matches Brett's echelon-portal.html POC mobile nav.
   Only visible on screens <= 768px via the echelon-theme media query.
   ═══════════════════════════════════════════════════════════════════ */

.ech-mobile-nav[b-z7mhws5epn] {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 56px;
    background: #1a1a2e;
    z-index: 1000;
    align-items: center;
    justify-content: space-around;
    padding: 0 0.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.ech-mn-item[b-z7mhws5epn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.15rem;
    color: rgba(255, 255, 255, 0.4);
    font-size: 0.6rem;
    font-weight: 600;
    cursor: pointer;
    padding: 0.4rem;
    text-decoration: none;
    transition: color 0.2s ease;
}

.ech-mn-item:hover[b-z7mhws5epn] {
    text-decoration: none;
}

.ech-mn-item.active[b-z7mhws5epn] {
    color: #11C683;
}

.ech-mn-item svg[b-z7mhws5epn] {
    width: 18px;
    height: 18px;
}

/* Show mobile nav, hide sidebar on small screens */
@media (max-width: 768px) {
    .ech-mobile-nav[b-z7mhws5epn] {
        display: flex !important;
    }
}
/* /Components/Layout/EchelonNav.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════
   echelon Client Portal — Sidebar Navigation
   ───────────────────────────────────────────────────────────────────
   Matches Brett's echelon-portal.html POC: narrow icon sidebar with
   tooltips, green accent on active/hover, dark navy background.
   ═══════════════════════════════════════════════════════════════════ */

.echelon-nav[b-ippk6y37hl] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0.6rem 0;
    gap: 0.15rem;
    background: #1a1a2e;
    overflow-y: auto;
    overflow-x: hidden;
}

/* ─── Logo ────────────────────────────────────────────────────────── */

.echelon-nav-logo[b-ippk6y37hl] {
    width: 34px;
    height: 34px;
    margin-bottom: 0.6rem;
    flex-shrink: 0;
}

.echelon-nav-logo img[b-ippk6y37hl] {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: contain;
}

/* ─── Menu items ──────────────────────────────────────────────────── */

.echelon-nav-items[b-ippk6y37hl] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.15rem;
    width: 100%;
}

.echelon-nav-item[b-ippk6y37hl] {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.4);
    cursor: pointer;
    transition: all 0.2s ease;
    border-radius: 6px;
    position: relative;
    text-decoration: none;
    background: none;
    border: none;
    padding: 0;
}

.echelon-nav-item:hover[b-ippk6y37hl] {
    color: rgba(255, 255, 255, 0.8);
    background: rgba(255, 255, 255, 0.08);
    text-decoration: none;
}

.echelon-nav-item.active[b-ippk6y37hl] {
    color: #11C683;
    background: rgba(17, 198, 131, 0.12);
}

/* Hide the text label — icon-only sidebar */
.echelon-nav-label[b-ippk6y37hl] {
    display: none;
}

/* ─── Tooltip on hover ────────────────────────────────────────────── */

.echelon-nav-tooltip[b-ippk6y37hl] {
    position: absolute;
    left: 54px;
    background: #1a1a2e;
    color: #fff;
    font-size: 0.72rem;
    padding: 0.3rem 0.6rem;
    border-radius: 4px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s ease;
    z-index: 1001;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.echelon-nav-item:hover .echelon-nav-tooltip[b-ippk6y37hl] {
    opacity: 1;
}

/* ─── Icons (mask-based, inherits currentColor) ───────────────────── */

.echelon-nav-icon[b-ippk6y37hl] {
    width: 18px;
    height: 18px;
    display: inline-block;
    background-color: currentColor;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-position: center;
    -webkit-mask-position: center;
}

.echelon-icon-home[b-ippk6y37hl] {
    -webkit-mask-image: url("/images/menuicons/home.svg");
    mask-image: url("/images/menuicons/home.svg");
}

.echelon-icon-entities[b-ippk6y37hl] {
    -webkit-mask-image: url("/images/menuicons/entitiesges.svg");
    mask-image: url("/images/menuicons/entitiesges.svg");
}

.echelon-icon-dashboard[b-ippk6y37hl] {
    -webkit-mask-image: url("/images/menuicons/entitydashboard.svg");
    mask-image: url("/images/menuicons/entitydashboard.svg");
}

.echelon-icon-documents[b-ippk6y37hl] {
    -webkit-mask-image: url("/images/menuicons/entitydocuments.svg");
    mask-image: url("/images/menuicons/entitydocuments.svg");
}

.echelon-icon-ownership[b-ippk6y37hl] {
    -webkit-mask-image: url("/images/menuicons/entitylivewealth.svg");
    mask-image: url("/images/menuicons/entitylivewealth.svg");
}

.echelon-icon-compliance[b-ippk6y37hl] {
    -webkit-mask-image: url("/images/menuicons/entitycompliance.svg");
    mask-image: url("/images/menuicons/entitycompliance.svg");
}

.echelon-icon-messages[b-ippk6y37hl] {
    -webkit-mask-image: url("/images/menuicons/entityportalmessages.svg");
    mask-image: url("/images/menuicons/entityportalmessages.svg");
}

.echelon-icon-alerts[b-ippk6y37hl] {
    -webkit-mask-image: url("/images/menuicons/alerts.svg");
    mask-image: url("/images/menuicons/alerts.svg");
}

.echelon-icon-services[b-ippk6y37hl] {
    -webkit-mask-image: url("/images/menuicons/entityworkflow.svg");
    mask-image: url("/images/menuicons/entityworkflow.svg");
}

.echelon-icon-requests[b-ippk6y37hl] {
    -webkit-mask-image: url("/images/menuicons/entitytasks.svg");
    mask-image: url("/images/menuicons/entitytasks.svg");
}

.echelon-icon-logout[b-ippk6y37hl] {
    -webkit-mask-image: url("/images/menuicons/logout.svg");
    mask-image: url("/images/menuicons/logout.svg");
}

/* ─── Spacer ──────────────────────────────────────────────────────── */

.echelon-nav-spacer[b-ippk6y37hl] {
    flex: 1;
}

/* ─── User avatar ─────────────────────────────────────────────────── */

.echelon-nav-user[b-ippk6y37hl] {
    margin-top: auto;
    margin-bottom: 0.5rem;
}

.echelon-nav-avatar[b-ippk6y37hl] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #11C683;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.echelon-nav-avatar:hover[b-ippk6y37hl] {
    opacity: 0.85;
}

/* Persona accent colors — match Brett's POC. Derived from EchelonCapabilities.PersonaAccentClass.
   persona-default leaves the existing brand teal in place. */
.echelon-nav-avatar.persona-full[b-ippk6y37hl]   { background: #9333ea; }   /* full service — purple */
.echelon-nav-avatar.persona-invest[b-ippk6y37hl] { background: #4f46e5; }   /* investment client — indigo */
.echelon-nav-avatar.persona-trust[b-ippk6y37hl]  { background: #059669; }   /* trust beneficiary — green */
.echelon-nav-avatar.persona-corp[b-ippk6y37hl]   { background: #0891b2; }   /* corporate client — cyan */
/* /Components/Layout/SearchItem.razor.rz.scp.css */
.listbox-item-template[b-1jn14wf0bi] {
	display: flex;
	align-items: center;
}

	.listbox-item-template > img[b-1jn14wf0bi] {
		border-radius: 50%;
		width: 2rem;
		height: 2rem;
	}

	.listbox-item-template-initials[b-1jn14wf0bi] {
		border-radius: 50%;
		width: 2rem;
		height: 2rem;
	}

img + .listbox-item-template-text[b-1jn14wf0bi] {
	margin-left: 0.5rem;
}

.dxbl-sm img + .listbox-item-template-text[b-1jn14wf0bi] {
	margin-left: 0.375rem;
}

.key-rel-initials2 + .listbox-item-template-text[b-1jn14wf0bi] {
	margin-left: 0.375rem;
}

.dxbl-lg img + .listbox-item-template-text[b-1jn14wf0bi] {
	margin-left: 0.625rem;
}

.listbox-item-template-text[b-1jn14wf0bi] {
	display: flex;
	flex-flow: column;
}

.listbox-item-template-text-phone[b-1jn14wf0bi] {
	opacity: 0.65;
}

.key-rel-initials2[b-1jn14wf0bi] {
	display: inline-block;
	width: 30px; /* Adjust as needed */
	height: 30px; /* Adjust as needed */
	background-color: #007bff; /* Example background color */
	color: white; /* Text color */
	text-align: center;
	line-height: 30px; /* Vertically center the text */
}

.key-rel-image[b-1jn14wf0bi] {
	width: 30px; /* Adjust as needed */
	height: 30px; /* Adjust as needed */
}
/* /Components/Pages/AccessDenied.razor.rz.scp.css */
.ad-wrap[b-zq15mnh05g] {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 48px 16px;
}

.ad-card[b-zq15mnh05g] {
    max-width: 520px;
    width: 100%;
    text-align: center;
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 32px 28px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.ad-icon[b-zq15mnh05g] {
    font-size: 2.4rem;
    color: #b02a37;
    display: block;
    margin-bottom: 12px;
}

.ad-title[b-zq15mnh05g] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #212529;
    margin-bottom: 12px;
}

.ad-body[b-zq15mnh05g] {
    font-size: 0.95rem;
    color: #343a40;
    margin-bottom: 8px;
    word-break: break-word;
}

.ad-help[b-zq15mnh05g] {
    font-size: 0.85rem;
    color: #6c757d;
    margin-bottom: 20px;
}
/* /Components/Pages/Accounting/AccountingEntityEditor.razor.rz.scp.css */
.security-list-wrap[b-ctkh5erkj9] {
    height: 420px;
}

.chart-template-list-wrap[b-ctkh5erkj9] {
    height: 300px;
}

.control-accounts-grid-wrap[b-ctkh5erkj9] {
    height: 420px;
}
/* /Components/Pages/Accounting/Funds/CommitmentRegister.razor.rz.scp.css */
/* ── Root ───────────────────────────────────────────────────────────────── */
.cr-root[b-ptf5mwhkzj] {
    font-family: inherit;
    font-size: 12px;
    color: #333;
    background: #f5f7fa;
    min-height: 200px;
}

/* ── Header ─────────────────────────────────────────────────────────────── */
.cr-header[b-ptf5mwhkzj] {
    display: flex;
    align-items: baseline;
    gap: 12px;
    padding: 12px 18px 14px;
    background: #0a3d62;
    color: white;
    border-radius: 6px 6px 0 0;
    margin-bottom: 18px;
    flex-wrap: wrap;
}

.cr-header-title[b-ptf5mwhkzj] {
    font-size: 15px;
    font-weight: 700;
    flex: 1;
    min-width: 200px;
}

.cr-header-meta[b-ptf5mwhkzj] {
    font-size: 11px;
    opacity: 0.85;
    display: flex;
    gap: 5px;
    align-items: center;
}

.cr-sep[b-ptf5mwhkzj] { opacity: 0.4; }

.cr-header-date[b-ptf5mwhkzj] {
    font-size: 10px;
    opacity: 0.65;
    white-space: nowrap;
    flex-shrink: 0;
}

/* ── KPI strip ───────────────────────────────────────────────────────────── */
.cr-kpi-strip[b-ptf5mwhkzj] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
    padding: 0 18px 16px;
}

.cr-kpi[b-ptf5mwhkzj] {
    background: white;
    border-radius: 6px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.08);
    overflow: hidden;
}

.cr-kpi-label[b-ptf5mwhkzj] {
    background: #1a4b8c;
    color: white;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    padding: 5px 10px;
}

.cr-kpi-accent .cr-kpi-label[b-ptf5mwhkzj] {
    background: #00a896;
}

.cr-kpi-value[b-ptf5mwhkzj] {
    padding: 8px 10px 2px;
    font-size: 16px;
    font-weight: 700;
    color: #0a3d62;
    line-height: 1.1;
}

.cr-value-blue[b-ptf5mwhkzj] { color: #0d6efd; }

.cr-kpi-sub[b-ptf5mwhkzj] {
    padding: 0 10px 8px;
    font-size: 9px;
    color: #888;
    text-transform: uppercase;
}

/* ── Progress bar ────────────────────────────────────────────────────────── */
.cr-progress-section[b-ptf5mwhkzj] {
    padding: 0 18px 18px;
}

.cr-progress-track[b-ptf5mwhkzj] {
    background: #dde3ea;
    border-radius: 5px;
    height: 10px;
    overflow: hidden;
}

.cr-progress-fill[b-ptf5mwhkzj] {
    background: linear-gradient(90deg, #00a896, #11C683);
    height: 100%;
    border-radius: 5px;
    transition: width 0.5s ease;
}

.cr-progress-legend[b-ptf5mwhkzj] {
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
    font-size: 10px;
}

.cr-legend-called[b-ptf5mwhkzj]  { color: #00a896; font-weight: 600; }
.cr-legend-uncalled[b-ptf5mwhkzj] { color: #6c757d; }

/* ── Table container ─────────────────────────────────────────────────────── */
.cr-table-wrap[b-ptf5mwhkzj] {
    background: white;
    border: 1px solid #dde3ea;
    border-radius: 6px;
    overflow: hidden;
    margin: 0 18px 18px;
}

.cr-table-header[b-ptf5mwhkzj] {
    background: #1a4b8c;
    color: white;
    padding: 8px 14px;
    font-size: 11px;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cr-table-count[b-ptf5mwhkzj] {
    font-size: 10px;
    opacity: 0.75;
    font-weight: 400;
}

/* ── Table ───────────────────────────────────────────────────────────────── */
.cr-table[b-ptf5mwhkzj] {
    width: 100%;
    border-collapse: collapse;
    font-size: 11px;
}

.cr-table thead th[b-ptf5mwhkzj] {
    background: #f3f5f8;
    color: #555;
    font-weight: 600;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    padding: 7px 11px;
    border-bottom: 1px solid #dde3ea;
    white-space: nowrap;
}

.cr-th-right[b-ptf5mwhkzj] { text-align: right !important; }
.cr-th-center[b-ptf5mwhkzj] { text-align: center !important; }

.cr-table tbody tr[b-ptf5mwhkzj] {
    border-bottom: 1px solid #f0f2f5;
    transition: background 0.1s;
}

.cr-table tbody tr:last-child[b-ptf5mwhkzj] { border-bottom: none; }
.cr-table tbody tr:hover[b-ptf5mwhkzj] { background: #f7fafc; }

.cr-table td[b-ptf5mwhkzj] { padding: 6px 11px; vertical-align: middle; }

.cr-td-name[b-ptf5mwhkzj] { font-weight: 600; color: #0a3d62; }
.cr-td-date[b-ptf5mwhkzj] { color: #666; white-space: nowrap; }
.cr-td-num[b-ptf5mwhkzj]  { text-align: right; font-variant-numeric: tabular-nums; }
.cr-td-uncalled[b-ptf5mwhkzj] { color: #0d6efd; font-weight: 600; }
.cr-td-dpi[b-ptf5mwhkzj]  { color: #0a3d62; font-weight: 700; }

/* ── Mini progress bar (per row) ─────────────────────────────────────────── */
.cr-td-bar[b-ptf5mwhkzj] {
    white-space: nowrap;
    vertical-align: middle;
}

.cr-mini-track[b-ptf5mwhkzj] {
    display: inline-block;
    width: 72px;
    height: 6px;
    background: #e9ecef;
    border-radius: 3px;
    overflow: hidden;
    vertical-align: middle;
    margin-right: 5px;
}

.cr-mini-fill[b-ptf5mwhkzj] {
    height: 100%;
    background: #11C683;
    border-radius: 3px;
}

.cr-mini-pct[b-ptf5mwhkzj] {
    font-size: 10px;
    color: #666;
    vertical-align: middle;
}

/* ── Table footer ────────────────────────────────────────────────────────── */
.cr-table tfoot tr[b-ptf5mwhkzj] {
    background: #f3f5f8;
    border-top: 2px solid #dde3ea;
}

.cr-table tfoot td[b-ptf5mwhkzj] {
    padding: 7px 11px;
    font-size: 11px;
    color: #0a3d62;
}

/* ── Badges ──────────────────────────────────────────────────────────────── */
.cr-badge[b-ptf5mwhkzj] {
    display: inline-block;
    padding: 2px 7px;
    border-radius: 10px;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.cr-badge-teal[b-ptf5mwhkzj]  { background: #d0f5ed; color: #006c56; }
.cr-badge-navy[b-ptf5mwhkzj]  { background: #dde8f8; color: #0a3d62; }

/* ── Empty / loading ─────────────────────────────────────────────────────── */
.cr-empty[b-ptf5mwhkzj] {
    padding: 24px 18px;
    color: #888;
    font-style: italic;
}
/* /Components/Pages/Accounting/Funds/FundDashboard.razor.rz.scp.css */
.fd-dashboard[b-e7b3rmb3g7] {
    font-size: 12px;
    color: #333;
    overflow-y: auto;
    max-height: calc(90vh - 60px); /* 60px = modal header height */
    padding-right: 4px;            /* prevent scrollbar overlapping content */
}

/* ── Fund header ────────────────────────────────────────────────────── */

.fd-fund-header[b-e7b3rmb3g7] {
    display: flex;
    align-items: baseline;
    gap: 12px;
    padding: 10px 16px 12px;
    background: #0a3d62;
    color: white;
    border-radius: 6px 6px 0 0;
    margin-bottom: 16px;
}

.fd-fund-title[b-e7b3rmb3g7] {
    font-size: 15px;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
}

.fd-fund-meta[b-e7b3rmb3g7] {
    font-size: 11px;
    opacity: 0.85;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: center;
}

.fd-sep[b-e7b3rmb3g7] {
    opacity: 0.5;
}

.fd-as-of[b-e7b3rmb3g7] {
    font-size: 10px;
    opacity: 0.7;
    white-space: nowrap;
    flex-shrink: 0;
}

/* ── KPI Cards ──────────────────────────────────────────────────────── */

.fd-kpi-row[b-e7b3rmb3g7] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 10px;
    margin-bottom: 16px;
}

.fd-kpi-card[b-e7b3rmb3g7] {
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 1px 6px rgba(0,0,0,0.1);
    background: white;
}

.fd-kpi-label[b-e7b3rmb3g7] {
    background: #1a4b8c;
    color: white;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    padding: 5px 10px;
}

.fd-accent-teal .fd-kpi-label[b-e7b3rmb3g7] {
    background: #00a896;
}

.fd-kpi-value[b-e7b3rmb3g7] {
    padding: 8px 10px 2px;
    font-size: 17px;
    font-weight: 700;
    color: #0a3d62;
    line-height: 1.1;
}

.fd-kpi-sub[b-e7b3rmb3g7] {
    padding: 0 10px 8px;
    font-size: 9px;
    color: #888;
    text-transform: uppercase;
}

/* ── Stale price warning ────────────────────────────────────────────── */

.fd-stale-warning[b-e7b3rmb3g7] {
    background: #fff3cd;
    border: 1px solid #ffc107;
    border-radius: 4px;
    padding: 6px 12px;
    margin-bottom: 12px;
    font-size: 11px;
    color: #856404;
}

/* ── Economics strip (closed-end) ───────────────────────────────────── */

.fd-econ-strip[b-e7b3rmb3g7] {
    display: flex;
    gap: 0;
    margin-bottom: 16px;
    border: 1px solid #dde3ea;
    border-radius: 6px;
    overflow: hidden;
    background: #f8f9fb;
}

.fd-econ-item[b-e7b3rmb3g7] {
    flex: 1;
    padding: 8px 14px;
    border-right: 1px solid #dde3ea;
    text-align: center;
}

.fd-econ-item:last-child[b-e7b3rmb3g7] {
    border-right: none;
}

.fd-econ-label[b-e7b3rmb3g7] {
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #666;
    margin-bottom: 3px;
}

.fd-econ-value[b-e7b3rmb3g7] {
    font-size: 14px;
    font-weight: 700;
    color: #0a3d62;
}

/* ── Content row (two-column panels) ───────────────────────────────── */

.fd-content-row[b-e7b3rmb3g7] {
    display: flex;
    gap: 14px;
    align-items: flex-start;
}

.fd-panel[b-e7b3rmb3g7] {
    background: white;
    border: 1px solid #dde3ea;
    border-radius: 6px;
    overflow: hidden;
}

.fd-panel-wide[b-e7b3rmb3g7] {
    flex: 2;
}

.fd-panel-narrow[b-e7b3rmb3g7] {
    flex: 1;
}

.fd-panel-header[b-e7b3rmb3g7] {
    background: #1a4b8c;
    color: white;
    padding: 7px 12px;
    font-size: 11px;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.fd-panel-count[b-e7b3rmb3g7] {
    font-size: 10px;
    opacity: 0.8;
    font-weight: 400;
}

.fd-empty[b-e7b3rmb3g7] {
    padding: 16px 12px;
    color: #888;
    font-style: italic;
}

/* ── Tables ─────────────────────────────────────────────────────────── */

.fd-table[b-e7b3rmb3g7] {
    width: 100%;
    border-collapse: collapse;
    font-size: 11px;
}

.fd-table thead th[b-e7b3rmb3g7] {
    background: #f3f5f8;
    color: #444;
    font-weight: 600;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    padding: 6px 10px;
    border-bottom: 1px solid #dde3ea;
    white-space: nowrap;
}

.fd-table tbody tr[b-e7b3rmb3g7] {
    border-bottom: 1px solid #f0f0f0;
}

.fd-table tbody tr:last-child[b-e7b3rmb3g7] {
    border-bottom: none;
}

.fd-table tbody tr:hover[b-e7b3rmb3g7] {
    background: #f7fafc;
}

.fd-table td[b-e7b3rmb3g7] {
    padding: 5px 10px;
    vertical-align: middle;
}

.fd-row-stale td[b-e7b3rmb3g7] {
    background: #fffbf0;
    color: #7a5c00;
}

.fd-row-exited td[b-e7b3rmb3g7] {
    color: #888;
}

.fd-bold[b-e7b3rmb3g7] {
    font-weight: 600;
    color: #0a3d62;
}

.fd-mono[b-e7b3rmb3g7] {
    font-family: monospace;
    font-size: 10px;
}

.fd-table-footer[b-e7b3rmb3g7] {
    padding: 5px 10px;
    font-size: 10px;
    color: #888;
    border-top: 1px solid #f0f0f0;
}

.fd-accrual-total[b-e7b3rmb3g7] {
    padding: 7px 10px;
    font-size: 11px;
    text-align: right;
    border-top: 1px solid #dde3ea;
    background: #f8f9fb;
    color: #555;
}

/* ── Badges ─────────────────────────────────────────────────────────── */

.fd-badge[b-e7b3rmb3g7] {
    display: inline-block;
    padding: 2px 6px;
    border-radius: 10px;
    font-size: 9px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.fd-badge-green[b-e7b3rmb3g7] {
    background: #d4edda;
    color: #155724;
}

.fd-badge-grey[b-e7b3rmb3g7] {
    background: #e9ecef;
    color: #666;
}

.fd-badge-red[b-e7b3rmb3g7] {
    background: #f8d7da;
    color: #721c24;
}

/* ── Full-width panel ───────────────────────────────────────────────── */

.fd-panel-full[b-e7b3rmb3g7] {
    width: 100%;
}

.mb-3[b-e7b3rmb3g7] {
    margin-bottom: 12px;
}

/* ── Table footer totals ────────────────────────────────────────────── */

.fd-table tfoot td[b-e7b3rmb3g7] {
    padding: 6px 10px;
    border-top: 2px solid #dde3ea;
    background: #f3f5f8;
    font-size: 11px;
}

.fd-table-total td[b-e7b3rmb3g7] {
    font-weight: 600;
    color: #0a3d62;
}

/* ── Credit rows (liabilities in NAV composition) ───────────────────── */

.fd-row-credit td[b-e7b3rmb3g7] {
    background: #fff8f8;
    color: #5a2020;
}

/* ── Gain / loss colouring ──────────────────────────────────────────── */

.fd-positive[b-e7b3rmb3g7] {
    color: #155724;
}

.fd-negative[b-e7b3rmb3g7] {
    color: #721c24;
}

/* ── Clickable KPI cards ────────────────────────────────────────────── */

.fd-kpi-clickable[b-e7b3rmb3g7] {
    cursor: pointer;
    transition: box-shadow 0.15s, transform 0.1s;
}

.fd-kpi-clickable:hover[b-e7b3rmb3g7] {
    box-shadow: 0 3px 10px rgba(0,0,0,0.18);
    transform: translateY(-1px);
}

.fd-kpi-active[b-e7b3rmb3g7] {
    box-shadow: 0 3px 12px rgba(26,75,140,0.3);
    outline: 2px solid #1a4b8c;
    outline-offset: -2px;
}

.fd-kpi-active .fd-kpi-label[b-e7b3rmb3g7] {
    background: #0a3d62;
}

.fd-kpi-active.fd-accent-teal .fd-kpi-label[b-e7b3rmb3g7] {
    background: #007a6e;
}

/* ── KPI expansion panel ────────────────────────────────────────────── */

.fd-kpi-expansion[b-e7b3rmb3g7] {
    background: #f8f9fb;
    border: 1px solid #c8d4e3;
    border-radius: 6px;
    padding: 14px 16px;
    margin-bottom: 16px;
    animation: fd-expand 0.15s ease-out;
}

@@keyframes fd-expand {
    from[b-e7b3rmb3g7] { opacity: 0; transform: translateY(-4px); }
    to[b-e7b3rmb3g7]   { opacity: 1; transform: translateY(0); }
}

.fd-expansion-title[b-e7b3rmb3g7] {
    font-size: 11px;
    font-weight: 700;
    color: #0a3d62;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.fd-expansion-close[b-e7b3rmb3g7] {
    cursor: pointer;
    color: #888;
    font-size: 14px;
    line-height: 1;
    padding: 0 2px;
}

.fd-expansion-close:hover[b-e7b3rmb3g7] {
    color: #333;
}

.fd-expansion-grid[b-e7b3rmb3g7] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    gap: 8px;
    margin-bottom: 10px;
}

.fd-expansion-metric[b-e7b3rmb3g7] {
    background: white;
    border: 1px solid #dde3ea;
    border-radius: 4px;
    padding: 8px 10px;
}

.fd-expansion-metric-label[b-e7b3rmb3g7] {
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: #888;
    margin-bottom: 3px;
}

.fd-expansion-metric-value[b-e7b3rmb3g7] {
    font-size: 14px;
    font-weight: 700;
    color: #0a3d62;
}

.fd-expansion-note[b-e7b3rmb3g7] {
    font-size: 10px;
    color: #666;
    font-style: italic;
    margin-top: 6px;
}

.fd-expansion-sep[b-e7b3rmb3g7] {
    border: none;
    border-top: 1px solid #dde3ea;
    margin: 10px 0;
}

/* ── Open-end performance panel — calendar year strip ───────────────── */

.fd-perf-years[b-e7b3rmb3g7] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 8px 16px 12px;
}

.fd-perf-years-label[b-e7b3rmb3g7] {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #6c757d;
    margin-bottom: 4px;
}

.fd-perf-year-row[b-e7b3rmb3g7] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.fd-perf-year-cell[b-e7b3rmb3g7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #f4f6f9;
    border-radius: 5px;
    padding: 4px 10px;
    min-width: 58px;
}

.fd-perf-year-heading[b-e7b3rmb3g7] {
    font-size: 10px;
    color: #6c757d;
    font-weight: 600;
}

.fd-perf-year-val[b-e7b3rmb3g7] {
    font-size: 13px;
    font-weight: 700;
}

.fd-perf-year-bench[b-e7b3rmb3g7] {
    font-size: 10px;
    color: #6c757d;
}

/* ── Closed-end performance attribution — IRR vs Hurdle strip ────────── */

.fd-perf-hurdle-strip[b-e7b3rmb3g7] {
    display: flex;
    align-items: center;
    gap: 0;
    padding: 10px 16px;
    border-bottom: 1px solid #e8edf3;
}

.fd-perf-hurdle-stat[b-e7b3rmb3g7] {
    display: flex;
    flex-direction: column;
    padding: 4px 16px 4px 0;
    margin-right: 16px;
    border-right: 1px solid #dde3ea;
}

.fd-perf-hurdle-stat:last-of-type[b-e7b3rmb3g7] {
    border-right: none;
}

.fd-perf-hurdle-above .fd-perf-hurdle-val[b-e7b3rmb3g7],
.fd-perf-hurdle-above .fd-perf-hurdle-label[b-e7b3rmb3g7] {
    /* no override needed — default colours fine for above-hurdle */
}

.fd-perf-hurdle-below .fd-perf-hurdle-val[b-e7b3rmb3g7] {
    color: #721c24;
}

.fd-perf-hurdle-label[b-e7b3rmb3g7] {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #6c757d;
}

.fd-perf-hurdle-val[b-e7b3rmb3g7] {
    font-size: 16px;
    font-weight: 700;
    color: #0a3d62;
}

.fd-perf-hurdle-badge[b-e7b3rmb3g7] {
    margin-left: auto;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
}

.fd-perf-hurdle-badge-above[b-e7b3rmb3g7] {
    background: #d4edda;
    color: #155724;
}

.fd-perf-hurdle-badge-below[b-e7b3rmb3g7] {
    background: #f8d7da;
    color: #721c24;
}

/* ── NAV chart container ─────────────────────────────────────────────── */

.fd-chart-wrap[b-e7b3rmb3g7] {
    padding: 8px 12px 12px;
    overflow-x: auto;
}

.fd-chart-wrap svg[b-e7b3rmb3g7] {
    display: block;
    width: 100%;
    max-width: 640px;
    height: auto;
    margin: 0 auto;
}

/* ── Quick-action bar ───────────────────────────────────────────────── */

.fd-action-bar[b-e7b3rmb3g7] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 14px;
}

.fd-action-bar .btn[b-e7b3rmb3g7] {
    font-size: 11px;
    padding: 3px 10px;
    border-radius: 4px;
    white-space: nowrap;
}

.fd-action-alert[b-e7b3rmb3g7] {
    border-color: #e6a817 !important;
    color: #7a5c00 !important;
    background: #fffbf0 !important;
}

.fd-action-alert:hover[b-e7b3rmb3g7] {
    background: #fff3cd !important;
}
/* /Components/Pages/Accounting/Funds/Funds.razor.rz.scp.css */
.funds-tab-grid[b-5i0h5w5nti] {
    height: 600px;
}
/* /Components/Pages/Accounting/Funds/InvestmentReconciliation.razor.rz.scp.css */
.invrecon-summary-bar[b-d299eql9e9] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding: 12px 16px;
    background: #f5f7fa;
    border-bottom: 1px solid #dce1e9;
}

.invrecon-summary-card[b-d299eql9e9] {
    display: flex;
    flex-direction: column;
    padding: 10px 18px;
    border-radius: 6px;
    min-width: 150px;
    color: #fff;
}

.invrecon-asset[b-d299eql9e9] {
    background: #1a4b8c;
}

.invrecon-liability[b-d299eql9e9] {
    background: #c0392b;
}

.invrecon-nav[b-d299eql9e9] {
    background: #11C683;
}

.invrecon-sync-ok[b-d299eql9e9] {
    background: #5a6a7e;
}

.invrecon-warn[b-d299eql9e9] {
    background: #e67e22;
}

.invrecon-summary-label[b-d299eql9e9] {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    opacity: 0.85;
    margin-bottom: 4px;
}

.invrecon-summary-value[b-d299eql9e9] {
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
}

.invrecon-summary-sub[b-d299eql9e9] {
    font-size: 10px;
    margin-top: 5px;
    opacity: 0.9;
}

.invrecon-empty[b-d299eql9e9] {
    padding: 60px 40px;
    text-align: center;
    color: #8a95a0;
    font-size: 14px;
}
/* /Components/Pages/Accounting/Funds/NavManagement.razor.rz.scp.css */
/* NAV Ledger panel — scoped to NavManagement (LG+CL 15.06.26) */

.nav-ledger-panel[b-iurg0wjw5y] {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 8px 12px;
    background: #fafbfc;
    overflow: hidden;
}

.nav-ledger-header[b-iurg0wjw5y] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    padding-bottom: 6px;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 6px;
}

.nav-ledger-title[b-iurg0wjw5y] {
    font-weight: 700;
    font-size: 13px;
    color: #1a4b8c;
    display: flex;
    align-items: center;
    gap: 6px;
}

.nav-ledger-badge[b-iurg0wjw5y] {
    font-size: 10px;
    font-weight: 700;
    padding: 1px 6px;
    border-radius: 3px;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.badge-estimate[b-iurg0wjw5y] {
    background: #fff3cd;
    color: #856404;
    border: 1px solid #ffc107;
}

.nav-ledger-summary[b-iurg0wjw5y] {
    font-size: 12px;
    color: #555;
}

.nav-ledger-table-wrap[b-iurg0wjw5y] {
    flex: 1;
    overflow-y: auto;
}

.nav-ledger-table[b-iurg0wjw5y] {
    width: 100%;
    font-size: 12px;
    border-collapse: collapse;
}

.nav-ledger-table th[b-iurg0wjw5y] {
    position: sticky;
    top: 0;
    background: #f0f5ff;
    font-weight: 600;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .3px;
    color: #1a4b8c;
    padding: 4px 8px;
    border-bottom: 2px solid #b0c4de;
    white-space: nowrap;
}

.nav-ledger-table td[b-iurg0wjw5y] {
    padding: 3px 8px;
    border-bottom: 1px solid #eee;
    white-space: nowrap;
}

.nav-ledger-table tbody tr:hover[b-iurg0wjw5y] {
    background: #e8f0fe;
}

[b-iurg0wjw5y] .ledger-liability td {
    color: #c0392b;
}
/* /Components/Pages/Accounting/Funds/OpenFundHoldings.razor.rz.scp.css */
.ofh-nav-strip[b-i8isos5wa8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 24px;
    padding: 8px 16px;
    background: #f0f4f8;
    border-top: 1px solid #d0dae4;
    border-bottom: 1px solid #d0dae4;
    font-size: 13px;
    color: #1a4b8c;
}

.ofh-nav-strip--stale[b-i8isos5wa8] {
    background: #fff8e1;
    border-color: #ffe082;
}

.ofh-nav-item[b-i8isos5wa8] {
    display: flex;
    flex-direction: column;
    line-height: 1.3;
}

.ofh-nav-label[b-i8isos5wa8] {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #7a8fa6;
}

.ofh-nav-total[b-i8isos5wa8] {
    font-weight: 700;
    font-size: 14px;
    color: #11744a;
}

.ofh-nav-warning[b-i8isos5wa8] {
    color: #b45309;
    font-weight: 600;
    font-size: 12px;
    margin-left: auto;
}
/* /Components/Pages/Accounting/Funds/PortfolioImportBatchEditor.razor.rz.scp.css */
.batch-import-grid-wrap[b-09uges0ovo] {
    height: 420px;
}

.batch-errors-grid-wrap[b-09uges0ovo] {
    height: 420px;
}
/* /Components/Pages/Accounting/GeneralLedger/BankReconciliation.razor.rz.scp.css */
.reconciliation-main[b-kltnakt59a] {
    gap: 4px;
}
/* /Components/Pages/Accounting/GeneralLedger/SalesTaxReturnReconciliation.razor.rz.scp.css */
.reconciliation-main[b-n63ea6vx48] {
    gap: 4px;
}
/* /Components/Pages/Accounting/PurchaseLedger/InvoiceRecoverWiPLineEditor.razor.rz.scp.css */
.recover-validation-state[b-eq1to15v07] {
    color: red;
}

.recover-date-notice[b-eq1to15v07] {
    margin: 0 0 8px 0;
    padding: 8px 12px;
    background: #fff8e1;
    border-left: 4px solid #f0ad4e;
    color: #5c4400;
    font-size: 0.9em;
    border-radius: 4px;
}

.recover-summary-line[b-eq1to15v07] {
    padding: 6px 10px;
    background: #f5f5f5;
    border-radius: 3px;
    font-family: monospace;
    color: #555;
}
/* /Components/Pages/Accounting/PurchaseLedger/SuppliersEditor.razor.rz.scp.css */
.security-list-wrap[b-6tn5w11ai8] {
    height: 420px;
}

.tax-grid-wrap[b-6tn5w11ai8] {
    height: 420px;
}
/* /Components/Pages/Accounting/SalesLedger/CustomersEditor.razor.rz.scp.css */
.security-list-wrap[b-v2h9u5f1g5] {
    height: 420px;
}

.tax-grid-wrap[b-v2h9u5f1g5] {
    height: 420px;
}

.MyTab[b-v2h9u5f1g5] {
	height: calc(100% - 75px) !important;
}
/* /Components/Pages/Accounting/SalesLedger/FISCQueueCasePicker.razor.rz.scp.css */
/* FISCQueueCasePicker scoped styles. Single-purpose modal: list of open
   Fiscalisation cases with a Queue button on each row. */

.rs-iqp[b-s7tw0v4b26] { padding: 4px 0; font-size: 13px; color: #1a1a2e; }

.rs-iqp__header[b-s7tw0v4b26] {
    margin-bottom: 12px; padding-bottom: 8px;
    border-bottom: 1px solid #e4e8ed;
    color: #0a3d62; font-size: 14px;
}

.rs-iqp__empty[b-s7tw0v4b26] { font-size: 12px; color: #6b7280; font-style: italic; }

.rs-iqp__list[b-s7tw0v4b26]  { list-style: none; margin: 0; padding: 0; }

.rs-iqp__item[b-s7tw0v4b26] {
    display: flex; align-items: center; gap: 12px;
    padding: 10px 12px; border-bottom: 1px solid #e4e8ed;
}

.rs-iqp__item:last-child[b-s7tw0v4b26] { border-bottom: none; }

.rs-iqp__main[b-s7tw0v4b26]  { flex: 1 1 auto; min-width: 0; }
.rs-iqp__title[b-s7tw0v4b26] { font-weight: 600; color: #0a3d62; }
.rs-iqp__meta[b-s7tw0v4b26]  { font-size: 11px; color: #6b7280; margin-top: 2px; }
/* /Components/Pages/Accounting/SalesLedger/Profiles/CustomerProfileEditor.razor.rz.scp.css */
.profile-grid-wrap[b-vjwlr8qui0] {
    height: 420px;
}

.history-grid-wrap[b-vjwlr8qui0] {
    height: 420px;
}

/* Bridge the popup flex chain through the DevExpress tab content. The chain
   (.dxbl-popup-body → .razorpage.in-popup → .my-tab → .dxbl-tabs-content-panel)
   dead-ends at .dxbl-tabs-content, which is a plain block — so the EditForm's
   .editform-layout flex:1 never resolves, the grid collapses to content height
   and the Save footer isn't pinned. Scoped to this editor via the extra class. */
.profile-editor-tabs .dxbl-tabs-content[b-vjwlr8qui0] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}
/* /Components/Pages/Accounting/SalesLedger/Receipts.razor.rz.scp.css */
.fillscreen2[b-trdx8sh2ko] {
    height: calc(100% - 25px);
}
/* /Components/Pages/Accounting/WiP/ALLtimeCalendar.razor.rz.scp.css */
.customScheduler[b-47jk51rqfv] {
	height: calc(100% - 23px) !important;
	background-color: white;
}

	/* 		.customScheduler .dxbl-sc-time-cell {
			height: 250px !important;
		} */

	.customScheduler .dxbl-sc-timeline[b-47jk51rqfv] {
		height: 100% !important;
	}

		.customScheduler .dxbl-sc-timeline .dxbl-sc-timecells-container[b-47jk51rqfv] {
			height: 100% !important;
		}

dxbl-horizontal-view[b-47jk51rqfv] {
	height: 100% !important;
	display: flex;
}

	dxbl-horizontal-view tr:nth-child(2)[b-47jk51rqfv] {
		height: 100% !important;
	}

.indentCell[b-47jk51rqfv] {
	flex: 0 0 85px;
}

@media (max-width: 560px) {
	.indentCell[b-47jk51rqfv] {
		flex: 0 0 32px;
	}
}

.weekSummaryContainer[b-47jk51rqfv] {
	display: flex;
	flex: 1;
	overflow: auto;
	scrollbar-width: none;
}

.weekSummaryRow[b-47jk51rqfv] {
	display: flex;
}
/* /Components/Pages/Assets/EditInvestment.razor.rz.scp.css */
.investment-save-footer[b-ws8y742est] {
    position: sticky;
    bottom: 0;
    z-index: 10;
    background: white;
    border-top: 1px solid #dee2e6;
    box-shadow: 0 -2px 6px rgba(0,0,0,.08);
    padding: 8px 12px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.charges-grid-wrap[b-ws8y742est] {
    height: 420px;
}

.schedule-grid-wrap[b-ws8y742est] {
    height: 420px;
}

.selection-grid-wrap[b-ws8y742est] {
    height: 420px;
}

.details-grid-wrap[b-ws8y742est] {
    height: 420px;
}
/* /Components/Pages/Assets/EditOther.razor.rz.scp.css */
.divgrid[b-5602pqy27l] {
	height: calc(100% - 100px);
	width: 99%;
	display: flex;
	flex-direction: column;
}

.valuations-grid-wrap[b-5602pqy27l] {
	height: 420px;
}

.documents-grid-wrap[b-5602pqy27l] {
	height: 420px;
}
/* /Components/Pages/Assets/EditVal.razor.rz.scp.css */
.edit-val-notes[b-4mw0mrrpoo] {
    font-size: 12px;
}
/* /Components/Pages/Assets/TermLoansEdit.razor.rz.scp.css */
.rate-history-grid-wrap[b-97ja7rmtxb] {
    height: 420px;
}

.schedule-grid-wrap[b-97ja7rmtxb] {
    height: 420px;
}

.accounts-grid-wrap[b-97ja7rmtxb] {
    height: 260px;
}

.amendments-grid-wrap[b-97ja7rmtxb] {
    height: 420px;
}

.fees-grid-wrap[b-97ja7rmtxb] {
    height: 420px;
}

.covenants-grid-wrap[b-97ja7rmtxb] {
    height: 300px;
}

.covenant-tests-grid-wrap[b-97ja7rmtxb] {
    height: 300px;
}

.reporting-grid-wrap[b-97ja7rmtxb] {
    height: 300px;
}

.reporting-receipts-grid-wrap[b-97ja7rmtxb] {
    height: 280px;
}
/* /Components/Pages/Assets/TermLoansSyncEdit.razor.rz.scp.css */
.term-loans-sync-grid-wrap[b-7ihftop9fh] {
    height: 280px;
}
/* /Components/Pages/Compliance/SAR/SARNoAccess.razor.rz.scp.css */
.sar-no-access[b-8ytzifsk5z] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 60px 20px;
    color: #4a5568;
    text-align: center;
}

.sar-no-access__icon[b-8ytzifsk5z] { color: #94a3b8; }

.sar-no-access__title[b-8ytzifsk5z] {
    margin: 4px 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: #0a3d62;
}

.sar-no-access__body[b-8ytzifsk5z] {
    margin: 0;
    font-size: 13px;
    max-width: 480px;
}

.sar-no-access__link[b-8ytzifsk5z] {
    font-size: 13px;
    color: #0d9488;
    text-decoration: none;
    margin-top: 8px;
}

.sar-no-access__link:hover[b-8ytzifsk5z] { text-decoration: underline; }
/* /Components/Pages/Dispatch/Dispatch.razor.rz.scp.css */
.dsp-page[b-kc41wm1adc] {
    background: #f5f7fa;
    min-height: 100%;
}

/* KPI stats row */
.dsp-stats-row[b-kc41wm1adc] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 12px;
    margin-bottom: 18px;
}

.dsp-stat-card[b-kc41wm1adc] {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 12px 16px;
}

.dsp-stat-card--link[b-kc41wm1adc] {
    cursor: pointer;
    transition: border-color .15s, box-shadow .15s;
}

.dsp-stat-card--link:hover[b-kc41wm1adc] {
    border-color: #11c683;
    box-shadow: 0 0 0 2px rgba(17, 198, 131, .15);
}

.dsp-stat-card--active[b-kc41wm1adc] {
    border-color: #11c683;
    background: #f0fdf9;
}

.dsp-stat-val[b-kc41wm1adc] {
    font-size: 22px;
    font-weight: 700;
    color: #1e3a5f;
    line-height: 1.1;
}

.dsp-stat-val--red[b-kc41wm1adc]    { color: #dc2626; }
.dsp-stat-val--amber[b-kc41wm1adc]  { color: #d97706; }
.dsp-stat-val--teal[b-kc41wm1adc]   { color: #00a896; }
.dsp-stat-val--purple[b-kc41wm1adc] { color: #6d28d9; }

.dsp-stat-lbl[b-kc41wm1adc] {
    font-size: 10px;
    color: #94a3b8;
    font-weight: 500;
    margin-top: 3px;
    text-transform: uppercase;
    letter-spacing: .04em;
}

/* Card container */
.dsp-card[b-kc41wm1adc] {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 16px;
}

.dsp-card-header[b-kc41wm1adc] {
    padding: 12px 16px;
    border-bottom: 1px solid #f1f5f9;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dsp-card-title[b-kc41wm1adc] {
    font-size: 12px;
    font-weight: 700;
    color: #1e3a5f;
    display: flex;
    align-items: center;
    gap: 7px;
}

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

/* Active stat filter chip shown in card title area */
.dsp-filter-chip[b-kc41wm1adc] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: #f0fdf9;
    border: 1px solid #11c683;
    color: #065f46;
    font-size: 11px;
    font-weight: 600;
    padding: 2px 9px;
    border-radius: 10px;
    cursor: pointer;
    user-select: none;
}

.dsp-filter-chip:hover[b-kc41wm1adc] { background: #d1fae5; }

/* New Request button — teal primary */
[b-kc41wm1adc] .dsp-btn-new.dxbl-btn {
    background: #00d9c5;
    color: #fff;
    border-color: #00d9c5;
    font-weight: 600;
}

[b-kc41wm1adc] .dsp-btn-new.dxbl-btn:hover {
    background: #00c4b2;
    border-color: #00c4b2;
}

/* Row action buttons */
.dsp-row-btn[b-kc41wm1adc] { margin-right: 4px; }

/* Badge classes (source, status, overdue) live in wwwroot/css/dispatch.css —
   CellCssClassFunc spans are owned by MyDxGrid so scoped CSS can't reach them. */
/* /Components/Pages/Documents/Controls/DocumentPreview.razor.rz.scp.css */
.lf-dp-root[b-au1ba0pqbs] {
    display: flex;
    flex-direction: column;
    height: 100%;
    outline: none;
}

.lf-dp-msg[b-au1ba0pqbs] {
    padding: 16px;
    color: #4a5568;
    font-size: 13px;
}

.lf-dp-generating[b-au1ba0pqbs] {
    padding: 16px;
    color: #4a5568;
    font-size: 13px;
    font-style: italic;
}

.lf-dp-fallback[b-au1ba0pqbs] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    gap: 8px;
    padding: 24px;
    text-align: center;
}

.lf-dp-fallback-icon[b-au1ba0pqbs] {
    font-size: 48px;
    font-weight: 700;
    color: #a0aec0;
    letter-spacing: 1px;
}

.lf-dp-toolbar[b-au1ba0pqbs] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    border-bottom: 1px solid #e2e8f0;
    flex-shrink: 0;
}

.lf-dp-zoom-btn[b-au1ba0pqbs] {
    width: 28px;
    height: 28px;
    border: 1px solid #cbd5e0;
    border-radius: 4px;
    background: #fff;
    cursor: pointer;
    font-size: 16px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lf-dp-zoom-btn:hover[b-au1ba0pqbs] {
    background: #f7fafc;
}

.lf-dp-zoom-label[b-au1ba0pqbs] {
    font-size: 12px;
    color: #4a5568;
    min-width: 36px;
    text-align: center;
}

.lf-dp-loading-pages[b-au1ba0pqbs] {
    font-size: 12px;
    color: #718096;
    margin-left: 8px;
    font-style: italic;
}

.lf-dp-carousel-wrap[b-au1ba0pqbs] {
    flex: 1;
    overflow: hidden;
    transform-origin: top center;
    transition: transform 0.15s ease;
}

.lf-dp-page-nav[b-au1ba0pqbs] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 6px 8px;
    border-top: 1px solid #e2e8f0;
    flex-shrink: 0;
}

.lf-dp-nav-btn[b-au1ba0pqbs] {
    width: 28px;
    height: 28px;
    border: 1px solid #cbd5e0;
    border-radius: 4px;
    background: #fff;
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
}

.lf-dp-nav-btn:disabled[b-au1ba0pqbs] {
    opacity: 0.4;
    cursor: default;
}

.lf-dp-nav-btn:hover:not(:disabled)[b-au1ba0pqbs] {
    background: #f7fafc;
}

.lf-dp-page-input[b-au1ba0pqbs] {
    width: 48px;
    text-align: center;
    border: 1px solid #cbd5e0;
    border-radius: 4px;
    padding: 2px 4px;
    font-size: 13px;
}

.lf-dp-page-total[b-au1ba0pqbs] {
    font-size: 13px;
    color: #4a5568;
}
/* /Components/Pages/Documents/Controls/DocumentSelectorGrid.razor.rz.scp.css */
/* LF-07 (LW+CL:02/06/26): moved off an inline <style> block (leaked globally) into
   CSS isolation. ::deep reaches the DevExpress grid root (CssClass="templateGrid"),
   scoped by the .doc-selector-grid-host wrapper which carries the isolation attribute. */
[b-pclc80mq7i] .templateGrid {
    border-width: 0;
    width: 700px;
    height: 150px;
}
/* /Components/Pages/Documents/DocumentEditor.razor.rz.scp.css */
[b-14ahh1aebl] .my-style {
    color: red !important;
}

.permissions-grid-wrap[b-14ahh1aebl] {
    height: 420px;
}
/* /Components/Pages/Documents/DocumentsViewer.razor.rz.scp.css */
/* LiveFile / DocumentsViewer — UX-1 shell
   Scoped via Blazor CSS isolation. Selectors are intentionally simple — the
   .lf-* class names won't leak. Palette mirrors the baseline POC. */

/* Search bar — compact toolbar style */
.lf-search-form[b-ya5cd7gjqk] {
    display: block;
}

.lf-search-bar[b-ya5cd7gjqk] {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 12px 16px;
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.lf-search-label[b-ya5cd7gjqk] {
    font-size: 11px;
    font-weight: 600;
    color: #4a5568;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.lf-search-entity[b-ya5cd7gjqk] {
    min-width: 200px;
    flex: 0 1 240px;
}

.lf-search-text[b-ya5cd7gjqk] {
    flex: 1 1 240px;
    min-width: 220px;
}

/* Advanced search — collapsible panel below the search bar */
.lf-adv-search[b-ya5cd7gjqk] {
    background: #f7f9fc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 14px 18px;
    margin-bottom: 14px;
}

/* KPI strip — 6 cards in a responsive grid */
.lf-kpi-strip[b-ya5cd7gjqk] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 12px;
    margin-bottom: 14px;
}

.lf-kpi-card[b-ya5cd7gjqk] {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 12px 14px;
    position: relative;
    overflow: hidden;
}

.lf-kpi-card[b-ya5cd7gjqk]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
}

.lf-kpi-navy[b-ya5cd7gjqk]::before  { background: #0a3d62; }
.lf-kpi-green[b-ya5cd7gjqk]::before { background: #1a8a3a; }
.lf-kpi-amber[b-ya5cd7gjqk]::before { background: #c97c00; }
.lf-kpi-blue[b-ya5cd7gjqk]::before  { background: #1a6fd4; }
.lf-kpi-teal[b-ya5cd7gjqk]::before  { background: #00a896; }
.lf-kpi-red[b-ya5cd7gjqk]::before   { background: #d93025; }

.lf-kpi-label[b-ya5cd7gjqk] {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 600;
    color: #94a3b8;
    letter-spacing: 0.5px;
    margin-bottom: 4px;
}

.lf-kpi-value[b-ya5cd7gjqk] {
    font-size: 22px;
    font-weight: 800;
    color: #1a1d2e;
    line-height: 1.1;
}

.lf-kpi-sub[b-ya5cd7gjqk] {
    font-size: 10px;
    color: #94a3b8;
    margin-top: 3px;
}

/* View toggle (Grid / Explorer / Dashboard) — segmented control at the end
   of the search bar. Connected segments share a single border (overflow:hidden
   so the corners clip), separated by an internal right-border. Active segment
   uses RenderStyle.Primary (blue); inactive uses Secondary (light grey). */
/* Right-aligned action cluster — keeps My Checked-Out + the view toggles grouped
   together, so the toolbar reads identically with or without the entity/search
   controls (full /documents screen vs. embedded "My Documents" modal). */
.lf-toolbar-actions[b-ya5cd7gjqk] {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 12px;
}

.lf-view-toggle[b-ya5cd7gjqk] {
    display: inline-flex;
    gap: 0;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    overflow: hidden;
    height: fit-content;
}

.lf-view-toggle[b-ya5cd7gjqk]  .dxbl-btn {
    border: none;
    border-radius: 0;
    padding: 5px 12px;
    font-size: 11px;
    font-weight: 600;
    box-shadow: none;
}

.lf-view-toggle[b-ya5cd7gjqk]  .dxbl-btn:not(:last-child) {
    border-right: 1px solid #e2e8f0;
}

/* Inactive (RenderStyle.Secondary) — flat light background */
.lf-view-toggle[b-ya5cd7gjqk]  .dxbl-btn.dxbl-btn-secondary {
    background: #f7f9fc;
    color: #4a5568;
}

.lf-view-toggle[b-ya5cd7gjqk]  .dxbl-btn.dxbl-btn-secondary:hover {
    background: #e2e8f0;
    color: #1a1d2e;
}

/* Active (RenderStyle.Primary) — POC blue */
.lf-view-toggle[b-ya5cd7gjqk]  .dxbl-btn.dxbl-btn-primary {
    background: #1a6fd4;
    color: #fff;
}

.lf-view-toggle[b-ya5cd7gjqk]  .dxbl-btn.dxbl-btn-primary:hover {
    background: #1560b8;
    color: #fff;
}

/* Tree pane — left-rail navigator for Explorer view.
   Lives inside a MyDxSplitterPane (which gives the draggable resize handle and
   handles its own width via the pane's Size parameter). This div just fills its
   slot and lays out the header + scrollable body. */
.lf-tree-pane[b-ya5cd7gjqk] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    background: #fff;
    overflow: hidden;
}

.lf-tree-header[b-ya5cd7gjqk] {
    padding: 10px 12px;
    border-bottom: 1px solid #e2e8f0;
    background: #f7f9fc;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.lf-tree-title[b-ya5cd7gjqk] {
    font-size: 12px;
    font-weight: 700;
    color: #1a1d2e;
    flex-shrink: 0;
}

.lf-tree-header-select[b-ya5cd7gjqk] {
    flex: 1;
    min-width: 0;
}

.lf-tree-body[b-ya5cd7gjqk] {
    flex: 1;
    overflow-y: auto;
    padding: 0;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

/* Sticky "All" row above the DxTreeView — always visible, clears the filter. */
.lf-tree-all[b-ya5cd7gjqk] {
    display: flex;
    align-items: center;
    padding: 5px 10px;
    cursor: pointer;
    color: #4a5568;
    font-size: 12px;
    border-left: 3px solid transparent;
    border-bottom: 1px solid #f0f4f8;
    transition: background .1s;
    user-select: none;
    flex-shrink: 0;
}

.lf-tree-all:hover[b-ya5cd7gjqk] {
    background: rgba(10, 61, 98, 0.06);
}

.lf-tree-all-selected[b-ya5cd7gjqk] {
    background: rgba(26, 111, 212, 0.08);
    border-left-color: #1a6fd4;
    color: #1a1d2e;
    font-weight: 600;
}

.lf-tree-all-selected .lf-tv-count[b-ya5cd7gjqk] {
    background: rgba(26, 111, 212, 0.12);
    color: #1a6fd4;
}

/* DxTreeView styling — mirror the POC look (compact rows, count pill on right,
   blue left-border on selected node, navy-tinted hover). We use ::deep to reach
   into DevExpress's internal markup since this is a scoped .razor.css. */
.lf-tree-body[b-ya5cd7gjqk]  .lf-tree-view {
    height: 100%;
    background: transparent;
    border: none;
    font-size: 12px;
}

/* Filter panel at the top of the tree */
.lf-tree-body[b-ya5cd7gjqk]  .lf-tree-view .dxbl-treeview-filter {
    padding: 8px 12px;
    border-bottom: 1px solid #e2e8f0;
    background: #fff;
}

.lf-tree-body[b-ya5cd7gjqk]  .lf-tree-view .dxbl-treeview-filter input {
    font-size: 11px;
}

/* Each node row */
.lf-tree-body[b-ya5cd7gjqk]  .lf-tree-view .dxbl-treeview-node {
    padding: 4px 10px;
    cursor: pointer;
    color: #4a5568;
    border-left: 3px solid transparent;
    transition: background .1s;
    user-select: none;
}

.lf-tree-body[b-ya5cd7gjqk]  .lf-tree-view .dxbl-treeview-node:hover {
    background: rgba(10, 61, 98, 0.06);
}

.lf-tree-body[b-ya5cd7gjqk]  .lf-tree-view .dxbl-treeview-node.dxbl-selected {
    background: rgba(26, 111, 212, 0.08);
    border-left-color: #1a6fd4;
    color: #1a1d2e;
    font-weight: 600;
}

/* Node template contents (icon + label + count pill) */
.lf-tv-icon[b-ya5cd7gjqk] {
    font-size: 14px;
    flex-shrink: 0;
    width: 18px;
    text-align: center;
    margin-right: 4px;
    line-height: 1;
}

.lf-tv-label[b-ya5cd7gjqk] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 6px;
}

.lf-tv-count[b-ya5cd7gjqk] {
    font-size: 10px;
    font-weight: 700;
    color: #94a3b8;
    background: #f7f9fc;
    padding: 1px 7px;
    border-radius: 8px;
    flex-shrink: 0;
}

.lf-tree-body[b-ya5cd7gjqk]  .lf-tree-view .dxbl-selected .lf-tv-count {
    background: rgba(26, 111, 212, 0.12);
    color: #1a6fd4;
}

/* Force the DxTreeView node text container into a flex row so label + count
   line up correctly with the count pill on the right edge. */
.lf-tree-body[b-ya5cd7gjqk]  .lf-tree-view .dxbl-treeview-node-text {
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 0;
}

/* Documents-pane wrapper — flex column so breadcrumb sits above the grid in
   Explorer mode, grid fills the rest. */
.lf-pane-content[b-ya5cd7gjqk] {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.lf-pane-grid[b-ya5cd7gjqk] {
    flex: 1;
    min-height: 0;
}

/* Breadcrumb — Explorer-mode strip above the grid showing the current filter path */
.lf-breadcrumb[b-ya5cd7gjqk] {
    padding: 8px 14px;
    border-bottom: 1px solid #e2e8f0;
    background: #fff;
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
    flex-wrap: wrap;
}

.lf-bc-item[b-ya5cd7gjqk] {
    color: #1a6fd4;
    cursor: pointer;
    font-weight: 600;
    user-select: none;
}

.lf-bc-item:hover[b-ya5cd7gjqk] {
    text-decoration: underline;
}

.lf-bc-sep[b-ya5cd7gjqk] {
    color: #94a3b8;
    font-size: 10px;
}

.lf-bc-current[b-ya5cd7gjqk] {
    color: #1a1d2e;
    font-weight: 600;
    cursor: default;
}

.lf-bc-current:hover[b-ya5cd7gjqk] {
    text-decoration: none;
}

/* Dashboard view — 2-column grid of chart cards with horizontal bar lists.
   Bars are clickable and drill back to Explorer view with the matching tree
   filter applied. */
.lf-dashboard[b-ya5cd7gjqk] {
    flex: 1;
    overflow: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    min-height: 0;
}

.lf-chart-card[b-ya5cd7gjqk] {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.lf-chart-title[b-ya5cd7gjqk] {
    padding: 12px 16px;
    border-bottom: 1px solid #e2e8f0;
    background: #f7f9fc;
    font-size: 13px;
    font-weight: 700;
    color: #1a1d2e;
    flex-shrink: 0;
}

.lf-chart-body[b-ya5cd7gjqk] {
    flex: 1;
    overflow-y: auto;
    padding: 8px 14px;
}

.lf-chart-empty[b-ya5cd7gjqk] {
    padding: 40px;
    text-align: center;
    color: #94a3b8;
    font-size: 12px;
}

.lf-hbar-row[b-ya5cd7gjqk] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 4px;
    border-bottom: 1px solid #f0f4f8;
    cursor: pointer;
    transition: background .1s;
}

.lf-hbar-row:hover[b-ya5cd7gjqk] {
    background: rgba(26, 111, 212, 0.06);
}

.lf-hbar-row:last-child[b-ya5cd7gjqk] {
    border-bottom: none;
}

.lf-hbar-label[b-ya5cd7gjqk] {
    width: 160px;
    flex-shrink: 0;
    font-size: 12px;
    color: #1a1d2e;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lf-hbar-track[b-ya5cd7gjqk] {
    flex: 1;
    height: 14px;
    background: #f0f4f8;
    border-radius: 7px;
    overflow: hidden;
}

.lf-hbar-fill[b-ya5cd7gjqk] {
    height: 100%;
    border-radius: 7px;
    transition: width .25s ease;
}

.lf-hbar-teal[b-ya5cd7gjqk] { background: linear-gradient(90deg, #00a896, #00d9c9); }
.lf-hbar-navy[b-ya5cd7gjqk] { background: linear-gradient(90deg, #0a3d62, #1a6fd4); }

.lf-hbar-actual[b-ya5cd7gjqk] {
    width: 48px;
    flex-shrink: 0;
    font-size: 12px;
    color: #4a5568;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

/* Preview pane (right side, inside the Details splitter pane) — UX-6
   POC-style enriched preview: header strip + scrollable body containing the
   thumbnail card (with file-type badge), metadata rows, and IQ Analysis card. */
.lf-preview[b-ya5cd7gjqk] {
    height: 100%;
    display: flex;
    flex-direction: column;
    background: #fff;
    overflow: hidden;
}

.lf-preview-header[b-ya5cd7gjqk] {
    padding: 14px 16px;
    border-bottom: 1px solid #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
}

.lf-preview-title[b-ya5cd7gjqk] {
    font-size: 13px;
    font-weight: 700;
    color: #1a1d2e;
}

.lf-preview-body[b-ya5cd7gjqk] {
    flex: 1;
    overflow-y: auto;
    padding: 14px 16px;
}

.lf-preview-empty[b-ya5cd7gjqk] {
    text-align: center;
    padding: 40px 16px;
    color: #94a3b8;
    font-size: 12px;
}

/* Thumbnail card */
.lf-preview-thumb[b-ya5cd7gjqk] {
    width: 100%;
    height: 180px;
    background: #f7f9fc;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
    overflow: hidden;
    position: relative;
}

.lf-preview-thumb-img[b-ya5cd7gjqk] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: top;
    border-radius: 8px;
}

.lf-preview-thumb-icon[b-ya5cd7gjqk] {
    font-size: 48px;
    opacity: 0.3;
}

.lf-preview-thumb-pending[b-ya5cd7gjqk] {
    font-size: 11px;
    color: #94a3b8;
    margin-top: 4px;
}

.lf-preview-thumb-type[b-ya5cd7gjqk] {
    position: absolute;
    top: 8px;
    right: 8px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.3px;
    z-index: 2;
}

/* Clickable thumbnail — opens DocumentPreview modal (full DxPdfViewer for
   PDFs, DxCarousel for doc/xls/image previews). Same code path as the
   right-click Preview action; just a more obvious surface. */
.lf-preview-thumb-clickable[b-ya5cd7gjqk] {
    cursor: pointer;
}

.lf-preview-thumb-overlay[b-ya5cd7gjqk] {
    position: absolute;
    inset: 0;
    background: rgba(10, 61, 98, 0.55);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 600;
    opacity: 0;
    transition: opacity .15s ease;
    border-radius: 8px;
    pointer-events: none;
}

.lf-preview-thumb-clickable:hover .lf-preview-thumb-overlay[b-ya5cd7gjqk] {
    opacity: 1;
}

/* Metadata rows */
.lf-preview-meta[b-ya5cd7gjqk] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 16px;
}

.lf-preview-meta-row[b-ya5cd7gjqk] {
    display: flex;
    gap: 8px;
    font-size: 11px;
    align-items: flex-start;
}

.lf-preview-meta-label[b-ya5cd7gjqk] {
    width: 100px;
    font-weight: 600;
    color: #94a3b8;
    flex-shrink: 0;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    font-size: 10px;
    padding-top: 1px;
}

.lf-preview-meta-val[b-ya5cd7gjqk] {
    color: #1a1d2e;
    flex: 1;
    word-break: break-word;
}

.lf-preview-meta-strong[b-ya5cd7gjqk] {
    font-weight: 600;
}

.lf-preview-verified-yes[b-ya5cd7gjqk] {
    color: #1a8a3a;
    font-weight: 600;
}

.lf-preview-verified-no[b-ya5cd7gjqk] {
    color: #94a3b8;
}

/* Finalised = a distinct locked/sign-off state (Status 6), separate from Verified.
   Rendered as its own slate "locked" badge so it's not confused with verification. */
.lf-preview-finalised-badge[b-ya5cd7gjqk] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 9px;
    border-radius: 11px;
    background: #e2e8f0;
    color: #334155;
    font-size: 11px;
    font-weight: 600;
}

.lf-preview-checkedout[b-ya5cd7gjqk] {
    color: #c97c00;
    font-weight: 600;
}

.lf-preview-divider[b-ya5cd7gjqk] {
    height: 1px;
    background: #e2e8f0;
    margin: 12px 0;
}

/* IQ Analysis / AI summary card */
.lf-preview-ai[b-ya5cd7gjqk] {
    background: linear-gradient(135deg, rgba(26, 111, 212, 0.05), rgba(0, 168, 150, 0.05));
    border: 1px solid rgba(26, 111, 212, 0.12);
    border-radius: 8px;
    padding: 14px;
    margin-top: 8px;
}

.lf-preview-ai-title[b-ya5cd7gjqk] {
    font-size: 11px;
    font-weight: 700;
    color: #1a6fd4;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.lf-preview-ai-title[b-ya5cd7gjqk]::before {
    content: '✨';
    font-size: 13px;
}

.lf-preview-ai-text[b-ya5cd7gjqk] {
    font-size: 12px;
    line-height: 1.6;
    color: #4a5568;
    white-space: pre-wrap;
}

/* WebDAV editing session strip — shown in preview pane when the current user
   has the file checked out and it supports Office desktop editing. */
.lf-webdav-expiry[b-ya5cd7gjqk] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    border-radius: 4px;
    margin-top: 6px;
    font-size: 0.8rem;
}

.lf-webdav-expiry--active[b-ya5cd7gjqk] {
    background: #cff4fc;
    color: #055160;
    border: 1px solid #b6effb;
}

.lf-webdav-expiry-msg[b-ya5cd7gjqk] {
    flex: 1;
    min-width: 0;
}

.lf-webdav-reopen-btn[b-ya5cd7gjqk] {
    font-size: 0.75rem;
    white-space: nowrap;
    flex-shrink: 0;
}

.lf-webdav-expiry-actions[b-ya5cd7gjqk] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

/* Office lock held by another user — visible to everyone viewing the doc */
.lf-webdav-expiry--locked[b-ya5cd7gjqk] {
    background: #d1fae5;
    color: #065f46;
    border: 1px solid #a7f3d0;
}

/* Static "Opening in Office…" message shown immediately after protocol handler fires */
.lf-webdav-expiry--pending[b-ya5cd7gjqk] {
    background: #f1f5f9;
    color: #475569;
    border: 1px solid #cbd5e1;
}

.lf-webdav-expiry--pending .lf-webdav-expiry-msg[b-ya5cd7gjqk]::after {
    /* Clip a static '...' by revealing it progressively — works in all browsers.
       Animating `content` in @keyframes only works in Chromium 87+. */
    content: '...';
    display: inline-block;
    overflow: hidden;
    width: 0;
    vertical-align: bottom;
    animation: lf-ellipsis-b-ya5cd7gjqk 1.2s steps(4, end) infinite;
}

@keyframes lf-ellipsis-b-ya5cd7gjqk {
    0%   { width: 0; }
    25%  { width: 0.5em; }
    50%  { width: 1em; }
    75%  { width: 1.5em; }
    100% { width: 0; }
}

/* Office didn't open — shown after 5s single check finds no lock */
.lf-webdav-expiry--warning[b-ya5cd7gjqk] {
    background: #fff3cd;
    color: #664d03;
    border: 1px solid #ffe69c;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}

.lf-webdav-setup-link[b-ya5cd7gjqk] {
    font-size: 0.75rem;
    color: #0d6efd;
    text-decoration: underline;
    white-space: nowrap;
    align-self: center;
}

/* Clickable KPI tiles — filter the grid by metric */
.lf-kpi-clickable[b-ya5cd7gjqk] {
    cursor: pointer;
    transition: transform .12s ease, box-shadow .12s ease;
}

.lf-kpi-clickable:hover[b-ya5cd7gjqk] {
    transform: translateY(-1px);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.14);
}

.lf-kpi-active[b-ya5cd7gjqk] {
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.38);
}

/* Active-filter chips */
.lf-filter-chips[b-ya5cd7gjqk] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
    padding: 0.35rem 0.25rem 0.1rem;
}

.lf-filter-chips-label[b-ya5cd7gjqk] {
    font-size: 0.78rem;
    font-weight: 600;
    color: #6b7280;
}

.lf-filter-chip[b-ya5cd7gjqk] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    background: #eef2f7;
    border: 1px solid #d6dee8;
    border-radius: 999px;
    padding: 0.12rem 0.55rem;
    font-size: 0.78rem;
    color: #0a3d62;
}

.lf-filter-chip-x[b-ya5cd7gjqk] {
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 0;
    font-size: 0.8rem;
    line-height: 1;
    color: #6b7280;
}

.lf-filter-chip-x:hover[b-ya5cd7gjqk] {
    color: #c0392b;
}

.lf-filter-clear-all[b-ya5cd7gjqk] {
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 0 0.25rem;
    font-size: 0.76rem;
    color: #1565c0;
    text-decoration: underline;
}

/* Office-only format hint in the preview pane */
.lf-webdav-expiry--info[b-ya5cd7gjqk] {
    background: #eef4fb;
    color: #0a3d62;
    border: 1px solid #cfe0f3;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}

/* Required for the splitter to fill its container in both full-page and embedded-modal contexts */
.fillscreen[b-ya5cd7gjqk] {
    height: 100%;
}

/* Dismiss ✕ on the "AI summary queued" notice */
.lf-summary-dismiss[b-ya5cd7gjqk] {
    border: none;
    background: transparent;
    cursor: pointer;
    color: #6b7280;
    font-size: 0.8rem;
    line-height: 1;
    padding: 0 0.25rem;
}

.lf-summary-dismiss:hover[b-ya5cd7gjqk] {
    color: #c0392b;
}
/* /Components/Pages/Documents/DropDocs.razor.rz.scp.css */
.custom-drop-zone[b-vz573ehv01] {
	padding: 0 !important;
	border-style: dashed !important;
	border-width: 2px !important;
	height: 230px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

	.custom-drop-zone svg[b-vz573ehv01] {
		width: 42px;
		height: 42px;
	}

.drop-file-icon[b-vz573ehv01] {
	mask-repeat: no-repeat !important;
	-webkit-mask-repeat: no-repeat !important;
	height: 42px !important;
	width: 42px !important;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	margin: 3px 0 0 0 !important;
	display: inline-block;
	-webkit-mask-image: url("/images/menuicons/drag.svg");
	mask-image: url("/images/menuicons/drag.svg");
	mask-size: contain;
	background-color: currentColor;
	/*background-size: contain;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	background-position: center center;
	background-color: currentColor;
	width: 42px;
	height: 42px;
	-webkit-mask-image: url("/images/menuicons/drag.svg");
	mask-image: url("/images/menuicons/drag.svg");*/
}
/* /Components/Pages/Echelon/Compliance/EchelonCompliance.razor.rz.scp.css */
.ech-compliance-page[b-jo9tmiiqiq] {
    width: 100%;
}

/* ── Summary cards ────────────────────────────────────────────────── */
.ech-compliance-summary[b-jo9tmiiqiq] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
}

.ech-summary-card[b-jo9tmiiqiq] {
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);
    padding: 1rem;
    text-align: center;
    flex: 1;
    min-width: 140px;
}

.ech-summary-val[b-jo9tmiiqiq] {
    font-size: 1.5rem;
    font-weight: 700;
}

.ech-summary-label[b-jo9tmiiqiq] {
    font-size: .75rem;
    color: #9ca3af;
    margin-top: .15rem;
}

.ech-summary-green .ech-summary-val[b-jo9tmiiqiq] { color: #11C683; }
.ech-summary-amber .ech-summary-val[b-jo9tmiiqiq] { color: #d97706; }
.ech-summary-blue  .ech-summary-val[b-jo9tmiiqiq] { color: #3b82f6; }

/* ── Table ────────────────────────────────────────────────────────── */
.ech-tbl[b-jo9tmiiqiq] {
    width: 100%;
    border-collapse: collapse;
}

.ech-tbl th[b-jo9tmiiqiq] {
    background: #f8f9fb;
    padding: .55rem .9rem;
    text-align: left;
    font-size: .67rem;
    font-weight: 700;
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: .5px;
    border-bottom: 2px solid #e5e7eb;
    white-space: nowrap;
}

.ech-tbl td[b-jo9tmiiqiq] {
    padding: .6rem .9rem;
    font-size: .8rem;
    color: #1a1a2e;
    border-bottom: 1px solid #f3f4f6;
    vertical-align: middle;
}

.ech-tbl tr:last-child td[b-jo9tmiiqiq] {
    border-bottom: none;
}

.ech-tbl-row[b-jo9tmiiqiq] {
    cursor: pointer;
    transition: background .15s;
}

.ech-tbl-row:hover td[b-jo9tmiiqiq] {
    background: rgba(17,198,131,.04);
}

/* ── Loading / Empty ──────────────────────────────────────────────── */
.ech-compliance-loading[b-jo9tmiiqiq] {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.ech-compliance-skeleton[b-jo9tmiiqiq] {
    height: 36px;
    border-radius: 6px;
    background: #e5e7eb;
    animation: echCompPulse-b-jo9tmiiqiq 1.5s ease-in-out infinite;
}

@keyframes echCompPulse-b-jo9tmiiqiq {
    0%, 100% { opacity: 1; }
    50%      { opacity: .4; }
}

.ech-compliance-empty[b-jo9tmiiqiq] {
    text-align: center;
    color: #9ca3af;
    padding: 3rem 1rem;
}

.ech-compliance-empty p[b-jo9tmiiqiq] {
    font-size: .82rem;
    margin-top: .5rem;
}

/* ── Responsive ───────────────────────────────────────────────────── */
@media (max-width: 768px) {
    .ech-compliance-summary[b-jo9tmiiqiq] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .ech-compliance-summary[b-jo9tmiiqiq] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Echelon/Dashboard/EchelonDashboard.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════
   echelon Client Portal — Dashboard
   Design tokens from Brett's echelon-portal.html POC.
   ═══════════════════════════════════════════════════════════════════ */

.ech-dash[b-ha4olqr7v7] {
    width: 100%;
    animation: echFadeIn 0.3s ease;
}

/* ─── Invite banner ─────────────────────────────────────────────── */

.ech-invite-banner[b-ha4olqr7v7] {
    background: linear-gradient(135deg, #0891b2, #0d9488);
    color: #fff;
    padding: 1rem 3rem 1rem 1.25rem;
    border-radius: 10px;
    margin-bottom: 1.25rem;
    display: flex;
    align-items: center;
    gap: .75rem;
    font-size: .9rem;
    position: relative;
    box-shadow: 0 2px 12px rgba(8,145,178,.25);
    animation: ech-slide-down-b-ha4olqr7v7 .4s ease;
}

.ech-invite-close[b-ha4olqr7v7] {
    position: absolute;
    top: 8px;
    right: 12px;
    background: none;
    border: none;
    color: #fff;
    font-size: 1.3rem;
    cursor: pointer;
    line-height: 1;
    opacity: .8;
}

.ech-invite-close:hover[b-ha4olqr7v7] {
    opacity: 1;
}

@keyframes ech-slide-down-b-ha4olqr7v7 {
    from { opacity: 0; transform: translateY(-16px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ─── ES pending questionnaire banner ───────────────────────────── */

.ech-es-banner[b-ha4olqr7v7] {
    background: linear-gradient(135deg, #059669, #047857);
    color: #fff;
    padding: 1rem 3rem 1rem 1.25rem;
    border-radius: 10px;
    margin-bottom: 1.25rem;
    display: flex;
    align-items: center;
    gap: .75rem;
    font-size: .9rem;
    position: relative;
    box-shadow: 0 2px 12px rgba(5,150,105,.25);
    animation: ech-slide-down-b-ha4olqr7v7 .4s ease;
}

.ech-es-banner-btn[b-ha4olqr7v7] {
    background: rgba(255,255,255,.2);
    border: 1.5px solid rgba(255,255,255,.5);
    color: #fff;
    font-size: .78rem;
    font-weight: 600;
    padding: .3rem .85rem;
    border-radius: 6px;
    cursor: pointer;
    white-space: nowrap;
    transition: background .15s;
}

.ech-es-banner-btn:hover[b-ha4olqr7v7] {
    background: rgba(255,255,255,.35);
}

.ech-es-banner-btn--outline[b-ha4olqr7v7] {
    background: transparent;
    border-color: rgba(255,255,255,.4);
}

/* ─── Welcome hero ───────────────────────────────────────────────── */

.ech-hero[b-ha4olqr7v7] {
    background: linear-gradient(135deg, #1a1a2e, #16213e);
    border-radius: 10px;
    padding: 1.5rem;
    color: #fff;
    margin-bottom: 1.25rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.ech-hero-right[b-ha4olqr7v7] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: .75rem;
}

.ech-hero-alerts[b-ha4olqr7v7] {
    display: flex;
    gap: .5rem;
}

.ech-hero-change-up[b-ha4olqr7v7] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    font-size: .8rem;
    font-weight: 600;
    padding: .25rem .6rem;
    border-radius: 20px;
    background: rgba(17, 198, 131, .15);
    color: #11C683;
}

.ech-hero-change-down[b-ha4olqr7v7] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    font-size: .8rem;
    font-weight: 600;
    padding: .25rem .6rem;
    border-radius: 20px;
    background: rgba(239, 68, 68, .15);
    color: #ef4444;
}

.ech-hero-greeting[b-ha4olqr7v7] {
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: -0.5px;
    margin-bottom: 0.2rem;
}

.ech-hero-sub[b-ha4olqr7v7] {
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.5);
}

/* Primary KPI — the persona-driven big number (Portfolio Value / Net Worth /
   Trust Value). Suppressed when the value would be misleading (mixed CCY, no
   priced holdings) — see EchelonDashboard.BuildHeroKpi. */
.ech-hero-kpi[b-ha4olqr7v7] {
    margin-top: 0.9rem;
}

.ech-hero-kpi-val[b-ha4olqr7v7] {
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: -0.5px;
    color: #fff;
}

.ech-hero-kpi-label[b-ha4olqr7v7] {
    font-size: 0.72rem;
    color: rgba(255, 255, 255, 0.55);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-top: 0.1rem;
}

.ech-hero-stats[b-ha4olqr7v7] {
    display: flex;
    gap: 2rem;
}

.ech-hero-stat[b-ha4olqr7v7] {
    text-align: center;
}

.ech-hero-stat-val[b-ha4olqr7v7] {
    font-size: 1.6rem;
    font-weight: 700;
}

.ech-hero-stat-label[b-ha4olqr7v7] {
    font-size: 0.68rem;
    color: rgba(255, 255, 255, 0.45);
    text-transform: uppercase;
    letter-spacing: 0.4px;
    margin-top: 0.1rem;
}

/* ─── Tile grid ──────────────────────────────────────────────────── */

.ech-grid[b-ha4olqr7v7] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1rem;
    margin-bottom: 1.25rem;
}

@media (max-width: 640px) {
    .ech-hero[b-ha4olqr7v7] { flex-direction: column; gap: 1rem; }
    .ech-hero-stats[b-ha4olqr7v7] { justify-content: space-around; width: 100%; }
}
/* /Components/Pages/Echelon/Documents/EchelonDocuments.razor.rz.scp.css */
.ech-documents-page[b-3bz6cqish4] {
    width: 100%;
}

/* ── Filter bar ───────────────────────────────────────────────────── */
.ech-filter-bar[b-3bz6cqish4] {
    display: flex;
    gap: .6rem;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.ech-filter-select[b-3bz6cqish4] {
    padding: .4rem .6rem;
    border: 1.5px solid #e5e7eb;
    border-radius: 6px;
    font-size: .78rem;
    color: #1a1a2e;
    background: white;
    cursor: pointer;
    outline: none;
    font-family: inherit;
}

.ech-filter-select:focus[b-3bz6cqish4] {
    border-color: #11C683;
}

.ech-filter-search[b-3bz6cqish4] {
    padding: .4rem .8rem;
    border: 1.5px solid #e5e7eb;
    border-radius: 6px;
    font-size: .78rem;
    width: 200px;
    outline: none;
    font-family: inherit;
}

.ech-filter-search:focus[b-3bz6cqish4] {
    border-color: #11C683;
}

/* ── Table ────────────────────────────────────────────────────────── */
.ech-tbl[b-3bz6cqish4] {
    width: 100%;
    border-collapse: collapse;
}

.ech-tbl th[b-3bz6cqish4] {
    background: #f8f9fb;
    padding: .55rem .9rem;
    text-align: left;
    font-size: .67rem;
    font-weight: 700;
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: .5px;
    border-bottom: 2px solid #e5e7eb;
    white-space: nowrap;
}

.ech-tbl td[b-3bz6cqish4] {
    padding: .6rem .9rem;
    font-size: .8rem;
    color: #1a1a2e;
    border-bottom: 1px solid #f3f4f6;
    vertical-align: middle;
}

.ech-tbl tr:last-child td[b-3bz6cqish4] {
    border-bottom: none;
}

.ech-tbl-row[b-3bz6cqish4] {
    cursor: pointer;
    transition: background .15s;
}

.ech-tbl-row:hover td[b-3bz6cqish4] {
    background: rgba(17,198,131,.04);
}

.ech-tbl-row.selected td[b-3bz6cqish4] {
    background: rgba(17,198,131,.08);
}

/* ── Loading / Empty ──────────────────────────────────────────────── */
.ech-doc-loading[b-3bz6cqish4] {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.ech-doc-skeleton[b-3bz6cqish4] {
    height: 36px;
    border-radius: 6px;
    background: #e5e7eb;
    animation: echDocPulse-b-3bz6cqish4 1.5s ease-in-out infinite;
}

@keyframes echDocPulse-b-3bz6cqish4 {
    0%, 100% { opacity: 1; }
    50%      { opacity: .4; }
}

.ech-doc-empty[b-3bz6cqish4],
.ech-doc-empty-preview[b-3bz6cqish4] {
    text-align: center;
    color: #9ca3af;
    padding: 3rem 1rem;
}

.ech-doc-empty p[b-3bz6cqish4],
.ech-doc-empty-preview p[b-3bz6cqish4] {
    font-size: .82rem;
    margin-top: .5rem;
}
/* /Components/Pages/Echelon/Entities/EchelonEntities.razor.rz.scp.css */
.ech-entities-page[b-1eak68c5ng] {
    width: 100%;
}

/* ── Entity card grid ─────────────────────────────────────────────── */
.ech-entity-grid[b-1eak68c5ng] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.ech-entity-card[b-1eak68c5ng] {
    background: white;
    border: 1.5px solid #e5e7eb;
    border-radius: 10px;
    padding: 1rem;
    cursor: pointer;
    transition: all .2s;
}

.ech-entity-card:hover[b-1eak68c5ng] {
    border-color: #11C683;
    box-shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);
}

.ech-entity-card.highlighted[b-1eak68c5ng] {
    border-color: #11C683;
    background: rgba(17,198,131,.04);
}

.ech-entity-card-name[b-1eak68c5ng] {
    font-size: .88rem;
    font-weight: 600;
    color: #1a1a2e;
    margin-bottom: .25rem;
}

.ech-entity-card-meta[b-1eak68c5ng] {
    font-size: .72rem;
    color: #6b7280;
    margin-bottom: .35rem;
}

.ech-entity-card-badges[b-1eak68c5ng] {
    display: flex;
    gap: .3rem;
    flex-wrap: wrap;
}

/* ── Ownership structure card ─────────────────────────────────────── */
.ech-ownership-card[b-1eak68c5ng] {
    background: white;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);
    padding: 1.25rem;
    margin-top: 1rem;
}

.ech-ownership-header[b-1eak68c5ng] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: 1rem;
    font-size: .82rem;
    font-weight: 600;
    color: #1a1a2e;
}

.ech-ownership-list[b-1eak68c5ng] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.ech-ownership-row[b-1eak68c5ng] {
    display: grid;
    grid-template-columns: 1fr auto 180px;
    gap: 1rem;
    align-items: center;
    padding: .5rem .75rem;
    background: #f9fafb;
    border-radius: 6px;
}

.ech-ownership-name[b-1eak68c5ng] {
    font-size: .82rem;
    font-weight: 500;
    color: #1a1a2e;
}

.ech-ownership-type[b-1eak68c5ng] {
    font-size: .72rem;
    color: #6b7280;
    white-space: nowrap;
}

.ech-ownership-holding[b-1eak68c5ng] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.ech-ownership-bar-bg[b-1eak68c5ng] {
    flex: 1;
    height: 6px;
    background: #e5e7eb;
    border-radius: 3px;
    overflow: hidden;
}

.ech-ownership-bar[b-1eak68c5ng] {
    height: 100%;
    background: #11C683;
    border-radius: 3px;
    transition: width .3s ease;
}

.ech-ownership-pct[b-1eak68c5ng] {
    font-size: .75rem;
    font-weight: 600;
    color: #11C683;
    white-space: nowrap;
    min-width: 40px;
    text-align: right;
}

.ech-ownership-footer[b-1eak68c5ng] {
    margin-top: 1rem;
    padding-top: .75rem;
    border-top: 1px solid #e5e7eb;
}

.ech-ownership-loading[b-1eak68c5ng],
.ech-ownership-empty[b-1eak68c5ng] {
    text-align: center;
    color: #9ca3af;
    padding: 1.5rem;
    font-size: .82rem;
}

/* ── Skeleton / Empty ─────────────────────────────────────────────── */
.ech-entity-skeleton[b-1eak68c5ng] {
    height: 80px;
    border-radius: 6px;
    background: #e5e7eb;
    animation: echEntPulse-b-1eak68c5ng 1.5s ease-in-out infinite;
}

@keyframes echEntPulse-b-1eak68c5ng {
    0%, 100% { opacity: 1; }
    50%      { opacity: .4; }
}

.ech-entities-empty[b-1eak68c5ng] {
    text-align: center;
    color: #9ca3af;
    padding: 3rem 1rem;
}

.ech-entities-empty p[b-1eak68c5ng] {
    font-size: .82rem;
    margin-top: .5rem;
}

/* ── Responsive ───────────────────────────────────────────────────── */
@media (max-width: 1024px) {
    .ech-entity-grid[b-1eak68c5ng] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .ech-entity-grid[b-1eak68c5ng] {
        grid-template-columns: 1fr;
    }

    .ech-ownership-row[b-1eak68c5ng] {
        grid-template-columns: 1fr;
        gap: .25rem;
    }
}
/* /Components/Pages/Echelon/Messages/EchelonMessages.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════
   EchelonMessages — scoped styles matching POC msg-* classes
   ═══════════════════════════════════════════════════════════════════ */

.ech-messages-page[b-6hsqvwqbk4] {
    width: 100%;
}

/* ── Message list ─────────────────────────────────────────────────── */
.ech-msg-list[b-6hsqvwqbk4] {
    max-height: calc(100vh - 260px);
    overflow-y: auto;
}

.ech-msg-item[b-6hsqvwqbk4] {
    display: flex;
    gap: .75rem;
    padding: .7rem .9rem;
    cursor: pointer;
    border-bottom: 1px solid #f3f4f6;
    transition: background .15s;
    align-items: flex-start;
}

.ech-msg-item:last-child[b-6hsqvwqbk4] {
    border-bottom: none;
}

.ech-msg-item:hover[b-6hsqvwqbk4] {
    background: rgba(17, 198, 131, .04);
}

.ech-msg-item.selected[b-6hsqvwqbk4] {
    background: rgba(17, 198, 131, .08);
    border-left: 3px solid #11C683;
}

.ech-msg-item.unread[b-6hsqvwqbk4] {
    font-weight: 600;
}

.ech-msg-item.unread[b-6hsqvwqbk4]  .ech-msg-sender {
    font-weight: 700;
}

/* ── Avatar ───────────────────────────────────────────────────────── */
.ech-msg-avatar[b-6hsqvwqbk4] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .7rem;
    font-weight: 700;
    color: white;
    flex-shrink: 0;
}

/* ── Content ──────────────────────────────────────────────────────── */
.ech-msg-content[b-6hsqvwqbk4] {
    flex: 1;
    min-width: 0;
}

.ech-msg-sender[b-6hsqvwqbk4] {
    font-size: .8rem;
    color: #1a1a2e;
    margin-bottom: .1rem;
}

.ech-msg-subject[b-6hsqvwqbk4] {
    font-size: .75rem;
    color: #6b7280;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ech-msg-attach[b-6hsqvwqbk4] {
    color: #9ca3af;
    font-size: .7rem;
    margin-top: .15rem;
}

.ech-msg-date[b-6hsqvwqbk4] {
    font-size: .65rem;
    color: #9ca3af;
    flex-shrink: 0;
    margin-top: .1rem;
    white-space: nowrap;
}

/* ── Message body in preview ──────────────────────────────────────── */
.ech-msg-body[b-6hsqvwqbk4] {
    font-size: .82rem;
    white-space: pre-line;
    line-height: 1.6;
    color: #1a1a2e;
}

/* ── Attachment pill ──────────────────────────────────────────────── */
.ech-attachment-pill[b-6hsqvwqbk4] {
    margin-top: .5rem;
    padding: .6rem;
    background: #f3f4f6;
    border-radius: 6px;
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .78rem;
    cursor: pointer;
    transition: background .15s;
}

.ech-attachment-pill:hover[b-6hsqvwqbk4] {
    background: #e5e7eb;
}

/* ── Empty states ─────────────────────────────────────────────────── */
.ech-msg-empty[b-6hsqvwqbk4] {
    text-align: center;
    color: #9ca3af;
    padding: 3rem 1rem;
}

.ech-msg-empty p[b-6hsqvwqbk4] {
    font-size: .82rem;
    margin-top: .5rem;
}

.ech-msg-empty-preview[b-6hsqvwqbk4] {
    text-align: center;
    color: #9ca3af;
    padding: 2rem 0;
}

.ech-msg-empty-preview p[b-6hsqvwqbk4] {
    font-size: .82rem;
    margin-top: .5rem;
}

/* ── Loading skeletons ────────────────────────────────────────────── */
.ech-msg-skeleton-avatar[b-6hsqvwqbk4] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #e5e7eb;
    flex-shrink: 0;
    animation: echPulse-b-6hsqvwqbk4 1.5s ease-in-out infinite;
}

.ech-msg-skeleton-lines[b-6hsqvwqbk4] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: .4rem;
    padding-top: .2rem;
}

.ech-msg-skeleton-line[b-6hsqvwqbk4] {
    height: 10px;
    border-radius: 4px;
    background: #e5e7eb;
    animation: echPulse-b-6hsqvwqbk4 1.5s ease-in-out infinite;
}

.ech-msg-skeleton-line.w60[b-6hsqvwqbk4] { width: 60%; }
.ech-msg-skeleton-line.w90[b-6hsqvwqbk4] { width: 90%; }

@keyframes echPulse-b-6hsqvwqbk4 {
    0%, 100% { opacity: 1; }
    50%      { opacity: .4; }
}

/* ── Responsive ───────────────────────────────────────────────────── */
@media (max-width: 1024px) {
    .ech-msg-list[b-6hsqvwqbk4] {
        max-height: 50vh;
    }
}
/* /Components/Pages/Echelon/Portfolio/EchelonPortfolio.razor.rz.scp.css */
.ech-portfolio-page[b-a4mctnk8d7] {
    width: 100%;
}

/* Hero shared styles live in echelon-pages.css (.ech-hero-banner*) */

/* ── Charts row ───────────────────────────────────────────────────── */
.ech-charts-row[b-a4mctnk8d7] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 1rem;
}

/* ── Pie legend ───────────────────────────────────────────────────── */
.ech-pie-legend[b-a4mctnk8d7] {
    display: flex;
    flex-direction: column;
    gap: .4rem;
}

.ech-pie-legend-item[b-a4mctnk8d7] {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .78rem;
    color: #1a1a2e;
}

.ech-pie-legend-dot[b-a4mctnk8d7] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
}

/* ── Bar chart ────────────────────────────────────────────────────── */
.ech-bar-chart[b-a4mctnk8d7] {
    display: flex;
    align-items: flex-end;
    gap: 6px;
    height: 150px;
    padding-top: 10px;
}

.ech-bar-col[b-a4mctnk8d7] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    justify-content: flex-end;
    position: relative;
    min-width: 20px;
}

.ech-bar[b-a4mctnk8d7] {
    background: #11C683;
    border-radius: 3px 3px 0 0;
    width: 100%;
    transition: height .5s;
    min-height: 4px;
}

.ech-bar:hover[b-a4mctnk8d7] {
    opacity: .85;
}

.ech-bar-label[b-a4mctnk8d7] {
    font-size: .6rem;
    color: #9ca3af;
    white-space: nowrap;
    margin-top: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    text-align: center;
}

.ech-bar-val[b-a4mctnk8d7] {
    font-size: .62rem;
    font-weight: 600;
    color: #6b7280;
    margin-bottom: 2px;
}

/* ── Filter bar ───────────────────────────────────────────────────── */
.ech-filter-bar[b-a4mctnk8d7] {
    display: flex;
    gap: .6rem;
    align-items: center;
    margin-bottom: 1rem;
}

.ech-filter-select[b-a4mctnk8d7] {
    padding: .4rem .6rem;
    border: 1.5px solid #e5e7eb;
    border-radius: 6px;
    font-size: .78rem;
    color: #1a1a2e;
    background: white;
    cursor: pointer;
    outline: none;
    font-family: inherit;
}

/* ── Table ────────────────────────────────────────────────────────── */
.ech-tbl[b-a4mctnk8d7] { width: 100%; border-collapse: collapse; }
.ech-tbl th[b-a4mctnk8d7] { background: #f8f9fb; padding: .55rem .9rem; text-align: left; font-size: .67rem; font-weight: 700; color: #9ca3af; text-transform: uppercase; letter-spacing: .5px; border-bottom: 2px solid #e5e7eb; white-space: nowrap; }
.ech-tbl td[b-a4mctnk8d7] { padding: .6rem .9rem; font-size: .8rem; color: #1a1a2e; border-bottom: 1px solid #f3f4f6; }
.ech-tbl tr:last-child td[b-a4mctnk8d7] { border-bottom: none; }
.ech-tbl tr:hover td[b-a4mctnk8d7] { background: rgba(17,198,131,.04); }

@keyframes echPulse-b-a4mctnk8d7 { 0%,100%{opacity:1} 50%{opacity:.4} }

@media (max-width: 1024px) {
    .ech-charts-row[b-a4mctnk8d7] {
        grid-template-columns: 1fr;
    }
}

/* /Components/Pages/Echelon/Profile/EchelonProfile.razor.rz.scp.css */
.ech-profile-page[b-dmetur5ec4] {
    max-width: 700px;
    margin: 0 auto;
}

.ech-profile-body[b-dmetur5ec4] {
    padding: 1.5rem;
}

.ech-profile-grid[b-dmetur5ec4] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
}

.ech-profile-footer[b-dmetur5ec4] {
    margin-top: 1.25rem;
    padding-top: 1rem;
    border-top: 1px solid #e5e7eb;
}

.ech-profile-loading[b-dmetur5ec4] {
    text-align: center;
    color: #9ca3af;
    padding: 2rem;
    font-size: .85rem;
}

@media (max-width: 640px) {
    .ech-profile-grid[b-dmetur5ec4] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Echelon/Requests/EchelonRequests.razor.rz.scp.css */
.ech-requests-page[b-qrl7fwxxgd] {
    max-width: 800px;
    margin: 0 auto;
}

/* ── Request item (matches POC .request-item) ─────────────────────── */
.ech-req-item[b-qrl7fwxxgd] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: .8rem 1rem;
    border-bottom: 1px solid #f3f4f6;
    transition: background .15s;
    cursor: pointer;
}

.ech-req-item:last-child[b-qrl7fwxxgd] {
    border-bottom: none;
}

.ech-req-item:hover[b-qrl7fwxxgd] {
    background: rgba(17,198,131,.04);
}

.ech-req-item.selected[b-qrl7fwxxgd] {
    background: rgba(17,198,131,.06);
    border-left: 3px solid #11C683;
}

/* ── Inline detail panel ──────────────────────────────────────────── */
.ech-req-detail[b-qrl7fwxxgd] {
    padding: .75rem 1rem .75rem 3.25rem;
    background: #f9fafb;
    border-bottom: 1px solid #e5e7eb;
    animation: echReqSlide-b-qrl7fwxxgd .2s ease;
}

.ech-req-narrative[b-qrl7fwxxgd] {
    font-size: .82rem;
    white-space: pre-line;
    line-height: 1.6;
    color: #1a1a2e;
}

@keyframes echReqSlide-b-qrl7fwxxgd {
    from { opacity: 0; max-height: 0; padding-top: 0; padding-bottom: 0; }
    to   { opacity: 1; max-height: 400px; }
}

.ech-req-icon[b-qrl7fwxxgd] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.ech-req-info[b-qrl7fwxxgd] {
    flex: 1;
    min-width: 0;
}

.ech-req-title[b-qrl7fwxxgd] {
    font-size: .82rem;
    font-weight: 600;
    color: #1a1a2e;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ech-req-meta[b-qrl7fwxxgd] {
    font-size: .72rem;
    color: #6b7280;
}

/* ── Loading / Empty ──────────────────────────────────────────────── */
.ech-req-loading[b-qrl7fwxxgd] {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.ech-req-skeleton[b-qrl7fwxxgd] {
    height: 52px;
    border-radius: 6px;
    background: #e5e7eb;
    animation: echReqPulse-b-qrl7fwxxgd 1.5s ease-in-out infinite;
}

@keyframes echReqPulse-b-qrl7fwxxgd {
    0%, 100% { opacity: 1; }
    50%      { opacity: .4; }
}

.ech-req-empty[b-qrl7fwxxgd] {
    text-align: center;
    color: #9ca3af;
    padding: 2rem 1rem;
    font-size: .82rem;
}
/* /Components/Pages/Echelon/Services/EchelonESQuestionnaire.razor.rz.scp.css */
.ech-esq-modal[b-cc206zq6yb] {
    width: 780px;
    max-width: 95vw;
}

.ech-esq-header[b-cc206zq6yb] {
    background: linear-gradient(135deg, #059669, #0d9488);
    color: #fff;
    border-radius: 10px 10px 0 0;
}

.ech-esq-header .ech-modal-title[b-cc206zq6yb] { color: #fff; }

.ech-esq-subtitle[b-cc206zq6yb] {
    font-size: .8rem;
    opacity: .85;
    margin-top: 3px;
}

.ech-esq-body[b-cc206zq6yb] {
    max-height: 70vh;
    overflow-y: auto;
}

.ech-esq-intro[b-cc206zq6yb] {
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 8px;
    padding: 12px 14px;
    margin-bottom: 1.25rem;
    font-size: .82rem;
    color: #166534;
    line-height: 1.5;
}

/* ── Section ──────────────────────────────────────────────────────── */
.ech-esq-section[b-cc206zq6yb] {
    margin-bottom: 1.25rem;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid #f3f4f6;
}

.ech-esq-section:last-child[b-cc206zq6yb] {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.ech-esq-section-title[b-cc206zq6yb] {
    font-weight: 700;
    font-size: .82rem;
    color: #0a3d62;
    margin-bottom: .75rem;
    padding-bottom: 5px;
    border-bottom: 2px solid #059669;
    display: inline-block;
}

/* ── Hint text ────────────────────────────────────────────────────── */
.ech-esq-hint[b-cc206zq6yb] {
    font-size: .74rem;
    color: #64748b;
    margin-top: 5px;
    padding: 5px 10px;
    background: #f8fafc;
    border-left: 3px solid #0d9488;
    border-radius: 0 4px 4px 0;
    line-height: 1.45;
}

.ech-esq-field-hint[b-cc206zq6yb] {
    font-size: .72rem;
    color: #9ca3af;
    margin-top: 3px;
}

/* ── Foreign tax resident checkbox ───────────────────────────────── */
.ech-esq-check-row[b-cc206zq6yb] {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    font-size: .82rem;
    cursor: pointer;
    padding: 8px 10px;
    border: 1.5px solid #e5e7eb;
    border-radius: 6px;
    margin-bottom: .5rem;
    transition: border-color .15s, background .15s;
}

.ech-esq-check-row:hover[b-cc206zq6yb] {
    border-color: #059669;
    background: #f0fdf4;
}

.ech-esq-check-row input[type="checkbox"][b-cc206zq6yb] {
    margin-top: 2px;
    flex-shrink: 0;
    accent-color: #059669;
}

/* ── Activity checkboxes ──────────────────────────────────────────── */
.ech-esq-activity-grid[b-cc206zq6yb] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .4rem;
    margin-top: .25rem;
}

.ech-esq-activity-item[b-cc206zq6yb] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: 7px 10px;
    border: 1.5px solid #e5e7eb;
    border-radius: 6px;
    font-size: .8rem;
    cursor: pointer;
    transition: border-color .15s, background .15s;
}

.ech-esq-activity-item:hover[b-cc206zq6yb],
.ech-esq-activity-item.selected[b-cc206zq6yb] {
    border-color: #059669;
    background: #f0fdf4;
}

.ech-esq-activity-item input[type="checkbox"][b-cc206zq6yb] {
    accent-color: #059669;
    flex-shrink: 0;
}

/* ── Narrow selects / number inputs ──────────────────────────────── */
.ech-esq-select-sm[b-cc206zq6yb] { max-width: 280px; }
.ech-esq-num[b-cc206zq6yb]       { max-width: 200px; }

/* ── Supporting documents ─────────────────────────────────────────── */
.ech-esq-optional[b-cc206zq6yb] {
    font-size: .72rem;
    font-weight: 400;
    color: #9ca3af;
    margin-left: .4rem;
}

.ech-esq-upload-zone[b-cc206zq6yb] {
    position: relative;
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: 14px 16px;
    border: 1.5px dashed #d1d5db;
    border-radius: 6px;
    font-size: .8rem;
    color: #6b7280;
    cursor: pointer;
    transition: border-color .15s, background .15s;
    margin-top: .5rem;
}

.ech-esq-upload-zone:hover[b-cc206zq6yb],
.ech-esq-upload-zone:focus-within[b-cc206zq6yb] {
    border-color: #059669;
    background: #f0fdf4;
    color: #059669;
}

.ech-esq-upload-zone--busy[b-cc206zq6yb] {
    opacity: .6;
    pointer-events: none;
}

.ech-esq-file-list[b-cc206zq6yb] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
    margin-top: .6rem;
}

.ech-esq-file-item[b-cc206zq6yb] {
    display: flex;
    align-items: center;
    gap: .45rem;
    padding: 5px 10px;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 5px;
    font-size: .78rem;
    color: #374151;
}

.ech-esq-file-item span[b-cc206zq6yb] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.ech-esq-file-remove[b-cc206zq6yb] {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1rem;
    line-height: 1;
    color: #9ca3af;
    padding: 0 2px;
    flex-shrink: 0;
    transition: color .1s;
}

.ech-esq-file-remove:hover[b-cc206zq6yb] { color: #dc2626; }

/* ── Declaration ──────────────────────────────────────────────────── */
.ech-esq-declaration[b-cc206zq6yb] {
    display: flex;
    align-items: flex-start;
    gap: .6rem;
    font-size: .8rem;
    cursor: pointer;
    padding: 10px 12px;
    border: 1.5px solid #e5e7eb;
    border-radius: 6px;
    line-height: 1.5;
    transition: border-color .2s, background .2s;
}

.ech-esq-declaration:hover[b-cc206zq6yb] { border-color: #059669; }

.ech-esq-declaration input[type="checkbox"][b-cc206zq6yb] {
    margin-top: 2px;
    flex-shrink: 0;
    accent-color: #059669;
}

.ech-esq-declaration--pulse[b-cc206zq6yb] {
    border-color: #dc2626;
    background: #fef2f2;
    animation: esqPulse-b-cc206zq6yb .4s ease-in-out;
}

@keyframes esqPulse-b-cc206zq6yb {
    0%, 100% { transform: none; }
    25%       { transform: translateX(-3px); }
    75%       { transform: translateX(3px); }
}

/* ── Error ────────────────────────────────────────────────────────── */
.ech-esq-error[b-cc206zq6yb] {
    font-size: .78rem;
    color: #dc2626;
    padding: 6px 10px;
    background: #fef2f2;
    border-radius: 4px;
}

@media (max-width: 600px) {
    .ech-esq-activity-grid[b-cc206zq6yb] { grid-template-columns: 1fr; }
    .ech-esq-select-sm[b-cc206zq6yb], .ech-esq-num[b-cc206zq6yb] { max-width: 100%; }
}
/* /Components/Pages/Echelon/Services/EchelonServices.razor.rz.scp.css */
.ech-services-page[b-b9px365d6e] {
    width: 100%;
}

.ech-services-intro[b-b9px365d6e] {
    font-size: .85rem;
    color: #6b7280;
    margin-bottom: 1.25rem;
    line-height: 1.4;
}

.ech-services-group-label[b-b9px365d6e] {
    font-size: .72rem;
    font-weight: 700;
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: .5px;
    margin-bottom: .75rem;
}

/* ── Service cards ────────────────────────────────────────────────── */
.ech-service-grid[b-b9px365d6e] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.ech-service-card[b-b9px365d6e] {
    background: white;
    border: 1.5px solid #e5e7eb;
    border-radius: 10px;
    padding: 1.25rem;
    cursor: pointer;
    transition: all .25s;
}

.ech-service-card:hover[b-b9px365d6e] {
    border-color: #11C683;
    box-shadow: 0 10px 25px rgba(0,0,0,.1);
    transform: translateY(-2px);
}

.ech-service-icon[b-b9px365d6e] {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .75rem;
}

.ech-service-title[b-b9px365d6e] {
    font-size: .88rem;
    font-weight: 600;
    color: #1a1a2e;
    margin-bottom: .25rem;
}

.ech-service-desc[b-b9px365d6e] {
    font-size: .75rem;
    color: #6b7280;
    line-height: 1.4;
}

.ech-service-eta[b-b9px365d6e] {
    font-size: .68rem;
    color: #9ca3af;
    margin-top: .5rem;
    display: flex;
    align-items: center;
    gap: .3rem;
}

@media (max-width: 640px) {
    .ech-service-grid[b-b9px365d6e] {
        grid-template-columns: 1fr;
    }
}

/* ES card action state + pending badge */
.ech-service-card--action[b-b9px365d6e] {
    border-color: #059669;
    box-shadow: 0 0 0 1px rgba(5,150,105,.2);
}

.ech-service-badge[b-b9px365d6e] {
    display: inline-flex;
    align-items: center;
    background: #059669;
    color: #fff;
    font-size: .65rem;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 10px;
    letter-spacing: .3px;
}

/* Questionnaire picker rows */
.ech-esq-picker-row[b-b9px365d6e] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: .75rem 1rem;
    border-bottom: 1px solid #f3f4f6;
    cursor: pointer;
    transition: background .15s;
}

.ech-esq-picker-row:last-child[b-b9px365d6e] { border-bottom: none; }

.ech-esq-picker-row:hover[b-b9px365d6e] { background: #f0fdf4; }
/* /Components/Pages/Echelon/Statements/EchelonStatements.razor.rz.scp.css */
.ech-statements-page[b-8wueaiemxh] {
    width: 100%;
}

.ech-tbl[b-8wueaiemxh] { width: 100%; border-collapse: collapse; }
.ech-tbl th[b-8wueaiemxh] { background: #f8f9fb; padding: .55rem .9rem; text-align: left; font-size: .67rem; font-weight: 700; color: #9ca3af; text-transform: uppercase; letter-spacing: .5px; border-bottom: 2px solid #e5e7eb; white-space: nowrap; }
.ech-tbl td[b-8wueaiemxh] { padding: .6rem .9rem; font-size: .8rem; color: #1a1a2e; border-bottom: 1px solid #f3f4f6; }
.ech-tbl tr:last-child td[b-8wueaiemxh] { border-bottom: none; }
.ech-tbl tr:hover td[b-8wueaiemxh] { background: rgba(17,198,131,.04); }

@keyframes echPulse-b-8wueaiemxh { 0%,100%{opacity:1} 50%{opacity:.4} }
/* /Components/Pages/Echelon/Trust/EchelonTrust.razor.rz.scp.css */
.ech-trust-page[b-7lpezh0v08] {
    width: 100%;
}

/* Hero shared styles live in echelon-pages.css (.ech-hero-banner*) */

.ech-trust-hero-change[b-7lpezh0v08] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    font-size: .85rem;
    font-weight: 600;
    padding: .3rem .7rem;
    border-radius: 20px;
}

.ech-trust-hero-change.up[b-7lpezh0v08] {
    background: rgba(17,198,131,.15);
    color: #11C683;
}

.ech-trust-hero-change.down[b-7lpezh0v08] {
    background: rgba(239,68,68,.15);
    color: #ef4444;
}

.ech-trust-grid[b-7lpezh0v08] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
}

.ech-tbl[b-7lpezh0v08] { width: 100%; border-collapse: collapse; }
.ech-tbl th[b-7lpezh0v08] { background: #f8f9fb; padding: .55rem .9rem; text-align: left; font-size: .67rem; font-weight: 700; color: #9ca3af; text-transform: uppercase; letter-spacing: .5px; border-bottom: 2px solid #e5e7eb; white-space: nowrap; }
.ech-tbl td[b-7lpezh0v08] { padding: .6rem .9rem; font-size: .8rem; color: #1a1a2e; border-bottom: 1px solid #f3f4f6; }
.ech-tbl tr:last-child td[b-7lpezh0v08] { border-bottom: none; }
.ech-tbl tr:hover td[b-7lpezh0v08] { background: rgba(17,198,131,.04); }

@media (max-width: 768px) {
    .ech-trust-grid[b-7lpezh0v08] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Entities/BankAccounts/BankAccountDetail.razor.rz.scp.css */
.signatories-grid-wrap[b-0w99c5hlo7] {
    height: 420px;
}
/* /Components/Pages/Entities/BankAccounts/BankAccounts.razor.rz.scp.css */
[b-akkwpfr8nh] .my-tab {
	flex-grow: 1;
	flex-flow: column;
	height: 100%;
}

[b-akkwpfr8nh] .dxbl-tabs .dxbl-tabs-content-panel {
	flex-grow: 1;
	flex-flow: column;
	height: 97%;
}
/* /Components/Pages/Entities/Compliance/ChangeRiskRatingModal.razor.rz.scp.css */
/* ChangeRiskRatingModal — Brett POC §3 Stage-1 capture (LW+CL 28.04.26) */

.risk-card-row[b-bonr43vr13] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    width: 100%;
}

.risk-card[b-bonr43vr13] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 12px 8px;
    background: #fff;
    border: 1px solid #e3e6eb;
    border-radius: 8px;
    cursor: pointer;
    font-family: inherit;
    transition: border-color 120ms ease, box-shadow 120ms ease, background 120ms ease;
}

.risk-card--current[b-bonr43vr13] {
    border-color: #0a3d62;
    box-shadow: inset 0 0 0 1px #0a3d62;
}

.risk-card--current.risk-card--selected[b-bonr43vr13] {
    border-color: #00a896;
    box-shadow: inset 0 0 0 2px #00a896;
}

.risk-card__current-badge[b-bonr43vr13] {
    position: absolute;
    top: 4px;
    right: 6px;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #0a3d62;
    background: rgba(10, 61, 98, 0.08);
    padding: 1px 5px;
    border-radius: 3px;
    line-height: 1.4;
}

.risk-card:hover[b-bonr43vr13] {
    border-color: #0a3d62;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
}

.risk-card--selected[b-bonr43vr13] {
    border-color: #00a896;
    background: rgba(0, 168, 150, 0.06);
    box-shadow: inset 0 0 0 1px #00a896;
}

.risk-card__dot[b-bonr43vr13] {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #9ca3af;
}

.risk-card__dot--low[b-bonr43vr13] { background: #16a34a; }
.risk-card__dot--medium[b-bonr43vr13] { background: #f59e0b; }
.risk-card__dot--high[b-bonr43vr13] { background: #dc2626; }

.risk-card__label[b-bonr43vr13] {
    font-size: 13px;
    font-weight: 600;
    color: #1a1d2e;
}

.crrm-actions[b-bonr43vr13] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 8px;
}

[b-bonr43vr13] .validation-errors {
    font-size: 12px;
    margin-top: 8px;
    padding-left: 20px;
}

[b-bonr43vr13] .validation-errors li {
    color: #dc2626;
}
/* /Components/Pages/Entities/Compliance/EntityRisk.razor.rz.scp.css */
/* Risk badge colours — moved from inline <style> in EntityRisk.razor (LW+CL 28.04.26) */
.high[b-8qy4ubj0o0] {
    background-color: red !important;
    color: white !important;
}

.medium[b-8qy4ubj0o0] {
    background-color: orange !important;
    color: black !important;
}

.low[b-8qy4ubj0o0] {
    background-color: green !important;
    color: white !important;
}

/* KPI strip — 3 tiles above the Compliance Details form
   Ports the header KPIs from Brett's POC §3 (features/entity-dashboard/HANDOVER.md). */
.kpi-strip[b-8qy4ubj0o0] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 4px 0 16px 0;
}

.kpi-tile[b-8qy4ubj0o0] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 14px 16px;
    background: #fff;
    border: 1px solid #e3e6eb;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
    border-left: 3px solid #0a3d62;
}

.kpi-tile--clickable[b-8qy4ubj0o0] {
    cursor: pointer;
    transition: box-shadow 120ms ease, transform 120ms ease;
}

.kpi-tile--clickable:hover[b-8qy4ubj0o0] {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    transform: translateY(-1px);
}

.kpi-tile--clickable:focus-visible[b-8qy4ubj0o0] {
    outline: 2px solid #1a4b8c;
    outline-offset: 2px;
}

.kpi-tile__label[b-8qy4ubj0o0] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #6b7280;
}

.kpi-tile__value-row[b-8qy4ubj0o0] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.kpi-tile__value[b-8qy4ubj0o0] {
    font-size: 18px;
    font-weight: 600;
    color: #0a3d62;
}

.kpi-tile__sub[b-8qy4ubj0o0] {
    font-size: 12px;
    color: #6b7280;
}

.kpi-tile__sub--warn[b-8qy4ubj0o0] {
    color: #b45309;
}

.kpi-dot[b-8qy4ubj0o0] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
    background: #9ca3af;
}

.kpi-dot--high[b-8qy4ubj0o0] { background: #dc2626; }
.kpi-dot--medium[b-8qy4ubj0o0] { background: #f59e0b; }
.kpi-dot--low[b-8qy4ubj0o0] { background: #16a34a; }
.kpi-dot--good[b-8qy4ubj0o0] { background: #16a34a; }
.kpi-dot--neutral[b-8qy4ubj0o0] { background: #9ca3af; }

/* Screening providers — SumSub + slot for additional providers */
.screening-row[b-8qy4ubj0o0] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
    gap: 16px;
    align-items: stretch;
}

@media (max-width: 1100px) {
    .screening-row[b-8qy4ubj0o0] {
        grid-template-columns: 1fr;
    }
}

.provider-slot[b-8qy4ubj0o0] {
    border: 2px dashed #cbd5e1;
    border-radius: 8px;
    padding: 16px;
    background: #f9fafb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #6b7280;
}

.provider-slot__title[b-8qy4ubj0o0] {
    font-size: 13px;
    font-weight: 600;
    color: #374151;
    margin-bottom: 6px;
}

.provider-slot__list[b-8qy4ubj0o0] {
    font-size: 12px;
    line-height: 1.5;
    color: #6b7280;
}

/* Compliance-detail panel — Brett POC §3 cd-section structure. Two-column
   panel with Risk on the left and Compliance Review + AML stacked on the
   right. Replaces the previous DxFormLayout/DxFormLayoutGroup nesting.
   (LW+CL 28.04.26) */
.cd-panel[b-8qy4ubj0o0] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-top: 8px;
}

@media (max-width: 1100px) {
    .cd-panel[b-8qy4ubj0o0] {
        grid-template-columns: 1fr;
    }
}

.cd-col-right[b-8qy4ubj0o0] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
}

.cd-col-left[b-8qy4ubj0o0] {
    min-width: 0;
}

.cd-section[b-8qy4ubj0o0] {
    padding: 12px 14px;
    border: 1px solid #e3e6eb;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
    transition: background 150ms ease, border-color 150ms ease;
}

.cd-section.section-editing[b-8qy4ubj0o0] {
    background: rgba(0, 168, 150, 0.04);
    border-color: rgba(0, 168, 150, 0.18);
}

.cd-section-hdr[b-8qy4ubj0o0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 8px;
    flex-wrap: wrap;
    gap: 8px;
}

.cd-section-hdr h3[b-8qy4ubj0o0] {
    font-size: 12px;
    font-weight: 700;
    color: #0a3d62;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin: 0;
}

.cd-section-actions[b-8qy4ubj0o0] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.cd-act-btn[b-8qy4ubj0o0] {
    background: transparent;
    border: 1px solid #d1dce8;
    color: #4a5568;
    font-size: 11px;
    font-weight: 500;
    padding: 4px 10px;
    border-radius: 5px;
    cursor: pointer;
    transition: all 150ms ease;
}

.cd-act-btn:hover[b-8qy4ubj0o0] {
    background: #f7f9fc;
    color: #1a1d2e;
    border-color: #0a3d62;
}

.cd-act-btn.primary[b-8qy4ubj0o0] {
    background: #00a896;
    border-color: #00a896;
    color: #fff;
}

.cd-act-btn.primary:hover[b-8qy4ubj0o0] {
    background: #00a896;
    filter: brightness(1.08);
}

.cd-rows[b-8qy4ubj0o0] {
    display: flex;
    flex-direction: column;
}

.cd-validation[b-8qy4ubj0o0] {
    margin-top: 12px;
}

/* Compliance-detail row — Brett POC inner-row markup. CSS grid gives a fixed
   label vs value proportion regardless of caption length. Brett's POC uses
   42% for the label column. (LW+CL 28.04.26) */
.cd-row[b-8qy4ubj0o0] {
    display: grid;
    grid-template-columns: minmax(120px, 42%) 1fr;
    gap: 12px;
    padding: 5px 8px;
    align-items: center;
    min-height: 28px;
    position: relative;
    border-radius: 6px;
    transition: background 150ms ease, box-shadow 150ms ease;
}

.cd-row.row-editing[b-8qy4ubj0o0] {
    background: rgba(0, 168, 150, 0.06);
    box-shadow: inset 2px 0 0 rgba(0, 168, 150, 0.5);
}

.cd-label[b-8qy4ubj0o0] {
    font-size: 12px;
    color: #94a3b8;
}

.cd-value[b-8qy4ubj0o0] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.cd-text[b-8qy4ubj0o0] {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 14px;
    color: #111827;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

.cd-text--muted[b-8qy4ubj0o0] {
    color: #9ca3af;
    font-style: italic;
}

.cd-pencil[b-8qy4ubj0o0] {
    background: none;
    border: none;
    cursor: pointer;
    color: #94a3b8;
    font-size: 12px;
    padding: 0 4px;
    margin-left: 4px;
    opacity: 0;
    transition: opacity 150ms ease, color 150ms ease;
    flex-shrink: 0;
}

.cd-row:hover .cd-pencil[b-8qy4ubj0o0] {
    opacity: 1;
}

.cd-pencil:hover[b-8qy4ubj0o0] {
    color: #0a3d62;
}

.cd-pencil:focus-visible[b-8qy4ubj0o0] {
    opacity: 1;
    outline: 2px solid #1a4b8c;
    outline-offset: 2px;
}

/* Hide pencil while the section is in edit mode — Brett POC §3. The inline
   editors replace the read-only spans, so the row-level pencil would just
   sit there clutter. */
.cd-section.section-editing .cd-pencil[b-8qy4ubj0o0] {
    display: none;
}

/* Action-button row inside Compliance Review (Start New / View / Revert) */
.cd-actions-row[b-8qy4ubj0o0] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    width: 100%;
    padding: 8px 0 0 0;
}
/* /Components/Pages/Entities/Dashboard/Blocks/AlertsDrawer.razor.rz.scp.css */
.ad-kpis[b-2ni4o0qo9k] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-bottom: 16px;
}

.ad-kpi[b-2ni4o0qo9k] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 10px 12px;
}

.ad-kpi-label[b-2ni4o0qo9k] {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #64748b;
}

.ad-kpi-val[b-2ni4o0qo9k] {
    font-size: 24px;
    font-weight: 800;
    margin-top: 4px;
    letter-spacing: -0.01em;
}

.ad-table[b-2ni4o0qo9k] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

.ad-table thead th[b-2ni4o0qo9k] {
    padding: 8px 10px;
    text-align: left;
    font-weight: 700;
    color: #64748b;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    border-bottom: 2px solid #e2e8f0;
    background: #f8fafc;
    white-space: nowrap;
}

.ad-table tbody td[b-2ni4o0qo9k] {
    padding: 7px 10px;
    border-bottom: 1px solid #e2e8f0;
    vertical-align: top;
}

.ad-table tbody tr:last-child td[b-2ni4o0qo9k] {
    border-bottom: none;
}

.ad-wrap[b-2ni4o0qo9k] {
    white-space: normal;
    color: #1a1d2e;
    line-height: 1.4;
}

.ad-badge[b-2ni4o0qo9k] {
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 4px;
    letter-spacing: 0.04em;
    white-space: nowrap;
}

.ad-empty[b-2ni4o0qo9k] {
    padding: 24px;
    text-align: center;
    color: #64748b;
    font-size: 12px;
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
}
/* /Components/Pages/Entities/Dashboard/Blocks/ComplianceBlock.razor.rz.scp.css */
.cr-head[b-ami3x83iai] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 10px 15px 6px;
}

.cr-head-text[b-ami3x83iai] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.cr-risk-band[b-ami3x83iai] {
    font-size: 14px;
    font-weight: 800;
    letter-spacing: -0.01em;
}

.cr-risk-sub[b-ami3x83iai] {
    font-size: 11px;
    color: #64748b;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.cr-rows[b-ami3x83iai] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2px 18px;
    padding: 8px 15px 10px;
    margin-top: 2px;
    border-top: 1px dashed #e2e8f0;
    padding-top: 10px;
}

.cr-row[b-ami3x83iai] {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    padding: 4px 0;
    font-size: 11px;
    border-bottom: 1px solid #eef2f6;
}

.cr-row:last-child[b-ami3x83iai],
.cr-row:nth-last-child(2)[b-ami3x83iai] {
    border-bottom: none;
}

.cr-key[b-ami3x83iai] {
    color: #64748b;
    white-space: nowrap;
}

.cr-val[b-ami3x83iai] {
    color: #1a1d2e;
    font-weight: 500;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
}
/* /Components/Pages/Entities/Dashboard/Blocks/ComplianceDetailDrawer.razor.rz.scp.css */
.cd-kpis[b-75exyd3asy] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin-bottom: 16px;
}

.cd-kpi[b-75exyd3asy] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 10px 12px;
}

.cd-kpi-label[b-75exyd3asy] {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #64748b;
}

.cd-kpi-val[b-75exyd3asy] {
    font-size: 20px;
    font-weight: 800;
    margin-top: 4px;
    letter-spacing: -0.01em;
}

.cd-kpi-muted[b-75exyd3asy] {
    color: #94a3b8;
}

.cd-section[b-75exyd3asy] {
    font-size: 12px;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin: 18px 0 8px;
}

.cd-table[b-75exyd3asy] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

.cd-table td[b-75exyd3asy] {
    padding: 7px 10px;
    border-bottom: 1px solid #e2e8f0;
}

.cd-table tr:last-child td[b-75exyd3asy] {
    border-bottom: none;
}

.cd-table .cd-k[b-75exyd3asy] {
    width: 40%;
    color: #64748b;
}

.cd-badge[b-75exyd3asy] {
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 4px;
    letter-spacing: 0.04em;
}

.cd-stub[b-75exyd3asy] {
    padding: 18px;
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    font-size: 12px;
    color: #64748b;
    line-height: 1.5;
}
/* /Components/Pages/Entities/Dashboard/Blocks/CustomFieldsBlock.razor.rz.scp.css */
/* LW+CL:02.07.26 #421 — style the key/value list to match WS dashboard tile conventions */
.dash-kv-list[b-mfr9r4vwsl] {
    margin: 0;
    padding: 0;
}

.dash-kv-list dt[b-mfr9r4vwsl] {
    font-size: 0.72rem;
    font-weight: 500;
    color: #6c757d;
    margin-top: 0.5rem;
    margin-bottom: 2px;
    line-height: 1.2;
}

.dash-kv-list dt:first-of-type[b-mfr9r4vwsl] {
    margin-top: 0;
}

.dash-kv-list dd[b-mfr9r4vwsl] {
    margin: 0;
    font-size: 0.85rem;
    font-weight: 400;
    color: #212529;
    line-height: 1.3;
    word-break: break-word;
}
/* /Components/Pages/Entities/Dashboard/Blocks/DocumentsBlock.razor.rz.scp.css */
/* Styles in site.css — card-footer-bar, card-footer-link */
/* /Components/Pages/Entities/Dashboard/Blocks/EchelonInboxDrawer.razor.rz.scp.css */
.eb-kpis[b-k3yhvz5cz8] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-bottom: 16px;
}

.eb-kpi[b-k3yhvz5cz8] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 10px 12px;
}

.eb-kpi-label[b-k3yhvz5cz8] {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #64748b;
}

.eb-kpi-val[b-k3yhvz5cz8] {
    font-size: 24px;
    font-weight: 800;
    margin-top: 4px;
    letter-spacing: -0.01em;
}

.eb-kpi-muted[b-k3yhvz5cz8] {
    color: #94a3b8;
}

.eb-table[b-k3yhvz5cz8] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

.eb-table thead th[b-k3yhvz5cz8] {
    padding: 8px 10px;
    text-align: left;
    font-weight: 700;
    color: #64748b;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    border-bottom: 2px solid #e2e8f0;
    background: #f8fafc;
    white-space: nowrap;
}

.eb-table tbody td[b-k3yhvz5cz8] {
    padding: 7px 10px;
    border-bottom: 1px solid #e2e8f0;
    vertical-align: top;
    color: #1a1d2e;
}

.eb-table tbody tr:last-child td[b-k3yhvz5cz8] {
    border-bottom: none;
}

.eb-wrap[b-k3yhvz5cz8] {
    white-space: normal;
    line-height: 1.4;
}

.eb-preview[b-k3yhvz5cz8] {
    color: #64748b;
    max-width: 380px;
}

.eb-badge[b-k3yhvz5cz8] {
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 4px;
    letter-spacing: 0.04em;
    white-space: nowrap;
}

.eb-badge-unread[b-k3yhvz5cz8] {
    background: #e0f7f3;
    color: #0a8a80;
}

.eb-badge-read[b-k3yhvz5cz8] {
    background: #f1f5f9;
    color: #64748b;
}

.eb-empty[b-k3yhvz5cz8] {
    padding: 24px;
    text-align: center;
    color: #64748b;
    font-size: 12px;
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
}
/* /Components/Pages/Entities/Dashboard/Blocks/EngagementNotesBlock.razor.rz.scp.css */
/* Styles in site.css — card-footer-bar, card-footer-link */
/* /Components/Pages/Entities/Dashboard/Blocks/KeyDatesBlock.razor.rz.scp.css */
/* Styles in site.css — card-footer-bar, card-footer-link */
/* /Components/Pages/Entities/Dashboard/Blocks/NotesBlock.razor.rz.scp.css */
.nb-body[b-p88vmdiax9] {
    overflow: hidden;
}

.nb-list[b-p88vmdiax9] {
    padding: 6px 12px 10px;
    overflow-y: auto;
}

.nb-note[b-p88vmdiax9] {
    padding: 6px 0;
    border-bottom: 1px solid #eef2f6;
    cursor: pointer;
}

.nb-note:last-child[b-p88vmdiax9] {
    border-bottom: none;
}

.nb-note:hover[b-p88vmdiax9] {
    background: #f8fafc;
}

.nb-note-hdr[b-p88vmdiax9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    margin-bottom: 3px;
}

.nb-note-type[b-p88vmdiax9] {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #0a3d62;
}

.nb-note-date[b-p88vmdiax9] {
    font-size: 10px;
    color: #64748b;
    margin-left: 6px;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.nb-note-text[b-p88vmdiax9] {
    font-size: 11px;
    color: #334155;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.nb-unread-dot[b-p88vmdiax9] {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #0a8a80;
    margin-left: 6px;
    vertical-align: middle;
}

.nb-empty[b-p88vmdiax9],
.nb-stub[b-p88vmdiax9] {
    padding: 20px 16px;
    text-align: center;
    color: #64748b;
    font-size: 12px;
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    margin: 12px;
    line-height: 1.5;
}
/* /Components/Pages/Entities/Dashboard/Blocks/RelationshipsBlock.razor.rz.scp.css */
/* Styles in site.css — card-footer-bar, card-footer-link */
/* /Components/Pages/Entities/Dashboard/Blocks/TaskSummaryBlock.razor.rz.scp.css */
/* Styles in site.css — card-footer-bar, card-footer-link */
/* /Components/Pages/Entities/Dashboard/Blocks/UBODashboardBlock.razor.rz.scp.css */
[b-7a932bddl0] .dash-kpi-label {
    white-space: nowrap;
}

.ubo-tile-error[b-7a932bddl0] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 12px;
    margin-bottom: 10px;
    background: rgba(201, 124, 0, 0.09);
    border: 1px solid rgba(201, 124, 0, 0.25);
    border-radius: 8px;
}

.ubo-tile-error-icon[b-7a932bddl0] {
    color: #c97c00;
    font-size: 18px;
    line-height: 1.2;
    flex-shrink: 0;
}

.ubo-tile-error-title[b-7a932bddl0] {
    font-weight: 700;
    color: #8a5a00;
    margin-bottom: 2px;
}

.ubo-tile-error-msg[b-7a932bddl0] {
    font-size: 12px;
    color: #6b7280;
    line-height: 1.35;
}
/* /Components/Pages/Entities/Dashboard/EntityDashboard.razor.rz.scp.css */
.razorpagemain[b-ouzph1zl2r] {
    overflow-y: auto;
    background: #e8eaed !important;
    box-shadow: none !important;
    border: none !important;
    min-height: 400px;
}

/* LW+CL 30.04.26 — Brett POC `hdr-avatar`. Small entity image at the start
   of the header bar; image when EntityImageBytes is loaded, initials as
   fallback. The larger 70px avatar in EntityProfile is intentional repetition
   per the POC design. */
.dash-header-avatar[b-ouzph1zl2r] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #ffffff;
    border: 1px solid #cbd5e1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    color: #0a3d62;
    flex-shrink: 0;
    overflow: hidden;
    margin-right: 6px;
}

.dash-header-avatar img[b-ouzph1zl2r] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Echelon inbox bell — appears in the entity dashboard header when
   AppState.IsEchelon is true. Clicking opens EchelonInboxDrawer. */
.dash-echelon-bell[b-ouzph1zl2r] {
    position: relative;
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #0a3d62;
    margin-left: 6px;
    transition: box-shadow 0.12s ease, transform 0.12s ease;
}

.dash-echelon-bell:hover[b-ouzph1zl2r] {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
    transform: translateY(-1px);
}

.dash-echelon-bell:focus-visible[b-ouzph1zl2r] {
    outline: 2px solid #0a3d62;
    outline-offset: 2px;
}

.dash-echelon-bell .dx-icon-email[b-ouzph1zl2r] {
    font-size: 16px;
}

/* LW+CL 12.06.26 — Reg Deadlines chip: per-bucket coloured count spans */
.dash-pill-reg-count[b-ouzph1zl2r] { font-size: 10px; font-weight: 600; }
.dash-pill-reg-overdue[b-ouzph1zl2r] { color: #dc2626; }
.dash-pill-reg-urgent[b-ouzph1zl2r]  { color: #d97706; }
.dash-pill-reg-soon[b-ouzph1zl2r]    { color: #2563eb; }
.dash-pill-reg-later[b-ouzph1zl2r]   { color: #15803d; }

/* Dismiss button + morning briefing toast */
.dash-pill-dismiss[b-ouzph1zl2r] {
	position: absolute;
	right: 6px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 13px;
	line-height: 1;
	color: #92400e;
	opacity: 0.6;
	cursor: pointer;
}

.dash-pill-dismiss:hover[b-ouzph1zl2r] {
	opacity: 1;
}

.dash-reg-toast[b-ouzph1zl2r] {
	position: fixed;
	top: 80px;
	right: 24px;
	background: linear-gradient(135deg, #0a3d62, #0a8a80);
	color: #ffffff;
	padding: 14px 42px 14px 18px;
	border-radius: 10px;
	max-width: 300px;
	z-index: 5000;
	cursor: pointer;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
	animation: dash-toast-in-b-ouzph1zl2r 0.3s ease forwards;
}

@keyframes dash-toast-in-b-ouzph1zl2r {
	from { transform: translateX(320px); opacity: 0; }
	to   { transform: translateX(0);     opacity: 1; }
}

.dash-reg-toast-close[b-ouzph1zl2r] {
	position: absolute;
	top: 8px;
	right: 10px;
	background: rgba(255, 255, 255, 0.15);
	border: none;
	color: #ffffff;
	border-radius: 50%;
	width: 22px;
	height: 22px;
	font-size: 14px;
	line-height: 22px;
	text-align: center;
	cursor: pointer;
	padding: 0;
}

.dash-reg-toast-close:hover[b-ouzph1zl2r] {
	background: rgba(255, 255, 255, 0.3);
}

.dash-reg-toast-title[b-ouzph1zl2r] {
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	opacity: 0.8;
	margin-bottom: 4px;
}

.dash-reg-toast-body[b-ouzph1zl2r] {
	font-size: 13px;
	line-height: 1.45;
}

.dash-echelon-bell-badge[b-ouzph1zl2r] {
    position: absolute;
    top: -4px;
    right: -4px;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    background: #0a8a80;
    color: #ffffff;
    font-size: 10px;
    font-weight: 700;
    line-height: 18px;
    border-radius: 9px;
    text-align: center;
    letter-spacing: -0.02em;
}
/* /Components/Pages/Entities/Dashboard/EntityImage.razor.rz.scp.css */
.profile-image[b-k4nm83z3el] {
    width: 200px;
    height: 200px;
    object-fit: cover;
    border-radius: 50%;
    margin: 0 auto;
    border: 1px solid grey;
}
/* /Components/Pages/Entities/Dashboard/FundDashboard.razor.rz.scp.css */
/* LG+CL 06.07.26 — Scoped styles for FundDashboard.razor (fd-* prefix).
   Global dash-kpi-* and card chrome come from wwwroot/css/site.css.
   Bootstrap card/card-header/card-body used for card frame. */

/* ─── Loading placeholder ─────────────────────────────────────────────────── */

.fd-loading[b-b94o62dk6m] {
    padding: 32px 20px;
    text-align: center;
    color: #6b7280;
    font-size: 14px;
}

/* ─── Type / status strip ─────────────────────────────────────────────────── */

.fd-type-strip[b-b94o62dk6m] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 10px 0 12px;
}

.fd-badge[b-b94o62dk6m] {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.02em;
    border: 1px solid transparent;
}

.fd-badge-open[b-b94o62dk6m] {
    background: rgba(26, 138, 58, 0.1);
    color: #15803d;
    border-color: rgba(26, 138, 58, 0.25);
}

.fd-badge-closed[b-b94o62dk6m] {
    background: rgba(10, 61, 98, 0.1);
    color: #0a3d62;
    border-color: rgba(10, 61, 98, 0.2);
}

.fd-badge-type[b-b94o62dk6m] {
    background: rgba(107, 114, 128, 0.1);
    color: #374151;
    border-color: rgba(107, 114, 128, 0.2);
}

.fd-badge-currency[b-b94o62dk6m] {
    background: rgba(0, 168, 150, 0.1);
    color: #00756b;
    border-color: rgba(0, 168, 150, 0.2);
}

.fd-badge-date[b-b94o62dk6m] {
    background: #f3f4f6;
    color: #6b7280;
    border-color: #e5e7eb;
}

.fd-badge-status-active[b-b94o62dk6m] {
    background: rgba(26, 138, 58, 0.1);
    color: #15803d;
    border-color: rgba(26, 138, 58, 0.25);
}

.fd-badge-status-liquidating[b-b94o62dk6m] {
    background: rgba(201, 124, 0, 0.1);
    color: #92400e;
    border-color: rgba(201, 124, 0, 0.2);
}

.fd-badge-status-closed[b-b94o62dk6m] {
    background: rgba(217, 48, 37, 0.09);
    color: #991b1b;
    border-color: rgba(217, 48, 37, 0.2);
}

/* ─── KPI strip modifiers ─────────────────────────────────────────────────── */

/* Narrows the grid slightly for the 6-tile fund strip */
.fd-kpi-grid[b-b94o62dk6m] {
    grid-template-columns: repeat(6, 1fr);
    margin-bottom: 14px;
}

.fd-kpi-muted[b-b94o62dk6m] {
    color: #9ca3af !important;
    font-size: 11px;
}

.fd-chg-pos[b-b94o62dk6m] {
    color: #15803d;
    font-size: 11px;
    font-weight: 600;
}

.fd-chg-neg[b-b94o62dk6m] {
    color: #dc2626;
    font-size: 11px;
    font-weight: 600;
}

.fd-status-text[b-b94o62dk6m] {
    font-size: 18px !important;
    font-weight: 700;
}

/* ─── Content card grid ───────────────────────────────────────────────────── */

.fd-content-grid[b-b94o62dk6m] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.fd-content-card[b-b94o62dk6m] {
    min-width: 0;
}

.fd-content-card-full[b-b94o62dk6m] {
    grid-column: 1 / -1;
}

.fd-content-body[b-b94o62dk6m] {
    padding: 14px 16px;
    min-height: 80px;
}

/* ─── Empty state ─────────────────────────────────────────────────────────── */

.fd-stub[b-b94o62dk6m] {
    font-size: 13px;
    color: #9ca3af;
    font-style: italic;
}

.fd-stub-reason[b-b94o62dk6m] {
    font-size: 11px;
    color: #d1d5db;
    margin-top: 4px;
}

/* ─── Vertical bar chart (NAV history) ───────────────────────────────────── */

.fd-bar-chart[b-b94o62dk6m] {
    display: flex;
    align-items: flex-end;
    gap: 4px;
    height: 110px;
    padding-bottom: 22px; /* room for labels */
    position: relative;
}

.fd-bar-col[b-b94o62dk6m] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    position: relative;
}

.fd-bar-fill[b-b94o62dk6m] {
    width: 100%;
    background: linear-gradient(180deg, #0a8a80 0%, #0a3d62 100%);
    border-radius: 3px 3px 0 0;
    min-height: 4px;
    transition: height 0.25s ease;
}

.fd-bar-label[b-b94o62dk6m] {
    position: absolute;
    bottom: -20px;
    font-size: 9px;
    color: #9ca3af;
    white-space: nowrap;
}

.fd-chart-note[b-b94o62dk6m] {
    font-size: 10px;
    color: #9ca3af;
    margin-top: 8px;
    font-style: italic;
}

/* ─── Horizontal bar chart (Sub/Red activity) ─────────────────────────────── */

.fd-hbar-list[b-b94o62dk6m] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.fd-hbar-row[b-b94o62dk6m] {
    display: grid;
    grid-template-columns: 36px 1fr auto;
    align-items: center;
    gap: 8px;
}

.fd-hbar-label[b-b94o62dk6m] {
    font-size: 10px;
    font-weight: 600;
    color: #6b7280;
    text-align: right;
}

.fd-hbar-track[b-b94o62dk6m] {
    background: #f3f4f6;
    border-radius: 999px;
    height: 10px;
    overflow: hidden;
}

.fd-hbar-fill[b-b94o62dk6m] {
    height: 100%;
    background: linear-gradient(90deg, #0a3d62, #0a8a80);
    border-radius: 999px;
    min-width: 4px;
    transition: width 0.25s ease;
}

.fd-hbar-actual[b-b94o62dk6m] {
    font-size: 10px;
    color: #6b7280;
    white-space: nowrap;
}

/* ─── Data table (Accruals / Closings) ────────────────────────────────────── */

.fd-data-table[b-b94o62dk6m] {
    width: 100%;
    font-size: 12px;
    border-collapse: collapse;
}

.fd-data-table th[b-b94o62dk6m] {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #6b7280;
    padding: 0 6px 6px;
    border-bottom: 1px solid #e5e7eb;
    white-space: nowrap;
}

.fd-data-table td[b-b94o62dk6m] {
    padding: 5px 6px;
    border-bottom: 1px solid #f3f4f6;
    color: #374151;
    vertical-align: middle;
}

.fd-data-table tbody tr:last-child td[b-b94o62dk6m] {
    border-bottom: none;
}

.fd-data-table tbody tr:hover td[b-b94o62dk6m] {
    background: #f9fafb;
}

.fd-money[b-b94o62dk6m] {
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.01em;
    white-space: nowrap;
}

/* ─── Key-value grid (Economics / Fund Details) ───────────────────────────── */

.fd-kv-grid[b-b94o62dk6m] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.fd-kv-row[b-b94o62dk6m] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 8px;
    padding: 5px 0;
    border-bottom: 1px solid #f3f4f6;
}

.fd-kv-row:last-child[b-b94o62dk6m] {
    border-bottom: none;
}

.fd-kv-label[b-b94o62dk6m] {
    font-size: 11px;
    color: #6b7280;
    white-space: nowrap;
    flex-shrink: 0;
}

.fd-kv-val[b-b94o62dk6m] {
    font-size: 12px;
    font-weight: 600;
    color: #0a3d62;
    text-align: right;
    word-break: break-word;
}

.fd-mono[b-b94o62dk6m] {
    font-family: "Courier New", Courier, monospace;
    font-size: 11px;
    letter-spacing: 0.03em;
}

/* ─── Tab strip ───────────────────────────────────────────────────────────── */

.fd-tab-bar[b-b94o62dk6m] {
    display: flex;
    gap: 2px;
    border-bottom: 2px solid #e5e7eb;
    margin-bottom: 14px;
}

.fd-tab[b-b94o62dk6m] {
    background: none;
    border: none;
    padding: 8px 16px;
    font-size: 13px;
    font-weight: 500;
    color: #6b7280;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    transition: color 0.15s, border-color 0.15s;
}

.fd-tab:hover[b-b94o62dk6m] {
    color: #0a3d62;
}

.fd-tab-act[b-b94o62dk6m] {
    color: #0a3d62;
    border-bottom-color: #0a8a80;
    font-weight: 600;
}

/* ─── Single-column content variant ──────────────────────────────────────── */

.fd-content-single[b-b94o62dk6m] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* ─── Info / stub banner ──────────────────────────────────────────────────── */

.fd-stub-banner[b-b94o62dk6m] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 8px;
    padding: 12px 14px;
    font-size: 12px;
    color: #15803d;
}

.fd-stub-icon[b-b94o62dk6m] {
    font-size: 16px;
    flex-shrink: 0;
    line-height: 1.4;
}

/* ─── KV warning colour (unposted accruals) ──────────────────────────────── */

.fd-kv-warn[b-b94o62dk6m] {
    color: #b45309 !important;
}

/* ─── Deployment progress bar (CE Performance tab) ──────────────────────── */

.fd-deploy-bar-wrap[b-b94o62dk6m] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 14px 18px;
    margin-bottom: 14px;
}

.fd-deploy-bar-row[b-b94o62dk6m] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 6px;
}

.fd-deploy-label[b-b94o62dk6m] {
    font-size: 11px;
    font-weight: 600;
    color: #6b7280;
}

.fd-deploy-pct[b-b94o62dk6m] {
    font-size: 13px;
    font-weight: 700;
    color: #0a3d62;
}

.fd-deploy-track[b-b94o62dk6m] {
    background: #f3f4f6;
    border-radius: 999px;
    height: 12px;
    overflow: hidden;
}

.fd-deploy-fill[b-b94o62dk6m] {
    height: 100%;
    border-radius: 999px;
    min-width: 4px;
    transition: width 0.3s ease;
}

.fd-deploy-called[b-b94o62dk6m] {
    background: linear-gradient(90deg, #0a3d62, #0a8a80);
}

.fd-deploy-dist[b-b94o62dk6m] {
    background: linear-gradient(90deg, #15803d, #22c55e);
}

.fd-deploy-legend[b-b94o62dk6m] {
    display: flex;
    justify-content: space-between;
    font-size: 10px;
    color: #9ca3af;
    margin-top: 4px;
}

/* ─── Investor table extras ───────────────────────────────────────────────── */

.fd-pct-sub[b-b94o62dk6m] {
    font-size: 10px;
    font-weight: 400;
    color: #9ca3af;
    margin-left: 4px;
}

.fd-kv-muted[b-b94o62dk6m] {
    color: #9ca3af;
    font-weight: 400;
}

/* ─── Responsive — collapse to single column below 900 px ────────────────── */

@media (max-width: 900px) {
    .fd-content-grid[b-b94o62dk6m] {
        grid-template-columns: 1fr;
    }

    .fd-kpi-grid[b-b94o62dk6m] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 600px) {
    .fd-kpi-grid[b-b94o62dk6m] {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* /Components/Pages/Entities/Dashboard/HeaderWorkflowDropdown.razor.rz.scp.css */
/* LW+CL 28.04.26 — Workflow dropdown in entity dashboard header (Brett POC §3) */

.hdr-workflow-btn[b-3mgsp39fpy] {
    font-size: 10px;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 10px;
    border: 1px solid rgba(10, 61, 98, 0.4);
    background: rgba(10, 61, 98, 0.10);
    color: #0a3d62;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: inherit;
    transition: background 0.15s;
}

.hdr-workflow-btn:hover[b-3mgsp39fpy] {
    background: rgba(10, 61, 98, 0.20);
}

.hdr-workflow-icon[b-3mgsp39fpy] {
    font-size: 12px;
    line-height: 1;
}

.hdr-workflow-chev[b-3mgsp39fpy] {
    font-size: 8px;
}

.hdr-workflow-menu[b-3mgsp39fpy] {
    min-width: 260px;
    padding: 6px 0;
}

.hdr-workflow-menu-title[b-3mgsp39fpy] {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 8px 12px 6px;
    color: #94a3b8;
}

.hdr-workflow-menu-item[b-3mgsp39fpy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 12px;
    cursor: pointer;
    transition: background 0.1s;
}

.hdr-workflow-menu-item:hover[b-3mgsp39fpy] {
    background: #f0f4f8;
}

.hdr-workflow-menu-item--soon .hdr-workflow-item-lbl[b-3mgsp39fpy] {
    color: #94a3b8;
}

.hdr-workflow-item-lbl[b-3mgsp39fpy] {
    font-size: 12px;
    font-weight: 600;
    color: #1a1d2e;
}

.hdr-workflow-item-badge[b-3mgsp39fpy] {
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #94a3b8;
    background: #e5e7eb;
    padding: 2px 6px;
    border-radius: 8px;
}
/* /Components/Pages/Entities/Dashboard/MasterEntity/FundAdminDashboard.razor.rz.scp.css */
/* LW+CL 21.04.26 — Master Entity Fund Admin dashboard variant.
   KPI tiles reuse .dash-kpi / .dash-kpi-* classes from wwwroot/css/site.css.
   Content cards reuse the .card / .card-header pattern shared with entity dashboard tiles
   (scoped globally under .grid-stack-item-content in site.css; we re-apply the same treatment
   without needing a GridStack wrapper). Keep this file scoped to layout + stub treatment only. */

.me-loading[b-f42x6jhzz2] {
    padding: 40px 24px;
    color: #64748b;
    font-size: 13px;
    text-align: center;
}

/* Hero row — 6 KPI tiles; override the 3-col default on .dash-kpi-grid */
[b-f42x6jhzz2] .me-kpi-hero-grid {
    grid-template-columns: repeat(6, 1fr);
    padding: 16px;
}

@media (max-width: 1400px) {
    [b-f42x6jhzz2] .me-kpi-hero-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

[b-f42x6jhzz2] .dash-kpi-sub {
    font-size: 11px;
    color: #64748b;
    margin-top: 4px;
}

[b-f42x6jhzz2] .me-kpi-muted { color: #94a3b8; }

[b-f42x6jhzz2] .me-kpi-nodata {
    color: #c97c00;
    font-style: italic;
}

[b-f42x6jhzz2] .me-kpi-chip {
    display: inline-block;
    margin-left: 6px;
    padding: 1px 6px;
    font-size: 9px;
    font-weight: 600;
    background: #f0f4f8;
    color: #64748b;
    border-radius: 8px;
    letter-spacing: 0.04em;
}

/* Content cards — match the entity dashboard .card / .card-header treatment.
   site.css defines .grid-stack-item-content .card; duplicate the core rules here because
   we render outside GridStack. Stylistic parity with the rest of the dashboard is the goal. */
.me-content-grid[b-f42x6jhzz2] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    padding: 0 16px 16px;
}

@media (max-width: 1200px) {
    .me-content-grid[b-f42x6jhzz2] { grid-template-columns: 1fr; }
}

.me-content-card[b-f42x6jhzz2] {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 4px 12px rgba(0, 0, 0, 0.04);
    overflow: hidden;
    min-height: 160px;
    display: flex;
    flex-direction: column;
    transition: box-shadow 0.18s, transform 0.18s;
}

.me-content-card:hover[b-f42x6jhzz2] {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08), 0 8px 24px rgba(0, 0, 0, 0.06);
}

.me-content-card-full[b-f42x6jhzz2] { grid-column: 1 / -1; }

[b-f42x6jhzz2] .me-content-card .card-header {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    color: #0a3d62;
    padding: 13px 16px 11px;
    background: #fff;
    border: none;
    position: relative;
}

[b-f42x6jhzz2] .me-content-card .card-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: #00a896;
}

[b-f42x6jhzz2] .me-content-card .card-header.hdr-risk::before { background: #00a896; }
[b-f42x6jhzz2] .me-content-card .card-header.hdr-tasks::before { background: #c97c00; }
[b-f42x6jhzz2] .me-content-card .card-header.hdr-alerts::before { background: #d93025; }
[b-f42x6jhzz2] .me-content-card .card-header.hdr-docs::before { background: #1a6fd4; }
[b-f42x6jhzz2] .me-content-card .card-header.hdr-rels::before { background: #0a3d62; }
[b-f42x6jhzz2] .me-content-card .card-header.hdr-finance::before { background: #1a8a3a; }

.me-content-body[b-f42x6jhzz2] {
    flex: 1;
    padding: 14px 18px 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 4px;
}

/* Data-bearing cards reset the centring; content flows from the top. */
.me-content-body-table[b-f42x6jhzz2],
.me-content-body-chart[b-f42x6jhzz2] {
    display: block;
    padding: 0;
    text-align: left;
    justify-content: flex-start;
    align-items: stretch;
}

.me-content-stub[b-f42x6jhzz2] {
    font-size: 14px;
    color: #c8d4e0;
    font-weight: 500;
}

.me-content-stub-reason[b-f42x6jhzz2] {
    font-size: 11px;
    color: #c97c00;
    font-style: italic;
    max-width: 360px;
}

/* Table rendering inside content cards — used by Debtors Aged, Fee Income Pipeline, etc. */
.me-content-body-table[b-f42x6jhzz2] {
    display: block;
    padding: 0;
    text-align: left;
}

.me-data-table[b-f42x6jhzz2] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

.me-data-table thead th[b-f42x6jhzz2] {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #64748b;
    padding: 8px 14px;
    border-bottom: 1px solid #e2e8f0;
    background: #f7f9fc;
    text-align: left;
}

.me-data-table tbody td[b-f42x6jhzz2] {
    padding: 8px 14px;
    border-bottom: 1px solid #f0f4f8;
    color: #1a1d2e;
}

.me-data-table tbody tr:last-child td[b-f42x6jhzz2] {
    border-bottom: none;
}

.me-data-table tbody tr:hover[b-f42x6jhzz2] {
    background: #f7f9fc;
}

.me-data-table .text-right[b-f42x6jhzz2] { text-align: right; }
.me-data-table .me-danger[b-f42x6jhzz2] { color: #d93025; font-weight: 600; }
.me-data-table .me-total[b-f42x6jhzz2] { font-weight: 700; color: #0a3d62; }

[b-f42x6jhzz2] .me-card-hdr-kpi {
    font-size: 10px;
    font-weight: 500;
    color: #94a3b8;
    text-transform: none;
    letter-spacing: 0;
    margin-left: 10px;
    font-style: normal;
}

.me-card-foot-note[b-f42x6jhzz2] {
    padding: 8px 14px 12px;
    font-size: 10px;
    color: #c97c00;
    font-style: italic;
    border-top: 1px solid #f0f4f8;
}

/* ═════════ Chart patterns ported from ws-fundadmin-dashboard-poc.html ═════════ */

/* Horizontal bar row — used by Jurisdiction, WiP, Portfolio, NAV Volume, Sub/Red */
.me-hbar-list[b-f42x6jhzz2] { padding: 4px 14px 10px; }
.me-hbar-row[b-f42x6jhzz2] { display: flex; align-items: center; gap: 10px; padding: 6px 0; border-bottom: 1px solid #f0f4f8; }
.me-hbar-row:last-child[b-f42x6jhzz2] { border-bottom: none; }
.me-hbar-label[b-f42x6jhzz2] { width: 140px; font-size: 11px; color: #4a5568; font-weight: 500; flex-shrink: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.me-hbar-track[b-f42x6jhzz2] { flex: 1; height: 16px; background: #f7f9fc; border-radius: 4px; overflow: hidden; position: relative; }
.me-hbar-fill[b-f42x6jhzz2] { height: 100%; border-radius: 4px; transition: width 0.4s ease; }
.me-hbar-actual[b-f42x6jhzz2] { width: 90px; font-size: 11px; font-weight: 600; color: #1a1d2e; text-align: right; font-family: monospace; flex-shrink: 0; }

/* Fill colours — align with existing dashboard accent system */
.me-hbar-fill.c-navy[b-f42x6jhzz2] { background: #0a3d62; }
.me-hbar-fill.c-green[b-f42x6jhzz2] { background: #1a8a3a; }
.me-hbar-fill.c-red[b-f42x6jhzz2] { background: #d93025; }
.me-hbar-fill.c-blue[b-f42x6jhzz2] { background: #1a6fd4; }
.me-hbar-fill.c-teal[b-f42x6jhzz2] { background: #00a896; }
.me-hbar-fill.c-purple[b-f42x6jhzz2] { background: #6b46c1; }
.me-hbar-fill.c-amber[b-f42x6jhzz2] { background: #c97c00; }

/* Vertical column bar chart — monthly actual vs budget */
.me-chart-bar-group[b-f42x6jhzz2] { display: flex; gap: 4px; align-items: flex-end; height: 140px; padding: 8px 14px 2px; }
.me-chart-col[b-f42x6jhzz2] { display: flex; flex-direction: column; align-items: center; flex: 1; gap: 4px; }
.me-chart-bars[b-f42x6jhzz2] { display: flex; gap: 2px; align-items: flex-end; height: 100%; width: 100%; }
.me-chart-bar[b-f42x6jhzz2] { flex: 1; border-radius: 3px 3px 0 0; min-width: 6px; transition: opacity 0.2s; cursor: default; position: relative; }
.me-chart-bar:hover[b-f42x6jhzz2] { opacity: 0.8; }
.me-chart-bar.actual[b-f42x6jhzz2] { background: #0a3d62; }
.me-chart-bar.budget[b-f42x6jhzz2] { background: #d1dce8; }
.me-chart-bar.current-month[b-f42x6jhzz2] { background: #6b46c1; }
.me-chart-col-label[b-f42x6jhzz2] { font-size: 9px; color: #94a3b8; }

.me-chart-legend[b-f42x6jhzz2] { display: flex; gap: 14px; padding: 8px 14px 10px; border-top: 1px solid #f0f4f8; margin-top: 4px; }
.me-chart-legend-item[b-f42x6jhzz2] { display: flex; align-items: center; gap: 5px; font-size: 10px; color: #94a3b8; }
.me-chart-legend-dot[b-f42x6jhzz2] { width: 8px; height: 8px; border-radius: 2px; flex-shrink: 0; }

/* Sub-KPI grid — used by NAV Performance */
.me-sub-kpi-grid[b-f42x6jhzz2] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; padding: 10px 14px; }
.me-sub-kpi-card[b-f42x6jhzz2] { padding: 10px 12px; background: #f7f9fc; border: 1px solid #e2e8f0; border-radius: 8px; text-align: center; }
.me-sub-kpi-card.alert[b-f42x6jhzz2] { background: rgba(217, 48, 37, 0.08); border-color: rgba(217, 48, 37, 0.2); }
.me-sub-kpi-label[b-f42x6jhzz2] { font-size: 10px; font-weight: 600; text-transform: uppercase; color: #94a3b8; letter-spacing: 0.06em; }
.me-sub-kpi-val[b-f42x6jhzz2] { font-size: 20px; font-weight: 800; margin-top: 3px; line-height: 1.1; }
.me-sub-kpi-val.c-navy[b-f42x6jhzz2] { color: #0a3d62; }
.me-sub-kpi-val.c-green[b-f42x6jhzz2] { color: #1a8a3a; }
.me-sub-kpi-val.c-red[b-f42x6jhzz2] { color: #d93025; }
.me-sub-kpi-val.c-blue[b-f42x6jhzz2] { color: #1a6fd4; }
.me-sub-kpi-val.c-purple[b-f42x6jhzz2] { color: #6b46c1; }
.me-sub-kpi-val.c-teal[b-f42x6jhzz2] { color: #00a896; }
.me-sub-kpi-val.c-muted[b-f42x6jhzz2] { color: #c8d4e0; font-weight: 300; }

/* Flow cards — used by Sub/Red (3 colourful cards at top) */
.me-flow-row[b-f42x6jhzz2] { display: flex; gap: 10px; padding: 10px 14px; }
.me-flow-card[b-f42x6jhzz2] { flex: 1; padding: 12px; border-radius: 8px; text-align: center; }
.me-flow-card.flow-in[b-f42x6jhzz2] { background: rgba(26, 138, 58, 0.09); border: 1px solid rgba(26, 138, 58, 0.15); }
.me-flow-card.flow-out[b-f42x6jhzz2] { background: rgba(217, 48, 37, 0.09); border: 1px solid rgba(217, 48, 37, 0.15); }
.me-flow-card.flow-net[b-f42x6jhzz2] { background: rgba(26, 111, 212, 0.09); border: 1px solid rgba(26, 111, 212, 0.15); }
.me-flow-label[b-f42x6jhzz2] { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; }
.me-flow-val[b-f42x6jhzz2] { font-size: 20px; font-weight: 800; line-height: 1.1; margin-top: 4px; }
.me-flow-sub[b-f42x6jhzz2] { font-size: 10px; color: #94a3b8; margin-top: 2px; }
.me-flow-in .me-flow-label[b-f42x6jhzz2], .me-flow-in .me-flow-val[b-f42x6jhzz2] { color: #1a8a3a; }
.me-flow-out .me-flow-label[b-f42x6jhzz2], .me-flow-out .me-flow-val[b-f42x6jhzz2] { color: #d93025; }
.me-flow-net .me-flow-label[b-f42x6jhzz2], .me-flow-net .me-flow-val[b-f42x6jhzz2] { color: #1a6fd4; }

/* Section label inside a card body */
.me-section-label[b-f42x6jhzz2] {
    font-size: 10px; font-weight: 700; text-transform: uppercase;
    letter-spacing: 0.08em; color: #94a3b8;
    padding: 4px 14px 2px;
}

/* Fund status badge — used in Fund Portfolio table */
[b-f42x6jhzz2] .me-badge {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
}
[b-f42x6jhzz2] .me-badge-active      { background: rgba(26,138,58,0.10); color: #1a8a3a; }
[b-f42x6jhzz2] .me-badge-closed      { background: rgba(100,116,139,0.12); color: #64748b; }
[b-f42x6jhzz2] .me-badge-liquidating { background: rgba(201,124,0,0.10); color: #c97c00; }
[b-f42x6jhzz2] .me-badge-terminated  { background: rgba(217,48,37,0.10); color: #d93025; }
/* /Components/Pages/Entities/Dashboard/MasterEntity/HeaderViewDropdown.razor.rz.scp.css */
/* LW+CL 21.04.26 — View-type dropdown in ME dashboard header */

.me-view-btn[b-0gmtp38kyy] {
    font-size: 10px;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 10px;
    border: 1px solid rgba(107, 70, 193, 0.4);
    background: rgba(107, 70, 193, 0.15);
    color: #6b46c1;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: inherit;
    transition: background 0.15s;
}

.me-view-btn.me-view-standard[b-0gmtp38kyy] { background: rgba(148, 163, 184, 0.15); border-color: rgba(148, 163, 184, 0.4); color: #64748b; }
.me-view-btn.me-view-tcspfirm[b-0gmtp38kyy] { background: rgba(0, 168, 150, 0.15); border-color: rgba(0, 168, 150, 0.4); color: #00a896; }
.me-view-btn.me-view-investmentfirm[b-0gmtp38kyy] { background: rgba(26, 111, 212, 0.15); border-color: rgba(26, 111, 212, 0.4); color: #1a6fd4; }
.me-view-btn.me-view-fundadmin[b-0gmtp38kyy] { background: rgba(107, 70, 193, 0.15); border-color: rgba(107, 70, 193, 0.4); color: #6b46c1; }

.me-view-chev[b-0gmtp38kyy] { font-size: 8px; }

.me-view-menu[b-0gmtp38kyy] {
    min-width: 220px;
    padding: 6px 0;
}

.me-view-menu-title[b-0gmtp38kyy] {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 8px 12px 6px;
    color: #94a3b8;
}

.me-view-menu-item[b-0gmtp38kyy] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    cursor: pointer;
    transition: background 0.1s;
}

.me-view-menu-item:hover[b-0gmtp38kyy] { background: #f0f4f8; }

.me-view-menu-item.active[b-0gmtp38kyy] { background: #f0f4f8; }

.me-view-dot[b-0gmtp38kyy] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.me-view-item-text[b-0gmtp38kyy] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.me-view-item-lbl[b-0gmtp38kyy] {
    font-size: 12px;
    font-weight: 600;
    color: #1a1d2e;
}

.me-view-item-desc[b-0gmtp38kyy] {
    font-size: 10px;
    color: #94a3b8;
}
/* /Components/Pages/Entities/Dashboard/MasterEntity/PeriodBar.razor.rz.scp.css */
/* LW+CL 21.04.26 — Period bar for Master Entity dashboards */

.me-period-bar[b-kamn0095lg] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    background: #fff;
    border-bottom: 1px solid #e2e8f0;
}

.me-period-lbl[b-kamn0095lg] {
    font-size: 11px;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.me-period-select[b-kamn0095lg] {
    min-width: 220px;
}

.me-period-right[b-kamn0095lg] {
    margin-left: auto;
    display: flex;
    gap: 4px;
    padding: 2px;
    background: #f0f4f8;
    border-radius: 6px;
}

.me-period-btn[b-kamn0095lg] {
    font-size: 11px;
    font-weight: 600;
    padding: 5px 12px;
    border-radius: 4px;
    border: none;
    background: transparent;
    color: #64748b;
    cursor: pointer;
    transition: all 0.15s;
    font-family: inherit;
}

.me-period-btn:hover[b-kamn0095lg] { color: #1a1d2e; }

.me-period-btn.act[b-kamn0095lg] {
    background: #fff;
    color: #0a3d62;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}
/* /Components/Pages/Entities/EntityWizard/EntityEditWizard.razor.rz.scp.css */
.entity-wizard-root[b-rlngcnug1b] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
}


.entity-wizard-root[b-rlngcnug1b]  .popup-form-layout,
.entity-wizard-root[b-rlngcnug1b]  .my-grid,
.entity-wizard-root[b-rlngcnug1b]  .my-grid-item,
.entity-wizard-root[b-rlngcnug1b]  .my-grid-item .dxbl-fl-ctrl.dxbl-fl-ctrl-nc {
    height: 100%;
    width: 100%;
}

.entity-wizard-root[b-rlngcnug1b]  .popup-form-layout > .dxbl-row {
    height: calc(100% - 80px);
}
/* /Components/Pages/Entities/EntityWizard/WizardSteps/EntitySecurity.razor.rz.scp.css */
.egs-container[b-jon9dc1k39] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.egs-search[b-jon9dc1k39] {
    flex-shrink: 0;
    margin-bottom: 4px;
}

.egs-list[b-jon9dc1k39] {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    flex: 1;
    min-height: 0;
    border: 1px solid #dee2e6;
    border-radius: 4px;
}

.egs-header[b-jon9dc1k39],
.egs-row[b-jon9dc1k39] {
    display: grid;
    grid-template-columns: 32px 1fr 60px;
    align-items: center;
    padding: 3px 10px;
    gap: 4px;
}

.egs-header[b-jon9dc1k39] {
    font-size: 0.78rem;
    font-weight: 600;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    border-bottom: 2px solid #dee2e6;
    background-color: #f8f9fa;
    position: sticky;
    top: 0;
    z-index: 1;
}

.egs-row[b-jon9dc1k39] {
    border-bottom: 1px solid #f0f0f0;
}

.egs-row:last-child[b-jon9dc1k39] {
    border-bottom: none;
}

.egs-row:hover[b-jon9dc1k39] {
    background-color: #f8f9fa;
}

.egs-check[b-jon9dc1k39] {
    flex-shrink: 0;
}

.egs-col-name[b-jon9dc1k39] {
    font-size: 0.88rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.egs-col-count[b-jon9dc1k39] {
    font-size: 0.82rem;
    color: #6c757d;
    text-align: right;
}

.egs-empty[b-jon9dc1k39] {
    padding: 20px;
    text-align: center;
    color: #6c757d;
    font-style: italic;
}

.egs-validation[b-jon9dc1k39] {
    color: #dc3545;
    font-size: 0.85rem;
    padding: 4px 0;
}
/* /Components/Pages/Entities/EntityWorkFlow.razor.rz.scp.css */
/* Shared styles (theme-agnostic) */
[b-lsm9fo6r0g] .workflow-accordion {
	width: 100% !important;
}

[b-lsm9fo6r0g] .workflow-accordion .Completed {
	background-color: white;
	color: green;
}

/* ===== Bootstrap-external theme ===== */
[b-lsm9fo6r0g] .workflow-bootstrap .dxbl-group > .dxbl-group-header::before {
	background-color: #00d9c5 !important;
	color: black;
	opacity: 1 !important;
}

[b-lsm9fo6r0g] .workflow-bootstrap .dxbl-group > .dxbl-group-header::after {
	background-color: darkblue !important;
	color: black;
	opacity: 1 !important;
}

[b-lsm9fo6r0g] .workflow-bootstrap .dxbl-accordion-group .dxbl-accordion-item:not(.dxbl-accordion-group):not(.dxbl-disabled):not(:disabled).dxbl-active, .dxbl-accordion .dxbl-accordion-group .dxbl-accordion-item:not(.dxbl-accordion-group):not(.dxbl-disabled):not(:disabled):active[b-lsm9fo6r0g], .dxbl-accordion .dxbl-accordion-group .dxbl-accordion-item:not(.dxbl-accordion-group):not(.dxbl-disabled):not(:disabled):hover[b-lsm9fo6r0g] {
	background-color: #00b894 !important;
	color: white;
	opacity: 1 !important;
}

/* ===== Fluent theme ===== */
/* Same values for now — adjust here if Fluent accordion renders differently */
[b-lsm9fo6r0g] .workflow-fluent .dxbl-group > .dxbl-group-header::before {
	background-color: #00d9c5 !important;
	color: black;
	opacity: 1 !important;
}

[b-lsm9fo6r0g] .workflow-fluent .dxbl-group > .dxbl-group-header::after {
	background-color: darkblue !important;
	color: black;
	opacity: 1 !important;
}

[b-lsm9fo6r0g] .workflow-fluent .dxbl-accordion-group .dxbl-accordion-item:not(.dxbl-accordion-group):not(.dxbl-disabled):not(:disabled).dxbl-active, .dxbl-accordion .dxbl-accordion-group .dxbl-accordion-item:not(.dxbl-accordion-group):not(.dxbl-disabled):not(:disabled):active[b-lsm9fo6r0g], .dxbl-accordion .dxbl-accordion-group .dxbl-accordion-item:not(.dxbl-accordion-group):not(.dxbl-disabled):not(:disabled):hover[b-lsm9fo6r0g] {
	background-color: #00b894 !important;
	color: white;
	opacity: 1 !important;
}
/* /Components/Pages/Entities/KeyDates/EntityKeyDates.razor.rz.scp.css */
/* Drill-down KPI summary cards */
.drill-kpis[b-yh0a0cycu6] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    padding: 8px 0 4px;
    flex-shrink: 0;
    background: #fff;
}

.dk[b-yh0a0cycu6] {
    background: transparent;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 8px 10px;
}

.dk-label[b-yh0a0cycu6] {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #94a3b8;
}

.dk-val[b-yh0a0cycu6] {
    font-size: 18px;
    font-weight: 800;
    margin-top: 2px;
}

.dk-navy[b-yh0a0cycu6]  { color: #0a3d62; }
.dk-red[b-yh0a0cycu6]   { color: #d93025; }
.dk-amber[b-yh0a0cycu6] { color: #c97c00; }
.dk-green[b-yh0a0cycu6] { color: #1a8a3a; }

/* /Components/Pages/Entities/Notes/Notes.razor.rz.scp.css */
/* Drill-down KPI styles are in site.css (scoped CSS can't reach DxPopup body) */
/* /Components/Pages/Entities/Relationships/EntityRelationships.razor.rz.scp.css */

li.right[b-l5eb8zcfbl] {
	float: right;
}

.parent-region-row[b-l5eb8zcfbl] {
	background-color: color-mix(in srgb, var(--bs-gray-300, #dee2e6), transparent 50%) !important;
}

td.loss-threshold[b-l5eb8zcfbl] {
	background-color: rgba(245, 198, 203, 0.5);
}

td.win-threshold[b-l5eb8zcfbl] {
	background-color: rgba(198, 245, 203, 0.5);
}

/* Drill-down KPI styles are in site.css (scoped CSS can't reach DxPopup body) */
/* /Components/Pages/Entities/Relationships/EntityUBO.razor.rz.scp.css */
.ubo-node-link[b-qft6d3epll] {
    transition: background-color 0.12s ease, border-color 0.12s ease;
}

.ubo-node-link:hover[b-qft6d3epll] {
    background-color: #eef6ff !important;
    border-color: #0d6efd !important;
}
/* /Components/Pages/GovernedTransactions/ComplianceReview/Components/CrActionBar.razor.rz.scp.css */
/* ── RRC Action Bar — matches GTC action bar pattern ── */
.rrc-action-bar[b-7kl9pjb763] {
    padding: .9rem 0;
    display: flex;
    gap: .6rem;
    align-items: center;
    flex-wrap: wrap;
    border-top: 1px solid var(--gtc-border-light);
    margin-top: .9rem;
}

.rrc-action-context[b-7kl9pjb763] {
    margin-left: auto;
    font-size: .68rem;
    color: var(--gtc-text-light);
    font-weight: 500;
}

.rrc-btn[b-7kl9pjb763] {
    padding: .5rem 1.1rem;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: .8rem;
    font-weight: 600;
    transition: all .2s;
    font-family: inherit;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
}

.rrc-btn-primary[b-7kl9pjb763] { background: var(--gt-teal); color: white; }
.rrc-btn-primary:hover:not(:disabled)[b-7kl9pjb763] { background: #00c0ad; transform: translateY(-1px); }
.rrc-btn-danger[b-7kl9pjb763] { background: var(--gt-red); color: white; }
.rrc-btn-danger:hover:not(:disabled)[b-7kl9pjb763] { background: #c0392b; }
.rrc-btn-blocked[b-7kl9pjb763] { background: #f0f2f5; color: #bbb; border: 2px dashed #ddd; cursor: not-allowed; }
.rrc-btn:disabled[b-7kl9pjb763] { opacity: .5; cursor: not-allowed; }
.rrc-btn-cancel[b-7kl9pjb763] { background: #f5f5f5; color: #888; border: 1px solid #ddd; }
.rrc-btn-cancel:hover:not(:disabled)[b-7kl9pjb763] { background: #eee; color: #666; }

.rrc-action-notes[b-7kl9pjb763] {
    width: 100%;
    margin-bottom: .4rem;
}

.rrc-action-notes .cr-form-textarea[b-7kl9pjb763] {
    width: 100%;
    min-height: 80px;
    font-size: .78rem;
}

.rrc-notes-required[b-7kl9pjb763] {
    border-color: var(--gt-red) !important;
    box-shadow: 0 0 0 2px rgba(231,76,60,.15);
}

.rrc-notes-hint[b-7kl9pjb763] {
    font-size: .72rem;
    color: var(--gt-red);
    margin-top: .25rem;
    font-weight: 500;
}
/* /Components/Pages/GovernedTransactions/ComplianceReview/Components/CrAddScreeningPartyForm.razor.rz.scp.css */
.cr-add-party-form[b-mbytaiin78] {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 1rem;
    background: #fafafa;
    margin-top: 1rem;
}

.cr-add-party-form h6[b-mbytaiin78] {
    margin-top: 0;
}
/* /Components/Pages/GovernedTransactions/ComplianceReview/Components/CrClosedStage.razor.rz.scp.css */
.cr-audit-pack[b-jc0nooki6s] {
    padding: 1rem;
}

.cr-audit-pack__header[b-jc0nooki6s] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.cr-audit-section[b-jc0nooki6s] {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    padding: 1rem;
    margin-bottom: 1rem;
}

.cr-audit-section h6[b-jc0nooki6s] {
    font-weight: 600;
    margin-bottom: 0.75rem;
    color: #495057;
    border-bottom: 1px solid #dee2e6;
    padding-bottom: 0.5rem;
}

.cr-audit-party[b-jc0nooki6s] {
    padding: 0.5rem 0;
    border-bottom: 1px solid #f0f0f0;
}

.cr-audit-hit[b-jc0nooki6s] {
    font-size: 0.85rem;
    color: #6c757d;
    margin-left: 1rem;
    padding: 0.25rem 0;
}

.cr-audit-more[b-jc0nooki6s] {
    font-size: 0.85rem;
    color: #6c757d;
    font-style: italic;
}

.cr-sla-bar[b-jc0nooki6s] {
    height: 8px;
    background: #e9ecef;
    border-radius: 4px;
    margin: 0.5rem 0;
    overflow: hidden;
}

.cr-sla-fill--ok[b-jc0nooki6s] {
    height: 100%;
    background: #28a745;
    border-radius: 4px;
    transition: width 0.3s ease;
    width: var(--sla-pct);
}

.cr-sla-fill--over[b-jc0nooki6s] {
    height: 100%;
    background: #dc3545;
    border-radius: 4px;
    width: var(--sla-pct);
}

.cr-sla-result--ok[b-jc0nooki6s] {
    color: #28a745;
    font-weight: 600;
}

.cr-sla-result--breach[b-jc0nooki6s] {
    color: #dc3545;
    font-weight: 600;
}

.cr-rating-badge--low[b-jc0nooki6s]    { background: #d4edda; color: #155724; padding: 2px 8px; border-radius: 4px; }
.cr-rating-badge--medium[b-jc0nooki6s] { background: #fff3cd; color: #856404; padding: 2px 8px; border-radius: 4px; }
.cr-rating-badge--high[b-jc0nooki6s]   { background: #f8d7da; color: #721c24; padding: 2px 8px; border-radius: 4px; }
.cr-rating-badge--none[b-jc0nooki6s]   { background: #e9ecef; color: #6c757d; padding: 2px 8px; border-radius: 4px; }

.cr-info-row[b-jc0nooki6s] {
    display: grid;
    grid-template-columns: 180px 1fr;
    gap: 1rem;
    padding: 0.75rem 0;
    border-bottom: 1px solid #e5e5e5;
    align-items: start;
}

.cr-info-row:last-child[b-jc0nooki6s] {
    border-bottom: none;
}

.cr-info-row > span:first-child[b-jc0nooki6s] {
    font-weight: 500;
    color: #666;
}

.cr-info-row > span:last-child[b-jc0nooki6s] {
    color: #333;
    justify-self: start;
    align-self: center;
}

.cr-badge--locked[b-jc0nooki6s] {
    background: #6c757d;
    color: white;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.8rem;
}
/* /Components/Pages/GovernedTransactions/ComplianceReview/Components/CrCreateForm.razor.rz.scp.css */
/* ── RRC Create Form — entity search dropdown & selection styles ── */
.rrc-entity-results[b-n4tiub0bcj] {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 100;
    border: 1px solid var(--gtc-border);
    border-radius: 0 0 var(--gt-radius-sm) var(--gt-radius-sm);
    background: var(--gtc-card, #fff);
    max-height: 200px;
    overflow-y: auto;
    margin-top: -1px;
    box-shadow: var(--gt-shadow-lg, 0 4px 12px rgba(0,0,0,.15));
}

.rrc-entity-result[b-n4tiub0bcj] {
    padding: .4rem .6rem;
    cursor: pointer;
    font-size: .8rem;
    border-bottom: 1px solid #f5f5f5;
    transition: background .15s;
}

.rrc-entity-result:hover[b-n4tiub0bcj] { background: #f0fdfb; }
.rrc-entity-code[b-n4tiub0bcj] { color: #aaa; font-size: .72rem; }

.rrc-selected-entity[b-n4tiub0bcj] {
    margin-top: .25rem;
    padding: .3rem .5rem;
    background: #f0fdf4;
    border-radius: 4px;
    font-size: .78rem;
    color: var(--gt-green);
}

.rrc-current-rating-preview[b-n4tiub0bcj] {
    margin-top: .5rem;
    display: flex;
    align-items: center;
    gap: .6rem;
}
/* /Components/Pages/GovernedTransactions/ComplianceReview/Components/CrDashboard.razor.rz.scp.css */
/* ── RRC Dashboard — aligned with GTC/TM shared tokens ── */
.rrc-dashboard[b-7jkdotem79] { padding: 1rem 1.25rem; }

.rrc-header[b-7jkdotem79] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: .5rem;
}

.rrc-header h1[b-7jkdotem79] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--gtc-text);
    margin-bottom: .25rem;
}

.rrc-header-sub[b-7jkdotem79] {
    font-size: .75rem;
    color: var(--gtc-text-light);
}

/* ── KPI Bar — matches GTC grid layout ── */
.rrc-kpi-bar[b-7jkdotem79] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: .9rem;
    margin: 1rem 0;
}

/* ── Filter Bar ── */
.rrc-filter-bar[b-7jkdotem79] {
    background: var(--gtc-card);
    padding: .65rem 1rem;
    border-radius: var(--gt-radius);
    display: flex;
    gap: .6rem;
    align-items: center;
    flex-wrap: wrap;
    font-size: .76rem;
    margin-bottom: 1rem;
    box-shadow: var(--gt-shadow);
}

.rrc-filter-bar label[b-7jkdotem79] {
    font-weight: 600;
    color: #666;
}

.rrc-filter-bar select[b-7jkdotem79] {
    padding: .28rem .5rem;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: .75rem;
    color: var(--gtc-text);
    background: #f8f9fa;
    cursor: pointer;
}

.rrc-show-completed[b-7jkdotem79] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: .35rem;
    cursor: pointer;
    user-select: none;
}

.rrc-show-completed input[type="checkbox"][b-7jkdotem79] {
    cursor: pointer;
}

/* ── Data Table ── */
.rrc-table-wrap[b-7jkdotem79] {
    background: var(--gtc-card);
    border-radius: var(--gt-radius);
    box-shadow: var(--gt-shadow);
    overflow: hidden;
}

.rrc-table[b-7jkdotem79] {
    width: 100%;
    border-collapse: collapse;
}

.rrc-table thead th[b-7jkdotem79] {
    background: #f8f9fa;
    padding: .5rem .9rem;
    text-align: left;
    font-size: .67rem;
    font-weight: 700;
    color: #888;
    text-transform: uppercase;
    letter-spacing: .5px;
    border-bottom: 2px solid #e8e8e8;
    white-space: nowrap;
}

.rrc-table tbody td[b-7jkdotem79] {
    padding: .62rem .9rem;
    font-size: .78rem;
    color: var(--gtc-text);
    border-bottom: 1px solid #f5f5f5;
    vertical-align: middle;
}

.rrc-table tr:last-child td[b-7jkdotem79] { border-bottom: none; }

.rrc-table-row[b-7jkdotem79] { cursor: pointer; transition: background .15s; }
.rrc-table-row:hover td[b-7jkdotem79] { background: #f0fdfb; }

.rrc-ref[b-7jkdotem79] { font-weight: 600; color: var(--gt-navy); }

.rrc-empty[b-7jkdotem79] {
    padding: 3rem;
    text-align: center;
    color: var(--gt-text-faint);
    font-size: .82rem;
}

/* ── Rating Pills ── */
.rrc-rating-pill[b-7jkdotem79] {
    display: inline-block;
    padding: .15rem .55rem;
    border-radius: 10px;
    font-size: .68rem;
    font-weight: 700;
    white-space: nowrap;
}

.rrc-rating-low[b-7jkdotem79] { background: #e8f5e9; color: var(--gt-green); }
.rrc-rating-medium[b-7jkdotem79] { background: #fff8e1; color: var(--gt-amber); }
.rrc-rating-high[b-7jkdotem79] { background: #ffebee; color: var(--gt-red); }
.rrc-rating-tbd[b-7jkdotem79] { color: var(--gt-text-faint); }

/* ── Stage Pill ── */
.rrc-stage-pill[b-7jkdotem79] {
    display: inline-block;
    padding: .15rem .55rem;
    border-radius: 10px;
    font-size: .68rem;
    font-weight: 700;
    background: #e8f4fd;
    color: #1565c0;
    white-space: nowrap;
}

/* ── Status ── */
.rrc-status-open[b-7jkdotem79] { color: var(--gt-navy); font-weight: 600; }
.rrc-status-completed[b-7jkdotem79] { color: var(--gt-green); font-weight: 600; }
.rrc-status-rejected[b-7jkdotem79] { color: var(--gt-red); font-weight: 600; }
.rrc-status-on-hold[b-7jkdotem79] { color: var(--gt-amber); font-weight: 600; }
.rrc-status-cancelled[b-7jkdotem79] { color: #999; font-weight: 600; }

/* ── Buttons — matches GTC shared button styles ── */
.rrc-btn[b-7jkdotem79] {
    padding: .5rem 1.1rem;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: .8rem;
    font-weight: 600;
    transition: all .2s;
    font-family: inherit;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
}

.rrc-btn-primary[b-7jkdotem79] { background: var(--gt-teal); color: white; }
.rrc-btn-primary:hover:not(:disabled)[b-7jkdotem79] { background: #00c0ad; transform: translateY(-1px); }
.rrc-btn-secondary[b-7jkdotem79] { background: white; color: #555; border: 1px solid var(--gtc-border); }
.rrc-btn-secondary:hover:not(:disabled)[b-7jkdotem79] { background: #f8f9fa; }
.rrc-btn:disabled[b-7jkdotem79] { opacity: .5; cursor: not-allowed; }
/* /Components/Pages/GovernedTransactions/ComplianceReview/Components/CrDetailView.razor.rz.scp.css */
/* ── RRC Detail View — scoped layout styles ──
   Shared utility classes (buttons, alerts, pills, forms, evidence)
   are in /wwwroot/css/gtc.css alongside GTC/TM shared styles.
   Progress bar and action bar styles are in their own .razor.css files.
   ── */

/* ── Tabs — matches GTC tab pattern ── */
.rrc-tabs[b-l6bl3a6z3z] {
    display: flex;
    background: var(--gtc-card);
    border-radius: var(--gt-radius) var(--gt-radius) 0 0;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0,0,0,.05);
    border-bottom: 2px solid #eee;
    position: relative;
    z-index: 2;
}

.rrc-tab[b-l6bl3a6z3z] {
    flex: 1;
    padding: .85rem .6rem;
    text-align: center;
    background: white;
    border: none;
    cursor: pointer;
    font-size: .8rem;
    font-weight: 500;
    color: #888;
    border-bottom: 3px solid transparent;
    transition: all .2s;
    font-family: inherit;
}

.rrc-tab:hover[b-l6bl3a6z3z] { background: #f8f9fa; }
.rrc-tab.active[b-l6bl3a6z3z] { color: var(--gtc-teal) !important; border-bottom-color: var(--gtc-teal) !important; background: #f8fffe !important; font-weight: 600 !important; }

.rrc-tab-content[b-l6bl3a6z3z] {
    background: var(--gtc-card);
    border-radius: 0 0 var(--gt-radius) var(--gt-radius);
    box-shadow: var(--gt-shadow);
    padding: 1.25rem;
    margin-bottom: .9rem;
    position: relative;
    z-index: 1;
}

/* ── Stage Content ── */
.rrc-stage-content[b-l6bl3a6z3z] { }

/* ── Audit Trail — matches GTC audit trail ── */
.rrc-audit-entry[b-l6bl3a6z3z] {
    display: flex;
    gap: .75rem;
    padding: .5rem 0;
    border-bottom: 1px solid #f5f5f5;
    font-size: .78rem;
}

.rrc-audit-entry:last-child[b-l6bl3a6z3z] { border-bottom: none; }
.rrc-audit-time[b-l6bl3a6z3z] { color: var(--gtc-text-light); min-width: 110px; flex-shrink: 0; font-size: .72rem; }
.rrc-audit-action[b-l6bl3a6z3z] { flex: 1; color: var(--gtc-text); }
.rrc-audit-user[b-l6bl3a6z3z] { color: var(--gtc-teal); font-weight: 600; font-size: .74rem; }

/* ── Summary Table ── */
.rrc-summary-table[b-l6bl3a6z3z] { width: 100%; border-collapse: collapse; }
.rrc-summary-table th[b-l6bl3a6z3z] {
    text-align: left;
    font-size: .67rem;
    color: #aaa;
    text-transform: uppercase;
    letter-spacing: .4px;
    padding: .5rem .9rem;
    border-bottom: 2px solid #e8e8e8;
    font-weight: 700;
}

.rrc-summary-table td[b-l6bl3a6z3z] {
    padding: .62rem .9rem;
    border-bottom: 1px solid #f5f5f5;
    font-size: .78rem;
    color: var(--gtc-text);
}

.rrc-empty[b-l6bl3a6z3z] { padding: 3rem; text-align: center; color: var(--gt-text-faint); font-size: .82rem; }

/* ── Read-only Stage Review Panel ── */
.rrc-review-panel[b-l6bl3a6z3z] {
    background: #f8fffe;
    border: 2px solid var(--gtc-teal);
    border-radius: var(--gt-radius);
    margin-bottom: .9rem;
    overflow: hidden;
    flex-shrink: 0;
}

.rrc-review-header[b-l6bl3a6z3z] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .6rem 1rem;
    background: linear-gradient(135deg, rgba(0,217,197,.08), rgba(0,217,197,.02));
    border-bottom: 1px solid rgba(0,217,197,.2);
    font-size: .78rem;
    color: var(--gtc-text);
}

.rrc-review-body[b-l6bl3a6z3z] {
    padding: 1rem;
    pointer-events: none;
    opacity: .85;
}

/* ── AML Check Animation ── */
.rrc-aml-running[b-l6bl3a6z3z] {
    color: var(--gtc-teal);
    font-weight: 600;
    animation: rrc-aml-pulse-b-l6bl3a6z3z 1s infinite alternate;
}

@keyframes rrc-aml-pulse-b-l6bl3a6z3z {
    from { opacity: .5; }
    to { opacity: 1; }
}

/* ── Saved Assessment Summary ── */
[b-l6bl3a6z3z] .rrc-saved-summary {
    background: #f8fffe;
    border: 1px solid rgba(0,217,197,.2);
    border-radius: var(--gt-radius);
    padding: .75rem 1rem;
    margin-bottom: .75rem;
}

[b-l6bl3a6z3z] .rrc-saved-row {
    display: flex;
    gap: .75rem;
    padding: .4rem 0;
    border-bottom: 1px solid #f0f0f0;
    font-size: .8rem;
}

[b-l6bl3a6z3z] .rrc-saved-row:last-child { border-bottom: none; }

[b-l6bl3a6z3z] .rrc-saved-label {
    min-width: 120px;
    font-size: .7rem;
    font-weight: 700;
    color: #999;
    text-transform: uppercase;
    letter-spacing: .3px;
    flex-shrink: 0;
}

/* ── Evidence Descriptions ── */
[b-l6bl3a6z3z] .rrc-evidence-desc {
    font-size: .72rem;
    color: #999;
    margin-top: .1rem;
    line-height: 1.3;
}

/* ── File Upload ── */
[b-l6bl3a6z3z] .rrc-file-upload {
    border: 2px dashed #ddd;
    border-radius: var(--gt-radius);
    padding: 1.25rem;
    text-align: center;
    cursor: pointer;
    transition: all .2s;
    background: #fafafa;
}

[b-l6bl3a6z3z] .rrc-file-upload:hover {
    border-color: var(--gtc-teal);
    background: #f8fffe;
}

[b-l6bl3a6z3z] .rrc-file-upload-icon { font-size: 1.5rem; margin-bottom: .25rem; }
[b-l6bl3a6z3z] .rrc-file-upload-text { font-size: .8rem; color: #888; }

[b-l6bl3a6z3z] .rrc-file-attached {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .6rem 1rem;
    background: #e6f7f0;
    border: 1px solid #b2dfdb;
    border-radius: var(--gt-radius);
    font-size: .82rem;
    color: var(--gtc-text);
}

/* ── RM Notification Section ── */
[b-l6bl3a6z3z] .rrc-rm-notification { margin-top: .75rem; }

[b-l6bl3a6z3z] .rrc-rm-channels {
    display: flex;
    gap: .5rem;
    margin-bottom: 1rem;
}

[b-l6bl3a6z3z] .rrc-rm-channel {
    padding: .3rem .7rem;
    background: #e8f4fd;
    color: #1565c0;
    border-radius: 12px;
    font-size: .72rem;
    font-weight: 600;
}

[b-l6bl3a6z3z] .rrc-rm-preview {
    border: 1px solid #e0e0e0;
    border-radius: var(--gt-radius);
    overflow: hidden;
}

[b-l6bl3a6z3z] .rrc-rm-preview-header {
    background: #f8f9fa;
    padding: .6rem 1rem;
    font-size: .78rem;
    font-weight: 600;
    color: #555;
    border-bottom: 1px solid #e0e0e0;
}

[b-l6bl3a6z3z] .rrc-rm-preview-body {
    padding: 1rem;
    font-size: .82rem;
    line-height: 1.6;
    color: var(--gtc-text);
    background: white;
}

/* ── Notifications tab ── */
[b-l6bl3a6z3z] .rrc-tab-badge {
    display: inline-block;
    font-size: .65rem;
    font-weight: 600;
    padding: .1rem .45rem;
    border-radius: 8px;
    margin-left: .35rem;
    background: #e0e0e0;
    color: #666;
}
[b-l6bl3a6z3z] .rrc-tab-badge-pending {
    background: #fef3cd;
    color: #856404;
}

[b-l6bl3a6z3z] .rrc-notif-card {
    border: 1px solid #e0e0e0;
    border-radius: var(--gt-radius-sm, 6px);
    margin-bottom: .75rem;
    overflow: hidden;
}
[b-l6bl3a6z3z] .rrc-notif-pending { border-left: 4px solid #ffc107; }
[b-l6bl3a6z3z] .rrc-notif-acked { border-left: 4px solid var(--gt-green, #00b894); }

[b-l6bl3a6z3z] .rrc-notif-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .6rem .8rem;
    background: #f8f9fa;
    font-size: .82rem;
}
[b-l6bl3a6z3z] .rrc-notif-channel {
    display: inline-block;
    font-size: .68rem;
    font-weight: 600;
    padding: .1rem .4rem;
    border-radius: 8px;
    margin-left: .4rem;
    background: #e8f9f7;
    color: var(--gtc-teal, #00d9c5);
}
[b-l6bl3a6z3z] .rrc-notif-date { font-size: .75rem; color: #999; }

[b-l6bl3a6z3z] .rrc-notif-subject {
    padding: .5rem .8rem 0;
    font-weight: 600;
    font-size: .82rem;
    color: var(--gtc-text, #2c3e50);
}
[b-l6bl3a6z3z] .rrc-notif-body {
    padding: .4rem .8rem .6rem;
    font-size: .8rem;
    line-height: 1.5;
    color: #666;
}
[b-l6bl3a6z3z] .rrc-notif-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .5rem .8rem;
    background: #fafafa;
    border-top: 1px solid #f0f0f0;
    font-size: .78rem;
}
[b-l6bl3a6z3z] .rrc-notif-ack-status { color: var(--gt-green, #00b894); font-weight: 500; }
[b-l6bl3a6z3z] .rrc-notif-awaiting { color: #856404; }

[b-l6bl3a6z3z] .rrc-btn-sm {
    padding: .25rem .6rem;
    font-size: .75rem;
}

/* ── Delta item type tags ── */
.cr-delta-tag[b-l6bl3a6z3z] {
    display: inline-block;
    font-size: .65rem;
    font-weight: 700;
    padding: .1rem .4rem;
    border-radius: 8px;
    margin-right: .4rem;
    text-transform: uppercase;
    letter-spacing: .3px;
}
.cr-delta-tag--new[b-l6bl3a6z3z]     { background: #d4edda; color: #155724; }
.cr-delta-tag--changed[b-l6bl3a6z3z] { background: #fff3cd; color: #856404; }
.cr-delta-tag--expired[b-l6bl3a6z3z] { background: #f8d7da; color: #721c24; }
.cr-delta-tag--removed[b-l6bl3a6z3z] { background: #e2e3e5; color: #383d41; }

/* ── Form checkbox label ── */
[b-l6bl3a6z3z] .rrc-form-check {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .85rem;
    font-weight: 500;
    cursor: pointer;
}
[b-l6bl3a6z3z] .rrc-form-check input[type="checkbox"] {
    width: 16px;
    height: 16px;
    accent-color: var(--gtc-teal, #00d9c5);
    cursor: pointer;
}
/* /Components/Pages/GovernedTransactions/ComplianceReview/Components/CrPostActionsStage.razor.rz.scp.css */
.cr-post-actions[b-v0qn4sdejd] {
    padding: 1rem;
}

.cr-post-actions h5[b-v0qn4sdejd] {
    margin: 0 0 0.5rem 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: #333;
}

.cr-post-actions > p[b-v0qn4sdejd] {
    margin: 0 0 1.5rem 0;
    color: #666;
    font-size: 0.95rem;
}

.cr-post-action[b-v0qn4sdejd] {
    display: flex;
    gap: 1rem;
    padding: 1rem;
    margin-bottom: 0.75rem;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fafafa;
}

.cr-post-action--done[b-v0qn4sdejd] {
    background: #f0f8f5;
    border-color: #c8e6c9;
}

.cr-post-action--optional[b-v0qn4sdejd] {
    border-color: #e0e0e0;
    background: #f9f9f9;
}

.cr-post-action__check[b-v0qn4sdejd] {
    flex-shrink: 0;
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cr-check-icon[b-v0qn4sdejd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #4caf50;
    color: white;
    font-weight: bold;
    font-size: 1.2rem;
    line-height: 1;
}

.cr-post-action__body[b-v0qn4sdejd] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.cr-post-action__desc[b-v0qn4sdejd] {
    display: block;
    font-weight: 500;
    color: #333;
    font-size: 0.95rem;
}

.cr-post-action__due[b-v0qn4sdejd] {
    display: block;
    color: #d32f2f;
    font-size: 0.85rem;
    font-weight: 500;
}

.cr-post-action__meta[b-v0qn4sdejd] {
    display: block;
    color: #999;
    font-size: 0.8rem;
    margin-top: 0.25rem;
}

.cr-post-action--done .cr-post-action__desc[b-v0qn4sdejd] {
    color: #666;
    text-decoration: line-through;
}

.cr-post-action--done .cr-post-action__due[b-v0qn4sdejd] {
    color: #999;
}

.cr-badge[b-v0qn4sdejd] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    width: fit-content;
}

.cr-badge--optional[b-v0qn4sdejd] {
    background: #fff3cd;
    color: #856404;
}

.btn-sm[b-v0qn4sdejd] {
    padding: 0.375rem 0.75rem;
    font-size: 0.85rem;
}
/* /Components/Pages/GovernedTransactions/ComplianceReview/Components/CrProgressBar.razor.rz.scp.css */
/* ── RRC Progress Bar — matches GTC progress bar pattern ── */
.rrc-progress[b-nox6w2nt1y] {
    background: var(--gtc-card);
    padding: 1rem 1.1rem .75rem;
    border-radius: var(--gt-radius);
    box-shadow: var(--gt-shadow);
    margin-bottom: .9rem;
    display: flex;
    align-items: flex-start;
}

.rrc-step[b-nox6w2nt1y] {
    flex: 1;
    text-align: center;
    position: relative;
    min-width: 80px;
}

.rrc-step-circle[b-nox6w2nt1y] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: white;
    border: 3px solid var(--gtc-border);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto .35rem;
    font-weight: 700;
    font-size: .72rem;
    color: #bbb;
    transition: transform .15s;
}

.rrc-step-clickable[b-nox6w2nt1y] { cursor: pointer; }
.rrc-step-clickable:hover .rrc-step-circle[b-nox6w2nt1y] { transform: scale(1.18); box-shadow: 0 0 0 4px rgba(0,217,197,.2); }
.rrc-step-clickable:hover .rrc-step-label[b-nox6w2nt1y] { color: var(--gtc-teal); }

.rrc-step-label[b-nox6w2nt1y] {
    font-size: .62rem;
    color: #aaa;
    font-weight: 500;
}

.rrc-step-line[b-nox6w2nt1y] {
    flex: 0 0 auto;
    width: 30px;
    height: 3px;
    background: var(--gtc-border);
    margin-top: 18px;
}

.rrc-step-done .rrc-step-circle[b-nox6w2nt1y] { background: var(--gtc-green); border-color: var(--gtc-green); color: white; }
.rrc-step-done .rrc-step-label[b-nox6w2nt1y] { color: var(--gtc-green); }
.rrc-step-line-done[b-nox6w2nt1y] { background: var(--gtc-green); }
.rrc-step-active .rrc-step-circle[b-nox6w2nt1y] { background: var(--gtc-teal); border-color: var(--gtc-teal); color: white; animation: rrc-pulse-b-nox6w2nt1y 2s infinite; }
.rrc-step-active .rrc-step-label[b-nox6w2nt1y] { color: var(--gtc-teal); font-weight: 700; }
.rrc-step-escalated .rrc-step-circle[b-nox6w2nt1y] { background: var(--gtc-red); border-color: var(--gtc-red); color: white; }
.rrc-step-escalated .rrc-step-label[b-nox6w2nt1y] { color: var(--gtc-red); font-weight: 700; }
.rrc-step-rejected .rrc-step-circle[b-nox6w2nt1y] { background: #c0392b; border-color: #c0392b; color: white; }
.rrc-step-rejected .rrc-step-label[b-nox6w2nt1y] { color: #c0392b; font-weight: 700; }

@keyframes rrc-pulse-b-nox6w2nt1y {
    0%, 100% { box-shadow: 0 0 0 0 rgba(0,217,197,.4); }
    50% { box-shadow: 0 0 0 8px rgba(0,217,197,0); }
}

/* ── CR 7-step progress bar (.cr-* classes used by new CrProgressBar.razor) ── */
.cr-progress[b-nox6w2nt1y] {
    background: var(--gtc-card);
    padding: 1rem 1.1rem .75rem;
    border-radius: var(--gt-radius);
    box-shadow: var(--gt-shadow);
    margin-bottom: .9rem;
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    overflow-x: auto;
}

.cr-step[b-nox6w2nt1y] {
    flex: 1;
    text-align: center;
    position: relative;
    min-width: 80px;
}

.cr-step__circle[b-nox6w2nt1y] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: white;
    border: 3px solid var(--gtc-border);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto .3rem;
    font-weight: 700;
    font-size: .7rem;
    color: #bbb;
    transition: transform .15s;
}

.cr-step__label[b-nox6w2nt1y] {
    font-size: 0.7rem;
    color: #aaa;
    font-weight: 500;
}

.cr-step__connector[b-nox6w2nt1y] {
    flex: 0 0 auto;
    width: 24px;
    height: 3px;
    background: var(--gtc-border);
    margin-top: 16px;
}

.cr-step__connector--done[b-nox6w2nt1y] { background: var(--gtc-green); }

.cr-step--done .cr-step__circle[b-nox6w2nt1y] { background: var(--gtc-green); border-color: var(--gtc-green); color: white; }
.cr-step--done .cr-step__label[b-nox6w2nt1y] { color: var(--gtc-green); }

.cr-step--active .cr-step__circle[b-nox6w2nt1y] { background: var(--gtc-teal); border-color: var(--gtc-teal); color: white; animation: cr-pulse-b-nox6w2nt1y 2s infinite; }
.cr-step--active .cr-step__label[b-nox6w2nt1y] { color: var(--gtc-teal); font-weight: 700; }

.cr-step--terminal .cr-step__circle[b-nox6w2nt1y] { background: #b2bec3; border-color: #b2bec3; color: white; }
.cr-step--terminal .cr-step__label[b-nox6w2nt1y] { color: #b2bec3; }

.cr-step--clickable[b-nox6w2nt1y] { cursor: pointer; }
.cr-step--clickable:hover .cr-step__circle[b-nox6w2nt1y] { transform: scale(1.18); box-shadow: 0 0 0 4px rgba(0,217,197,.2); }
.cr-step--clickable:hover .cr-step__label[b-nox6w2nt1y] { color: var(--gtc-teal); }

.cr-progress__terminal-badge[b-nox6w2nt1y] {
    display: block;
    text-align: center;
    font-size: .75rem;
    font-weight: 700;
    margin-top: .4rem;
    letter-spacing: .04em;
}

.cr-progress__terminal-badge--rejected[b-nox6w2nt1y] { color: #c0392b; }
.cr-progress__terminal-badge--cancelled[b-nox6w2nt1y] { color: #636e72; }

@keyframes cr-pulse-b-nox6w2nt1y {
    0%, 100% { box-shadow: 0 0 0 0 rgba(0,217,197,.4); }
    50% { box-shadow: 0 0 0 8px rgba(0,217,197,0); }
}
/* /Components/Pages/GovernedTransactions/ComplianceReview/Components/CrReviewDecisionStage.razor.rz.scp.css */
.cr-decision-context[b-fym0x1w01f] {
    margin: 1.5rem 0;
    padding: 1rem;
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 6px;
}

.cr-decision-context h6[b-fym0x1w01f] {
    font-weight: 600;
    margin-bottom: 0.75rem;
    color: #495057;
    border-bottom: 1px solid #dee2e6;
    padding-bottom: 0.5rem;
}

.cr-info-row[b-fym0x1w01f] {
    display: grid;
    grid-template-columns: 180px 1fr;
    gap: 1rem;
    padding: 0.75rem 0;
    border-bottom: 1px solid #e5e5e5;
    align-items: start;
}

.cr-info-row:last-child[b-fym0x1w01f] {
    border-bottom: none;
}

.cr-info-row > span:first-child[b-fym0x1w01f] {
    font-weight: 500;
    color: #666;
}

.cr-info-row > span:last-child[b-fym0x1w01f] {
    color: #333;
    justify-self: start;
    align-self: center;
}

.cr-rating-badge[b-fym0x1w01f] {
    display: inline-block;
    padding: 0.25rem 0.6rem;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.85rem;
}

.cr-rating-badge--low[b-fym0x1w01f]    { background: #d4edda; color: #155724; }
.cr-rating-badge--medium[b-fym0x1w01f] { background: #fff3cd; color: #856404; }
.cr-rating-badge--high[b-fym0x1w01f]   { background: #f8d7da; color: #721c24; }

.cr-warning-banner[b-fym0x1w01f] {
    margin-top: 0.75rem;
    padding: 0.75rem 1rem;
    background-color: #fff3cd;
    border-left: 4px solid #ffc107;
    color: #856404;
    font-size: 0.9rem;
    line-height: 1.4;
}
/* /Components/Pages/GovernedTransactions/ComplianceReview/Components/CrRiskReviewStage.razor.rz.scp.css */
.cr-risk-form[b-mu7g9vt1kx] {
    padding: 2rem 0;
}

.cr-risk-form h5[b-mu7g9vt1kx] {
    margin: 0 0 1.5rem 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: #333;
}

.cr-form-field[b-mu7g9vt1kx] {
    margin-bottom: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.cr-form-field label[b-mu7g9vt1kx] {
    font-weight: 500;
    color: #333;
    font-size: 0.95rem;
}

.required[b-mu7g9vt1kx] {
    color: #c00;
    margin-left: 0.25rem;
}

.cr-warning-banner[b-mu7g9vt1kx] {
    margin-top: 0.75rem;
    padding: 0.75rem 1rem;
    background-color: #fff3cd;
    border-left: 4px solid #ffc107;
    color: #856404;
    font-size: 0.9rem;
    line-height: 1.4;
}

.cr-validation-msg[b-mu7g9vt1kx] {
    color: #c00;
    font-size: 0.85rem;
    margin-top: 0.25rem;
}

.cr-risk-summary[b-mu7g9vt1kx] {
    padding: 1.5rem 0;
}

.cr-info-row[b-mu7g9vt1kx] {
    display: grid;
    grid-template-columns: 180px 1fr;
    gap: 1rem;
    padding: 0.75rem 0;
    border-bottom: 1px solid #e5e5e5;
    align-items: start;
}

.cr-info-row:last-child[b-mu7g9vt1kx] {
    border-bottom: none;
}

.cr-info-row > span:first-child[b-mu7g9vt1kx] {
    font-weight: 500;
    color: #666;
}

.cr-info-row > span:last-child[b-mu7g9vt1kx] {
    color: #333;
}

.cr-rating-badge[b-mu7g9vt1kx] {
    display: inline-block;
    padding: 0.5rem 0.75rem;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.cr-rating-badge--low[b-mu7g9vt1kx] {
    background-color: #d4edda;
    color: #155724;
}

.cr-rating-badge--medium[b-mu7g9vt1kx] {
    background-color: #fff3cd;
    color: #856404;
}

.cr-rating-badge--high[b-mu7g9vt1kx] {
    background-color: #f8d7da;
    color: #721c24;
}

.cr-info-alert[b-mu7g9vt1kx] {
    margin-top: 1.5rem;
    padding: 1rem;
    border-radius: 4px;
    border-left: 4px solid;
    font-size: 0.9rem;
    line-height: 1.5;
}

.cr-info-alert--success[b-mu7g9vt1kx] {
    background-color: #d4edda;
    border-left-color: #28a745;
    color: #155724;
}

.cr-info-alert--warning[b-mu7g9vt1kx] {
    background-color: #fff3cd;
    border-left-color: #ffc107;
    color: #856404;
}

.cr-info-alert--error[b-mu7g9vt1kx] {
    background-color: #f8d7da;
    border-left-color: #dc3545;
    color: #721c24;
}
/* /Components/Pages/GovernedTransactions/ComplianceReview/Components/CrScreeningStage.razor.rz.scp.css */
.cr-screening-empty[b-e99vmgntqa] {
    padding: 2rem;
    text-align: center;
    color: #666;
    background: #f9f9f9;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    margin: 1rem 0;
}

.cr-party[b-e99vmgntqa] {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 1rem;
    margin-bottom: 1rem;
    background: #fff;
}

.cr-party--pending[b-e99vmgntqa] {
    border-left: 4px solid #ff9800;
}

.cr-party--clean[b-e99vmgntqa] {
    border-left: 4px solid #4caf50;
}

.cr-party--hit[b-e99vmgntqa] {
    border-left: 4px solid #f44336;
}

.cr-party__header[b-e99vmgntqa] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0.5rem;
}

.cr-party__name[b-e99vmgntqa] {
    font-weight: 600;
    flex: 1;
}

.cr-party__status[b-e99vmgntqa] {
    padding: 0.25rem 0.75rem;
    border-radius: 3px;
    font-size: 0.875rem;
    font-weight: 500;
}

.cr-party__status--pending[b-e99vmgntqa] {
    background: #fff3e0;
    color: #e65100;
}

.cr-party__status--clean[b-e99vmgntqa] {
    background: #e8f5e9;
    color: #2e7d32;
}

.cr-party__status--hit[b-e99vmgntqa] {
    background: #ffebee;
    color: #c62828;
}

.cr-party__actions[b-e99vmgntqa] {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.75rem;
}

.cr-badge[b-e99vmgntqa] {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    border-radius: 3px;
    font-size: 0.75rem;
    font-weight: 500;
}

.cr-badge--role[b-e99vmgntqa] {
    background: #e3f2fd;
    color: #1976d2;
}

.cr-badge--hit-type[b-e99vmgntqa] {
    background: #fce4ec;
    color: #c2185b;
}

.cr-badge--sev-high[b-e99vmgntqa] {
    background: #ffebee;
    color: #d32f2f;
}

.cr-badge--sev-medium[b-e99vmgntqa] {
    background: #fff3e0;
    color: #e65100;
}

.cr-badge--sev-low[b-e99vmgntqa] {
    background: #e8f5e9;
    color: #388e3c;
}

.cr-badge--acked[b-e99vmgntqa] {
    background: #c8e6c9;
    color: #1b5e20;
}

.cr-hit[b-e99vmgntqa] {
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    padding: 0.75rem;
    margin-top: 0.75rem;
    background: #fafafa;
}

.cr-hit--high[b-e99vmgntqa] {
    border-left: 3px solid #d32f2f;
}

.cr-hit--medium[b-e99vmgntqa] {
    border-left: 3px solid #ff9800;
}

.cr-hit--low[b-e99vmgntqa] {
    border-left: 3px solid #4caf50;
}

.cr-hit__detail[b-e99vmgntqa] {
    margin: 0.5rem 0 0 0;
    font-size: 0.875rem;
    color: #555;
}

.cr-hit__mlro-req[b-e99vmgntqa] {
    display: inline-block;
    color: #e65100;
    font-weight: 500;
    margin-left: 0.5rem;
}

.cr-modal-overlay[b-e99vmgntqa] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.cr-modal[b-e99vmgntqa] {
    background: white;
    border-radius: 4px;
    padding: 2rem;
    max-width: 500px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.cr-modal h5[b-e99vmgntqa] {
    margin-top: 0;
    margin-bottom: 1rem;
}

.cr-modal p[b-e99vmgntqa] {
    margin: 1rem 0;
    color: #666;
}
/* /Components/Pages/GovernedTransactions/ComplianceReview/CrPage.razor.rz.scp.css */
.gov-ai-trigger-btn[b-adfs2zdyn7] {
    background: linear-gradient(135deg, #0d9488, #0f766e);
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 4px 12px 4px 6px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: opacity 0.15s;
    margin-right: 8px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    vertical-align: middle;
}
.gov-ai-trigger-btn:hover[b-adfs2zdyn7] { opacity: 0.9; }
.gov-ai-head-icon[b-adfs2zdyn7] { width: 22px; height: 22px; object-fit: contain; }

/* ── CR Page Layout — mirrors RrcPage.razor.css ── */

/* Dashboard / loading / error mode */
.rrc-page-scroll[b-adfs2zdyn7] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding-bottom: 1rem;
}

/* ── Fixed sticky header ── */
.cr-sticky-header[b-adfs2zdyn7] { flex-shrink: 0; }

.cr-back-role-bar[b-adfs2zdyn7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .6rem 1.25rem;
    background: #f5f6f8;
}

.cr-bar-right[b-adfs2zdyn7] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.rrc-back-link[b-adfs2zdyn7] {
    font-size: .78rem;
    color: #666;
    cursor: pointer;
    padding: .4rem .85rem;
    background: #fff;
    border: 1px solid var(--gtc-border);
    border-radius: 6px;
    text-decoration: none;
    transition: all .2s;
}

.rrc-back-link:hover[b-adfs2zdyn7] {
    background: #e8faf8;
    color: #007b70;
    border-color: var(--gtc-teal);
}

.rrc-collapse-btn[b-adfs2zdyn7] {
    background: #fff;
    border: 1px solid var(--gtc-border);
    border-radius: 6px;
    padding: .3rem .65rem;
    font-size: .75rem;
    cursor: pointer;
    color: #666;
    transition: all .2s;
    font-family: inherit;
    line-height: 1;
}

.rrc-collapse-btn:hover[b-adfs2zdyn7] {
    background: #e8faf8;
    color: #007b70;
    border-color: var(--gtc-teal);
}

/* ── Slim one-line summary (collapsed state) ── */
.rrc-header-slim[b-adfs2zdyn7] {
    display: flex;
    align-items: center;
    gap: .45rem;
    padding: .35rem 1.25rem .6rem;
    font-size: .8rem;
    flex-wrap: wrap;
}

.rrc-slim-ref[b-adfs2zdyn7]    { font-weight: 700; color: #1e3a5f; }
.rrc-slim-entity[b-adfs2zdyn7] { color: var(--gtc-text); }
.rrc-slim-stage[b-adfs2zdyn7]  { color: var(--gtc-teal); font-weight: 600; }
.rrc-slim-sep[b-adfs2zdyn7]    { color: #ccc; }

/* ── Case header card (moved from CrDetailView) ── */
.rrc-case-header[b-adfs2zdyn7] {
    background: var(--gtc-card);
    padding: 1.1rem;
    box-shadow: var(--gt-shadow);
    margin: 0 0 .9rem;
}

.rrc-case-header-top[b-adfs2zdyn7] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.rrc-case-header h2[b-adfs2zdyn7] {
    font-size: 1rem;
    font-weight: 700;
    color: #1e3a5f;
    margin: 0 0 .15rem;
}

.rrc-case-meta[b-adfs2zdyn7] { font-size: .76rem; color: var(--gtc-text-light); }

.rrc-status-badge[b-adfs2zdyn7] {
    display: inline-block;
    padding: .15rem .55rem;
    border-radius: 10px;
    font-size: .68rem;
    font-weight: 700;
    white-space: nowrap;
}

.rrc-status-badge.rrc-status-open[b-adfs2zdyn7]       { background: #e8f4fd; color: #1565c0; }
.rrc-status-badge.rrc-status-completed[b-adfs2zdyn7]  { background: #e8f5e9; color: #2e7d32; }
.rrc-status-badge.rrc-status-rejected[b-adfs2zdyn7]   { background: #ffebee; color: #c62828; }
.rrc-status-badge.rrc-status-on-hold[b-adfs2zdyn7]    { background: #fff8e1; color: #f57f17; }
.rrc-status-badge.rrc-status-cancelled[b-adfs2zdyn7]  { background: #f5f5f5; color: #999; }

.rrc-info-grid[b-adfs2zdyn7] { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: .5rem; }
.rrc-info-label[b-adfs2zdyn7] { font-size: .65rem; font-weight: 700; color: #999; text-transform: uppercase; letter-spacing: .3px; margin-bottom: .15rem; }
.rrc-info-value[b-adfs2zdyn7] { font-size: .82rem; color: var(--gtc-text); }

/* ── Pinned footer ── */
.cr-footer-bar[b-adfs2zdyn7] {
    box-shadow: 0 -2px 8px rgba(0,0,0,.08);
    padding: 0 1.1rem;
}

/* ── Action message (success / error) ── */
.rrc-action-message[b-adfs2zdyn7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .65rem 1rem;
    border-radius: 6px;
    font-size: .78rem;
    font-weight: 500;
    margin: .5rem 0;
}

.rrc-msg-success[b-adfs2zdyn7] { background: #f0fdf4; color: #15803d; border: 1px solid #86efac; }
.rrc-msg-error[b-adfs2zdyn7]   { background: #fff2f2; color: #c0392b; border: 1px solid #fca5a5; }

.rrc-msg-dismiss[b-adfs2zdyn7] {
    background: none;
    border: none;
    cursor: pointer;
    font-size: .9rem;
    color: inherit;
    opacity: .6;
    padding: 0 .25rem;
    line-height: 1;
}
.rrc-msg-dismiss:hover[b-adfs2zdyn7] { opacity: 1; }

.rrc-loading[b-adfs2zdyn7] {
    padding: 3rem;
    text-align: center;
    color: var(--gt-text-muted);
    font-size: .82rem;
}
/* /Components/Pages/GovernedTransactions/EntityOnboarding/Components/EobActionBar.razor.rz.scp.css */
/* ── EOB Action Bar ── */
.eob-action-bar[b-k40mhf7lss] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
}

.eob-btn-action[b-k40mhf7lss] {
    padding: .5rem 1.25rem;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: .8rem;
    font-weight: 600;
    transition: all .2s;
    font-family: inherit;
}

.eob-btn-primary[b-k40mhf7lss]   { background: var(--gt-teal); color: white; }
.eob-btn-secondary[b-k40mhf7lss] { background: white; color: #555; border: 1px solid var(--gtc-border); }
.eob-btn-danger[b-k40mhf7lss]    { background: white; color: var(--gt-red); border: 1px solid var(--gt-red); }
.eob-btn-blocked[b-k40mhf7lss]   { background: #f5f5f5; color: #aaa; pointer-events: none; }
.eob-btn-cancel[b-k40mhf7lss]    { background: white; color: #c0392b; border: 1px solid #fca5a5; }

.eob-btn-primary:hover:not(:disabled)[b-k40mhf7lss]   { background: #00c0ad; transform: translateY(-1px); }
.eob-btn-secondary:hover:not(:disabled)[b-k40mhf7lss] { background: #f0fdfb; border-color: var(--gtc-teal); }
.eob-btn-danger:hover:not(:disabled)[b-k40mhf7lss]    { background: #ffebee; }
.eob-btn-cancel:hover:not(:disabled)[b-k40mhf7lss]    { background: #fff2f2; }
.eob-btn-action:disabled[b-k40mhf7lss]                { opacity: .55; cursor: not-allowed; transform: none !important; }

.eob-btn-sm[b-k40mhf7lss] {
    padding: .3rem .7rem;
    border: 1px solid var(--gtc-border);
    border-radius: 4px;
    background: white;
    cursor: pointer;
    font-size: .73rem;
    color: #555;
    font-family: inherit;
}

.eob-escalation-notice[b-k40mhf7lss] {
    font-size: .82rem;
    color: #e65100;
    background: #fff3e0;
    border: 1px solid #ffcc80;
    border-radius: 4px;
    padding: .35rem .75rem;
    margin-right: .5rem;
    flex-shrink: 0;
}

/* ── Notes input ── */
.eob-action-notes[b-k40mhf7lss] { width: 100%; }

.eob-form-textarea[b-k40mhf7lss] {
    width: 100%;
    padding: .4rem .65rem;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: .78rem;
    font-family: inherit;
    resize: vertical;
    box-sizing: border-box;
}

.eob-notes-required[b-k40mhf7lss] { border-color: var(--gt-red); }
.eob-notes-hint[b-k40mhf7lss]     { font-size: .72rem; color: var(--gt-red); margin-top: .2rem; }

.eob-action-context[b-k40mhf7lss] { margin-left: auto; font-size: .72rem; color: #aaa; }

/* ── Phase requirement hint ── */
.eob-phase-requirement[b-k40mhf7lss] {
    display: flex;
    align-items: center;
    gap: .4rem;
    padding: .3rem .6rem;
    border-radius: 5px;
    font-size: .78rem;
    font-weight: 500;
    margin-bottom: .25rem;
}

.eob-phase-requirement--ready[b-k40mhf7lss]   { background: #e8f8f5; color: #0e8c6f; border: 1px solid rgba(17,198,131,.35); }
.eob-phase-requirement--waiting[b-k40mhf7lss] { background: #fafafa; color: #888; border: 1px solid #e0e0e0; }

.eob-req-icon[b-k40mhf7lss] { font-weight: 700; font-size: .82rem; line-height: 1; }

/* ── Phase validation blockers ── */
.eob-phase-blockers[b-k40mhf7lss] {
    width: 100%;
    background: #fff8e1;
    border: 1px solid #f39c12;
    border-radius: 6px;
    padding: .5rem .75rem;
    margin-bottom: .25rem;
}

.eob-blocker-item[b-k40mhf7lss] { font-size: .78rem; color: #b8620a; padding: .15rem 0; }
.eob-blocker-item + .eob-blocker-item[b-k40mhf7lss] { border-top: 1px solid #fde68a; }
/* /Components/Pages/GovernedTransactions/EntityOnboarding/Components/EobCreateForm.razor.rz.scp.css */
.eob-create-form[b-a9ievag6uk] {
    background: #fff;
    border: 1px solid var(--gtc-border, #e2e8f0);
    border-radius: 8px;
    padding: 1.25rem 1.5rem;
    margin: .75rem 1.25rem 1rem;
    max-width: 640px;
}

.eob-create-title[b-a9ievag6uk] {
    font-size: .95rem;
    font-weight: 600;
    color: var(--gt-navy, #0a3d62);
    margin: 0 0 1.1rem;
}

.eob-form-group[b-a9ievag6uk] {
    margin-bottom: .85rem;
}

.eob-form-group-inline[b-a9ievag6uk] {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.eob-form-label[b-a9ievag6uk] {
    display: block;
    font-size: .78rem;
    font-weight: 600;
    color: var(--gtc-text, #4a5568);
    margin-bottom: .3rem;
}

.eob-label-inline[b-a9ievag6uk] {
    display: flex;
    align-items: center;
    gap: .4rem;
    margin-bottom: 0;
    cursor: pointer;
    font-weight: 500;
}

.eob-form-hint[b-a9ievag6uk] {
    font-size: .72rem;
    color: var(--gt-text-muted, #718096);
}

.eob-required[b-a9ievag6uk] {
    color: #e53e3e;
    margin-left: .1rem;
}

.eob-form-input[b-a9ievag6uk],
.eob-form-select[b-a9ievag6uk] {
    width: 100%;
    padding: .4rem .65rem;
    border: 1px solid var(--gtc-border, #e2e8f0);
    border-radius: 6px;
    font-size: .82rem;
    color: var(--gtc-text, #4a5568);
    background: #fff;
    transition: border-color .15s;
    box-sizing: border-box;
}

.eob-form-input:focus[b-a9ievag6uk],
.eob-form-select:focus[b-a9ievag6uk] {
    outline: none;
    border-color: var(--gtc-teal, #00a896);
}

.eob-form-date[b-a9ievag6uk] {
    width: auto;
    min-width: 180px;
}

.eob-entity-results[b-a9ievag6uk] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid var(--gtc-border, #e2e8f0);
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0,0,0,.1);
    z-index: 50;
    max-height: 240px;
    overflow-y: auto;
}

.eob-entity-result[b-a9ievag6uk] {
    padding: .5rem .75rem;
    font-size: .82rem;
    cursor: pointer;
    transition: background .12s;
}

.eob-entity-result:hover[b-a9ievag6uk] {
    background: #f0fdfb;
    color: var(--gt-navy, #0a3d62);
}

.eob-selected-entity[b-a9ievag6uk] {
    margin-top: .35rem;
    font-size: .8rem;
    color: var(--gt-navy, #0a3d62);
    background: #f0fdfb;
    border: 1px solid rgba(0,168,150,.2);
    border-radius: 5px;
    padding: .35rem .65rem;
}

.eob-entity-meta[b-a9ievag6uk] {
    color: var(--gt-text-muted, #718096);
    font-size: .78rem;
    margin-left: .25rem;
}

.eob-create-error[b-a9ievag6uk] {
    background: #fff2f2;
    color: #c0392b;
    border: 1px solid #fca5a5;
    border-radius: 5px;
    padding: .45rem .75rem;
    font-size: .78rem;
    margin-bottom: .75rem;
}

.eob-create-actions[b-a9ievag6uk] {
    display: flex;
    gap: .6rem;
    margin-top: 1rem;
    padding-top: .85rem;
    border-top: 1px solid var(--gtc-border, #e2e8f0);
}
/* /Components/Pages/GovernedTransactions/EntityOnboarding/Components/EobDashboard.razor.rz.scp.css */
/* ── EOB Dashboard — aligned with GTC/RRC shared tokens ── */
.eob-dashboard[b-qxkk9pn6y8] { padding: 1rem 1.25rem; }

.eob-header[b-qxkk9pn6y8] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: .5rem;
}

.eob-header h1[b-qxkk9pn6y8] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--gtc-text);
    margin-bottom: .25rem;
}

.eob-header-sub[b-qxkk9pn6y8] { font-size: .75rem; color: var(--gtc-text-light); }

/* ── KPI Bar ── */
.eob-kpi-bar[b-qxkk9pn6y8] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: .9rem;
    margin: 1rem 0;
}

/* ── Filter Bar ── */
.eob-filter-bar[b-qxkk9pn6y8] {
    background: var(--gtc-card);
    padding: .65rem 1rem;
    border-radius: var(--gt-radius);
    display: flex;
    gap: .6rem;
    align-items: center;
    flex-wrap: wrap;
    font-size: .76rem;
    margin-bottom: 1rem;
    box-shadow: var(--gt-shadow);
}

.eob-filter-bar label[b-qxkk9pn6y8] { font-weight: 600; color: #666; }

.eob-filter-bar select[b-qxkk9pn6y8] {
    padding: .28rem .5rem;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: .75rem;
    color: var(--gtc-text);
    background: #f8f9fa;
    cursor: pointer;
}

.eob-show-completed[b-qxkk9pn6y8] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: .35rem;
    cursor: pointer;
    user-select: none;
}

.eob-show-completed input[type="checkbox"][b-qxkk9pn6y8] { cursor: pointer; }

/* ── Data Table ── */
.eob-table-wrap[b-qxkk9pn6y8] {
    background: var(--gtc-card);
    border-radius: var(--gt-radius);
    box-shadow: var(--gt-shadow);
    overflow: hidden;
}

.eob-table[b-qxkk9pn6y8] { width: 100%; border-collapse: collapse; }

.eob-table thead th[b-qxkk9pn6y8] {
    background: #f8f9fa;
    padding: .5rem .9rem;
    text-align: left;
    font-size: .67rem;
    font-weight: 700;
    color: #888;
    text-transform: uppercase;
    letter-spacing: .5px;
    border-bottom: 2px solid #e8e8e8;
    white-space: nowrap;
}

.eob-table tbody td[b-qxkk9pn6y8] {
    padding: .62rem .9rem;
    font-size: .78rem;
    color: var(--gtc-text);
    border-bottom: 1px solid #f5f5f5;
    vertical-align: middle;
}

.eob-table tr:last-child td[b-qxkk9pn6y8] { border-bottom: none; }
.eob-table-row[b-qxkk9pn6y8] { cursor: pointer; transition: background .15s; }
.eob-table-row:hover td[b-qxkk9pn6y8] { background: #f0fdfb; }
.eob-ref[b-qxkk9pn6y8] { font-weight: 600; color: var(--gt-navy); }

.eob-empty[b-qxkk9pn6y8] {
    padding: 3rem;
    text-align: center;
    color: var(--gt-text-faint);
    font-size: .82rem;
}

/* ── Pills ── */
.eob-type-pill[b-qxkk9pn6y8] {
    display: inline-block;
    padding: .15rem .5rem;
    border-radius: 10px;
    font-size: .67rem;
    font-weight: 600;
    background: #e8f4fd;
    color: #1565c0;
    white-space: nowrap;
}

.eob-phase-pill[b-qxkk9pn6y8] {
    display: inline-block;
    padding: .15rem .5rem;
    border-radius: 10px;
    font-size: .67rem;
    font-weight: 600;
    background: #f0fdfb;
    color: var(--gtc-teal);
    white-space: nowrap;
}

/* ── Status text ── */
.eob-status-in-progress[b-qxkk9pn6y8] { color: var(--gt-navy); font-weight: 600; }
.eob-status-on-hold[b-qxkk9pn6y8] { color: var(--gt-amber); font-weight: 600; }
.eob-status-completed[b-qxkk9pn6y8] { color: var(--gt-green); font-weight: 600; }
.eob-status-rejected[b-qxkk9pn6y8] { color: var(--gt-red); font-weight: 600; }
.eob-status-cancelled[b-qxkk9pn6y8] { color: #999; font-weight: 600; }
.eob-status-escalated[b-qxkk9pn6y8] { color: #e65100; font-weight: 600; }

/* ── Buttons ── */
.eob-btn[b-qxkk9pn6y8] {
    padding: .5rem 1.1rem;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: .8rem;
    font-weight: 600;
    transition: all .2s;
    font-family: inherit;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
}

.eob-btn-primary[b-qxkk9pn6y8] { background: var(--gt-teal); color: white; }
.eob-btn-primary:hover:not(:disabled)[b-qxkk9pn6y8] { background: #00c0ad; transform: translateY(-1px); }
.eob-btn:disabled[b-qxkk9pn6y8] { opacity: .5; cursor: not-allowed; }

/* ── Risk badges ── */
.eob-risk-pill[b-qxkk9pn6y8] {
    display: inline-block;
    padding: .15rem .5rem;
    border-radius: 10px;
    font-size: .67rem;
    font-weight: 700;
    white-space: nowrap;
}
.eob-risk-low[b-qxkk9pn6y8]    { background: #e8f5e9; color: #27ae60; }
.eob-risk-medium[b-qxkk9pn6y8] { background: #fff8e1; color: #f39c12; }
.eob-risk-high[b-qxkk9pn6y8]   { background: #ffebee; color: #e74c3c; }

/* ── Age badges ── */
.eob-age-pill[b-qxkk9pn6y8] {
    display: inline-block;
    padding: .15rem .5rem;
    border-radius: 10px;
    font-size: .67rem;
    font-weight: 600;
    white-space: nowrap;
}
.eob-age-ok[b-qxkk9pn6y8]      { background: #f5f5f5; color: #888; }
.eob-age-warn[b-qxkk9pn6y8]    { background: #fff8e1; color: #f39c12; }
.eob-age-overdue[b-qxkk9pn6y8] { background: #ffebee; color: #e74c3c; }
/* /Components/Pages/GovernedTransactions/EntityOnboarding/Components/EobDetailView.razor.rz.scp.css */
/* ── EOB Detail View ── */

/* ── Review Panel ── */
.eob-review-panel[b-fw5aa5sc1y] {
    background: var(--gtc-card);
    border-radius: var(--gt-radius);
    box-shadow: var(--gt-shadow);
    margin-bottom: .9rem;
    overflow: hidden;
}

.eob-review-header[b-fw5aa5sc1y] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .6rem 1rem;
    background: #f8f9fa;
    border-bottom: 1px solid var(--gtc-border);
    font-size: .78rem;
}

.eob-review-body[b-fw5aa5sc1y] { padding: .75rem 1rem; }

.eob-saved-row[b-fw5aa5sc1y] {
    display: flex;
    gap: 1rem;
    padding: .3rem 0;
    border-bottom: 1px solid #f5f5f5;
    font-size: .78rem;
}

.eob-saved-label[b-fw5aa5sc1y] { font-weight: 600; color: #888; min-width: 110px; flex-shrink: 0; }

/* ── Hold Banner ── */
.eob-hold-banner[b-fw5aa5sc1y] {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    padding: .9rem 1.1rem;
    border-radius: var(--gt-radius);
    background: #fff5f0;
    border: 1px solid #e17055;
    margin-bottom: .9rem;
    font-size: .82rem;
}

/* ── Tabs ── */
.eob-tabs[b-fw5aa5sc1y] {
    display: flex;
    border-bottom: 2px solid #e8e8e8;
}

.eob-tab[b-fw5aa5sc1y] {
    padding: .85rem 1.1rem;
    border: none;
    background: none;
    cursor: pointer;
    font-size: .8rem;
    font-weight: 500;
    color: #888;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    transition: all .15s;
    font-family: inherit;
}

.eob-tab.active[b-fw5aa5sc1y] { color: var(--gtc-teal); border-bottom-color: var(--gtc-teal); font-weight: 700; }
.eob-tab:hover:not(.active)[b-fw5aa5sc1y] { color: #555; background: #f8f9fa; }

.eob-tab-content[b-fw5aa5sc1y] {
    background: var(--gtc-card);
    border-radius: 0 0 var(--gt-radius) var(--gt-radius);
    padding: 1rem;
    margin-bottom: .9rem;
    box-shadow: var(--gt-shadow);
}

.eob-section-title[b-fw5aa5sc1y] { font-size: .88rem; font-weight: 700; color: var(--gtc-text); margin-bottom: .75rem; }
.eob-stage-content[b-fw5aa5sc1y] { padding: .25rem 0; }

/* ── Documents ── */
.eob-doc-item[b-fw5aa5sc1y] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .6rem 0;
    border-bottom: 1px solid #f5f5f5;
    font-size: .8rem;
}

.eob-doc-verified[b-fw5aa5sc1y] { background: #f6fef8; border-left: 2px solid var(--gt-green); padding-left: .5rem; }

.eob-doc-type[b-fw5aa5sc1y] { font-weight: 600; color: var(--gtc-text); }

.eob-doc-badge[b-fw5aa5sc1y] {
    display: inline-block;
    padding: .15rem .5rem;
    border-radius: 10px;
    font-size: .67rem;
    font-weight: 600;
}

.eob-doc-badge-ok[b-fw5aa5sc1y] { background: #e8f5e9; color: var(--gt-green); }
.eob-doc-badge-pending[b-fw5aa5sc1y] { background: #fff8e1; color: var(--gt-amber); }

/* ── Audit ── */
.eob-audit-entry[b-fw5aa5sc1y] {
    display: flex;
    gap: 1rem;
    padding: .45rem 0;
    border-bottom: 1px solid #f5f5f5;
    font-size: .78rem;
}

.eob-audit-time[b-fw5aa5sc1y] { color: #999; min-width: 130px; flex-shrink: 0; }
.eob-audit-action[b-fw5aa5sc1y] { flex: 1; color: var(--gtc-text); }
.eob-audit-user[b-fw5aa5sc1y] { color: #888; min-width: 100px; text-align: right; }

.eob-empty-tab[b-fw5aa5sc1y] { padding: 2rem; text-align: center; color: var(--gt-text-faint); font-size: .82rem; }

.eob-btn-primary[b-fw5aa5sc1y] { background: var(--gt-teal); color: white; }
.eob-btn-primary:hover:not(:disabled)[b-fw5aa5sc1y] { background: #00c0ad; transform: translateY(-1px); }

.eob-btn-sm[b-fw5aa5sc1y] {
    padding: .3rem .7rem;
    border: 1px solid var(--gtc-border);
    border-radius: 4px;
    background: white;
    cursor: pointer;
    font-size: .73rem;
    color: #555;
    font-family: inherit;
}
.eob-btn-warn[b-fw5aa5sc1y] { color: #e65100; border-color: #ffcc80; }
.eob-btn-warn:hover:not(:disabled)[b-fw5aa5sc1y] { background: #fff3e0; }

.eob-review-actions[b-fw5aa5sc1y] {
    padding: .5rem 0 .25rem;
    border-top: 1px solid var(--gtc-border);
    margin-top: .5rem;
    display: flex;
    gap: .5rem;
}

/* ── Phase Guidance Panels (phases 1–7) ── */
.eob-phase-guide[b-fw5aa5sc1y] { padding: .1rem 0; }

.eob-phase-guide-desc[b-fw5aa5sc1y] {
    font-size: .82rem;
    color: var(--gtc-text-light, #636e72);
    line-height: 1.55;
    margin: 0 0 1rem;
}

.eob-phase-summary[b-fw5aa5sc1y] {
    background: #f8f9fa;
    border-radius: 6px;
    padding: .4rem .75rem;
    margin-bottom: 1rem;
}

.eob-phase-row[b-fw5aa5sc1y] {
    display: flex;
    gap: 1rem;
    padding: .3rem 0;
    border-bottom: 1px solid #efefef;
    font-size: .8rem;
}

.eob-phase-row:last-child[b-fw5aa5sc1y] { border-bottom: none; }

.eob-phase-row span:first-child[b-fw5aa5sc1y] {
    font-weight: 600;
    color: #888;
    min-width: 140px;
    flex-shrink: 0;
}

.eob-phase-open-btn[b-fw5aa5sc1y] {
    padding: .45rem 1.1rem;
    background: white;
    border: 1.5px solid var(--gtc-teal, #00a896);
    color: var(--gtc-teal, #00a896);
    border-radius: 6px;
    font-size: .8rem;
    font-weight: 600;
    cursor: pointer;
    font-family: inherit;
    transition: background .15s;
}

.eob-phase-open-btn:hover[b-fw5aa5sc1y] { background: #f0fdfb; }

/* ── Phase 8 Compliance Forms ── */
.eob-compliance-section[b-fw5aa5sc1y] {
    padding: .65rem 0;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: .65rem;
}

.eob-compliance-section:last-of-type[b-fw5aa5sc1y] { border-bottom: none; margin-bottom: 0; }

.eob-compliance-section-title[b-fw5aa5sc1y] {
    font-size: .72rem;
    font-weight: 700;
    color: #888;
    text-transform: uppercase;
    letter-spacing: .5px;
    margin: 0 0 .5rem;
}

.eob-compliance-saved[b-fw5aa5sc1y] {
    font-size: .8rem;
    color: var(--gtc-text);
    margin-bottom: .55rem;
}

.eob-compliance-check[b-fw5aa5sc1y] { color: #27ae60; margin-right: .3rem; }

.eob-compliance-form[b-fw5aa5sc1y] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
}

.eob-cf-row[b-fw5aa5sc1y] { display: flex; align-items: center; gap: .4rem; }

.eob-cf-label[b-fw5aa5sc1y] {
    font-size: .75rem;
    font-weight: 600;
    color: #888;
    white-space: nowrap;
}

.eob-cf-input[b-fw5aa5sc1y],
.eob-cf-select[b-fw5aa5sc1y] {
    padding: .35rem .6rem;
    border: 1px solid var(--gtc-border, #e2e8f0);
    border-radius: 5px;
    font-size: .8rem;
    font-family: inherit;
    color: var(--gtc-text);
    background: #fff;
    transition: border-color .15s;
}

.eob-cf-input:focus[b-fw5aa5sc1y],
.eob-cf-select:focus[b-fw5aa5sc1y] { outline: none; border-color: var(--gtc-teal, #00a896); }

.eob-aml-clear[b-fw5aa5sc1y]  { color: #27ae60; font-weight: 700; }
.eob-aml-refer[b-fw5aa5sc1y]  { color: #f39c12; font-weight: 700; }
.eob-aml-flagged[b-fw5aa5sc1y] { color: #e74c3c; font-weight: 700; }

.eob-phase8-error[b-fw5aa5sc1y] {
    background: #fff2f2;
    color: #c0392b;
    border: 1px solid #fca5a5;
    border-radius: 5px;
    padding: .4rem .7rem;
    font-size: .78rem;
    margin-top: .6rem;
}

/* ── Documents Tab ── */
.eob-doc-progress[b-fw5aa5sc1y] {
    display: flex;
    align-items: center;
    gap: .75rem;
    font-size: .78rem;
    padding-bottom: .6rem;
    margin-bottom: .6rem;
    border-bottom: 1px solid #f0f0f0;
}

.eob-doc-progress-ok[b-fw5aa5sc1y]   { color: #27ae60; font-weight: 600; }
.eob-doc-progress-warn[b-fw5aa5sc1y] { color: #f39c12; font-weight: 600; }

.eob-doc-add-form[b-fw5aa5sc1y] {
    display: flex;
    align-items: center;
    gap: .6rem;
    margin-bottom: .85rem;
}

.eob-doc-verify-btn[b-fw5aa5sc1y] {
    padding: .2rem .65rem;
    background: white;
    border: 1px solid var(--gtc-teal, #00a896);
    color: var(--gtc-teal, #00a896);
    border-radius: 4px;
    font-size: .72rem;
    font-weight: 600;
    cursor: pointer;
    font-family: inherit;
    transition: background .12s;
}

.eob-doc-verify-btn:hover:not(:disabled)[b-fw5aa5sc1y] { background: #f0fdfb; }
.eob-doc-verify-btn:disabled[b-fw5aa5sc1y] { opacity: .5; cursor: not-allowed; }

/* ── Phase 10 Final Review ── */
.eob-final-review[b-fw5aa5sc1y] {
    border: 1px solid var(--gtc-border, #e2e8f0);
    border-radius: 7px;
    overflow: hidden;
}

.eob-final-section[b-fw5aa5sc1y] {
    padding: .65rem .9rem;
    border-bottom: 1px solid #f0f0f0;
}

.eob-final-section:last-child[b-fw5aa5sc1y] { border-bottom: none; }

.eob-final-section-title[b-fw5aa5sc1y] {
    font-size: .68rem;
    font-weight: 700;
    color: #aaa;
    text-transform: uppercase;
    letter-spacing: .5px;
    margin-bottom: .4rem;
}

.eob-final-row[b-fw5aa5sc1y] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 1rem;
    font-size: .8rem;
    padding: .2rem 0;
    color: var(--gtc-text);
}

.eob-final-row span:first-child[b-fw5aa5sc1y] { color: #888; font-weight: 500; flex-shrink: 0; }

.eob-final-meta[b-fw5aa5sc1y] { color: #aaa; font-size: .75rem; }

.eob-final-phases[b-fw5aa5sc1y] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    padding-top: .2rem;
}

.eob-final-phase-pill[b-fw5aa5sc1y] {
    display: inline-block;
    padding: .15rem .55rem;
    background: #e8f5e9;
    color: #27ae60;
    border-radius: 10px;
    font-size: .7rem;
    font-weight: 600;
}

/* ── Risk badges (case header) ── */
.eob-risk-pill[b-fw5aa5sc1y] {
    display: inline-block;
    padding: .15rem .5rem;
    border-radius: 10px;
    font-size: .67rem;
    font-weight: 700;
    white-space: nowrap;
}
.eob-risk-low[b-fw5aa5sc1y]    { background: #e8f5e9; color: #27ae60; }
.eob-risk-medium[b-fw5aa5sc1y] { background: #fff8e1; color: #f39c12; }
.eob-risk-high[b-fw5aa5sc1y]   { background: #ffebee; color: #e74c3c; }

/* ── Age badges (case header) ── */
.eob-age-pill[b-fw5aa5sc1y] {
    display: inline-block;
    padding: .15rem .5rem;
    border-radius: 10px;
    font-size: .67rem;
    font-weight: 600;
    white-space: nowrap;
}
.eob-age-ok[b-fw5aa5sc1y]      { background: #f5f5f5; color: #888; }
.eob-age-warn[b-fw5aa5sc1y]    { background: #fff8e1; color: #f39c12; }
.eob-age-overdue[b-fw5aa5sc1y] { background: #ffebee; color: #e74c3c; }

/* ── Embedded CRM component frame (phases 3–7) ── */
.eob-step-workspace[b-fw5aa5sc1y] {
    border-top: 3px solid var(--gtc-teal);
    border-radius: var(--gt-radius);
    background: rgba(0, 217, 197, 0.02);
    margin-top: .75rem;
    padding: .25rem .25rem .5rem;
    /* Bound the embedded grid so it scrolls within the frame instead of running
       full-length and disappearing behind the sticky action bar. */
    max-height: 62vh;
    overflow: auto;
}

/* Embedded components (entity detail forms, CRM grids) fill the frame width so a
   narrow form card (e.g. Company Details) doesn't float left inside the frame. */
.eob-step-workspace > *[b-fw5aa5sc1y] {
    width: 100%;
    box-sizing: border-box;
}

/* ── Phase 1 owner assignment editor ── */
.eob-owner-editor[b-fw5aa5sc1y] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: .75rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--gtc-border);
}

.eob-owner-field[b-fw5aa5sc1y] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    min-width: 220px;
}

.eob-owner-field label[b-fw5aa5sc1y] {
    font-size: .72rem;
    font-weight: 600;
    color: var(--gtc-text-light, #636e72);
    text-transform: uppercase;
    letter-spacing: .03em;
}

.eob-owner-field select[b-fw5aa5sc1y] {
    padding: .4rem .5rem;
    border: 1px solid var(--gtc-border);
    border-radius: 6px;
    font-size: .82rem;
}

.eob-owner-field[b-fw5aa5sc1y]  .myComboBoxInput {
    font-size: .82rem;
}

.eob-owner-error[b-fw5aa5sc1y] {
    color: var(--gt-red, #d63031);
    font-size: .78rem;
    align-self: center;
}

/* ── Phase requirement hint (inline in scroll content, phases 1–6) ── */
.eob-phase-requirement[b-fw5aa5sc1y] {
    display: flex;
    align-items: center;
    gap: .4rem;
    padding: .3rem .6rem;
    border-radius: 5px;
    font-size: .78rem;
    font-weight: 500;
    margin-bottom: .25rem;
}

.eob-phase-requirement--ready[b-fw5aa5sc1y] {
    background: #e8f8f5;
    color: #0e8c6f;
    border: 1px solid rgba(17, 198, 131, .35);
}

.eob-phase-requirement--waiting[b-fw5aa5sc1y] {
    background: #fafafa;
    color: #888;
    border: 1px solid #e0e0e0;
}

.eob-phase-requirement--inline[b-fw5aa5sc1y] {
    margin-bottom: .75rem;
}

.eob-req-icon[b-fw5aa5sc1y] {
    font-weight: 700;
    font-size: .82rem;
    line-height: 1;
}

/* ── Phase data snapshot divider (review panel) ── */
.eob-summary-divider[b-fw5aa5sc1y] {
    border-top: 1px solid #e0e0e0;
    margin: .6rem 0 .4rem;
}
/* /Components/Pages/GovernedTransactions/EntityOnboarding/Components/EobProgressBar.razor.rz.scp.css */
/* ── EOB Progress Bar — 10-phase, aligned with GTC/RRC tokens ── */
.eob-progress[b-4tugyc67um] {
    background: var(--gtc-card);
    padding: .6rem 1.1rem .5rem;
    border-radius: var(--gt-radius);
    box-shadow: var(--gt-shadow);
    margin: .4rem .5rem .3rem;
    display: flex;
    align-items: flex-start;
    overflow-x: auto;
}

.eob-step[b-4tugyc67um] {
    flex: 1;
    text-align: center;
    position: relative;
    min-width: 58px;
}

.eob-step-circle[b-4tugyc67um] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: white;
    border: 3px solid var(--gtc-border);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto .3rem;
    font-weight: 700;
    font-size: .68rem;
    color: #bbb;
    transition: transform .15s;
}

.eob-step-gate .eob-step-circle[b-4tugyc67um] {
    border-style: double;
    border-width: 4px;
}

.eob-step-clickable[b-4tugyc67um] { cursor: pointer; }
.eob-step-clickable:hover .eob-step-circle[b-4tugyc67um] { transform: scale(1.18); box-shadow: 0 0 0 4px rgba(0,217,197,.2); }
.eob-step-clickable:hover .eob-step-label[b-4tugyc67um] { color: var(--gtc-teal); }

.eob-step-label[b-4tugyc67um] {
    font-size: .57rem;
    color: #aaa;
    font-weight: 500;
    line-height: 1.2;
}

.eob-step-line[b-4tugyc67um] {
    flex: 0 0 auto;
    width: 16px;
    height: 3px;
    background: var(--gtc-border);
    margin-top: 16px;
}

.eob-step-done .eob-step-circle[b-4tugyc67um] { background: var(--gtc-green); border-color: var(--gtc-green); color: white; }
.eob-step-done .eob-step-label[b-4tugyc67um] { color: var(--gtc-green); }
.eob-step-line-done[b-4tugyc67um] { background: var(--gtc-green); }

.eob-step-active .eob-step-circle[b-4tugyc67um] { background: var(--gtc-teal); border-color: var(--gtc-teal); color: white; animation: eob-pulse-b-4tugyc67um 2s infinite; }
.eob-step-active .eob-step-label[b-4tugyc67um] { color: var(--gtc-teal); font-weight: 700; }

.eob-step-skipped .eob-step-circle[b-4tugyc67um] { background: #e9ecef; border-color: #ccc; color: #999; }
.eob-step-skipped .eob-step-label[b-4tugyc67um] { color: #bbb; font-style: italic; }

.eob-step-escalated .eob-step-circle[b-4tugyc67um] { background: var(--gtc-red); border-color: var(--gtc-red); color: white; }
.eob-step-escalated .eob-step-label[b-4tugyc67um] { color: var(--gtc-red); font-weight: 700; }

@keyframes eob-pulse-b-4tugyc67um {
    0%, 100% { box-shadow: 0 0 0 0 rgba(0,217,197,.4); }
    50% { box-shadow: 0 0 0 8px rgba(0,217,197,0); }
}

.eob-step-active.eob-step-active-waiting .eob-step-circle[b-4tugyc67um] {
    background: #f39c12;
    border-color: #e67e22;
    color: white;
    animation: eob-pulse-amber-b-4tugyc67um 2s infinite;
}
.eob-step-active.eob-step-active-waiting .eob-step-label[b-4tugyc67um] { color: #e67e22; }

@keyframes eob-pulse-amber-b-4tugyc67um {
    0%, 100% { box-shadow: 0 0 0 0 rgba(243,156,18,.5); }
    50% { box-shadow: 0 0 0 8px rgba(243,156,18,0); }
}
/* /Components/Pages/GovernedTransactions/EntityOnboarding/EobPage.razor.rz.scp.css */
/* ── EOB Page Layout ── */

/* Dashboard / loading / error mode */
.eob-page-scroll[b-jef3xhzym2] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding-bottom: 1rem;
}

/* ── Fixed sticky header ── */
.eob-sticky-header[b-jef3xhzym2] { flex-shrink: 0; }

.eob-back-role-bar[b-jef3xhzym2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .6rem 1.25rem;
    background: #f5f6f8;
}

.eob-bar-right[b-jef3xhzym2] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.eob-back-link[b-jef3xhzym2] {
    font-size: .78rem;
    color: #666;
    cursor: pointer;
    padding: .4rem .85rem;
    background: #fff;
    border: 1px solid var(--gtc-border);
    border-radius: 6px;
    text-decoration: none;
    transition: all .2s;
}

.eob-back-link:hover[b-jef3xhzym2] {
    background: #e8faf8;
    color: #007b70;
    border-color: var(--gtc-teal);
}

.eob-role-label[b-jef3xhzym2] {
    font-size: .75rem;
    color: var(--gtc-text-muted);
}

.eob-role-select[b-jef3xhzym2] {
    padding: .3rem .6rem;
    border: 1px solid var(--gtc-border);
    border-radius: 6px;
    font-size: .78rem;
    background: white;
    color: var(--gtc-text);
    cursor: pointer;
}

.eob-role-badge[b-jef3xhzym2] {
    font-size: .75rem;
    font-weight: 600;
    color: var(--gtc-teal);
    background: #f0fdfb;
    padding: .25rem .65rem;
    border-radius: 12px;
    border: 1px solid rgba(0,217,197,.2);
}

.eob-collapse-btn[b-jef3xhzym2] {
    background: #fff;
    border: 1px solid var(--gtc-border);
    border-radius: 6px;
    padding: .3rem .65rem;
    font-size: .75rem;
    cursor: pointer;
    color: #666;
    transition: all .2s;
    font-family: inherit;
    line-height: 1;
}

.eob-collapse-btn:hover[b-jef3xhzym2] {
    background: #e8faf8;
    color: #007b70;
    border-color: var(--gtc-teal);
}

/* ── Slim one-line summary (collapsed state) ── */
.eob-header-slim[b-jef3xhzym2] {
    display: flex;
    align-items: center;
    gap: .45rem;
    padding: .35rem 1.25rem .6rem;
    font-size: .8rem;
    flex-wrap: wrap;
}

.eob-slim-ref[b-jef3xhzym2]    { font-weight: 700; color: #1e3a5f; }
.eob-slim-entity[b-jef3xhzym2] { color: var(--gtc-text); }
.eob-slim-sep[b-jef3xhzym2]    { color: #ccc; }

/* ── Case header card (moved from EobDetailView) ── */
.eob-case-header[b-jef3xhzym2] {
    background: var(--gtc-card);
    padding: 1.1rem;
    box-shadow: var(--gt-shadow);
    margin: 0 0 .9rem;
}

.eob-case-header-top[b-jef3xhzym2] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.eob-case-header-top h2[b-jef3xhzym2] {
    font-size: 1rem;
    font-weight: 700;
    color: #1e3a5f;
    margin: 0 0 .15rem;
}

.eob-case-meta[b-jef3xhzym2] { font-size: .76rem; color: var(--gtc-text-light); }

.eob-status-badge[b-jef3xhzym2] {
    display: inline-block;
    padding: .15rem .55rem;
    border-radius: 10px;
    font-size: .68rem;
    font-weight: 700;
    white-space: nowrap;
}

.eob-status-in-progress[b-jef3xhzym2] { background: #e8f4fd; color: #1565c0; }
.eob-status-on-hold[b-jef3xhzym2]     { background: #fff8e1; color: var(--gt-amber); }
.eob-status-completed[b-jef3xhzym2]   { background: #e8f5e9; color: var(--gt-green); }
.eob-status-rejected[b-jef3xhzym2]    { background: #ffebee; color: var(--gt-red); }
.eob-status-cancelled[b-jef3xhzym2]   { background: #f5f5f5; color: #999; }
.eob-status-escalated[b-jef3xhzym2]   { background: #fff3e0; color: #e65100; }

.eob-info-grid[b-jef3xhzym2] { display: flex; flex-wrap: wrap; gap: 1.25rem; padding-top: .5rem; border-top: 1px solid var(--gtc-border); }
.eob-info-label[b-jef3xhzym2] { font-size: .68rem; color: #999; font-weight: 600; text-transform: uppercase; letter-spacing: .4px; margin-bottom: .15rem; }
.eob-info-value[b-jef3xhzym2] { font-size: .82rem; color: var(--gtc-text); font-weight: 500; }

/* ── Pinned footer ── */
.eob-footer-bar[b-jef3xhzym2] {
    background: var(--gtc-card);
    border-top: 1px solid var(--gtc-border);
    box-shadow: 0 -2px 8px rgba(0,0,0,.08);
    padding: .75rem 1.25rem;
    display: flex;
    flex-direction: column;
    gap: .4rem;
}

/* ── Action message ── */
.eob-action-message[b-jef3xhzym2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .65rem 1rem;
    border-radius: 6px;
    font-size: .78rem;
    font-weight: 500;
}

.eob-msg-success[b-jef3xhzym2] { background: #f0fdf4; color: #15803d; border: 1px solid #86efac; }
.eob-msg-error[b-jef3xhzym2]   { background: #fff2f2; color: #c0392b; border: 1px solid #fca5a5; }

.eob-msg-dismiss[b-jef3xhzym2] {
    background: none;
    border: none;
    cursor: pointer;
    font-size: .9rem;
    color: inherit;
    opacity: .6;
    padding: 0 .25rem;
    line-height: 1;
}
.eob-msg-dismiss:hover[b-jef3xhzym2] { opacity: 1; }

.eob-loading[b-jef3xhzym2] {
    padding: 3rem;
    text-align: center;
    color: var(--gt-text-muted);
    font-size: .82rem;
}
/* /Components/Pages/GovernedTransactions/EntityRiskAssessment/Components/EraActionBar.razor.rz.scp.css */
/* ── ERA Action Bar ── */
.era-action-bar[b-goxbq5h5ig] { display: flex; align-items: center; gap: .5rem; padding: .75rem 0; flex-wrap: wrap; }
.era-action-notes[b-goxbq5h5ig] { width: 100%; margin-bottom: .5rem; }
.era-form-textarea[b-goxbq5h5ig] { width: 100%; padding: .45rem .7rem; border: 1px solid #ddd; border-radius: 6px; font-size: .82rem; font-family: inherit; color: var(--gtc-text); resize: vertical; }
.era-notes-required[b-goxbq5h5ig] { border-color: var(--gt-red) !important; }
.era-notes-hint[b-goxbq5h5ig] { font-size: .7rem; color: var(--gt-red); margin-top: .2rem; }
.era-btn-blocked[b-goxbq5h5ig] { background: #f0f0f0; color: #999; padding: .5rem 1.1rem; border: 1px solid #ddd; border-radius: 6px; font-size: .8rem; font-weight: 600; font-family: inherit; cursor: not-allowed; }
.era-btn-cancel[b-goxbq5h5ig] { background: #f5f5f5; color: #888; padding: .5rem 1.1rem; border: 1px solid #ddd; border-radius: 6px; cursor: pointer; font-size: .78rem; font-weight: 600; font-family: inherit; transition: all .2s; margin-left: auto; }
.era-btn-cancel:hover:not(:disabled)[b-goxbq5h5ig] { background: #eee; color: #666; }
/* Override action button */
.era-btn-override-action[b-goxbq5h5ig] { background: #fff8e1; color: #f57f17; padding: .5rem 1.1rem; border: 1px solid #ffe082; border-radius: 6px; cursor: pointer; font-size: .78rem; font-weight: 600; font-family: inherit; transition: all .2s; }
.era-btn-override-action:hover:not(:disabled)[b-goxbq5h5ig] { background: #fff3cd; border-color: #f57f17; }
.era-btn-override-action:disabled[b-goxbq5h5ig] { opacity: .5; cursor: not-allowed; }

/* Warning button (for override review) */
.era-btn-warning[b-goxbq5h5ig] { background: #fff8e1; color: #f57f17; padding: .5rem 1.1rem; border: 1px solid #ffe082; border-radius: 6px; cursor: pointer; font-size: .8rem; font-weight: 600; font-family: inherit; transition: all .2s; }
.era-btn-warning:hover:not(:disabled)[b-goxbq5h5ig] { background: #f57f17; color: #fff; }
.era-btn-warning:disabled[b-goxbq5h5ig] { opacity: .5; cursor: not-allowed; }

/* Report button (completed stage) */
.era-btn-report[b-goxbq5h5ig] { background: #e8f5e9; color: #2e7d32; padding: .5rem 1.1rem; border: 1px solid #a5d6a7; border-radius: 6px; cursor: pointer; font-size: .8rem; font-weight: 600; font-family: inherit; transition: all .2s; }
.era-btn-report:hover[b-goxbq5h5ig] { background: #c8e6c9; border-color: #2e7d32; }

/* Sign-off modal */
.era-modal-overlay[b-goxbq5h5ig] { position: fixed; inset: 0; background: rgba(0,0,0,.4); z-index: 1000; display: flex; align-items: center; justify-content: center; }
.era-modal-panel[b-goxbq5h5ig] { background: #fff; border-radius: 12px; padding: 1.5rem; width: 520px; max-width: 95vw; box-shadow: 0 20px 60px rgba(0,0,0,.2); }
.era-modal-panel h3[b-goxbq5h5ig] { font-size: 1rem; font-weight: 700; margin: 0 0 .25rem; color: var(--gtc-text); }
.era-modal-sub[b-goxbq5h5ig] { font-size: .78rem; color: #888; margin-bottom: 1rem; }
.era-modal-label[b-goxbq5h5ig] { display: block; font-size: .68rem; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; color: #666; margin-bottom: .3rem; }
.era-modal-error[b-goxbq5h5ig] { font-size: .72rem; color: var(--gt-red); margin-top: .25rem; }
.era-modal-actions[b-goxbq5h5ig] { display: flex; gap: .5rem; justify-content: flex-end; margin-top: 1rem; }
.era-btn-secondary[b-goxbq5h5ig] { background: #f0f0f0; color: #666; padding: .5rem 1.1rem; border: 1px solid #ddd; border-radius: 6px; cursor: pointer; font-size: .8rem; font-weight: 600; font-family: inherit; }
.era-btn-secondary:hover[b-goxbq5h5ig] { border-color: #aaa; color: var(--gtc-text); }

.era-action-context[b-goxbq5h5ig] { font-size: .7rem; color: #999; margin-left: auto; white-space: nowrap; }
/* /Components/Pages/GovernedTransactions/EntityRiskAssessment/Components/EraAmlScan.razor.rz.scp.css */
/* ── ERA AML Scan Panel ── */
.era-aml-panel[b-hmayvup2lw] { }

/* Role requirement banner */
.era-role-banner[b-hmayvup2lw] { font-size: .72rem; padding: .45rem .75rem; border-radius: 6px; margin-bottom: .75rem; }
.era-role-banner-ok[b-hmayvup2lw] { background: #e8f5e9; color: var(--gt-green); border-left: 3px solid var(--gt-green); }
.era-role-banner-info[b-hmayvup2lw] { background: #fff3e0; color: #e65100; border-left: 3px solid #ff9800; }

/* Restricted results (standard user) */
.era-scan-results-restricted[b-hmayvup2lw] { font-size: .75rem; color: #999; }

.era-scan-summary[b-hmayvup2lw] { font-size: .78rem; color: #666; margin-bottom: .5rem; padding: .4rem .75rem; background: #f8f9fa; border-radius: 6px; }
.era-aml-panel h4[b-hmayvup2lw] { font-size: .9rem; font-weight: 700; color: var(--gt-navy); margin-bottom: .75rem; }
.era-party-list[b-hmayvup2lw] { display: flex; flex-direction: column; gap: .5rem; }
.era-party-row[b-hmayvup2lw] { display: flex; align-items: center; gap: .75rem; padding: .65rem .9rem; background: #f8f9fa; border-radius: 6px; border: 1px solid #eee; flex-wrap: wrap; }
.era-party-scanned[b-hmayvup2lw] { background: #f0fdf4; border-color: #c8e6c9; }
.era-party-info[b-hmayvup2lw] { min-width: 160px; font-size: .82rem; }
.era-party-info strong[b-hmayvup2lw] { color: var(--gtc-text); }
.era-party-role[b-hmayvup2lw] { display: block; font-size: .68rem; color: #999; }
.era-scan-results[b-hmayvup2lw] { display: flex; gap: .35rem; flex-wrap: wrap; align-items: center; }
.era-scan-chip[b-hmayvup2lw] { display: inline-block; padding: .12rem .45rem; border-radius: 8px; font-size: .62rem; font-weight: 700; white-space: nowrap; }
.era-chip-clear[b-hmayvup2lw] { background: #e8f5e9; color: var(--gt-green); }
.era-chip-match[b-hmayvup2lw] { background: #ffebee; color: var(--gt-red); }
.era-chip-pending[b-hmayvup2lw] { background: #f5f5f5; color: #999; }
.era-scan-date[b-hmayvup2lw] { font-size: .65rem; color: #999; margin-left: .25rem; }
.era-scan-pending[b-hmayvup2lw] { font-size: .75rem; color: #bbb; font-style: italic; }
.era-btn-sm[b-hmayvup2lw] { padding: .3rem .7rem; font-size: .72rem; }
.era-aml-summary[b-hmayvup2lw] { margin-top: .75rem; padding: .5rem .75rem; background: #f8f9fa; border-radius: 6px; }
.era-aml-status[b-hmayvup2lw] { font-size: .82rem; font-weight: 700; }
.era-aml-clear[b-hmayvup2lw] { color: var(--gt-green); }
.era-aml-match[b-hmayvup2lw] { color: var(--gt-red); }
.era-aml-pending[b-hmayvup2lw] { color: #999; }

/* Scan progress animation */
.era-scan-progress[b-hmayvup2lw] { display: flex; gap: .35rem; flex-wrap: wrap; align-items: center; }
.era-scan-step[b-hmayvup2lw] { font-size: .65rem; padding: .15rem .4rem; border-radius: 6px; background: #f5f5f5; color: #bbb; transition: all .3s ease; white-space: nowrap; }
.era-scan-step-active[b-hmayvup2lw] { background: #e8f5e9; color: var(--gt-green); font-weight: 700; }

/* Re-scan button */
.era-btn-rescan[b-hmayvup2lw] { background: #f8f9fa; color: #888; border: 1px solid #ddd; border-radius: 6px; cursor: pointer; font-size: .65rem; font-weight: 600; font-family: inherit; padding: .2rem .5rem; transition: all .15s; }
.era-btn-rescan:hover:not(:disabled)[b-hmayvup2lw] { background: #eee; color: var(--gt-navy); border-color: #aaa; }
.era-btn-rescan:disabled[b-hmayvup2lw] { opacity: .5; cursor: not-allowed; }
/* /Components/Pages/GovernedTransactions/EntityRiskAssessment/Components/EraConfiguration.razor.rz.scp.css */
/* ── ERA Configuration ── */
.era-config[b-qjw3fwe7r1] { padding: 1rem 1.25rem; }
.era-config-header[b-qjw3fwe7r1] { margin-bottom: 1rem; }
.era-config-header h1[b-qjw3fwe7r1] { font-size: 1.1rem; font-weight: 600; color: var(--gtc-text); margin-bottom: .25rem; }
.era-config-sub[b-qjw3fwe7r1] { font-size: .75rem; color: var(--gtc-text-light); }
.era-config-card[b-qjw3fwe7r1] { background: var(--gtc-card); padding: 1.1rem; border-radius: var(--gt-radius); box-shadow: var(--gt-shadow); margin-bottom: 1rem; }
.era-config-card h3[b-qjw3fwe7r1] { font-size: .95rem; font-weight: 700; color: var(--gt-navy); margin-bottom: .5rem; }
.era-config-hint[b-qjw3fwe7r1] { font-size: .75rem; color: #888; margin-bottom: .75rem; }
.era-config-input[b-qjw3fwe7r1] { padding: .3rem .5rem; border: 1px solid #ddd; border-radius: 4px; font-size: .78rem; font-family: inherit; color: var(--gtc-text); background: #f8f9fa; }
.era-config-input:focus[b-qjw3fwe7r1] { outline: none; border-color: var(--gt-teal); }
.era-config-narrow[b-qjw3fwe7r1] { width: 70px; }

/* ── Risk Bands ── */
.era-band-preview[b-qjw3fwe7r1] { position: relative; height: 28px; background: #eee; border-radius: 14px; overflow: hidden; }
.era-band-preview-seg[b-qjw3fwe7r1] { position: absolute; top: 0; height: 100%; border-radius: 14px; opacity: .8; display: flex; align-items: center; justify-content: center; transition: all .3s; }
.era-band-preview-label[b-qjw3fwe7r1] { font-size: .6rem; font-weight: 700; color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,.3); }
.era-band-scale[b-qjw3fwe7r1] { display: flex; justify-content: space-between; font-size: .6rem; color: #999; padding: 0 2px; margin-top: .2rem; margin-bottom: .5rem; }

.era-band-rows[b-qjw3fwe7r1] { display: flex; flex-direction: column; gap: .5rem; margin-bottom: .75rem; }
.era-band-row[b-qjw3fwe7r1] { border-left: 4px solid #ccc; border-radius: var(--gt-radius); background: #f8f9fa; padding: .65rem .85rem; display: flex; flex-direction: column; gap: .4rem; }
.era-band-row-header[b-qjw3fwe7r1] { display: flex; align-items: center; gap: .5rem; }
.era-band-label-input[b-qjw3fwe7r1] { width: 120px; }
.era-band-row-fields[b-qjw3fwe7r1] { display: flex; align-items: flex-end; gap: .75rem; flex-wrap: wrap; }
.era-band-field[b-qjw3fwe7r1] { display: flex; flex-direction: column; gap: .15rem; }
.era-band-field label[b-qjw3fwe7r1] { font-size: .6rem; font-weight: 600; color: #999; text-transform: uppercase; }
.era-band-field-range[b-qjw3fwe7r1] { flex: 1; min-width: 120px; }
.era-band-range[b-qjw3fwe7r1] { width: 100%; accent-color: var(--gt-teal); cursor: pointer; }
.era-band-review-wrap[b-qjw3fwe7r1] { display: flex; align-items: center; gap: .3rem; }
.era-band-review-suffix[b-qjw3fwe7r1] { font-size: .68rem; color: #999; }
.era-band-save-row[b-qjw3fwe7r1] { display: flex; justify-content: flex-end; margin-top: .25rem; }

/* ── Sections ── */
.era-sections-header[b-qjw3fwe7r1] { display: flex; align-items: center; justify-content: space-between; margin-bottom: .5rem; }
.era-sections-header h3[b-qjw3fwe7r1] { margin-bottom: 0; }
.era-sections-header-actions[b-qjw3fwe7r1] { display: flex; gap: .4rem; }

.era-weight-bar[b-qjw3fwe7r1] { display: flex; height: 8px; border-radius: 4px; overflow: hidden; margin-bottom: .75rem; gap: 1px; }
.era-weight-bar-seg[b-qjw3fwe7r1] { display: flex; align-items: center; justify-content: center; transition: width .3s; }
.era-weight-bar-seg span[b-qjw3fwe7r1] { font-size: .5rem; font-weight: 700; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.3); }

.era-q-count[b-qjw3fwe7r1] { font-size: .65rem; color: #999; font-weight: 500; white-space: nowrap; background: #eee; padding: .1rem .4rem; border-radius: 8px; }

.era-config-section[b-qjw3fwe7r1] { border: 1px solid #eee; border-radius: var(--gt-radius); padding: .75rem; margin-bottom: .75rem; background: #fafafa; }
.era-config-section-header[b-qjw3fwe7r1] { display: flex; gap: .4rem; align-items: center; flex-wrap: wrap; margin-bottom: .5rem; }
.era-config-collapse-btn[b-qjw3fwe7r1] { background: none; border: none; cursor: pointer; font-size: .72rem; color: #888; padding: .1rem .3rem; line-height: 1; }
.era-config-weight-label[b-qjw3fwe7r1] { font-size: .72rem; color: #666; display: flex; align-items: center; gap: .2rem; white-space: nowrap; }
.era-config-questions[b-qjw3fwe7r1] { margin-left: .5rem; padding-left: .75rem; border-left: 2px solid #e0e0e0; }
.era-config-q-hint[b-qjw3fwe7r1] { font-size: .68rem; color: #999; margin-bottom: .4rem; }
.era-config-question[b-qjw3fwe7r1] { padding: .4rem 0; border-bottom: 1px solid #f0f0f0; }
.era-config-question:last-child[b-qjw3fwe7r1] { border-bottom: none; }
.era-config-q-row[b-qjw3fwe7r1] { display: flex; gap: .4rem; align-items: center; margin-bottom: .3rem; }
.era-config-answers[b-qjw3fwe7r1] { display: flex; flex-direction: column; gap: .2rem; margin-left: 1rem; margin-bottom: .3rem; }
.era-config-answer[b-qjw3fwe7r1] { display: flex; gap: .3rem; align-items: center; }
.era-config-btn-x[b-qjw3fwe7r1] { background: none; border: none; color: #c0392b; cursor: pointer; font-size: .8rem; padding: 0 .2rem; }
.era-weight-ok[b-qjw3fwe7r1] { color: var(--gt-green); }
.era-weight-bad[b-qjw3fwe7r1] { color: var(--gt-red); }
.era-config-msg[b-qjw3fwe7r1] { padding: .65rem 1rem; border-radius: 6px; font-size: .78rem; font-weight: 500; margin-bottom: .75rem; display: flex; align-items: center; justify-content: space-between; }

.era-loading-msg[b-qjw3fwe7r1] { padding: 2rem; text-align: center; color: #999; font-size: .82rem; }

/* Modal overlay */
.era-modal-overlay[b-qjw3fwe7r1] { position: fixed; inset: 0; background: rgba(0,0,0,.35); display: flex; align-items: center; justify-content: center; z-index: 1000; }
.era-modal[b-qjw3fwe7r1] { background: #fff; border-radius: var(--gt-radius); box-shadow: 0 8px 32px rgba(0,0,0,.18); padding: 1.25rem 1.5rem; min-width: 340px; max-width: 460px; }
.era-modal h4[b-qjw3fwe7r1] { font-size: .92rem; font-weight: 700; color: var(--gt-navy); margin-bottom: .75rem; }
.era-modal-field[b-qjw3fwe7r1] { margin-bottom: .6rem; }
.era-modal-field label[b-qjw3fwe7r1] { display: block; font-size: .7rem; font-weight: 600; color: #666; margin-bottom: .2rem; }
.era-modal-actions[b-qjw3fwe7r1] { display: flex; gap: .5rem; margin-top: .75rem; }

/* Danger button for delete actions */
.era-btn-danger[b-qjw3fwe7r1] { background: var(--gt-red, #d33); color: white; border: none; border-radius: 6px; cursor: pointer; font-weight: 600; font-family: inherit; transition: all .15s; }
.era-btn-danger:hover:not(:disabled)[b-qjw3fwe7r1] { opacity: .85; }

/* Read-only section header display */
.era-section-name[b-qjw3fwe7r1] { flex: 1; font-size: .82rem; font-weight: 600; color: var(--gtc-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.era-section-code[b-qjw3fwe7r1] { font-size: .7rem; color: #999; font-weight: 600; background: #eee; padding: .1rem .4rem; border-radius: 4px; }
.era-q-text[b-qjw3fwe7r1] { flex: 1; font-size: .78rem; color: var(--gtc-text); }
.era-q-weight[b-qjw3fwe7r1] { font-size: .72rem; font-weight: 600; color: var(--gt-teal); min-width: 35px; text-align: center; }

/* Edit icon button */
.era-edit-icon[b-qjw3fwe7r1] { background: none; border: none; cursor: pointer; font-size: .78rem; padding: .1rem .2rem; opacity: .4; transition: opacity .15s; line-height: 1; }
.era-edit-icon:hover[b-qjw3fwe7r1] { opacity: .9; }

/* Modal wide variant */
.era-modal-wide[b-qjw3fwe7r1] { min-width: 420px; max-width: 560px; }
.era-modal-row[b-qjw3fwe7r1] { display: flex; gap: .75rem; flex-wrap: wrap; }
.era-modal-divider[b-qjw3fwe7r1] { border-top: 1px solid #eee; margin: .75rem 0; }
.era-modal-sub-label[b-qjw3fwe7r1] { display: block; font-size: .7rem; font-weight: 600; color: #666; margin-bottom: .4rem; }
.era-modal-answers[b-qjw3fwe7r1] { display: flex; flex-direction: column; gap: .3rem; margin-bottom: .5rem; }
.era-btn-outline[b-qjw3fwe7r1] { background: #fff; border: 1px solid var(--gt-teal); color: var(--gt-teal); border-radius: 6px; cursor: pointer; font-weight: 600; font-family: inherit; transition: all .15s; }
.era-btn-outline:hover[b-qjw3fwe7r1] { background: var(--gt-teal); color: #fff; }

/* Delete icon button */
.era-delete-icon[b-qjw3fwe7r1] { background: none; border: none; cursor: pointer; font-size: .85rem; padding: .15rem .25rem; opacity: .35; transition: opacity .15s; line-height: 1; }
.era-delete-icon:hover[b-qjw3fwe7r1] { opacity: .8; }

/* Role chips */
.era-roles-panel[b-qjw3fwe7r1] { margin-bottom: .6rem; padding: .5rem .6rem; background: #f0f4ff; border-radius: 6px; }
.era-roles-row[b-qjw3fwe7r1] { display: flex; align-items: center; gap: .3rem; flex-wrap: wrap; margin-bottom: .3rem; }
.era-roles-row:last-child[b-qjw3fwe7r1] { margin-bottom: 0; }
.era-roles-label[b-qjw3fwe7r1] { font-size: .65rem; font-weight: 700; color: var(--gt-navy); min-width: 55px; text-transform: uppercase; }
.era-role-chip[b-qjw3fwe7r1] { padding: .15rem .5rem; border-radius: 12px; font-size: .62rem; font-weight: 600; border: 1px solid #ccc; background: #fff; color: #666; cursor: pointer; transition: all .15s; font-family: inherit; }
.era-role-chip:hover[b-qjw3fwe7r1] { border-color: var(--gt-teal); color: var(--gt-teal); }
.era-role-active[b-qjw3fwe7r1] { background: var(--gt-teal); color: #fff; border-color: var(--gt-teal); }
.era-role-active:hover[b-qjw3fwe7r1] { opacity: .85; }
.era-role-inherited[b-qjw3fwe7r1] { background: #e0f2f1; color: var(--gt-teal); border-color: #b2dfdb; opacity: .7; }
.era-role-inherited:hover[b-qjw3fwe7r1] { opacity: 1; }
.era-roles-inherit-notice[b-qjw3fwe7r1] { font-size: .68rem; color: #999; font-style: italic; margin-bottom: .4rem; padding: .3rem .5rem; background: #f9f9f9; border-radius: 4px; border-left: 3px solid var(--gt-teal); }
.era-roles-override-notice[b-qjw3fwe7r1] { font-size: .68rem; color: var(--gt-navy); margin-bottom: .4rem; display: flex; align-items: center; gap: .4rem; }
.era-roles-reset-btn[b-qjw3fwe7r1] { background: none; border: none; color: var(--gt-teal); cursor: pointer; font-size: .65rem; font-weight: 600; text-decoration: underline; font-family: inherit; }

/* Entity type chips */
.era-entity-type-chips[b-qjw3fwe7r1] { display: flex; gap: .3rem; flex-wrap: wrap; align-items: center; margin-bottom: .3rem; }
.era-entity-all-notice[b-qjw3fwe7r1] { font-size: .65rem; color: #999; font-style: italic; margin-right: .3rem; }
.era-entity-badge[b-qjw3fwe7r1] { font-size: .58rem; color: #666; background: #e8eaf6; padding: .1rem .4rem; border-radius: 4px; white-space: nowrap; }

/* Weight summary pills */
.era-weight-summary[b-qjw3fwe7r1] { margin-bottom: .75rem; }
.era-weight-pills[b-qjw3fwe7r1] { display: flex; gap: .3rem; flex-wrap: wrap; }
.era-weight-pill[b-qjw3fwe7r1] { font-size: .62rem; padding: .15rem .5rem; border-radius: 10px; background: #f0f0f0; color: #666; }
.era-weight-pill-ok[b-qjw3fwe7r1] { background: #e8f5e9; color: var(--gt-green); }
.era-weight-pill-bad[b-qjw3fwe7r1] { background: #ffebee; color: var(--gt-red); }

/* Notification table */
.era-notif-table[b-qjw3fwe7r1] { width: 100%; border-collapse: collapse; font-size: .75rem; }
.era-notif-table th[b-qjw3fwe7r1] { background: #f8f9fa; padding: .4rem .6rem; text-align: left; font-size: .62rem; font-weight: 700; color: #888; text-transform: uppercase; border-bottom: 2px solid #e8e8e8; }
.era-notif-table td[b-qjw3fwe7r1] { padding: .35rem .6rem; border-bottom: 1px solid #f5f5f5; vertical-align: middle; }
.era-notif-table tr:hover[b-qjw3fwe7r1] { background: #fafafa; }
.era-notif-roles[b-qjw3fwe7r1] { font-size: .68rem; color: #666; max-width: 200px; }
.era-notif-template[b-qjw3fwe7r1] { font-size: .7rem; color: var(--gtc-text); font-family: monospace; }
.era-empty-notice[b-qjw3fwe7r1] { padding: 1.5rem; text-align: center; color: #bbb; font-size: .78rem; font-style: italic; }
.era-notif-extra[b-qjw3fwe7r1] { font-size: .62rem; color: var(--gt-teal); font-weight: 600; }
.era-modal-field-check[b-qjw3fwe7r1] { display: flex; align-items: center; }
.era-modal-field-check label[b-qjw3fwe7r1] { display: flex; align-items: center; gap: .3rem; font-size: .75rem; color: #666; cursor: pointer; }

/* Inline delete confirmation */
.era-confirm-delete[b-qjw3fwe7r1] { display: inline-flex; align-items: center; gap: .3rem; font-size: .7rem; font-weight: 600; color: var(--gt-red, #d33); white-space: nowrap; }
/* /Components/Pages/GovernedTransactions/EntityRiskAssessment/Components/EraCreateForm.razor.rz.scp.css */
/* ── ERA Create Form ── */
.era-create-form[b-w6wvsmmavs] { padding: .25rem 0; }
.era-form-group[b-w6wvsmmavs] { margin-bottom: .9rem; }
.era-form-label[b-w6wvsmmavs] { display: block; font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; color: #666; margin-bottom: .3rem; }
.era-required[b-w6wvsmmavs] { color: var(--gt-red); }
.era-form-input[b-w6wvsmmavs], .era-form-select[b-w6wvsmmavs], .era-form-textarea[b-w6wvsmmavs] { width: 100%; padding: .55rem .7rem; border: 1.5px solid #ddd; border-radius: 7px; font-size: .82rem; font-family: inherit; color: var(--gtc-text); background: #f8f9fa; }
.era-form-input:focus[b-w6wvsmmavs], .era-form-select:focus[b-w6wvsmmavs], .era-form-textarea:focus[b-w6wvsmmavs] { outline: none; border-color: var(--gt-teal); box-shadow: 0 0 0 2px rgba(0,217,197,.15); }
.era-form-textarea[b-w6wvsmmavs] { resize: vertical; min-height: 50px; }
.era-entity-results[b-w6wvsmmavs] { position: absolute; z-index: 20; width: 100%; background: white; border: 1px solid #ddd; border-radius: 6px; box-shadow: 0 4px 12px rgba(0,0,0,.1); max-height: 200px; overflow-y: auto; }
.era-entity-result[b-w6wvsmmavs] { padding: .5rem .7rem; font-size: .82rem; cursor: pointer; transition: background .15s; }
.era-entity-result:hover[b-w6wvsmmavs] { background: #f0fdfb; }
.era-entity-code[b-w6wvsmmavs] { color: #999; font-size: .75rem; }
.era-selected-entity[b-w6wvsmmavs] { margin-top: .5rem; padding: .45rem .7rem; background: #e6f7f0; border: 1px solid #b2dfdb; border-radius: 6px; font-size: .8rem; }
.era-risk-model-info[b-w6wvsmmavs] { padding: .55rem .7rem; background: #f8f9fa; border: 1px solid #ddd; border-radius: 7px; font-size: .78rem; color: #666; }
.era-btn-group[b-w6wvsmmavs] { display: flex; gap: .5rem; justify-content: flex-end; margin-top: 1.25rem; }
.era-btn-secondary[b-w6wvsmmavs] { background: #f8f9fa; color: #666; padding: .5rem 1.1rem; border: 1px solid #ddd; border-radius: 7px; cursor: pointer; font-size: .82rem; font-weight: 600; transition: all .15s; font-family: inherit; }
.era-btn-secondary:hover[b-w6wvsmmavs] { border-color: var(--gt-teal); color: var(--gtc-text); }
.era-alert-warning[b-w6wvsmmavs] { padding: .5rem .75rem; background: #fff8e1; color: #f57f17; border: 1px solid #fff176; border-radius: 6px; font-size: .78rem; }
/* /Components/Pages/GovernedTransactions/EntityRiskAssessment/Components/EraDashboard.razor.rz.scp.css */
/* ── ERA Dashboard — aligned with RRC/GTC shared tokens ── */
.era-dashboard[b-zl0367xrf6] { padding: 1rem 1.25rem; }
.era-header[b-zl0367xrf6] { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: .5rem; }
.era-header h1[b-zl0367xrf6] { font-size: 1.1rem; font-weight: 600; color: var(--gtc-text); margin-bottom: .25rem; }
.era-header-sub[b-zl0367xrf6] { font-size: .75rem; color: var(--gtc-text-light); }
.era-kpi-bar[b-zl0367xrf6] { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: .9rem; margin: 1rem 0; }
.era-filter-bar[b-zl0367xrf6] { background: var(--gtc-card); padding: .65rem 1rem; border-radius: var(--gt-radius); display: flex; gap: .6rem; align-items: center; flex-wrap: wrap; font-size: .76rem; margin-bottom: 1rem; box-shadow: var(--gt-shadow); }
.era-filter-bar label[b-zl0367xrf6] { font-weight: 600; color: #666; }
.era-filter-bar select[b-zl0367xrf6] { padding: .28rem .5rem; border: 1px solid #ddd; border-radius: 4px; font-size: .75rem; color: var(--gtc-text); background: #f8f9fa; cursor: pointer; }
.era-filter-input[b-zl0367xrf6] { padding: .28rem .5rem; border: 1px solid #ddd; border-radius: 4px; font-size: .75rem; color: var(--gtc-text); background: #f8f9fa; width: 140px; }
.era-show-completed[b-zl0367xrf6] { margin-left: auto; display: flex; align-items: center; gap: .35rem; cursor: pointer; user-select: none; }
.era-table-wrap[b-zl0367xrf6] { background: var(--gtc-card); border-radius: var(--gt-radius); box-shadow: var(--gt-shadow); overflow: hidden; }
.era-table[b-zl0367xrf6] { width: 100%; border-collapse: collapse; }
.era-table thead th[b-zl0367xrf6] { background: #f8f9fa; padding: .5rem .9rem; text-align: left; font-size: .67rem; font-weight: 700; color: #888; text-transform: uppercase; letter-spacing: .5px; border-bottom: 2px solid #e8e8e8; white-space: nowrap; }
.era-table tbody td[b-zl0367xrf6] { padding: .62rem .9rem; font-size: .78rem; color: var(--gtc-text); border-bottom: 1px solid #f5f5f5; vertical-align: middle; }
.era-table tr:last-child td[b-zl0367xrf6] { border-bottom: none; }
.era-table-row[b-zl0367xrf6] { cursor: pointer; transition: background .15s; }
.era-table-row:hover td[b-zl0367xrf6] { background: #f0fdfb; }
.era-ref[b-zl0367xrf6] { font-weight: 600; color: var(--gt-navy); }
.era-empty[b-zl0367xrf6] { padding: 3rem; text-align: center; color: var(--gt-text-faint); font-size: .82rem; }

/* Rating pills */
.era-rating-pill[b-zl0367xrf6] { display: inline-block; padding: .15rem .55rem; border-radius: 10px; font-size: .68rem; font-weight: 700; white-space: nowrap; }
.era-rating-low[b-zl0367xrf6] { background: #e8f5e9; color: var(--gt-green); }
.era-rating-medium[b-zl0367xrf6] { background: #fff8e1; color: var(--gt-amber); }
.era-rating-high[b-zl0367xrf6] { background: #ffebee; color: var(--gt-red); }

/* Risk Movement Summary */
.era-movement-section[b-zl0367xrf6] { margin-bottom: 1rem; }
.era-movement-title[b-zl0367xrf6] { font-size: .82rem; font-weight: 700; color: var(--gt-navy); margin-bottom: .5rem; }
.era-movement-cards[b-zl0367xrf6] { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: .6rem; }
.era-movement-card[b-zl0367xrf6] { background: var(--gtc-card); border-radius: var(--gt-radius); box-shadow: var(--gt-shadow); padding: .65rem .8rem; cursor: pointer; transition: all .15s; }
.era-movement-card:hover[b-zl0367xrf6] { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); }
.era-movement-entity[b-zl0367xrf6] { font-size: .78rem; font-weight: 600; color: var(--gtc-text); margin-bottom: .35rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.era-movement-flow[b-zl0367xrf6] { display: flex; align-items: center; gap: .35rem; margin-bottom: .25rem; }
.era-movement-arrow[b-zl0367xrf6] { font-size: .82rem; color: #999; font-weight: 700; }
.era-movement-ref[b-zl0367xrf6] { font-size: .62rem; color: #999; }
.era-rating-none[b-zl0367xrf6] { background: #f5f5f5; color: #999; }

/* Stage status badges */
.era-status-badge[b-zl0367xrf6] { display: inline-block; padding: .15rem .55rem; border-radius: 10px; font-size: .68rem; font-weight: 700; white-space: nowrap; }
.era-status-in-progress[b-zl0367xrf6] { background: #e8f4fd; color: #1565c0; }
.era-status-aml-scan[b-zl0367xrf6] { background: #e8f4fd; color: #1565c0; }
.era-status-under-review[b-zl0367xrf6] { background: #e3f2fd; color: #1976d2; }
.era-status-write-back[b-zl0367xrf6] { background: #e8f4fd; color: #1565c0; }
.era-status-completed[b-zl0367xrf6] { background: #e8f5e9; color: #2e7d32; }
.era-status-cancelled[b-zl0367xrf6] { background: #f5f5f5; color: #999; }
.era-status-override[b-zl0367xrf6] { background: #fff8e1; color: #f57f17; border: 1px solid #ffe082; }

/* Create assessment modal */
.era-modal-overlay[b-zl0367xrf6] { position: fixed; inset: 0; background: rgba(0,0,0,.4); z-index: 1000; display: flex; align-items: center; justify-content: center; }
.era-modal-panel[b-zl0367xrf6] { background: #fff; border-radius: 12px; padding: 1.75rem; width: 560px; max-width: 95vw; box-shadow: 0 20px 60px rgba(0,0,0,.2); }
.era-modal-title[b-zl0367xrf6] { font-size: 1rem; font-weight: 700; color: var(--gtc-text); margin-bottom: .25rem; }
.era-modal-sub[b-zl0367xrf6] { font-size: .78rem; color: #888; margin-bottom: 1.25rem; }

/* % Complete bar */
.era-pct-bar[b-zl0367xrf6] { height: 6px; background: #eee; border-radius: 3px; overflow: hidden; width: 60px; display: inline-block; vertical-align: middle; }
.era-pct-fill[b-zl0367xrf6] { height: 100%; border-radius: 3px; transition: width .3s; }
.era-pct-complete[b-zl0367xrf6] { background: var(--gt-green); }
.era-pct-mid[b-zl0367xrf6] { background: var(--gt-amber); }
.era-pct-low[b-zl0367xrf6] { background: var(--gt-red); }
.era-pct-label[b-zl0367xrf6] { font-size: .68rem; font-weight: 600; margin-left: .3rem; vertical-align: middle; }

/* Buttons */
.era-btn[b-zl0367xrf6] { padding: .5rem 1.1rem; border: none; border-radius: 6px; cursor: pointer; font-size: .8rem; font-weight: 600; transition: all .2s; font-family: inherit; display: inline-flex; align-items: center; gap: .35rem; }
.era-btn-primary[b-zl0367xrf6] { background: var(--gt-teal); color: white; }
.era-btn-primary:hover:not(:disabled)[b-zl0367xrf6] { background: #00c0ad; transform: translateY(-1px); }
.era-btn:disabled[b-zl0367xrf6] { opacity: .5; cursor: not-allowed; }
/* /Components/Pages/GovernedTransactions/EntityRiskAssessment/Components/EraDetailView.razor.rz.scp.css */
/* ── ERA Detail View — scoped layout styles ── */

/* AML match banner */
.era-aml-match-banner[b-m6iori6oyo] { display: flex; align-items: flex-start; gap: .6rem; padding: .75rem 1rem; margin: 0 1.25rem .75rem; background: #ffebee; border: 1px solid #ef9a9a; border-radius: var(--gt-radius); font-size: .82rem; color: #c62828; }

/* Override banners */
.era-override-banner[b-m6iori6oyo] { display: flex; align-items: flex-start; gap: .6rem; padding: .75rem 1rem; margin: 0 1.25rem .75rem; background: #fff8e1; border: 1px solid #fff176; border-radius: var(--gt-radius); font-size: .82rem; color: #f57f17; }
.era-override-icon[b-m6iori6oyo] { font-size: 1.1rem; }
.era-override-approved-banner[b-m6iori6oyo] { display: flex; align-items: center; gap: .6rem; padding: .75rem 1rem; margin: 0 1.25rem .75rem; background: #e8f5e9; border: 1px solid #a5d6a7; border-radius: var(--gt-radius); font-size: .82rem; color: #2e7d32; font-weight: 600; }
.era-override-rejected-banner[b-m6iori6oyo] { padding: .75rem 1rem; margin: 0 1.25rem .75rem; background: #ffebee; border: 1px solid #ef9a9a; border-radius: var(--gt-radius); font-size: .82rem; color: #c62828; }

/* Tabs */
.era-tabs[b-m6iori6oyo] { display: flex; background: var(--gtc-card); border-radius: var(--gt-radius) var(--gt-radius) 0 0; overflow: hidden; box-shadow: 0 2px 4px rgba(0,0,0,.05); border-bottom: 2px solid #eee; margin: 0 1.25rem; position: relative; z-index: 2; }
.era-tab[b-m6iori6oyo] { flex: 1; padding: .85rem .6rem; text-align: center; background: white; border: none; cursor: pointer; font-size: .8rem; font-weight: 500; color: #888; border-bottom: 3px solid transparent; transition: all .2s; font-family: inherit; }
.era-tab:hover[b-m6iori6oyo] { background: #f8f9fa; }
.era-tab.active[b-m6iori6oyo] { color: var(--gt-teal) !important; border-bottom-color: var(--gt-teal) !important; background: #f8fffe !important; font-weight: 600 !important; }

.era-tab-content[b-m6iori6oyo] { background: var(--gtc-card); border-radius: 0 0 var(--gt-radius) var(--gt-radius); box-shadow: var(--gt-shadow); padding: 1.25rem; margin: 0 1.25rem .9rem; position: relative; z-index: 1; }

/* Audit trail */
.era-audit-entry[b-m6iori6oyo] { display: flex; gap: .75rem; padding: .5rem 0; border-bottom: 1px solid #f5f5f5; font-size: .78rem; }
.era-audit-entry:last-child[b-m6iori6oyo] { border-bottom: none; }
.era-audit-time[b-m6iori6oyo] { color: var(--gtc-text-light); min-width: 110px; flex-shrink: 0; font-size: .72rem; }
.era-audit-action[b-m6iori6oyo] { flex: 1; color: var(--gtc-text); }
.era-audit-user[b-m6iori6oyo] { color: var(--gt-teal); font-weight: 600; font-size: .74rem; }
.era-audit-notes[b-m6iori6oyo] { font-size: .72rem; color: #999; flex-basis: 100%; margin-top: .15rem; }
/* Audit immutable notice */
.era-audit-immutable[b-m6iori6oyo] { text-align: center; font-size: .72rem; color: #999; font-style: italic; padding: .5rem; margin-bottom: .5rem; }

.era-empty[b-m6iori6oyo] { padding: 3rem; text-align: center; color: var(--gt-text-faint); font-size: .82rem; }

/* % Complete colours */
.era-pct-complete[b-m6iori6oyo] { color: var(--gt-green); }
.era-pct-mid[b-m6iori6oyo] { color: var(--gt-amber); }
.era-pct-low[b-m6iori6oyo] { color: var(--gt-red); }

/* Stage hint strip — sits under the progress bar, gives role-aware "what to do now" guidance */
.era-stage-hint[b-m6iori6oyo] { display: flex; align-items: center; gap: .5rem; padding: .5rem .9rem; margin: 0 1.25rem .75rem; background: #f0f7fa; border: 1px solid #d0e7ee; border-left: 3px solid var(--gt-teal); border-radius: 6px; font-size: .78rem; color: #406070; }
.era-stage-hint-icon[b-m6iori6oyo] { font-size: 1rem; flex-shrink: 0; }

/* /Components/Pages/GovernedTransactions/EntityRiskAssessment/Components/EraOverrideModal.razor.rz.scp.css */
/* ── ERA Override Panel ── */
.era-override-panel[b-uqfwgus2ga] { background: var(--gtc-card); padding: 1.25rem; border-radius: var(--gt-radius); box-shadow: var(--gt-shadow); margin: .75rem 0; border-left: 4px solid var(--gt-amber); }
.era-override-panel h4[b-uqfwgus2ga] { font-size: .9rem; font-weight: 700; color: var(--gt-navy); margin-bottom: .75rem; }
.era-override-info[b-uqfwgus2ga] { font-size: .82rem; color: #666; margin-bottom: .75rem; }
.era-override-review[b-uqfwgus2ga] { border-left-color: var(--gt-teal); }
.era-override-summary[b-uqfwgus2ga] { background: #f8f9fa; border-radius: 6px; padding: .75rem; margin-bottom: .75rem; }
.era-override-row[b-uqfwgus2ga] { display: flex; align-items: center; gap: .75rem; padding: .35rem 0; border-bottom: 1px solid #f0f0f0; font-size: .8rem; }
.era-override-row:last-child[b-uqfwgus2ga] { border-bottom: none; }
.era-override-label[b-uqfwgus2ga] { min-width: 120px; font-size: .7rem; font-weight: 700; color: #999; text-transform: uppercase; letter-spacing: .3px; }
.era-btn-danger[b-uqfwgus2ga] { background: var(--gt-red); color: white; padding: .5rem 1.1rem; border: none; border-radius: 6px; cursor: pointer; font-size: .8rem; font-weight: 600; transition: all .2s; font-family: inherit; }
.era-btn-danger:hover:not(:disabled)[b-uqfwgus2ga] { background: #e74c3c; transform: translateY(-1px); }
/* /Components/Pages/GovernedTransactions/EntityRiskAssessment/Components/EraProgressBar.razor.rz.scp.css */
/* ── ERA Progress Bar ── */
.era-progress-wrap[b-kvedii81kc] { background: var(--gtc-card); border-radius: var(--gt-radius); box-shadow: var(--gt-shadow); margin-bottom: .9rem; padding: .5rem 1rem .75rem; }
.era-progress-hint[b-kvedii81kc] { font-size: .65rem; color: #bbb; text-align: center; font-style: italic; margin-bottom: .5rem; }
.era-progress[b-kvedii81kc] { display: flex; align-items: center; gap: 0; }
.era-step[b-kvedii81kc] { display: flex; flex-direction: column; align-items: center; gap: .25rem; min-width: 70px; }
.era-step-circle[b-kvedii81kc] { width: 36px; height: 36px; border-radius: 50%; background: white; border: 3px solid var(--gtc-border); color: #bbb; display: flex; align-items: center; justify-content: center; font-size: .72rem; font-weight: 700; margin: 0 auto .35rem; transition: all .2s; }
.era-step-label[b-kvedii81kc] { font-size: .62rem; color: #999; text-align: center; white-space: nowrap; }
.era-step-line[b-kvedii81kc] { flex: 1; height: 2px; background: #e0e0e0; min-width: 16px; transition: background .2s; }
.era-step-line-done[b-kvedii81kc] { background: var(--gt-teal); }
.era-step-active .era-step-circle[b-kvedii81kc] { background: var(--gt-teal); border-color: var(--gt-teal); color: white; animation: era-pulse-b-kvedii81kc 2s infinite; }

@keyframes era-pulse-b-kvedii81kc {
    0%, 100% { box-shadow: 0 0 0 0 rgba(0,217,197,.4); }
    50% { box-shadow: 0 0 0 8px rgba(0,217,197,0); }
}
.era-step-active .era-step-label[b-kvedii81kc] { color: var(--gt-teal); font-weight: 600; }
.era-step-done .era-step-circle[b-kvedii81kc] { background: var(--gt-teal); border-color: var(--gt-teal); color: white; }
.era-step-done .era-step-label[b-kvedii81kc] { color: var(--gt-teal); }
.era-step-clickable[b-kvedii81kc] { cursor: pointer; }
.era-step-clickable:hover .era-step-circle[b-kvedii81kc] { transform: scale(1.1); box-shadow: 0 0 0 3px rgba(0,217,197,.3); }
/* /Components/Pages/GovernedTransactions/EntityRiskAssessment/Components/EraQuestionnaire.razor.rz.scp.css */
/* ── ERA Questionnaire ── */
.era-questionnaire[b-fbfckymkes] { }
.era-lock-banner[b-fbfckymkes] { padding: .6rem 1rem; background: #f5f5f5; border: 1px solid #e0e0e0; border-radius: var(--gt-radius); font-size: .78rem; color: #666; margin-bottom: .75rem; }
.era-loading-msg[b-fbfckymkes] { padding: 2rem; text-align: center; color: #999; font-size: .82rem; }

/* Score bar — lighter than a card so it reads as a header strip, not a footer */
.era-score-bar[b-fbfckymkes] { display: flex; align-items: center; gap: .75rem; padding: .6rem 1rem; background: #f8fafb; border: 1px solid #e8e8e8; border-radius: var(--gt-radius); margin-bottom: .55rem; }
.era-score-bar.era-score-bar-attached[b-fbfckymkes] { border-radius: var(--gt-radius) var(--gt-radius) 0 0; border-bottom: none; margin-bottom: 0; }

/* Jump-to-first-unanswered banner — sits flush under the score bar */
.era-jump-banner[b-fbfckymkes] { display: flex; align-items: center; gap: .6rem; padding: .55rem 1rem; background: #fff8e1; border: 1px solid #ffe082; border-radius: 0 0 var(--gt-radius) var(--gt-radius); font-size: .78rem; color: #8a6d3b; margin-bottom: .9rem; }
.era-jump-banner span[b-fbfckymkes] { flex: 1; }
.era-jump-btn[b-fbfckymkes] { background: var(--gt-teal); color: #fff; padding: .35rem .75rem; border: none; border-radius: 6px; cursor: pointer; font-size: .75rem; font-weight: 600; font-family: inherit; }
.era-jump-btn:hover[b-fbfckymkes] { opacity: .9; }
.era-score-value[b-fbfckymkes] { font-size: 1.5rem; font-weight: 800; }
.era-score-label[b-fbfckymkes] { font-size: .75rem; color: #999; margin-left: .25rem; }
.era-score-not-calculated[b-fbfckymkes] { font-size: .72rem; color: #bbb; font-style: italic; }
/* Score track bar */
.era-score-track[b-fbfckymkes] { flex: 1; height: 10px; background: #e8e8e8; border-radius: 5px; overflow: hidden; min-width: 80px; }
.era-score-track-fill[b-fbfckymkes] { height: 100%; border-radius: 5px; transition: width .4s ease; }
.era-answered-counter[b-fbfckymkes] { font-size: .72rem; font-weight: 700; color: #999; background: #f0f0f0; padding: .15rem .5rem; border-radius: 10px; }
.era-counter-complete[b-fbfckymkes] { color: var(--gt-green); background: #e8f5e9; }
.era-btn-sm[b-fbfckymkes] { padding: .3rem .7rem; font-size: .72rem; }
.era-btn-override[b-fbfckymkes] { background: #fff8e1; color: var(--gt-amber); border: 1px solid var(--gt-amber); border-radius: 6px; cursor: pointer; font-weight: 600; font-family: inherit; margin-left: auto; }
.era-btn-override:hover[b-fbfckymkes] { background: #fff3cd; }

/* Override banner */
.era-override-banner[b-fbfckymkes] { display: flex; align-items: center; gap: .5rem; padding: .6rem 1rem; background: #fff8e1; border: 1px solid #fff176; border-radius: var(--gt-radius); font-size: .8rem; color: #f57f17; margin-bottom: .75rem; flex-wrap: wrap; }

/* Section cards */
.era-section-card[b-fbfckymkes] { background: var(--gtc-card); border-radius: var(--gt-radius); box-shadow: var(--gt-shadow); margin-bottom: .75rem; overflow: hidden; }
.era-section-header[b-fbfckymkes] { display: flex; align-items: center; gap: .75rem; padding: .75rem 1rem; background: #f8f9fa; border-bottom: 2px solid #e8e8e8; }
.era-section-header h4[b-fbfckymkes] { font-size: .85rem; font-weight: 700; color: var(--gt-navy); margin: 0; flex: 1; }
.era-section-weight[b-fbfckymkes] { font-size: .68rem; font-weight: 600; color: #999; background: #eee; padding: .15rem .45rem; border-radius: 8px; }
.era-section-score[b-fbfckymkes] { font-size: .82rem; font-weight: 800; color: var(--gt-teal); }

/* Questions */
.era-question[b-fbfckymkes] { padding: .75rem 1rem; border-bottom: 1px solid #f5f5f5; }
.era-question:last-child[b-fbfckymkes] { border-bottom: none; }
.era-question-answered[b-fbfckymkes] { background: #f8fffe; }
.era-question-text[b-fbfckymkes] { font-size: .82rem; color: var(--gtc-text); margin-bottom: .5rem; }
.era-question-weight[b-fbfckymkes] { font-size: .65rem; color: #bbb; margin-left: .3rem; }

/* Answer buttons */
.era-answer-options[b-fbfckymkes] { display: flex; gap: .4rem; flex-wrap: wrap; }
.era-answer-btn[b-fbfckymkes] { padding: .3rem .65rem; border: 1px solid #ddd; border-radius: 6px; background: #f8f9fa; font-size: .72rem; font-family: inherit; cursor: pointer; transition: all .15s; color: var(--gtc-text); display: inline-flex; align-items: center; gap: .3rem; }
.era-answer-btn:hover:not(:disabled)[b-fbfckymkes] { border-color: #aaa; }
.era-answer-btn:disabled[b-fbfckymkes] { opacity: .6; cursor: not-allowed; }

/* Score-based answer colouring */
.era-answer-low[b-fbfckymkes] { border-color: #c8e6c9; background: #f1f8e9; }
.era-answer-low:hover:not(:disabled)[b-fbfckymkes] { background: #e8f5e9; border-color: var(--gt-green); }
.era-answer-medium[b-fbfckymkes] { border-color: #ffe082; background: #fffde7; }
.era-answer-medium:hover:not(:disabled)[b-fbfckymkes] { background: #fff8e1; border-color: var(--gt-amber); }
.era-answer-high[b-fbfckymkes] { border-color: #ef9a9a; background: #fff3e0; }
.era-answer-high:hover:not(:disabled)[b-fbfckymkes] { background: #ffebee; border-color: var(--gt-red); }

/* Selected state overrides */
.era-answer-selected.era-answer-low[b-fbfckymkes] { background: var(--gt-green); color: white; border-color: var(--gt-green); }
.era-answer-selected.era-answer-medium[b-fbfckymkes] { background: var(--gt-amber); color: white; border-color: var(--gt-amber); }
.era-answer-selected.era-answer-high[b-fbfckymkes] { background: var(--gt-red); color: white; border-color: var(--gt-red); }
.era-answer-score[b-fbfckymkes] { font-size: .6rem; opacity: .7; }
/* /Components/Pages/GovernedTransactions/EntityRiskAssessment/Components/EraReportPanel.razor.rz.scp.css */
/* ── ERA Report Panel — printable ── */
.era-report[b-2ygqiq0bk7] { }
.era-report-actions[b-2ygqiq0bk7] { display: flex; gap: .5rem; }
.era-report-header[b-2ygqiq0bk7] { margin-bottom: 1rem; padding-bottom: .75rem; border-bottom: 2px solid var(--gt-navy); }
.era-report-header h3[b-2ygqiq0bk7] { font-size: 1rem; font-weight: 700; color: var(--gt-navy); margin: 0 0 .25rem; }
.era-report-meta[b-2ygqiq0bk7] { font-size: .72rem; color: #999; display: flex; align-items: center; flex-wrap: wrap; gap: .25rem; }
.era-report-section[b-2ygqiq0bk7] { margin-bottom: 1rem; }
.era-report-section h4[b-2ygqiq0bk7] { font-size: .85rem; font-weight: 700; color: var(--gt-navy); margin-bottom: .5rem; padding-bottom: .25rem; border-bottom: 1px solid #e8e8e8; }
.era-report-table[b-2ygqiq0bk7] { width: 100%; border-collapse: collapse; }
.era-report-table td[b-2ygqiq0bk7], .era-report-table th[b-2ygqiq0bk7] { padding: .4rem .75rem; font-size: .78rem; border-bottom: 1px solid #f5f5f5; text-align: left; }
.era-report-table th[b-2ygqiq0bk7] { background: #f8f9fa; font-size: .65rem; font-weight: 700; color: #888; text-transform: uppercase; letter-spacing: .4px; border-bottom: 2px solid #e8e8e8; }
.era-report-label[b-2ygqiq0bk7] { font-size: .68rem; font-weight: 700; color: #999; text-transform: uppercase; letter-spacing: .3px; min-width: 120px; }
.era-report-table-full[b-2ygqiq0bk7] { border: 1px solid #eee; border-radius: 6px; overflow: hidden; }
.era-report-empty[b-2ygqiq0bk7] { font-size: .78rem; color: #999; font-style: italic; }
.era-report-footer[b-2ygqiq0bk7] { margin-top: 1.5rem; padding-top: .75rem; border-top: 1px solid #e0e0e0; font-size: .68rem; color: #999; text-align: center; }

/* Score bar visual */
.era-score-bar-bg[b-2ygqiq0bk7] { width: 100%; height: 8px; background: #eee; border-radius: 4px; overflow: hidden; }
.era-score-bar-fill[b-2ygqiq0bk7] { height: 100%; border-radius: 4px; transition: width .3s; }

/* Elevated risk factors */
.era-report-elevated td[b-2ygqiq0bk7] { background: #fff8e1 !important; }
.era-report-elevated-section[b-2ygqiq0bk7] { border-left: 4px solid var(--gt-red); padding-left: .75rem; }
.era-report-elevated-note[b-2ygqiq0bk7] { font-size: .75rem; color: #c62828; margin-bottom: .5rem; }

@media print {
    @page { size: A4 portrait; margin: 18mm 16mm; }
    .era-report-actions[b-2ygqiq0bk7] { display: none !important; }
    .era-report-printable[b-2ygqiq0bk7] {
        position: fixed; inset: 0; padding: 20px 24px;
        background: #fff; border: none; box-shadow: none;
        font-family: Arial, sans-serif;
    }
    .era-report-printable *[b-2ygqiq0bk7] { visibility: visible; font-family: Arial, sans-serif; }
    .era-report-section[b-2ygqiq0bk7] { page-break-inside: avoid; }
    .era-report-header h3[b-2ygqiq0bk7] { font-size: 18px; }
    .era-score-bar-fill[b-2ygqiq0bk7] { print-color-adjust: exact; -webkit-print-color-adjust: exact; }
    .era-rating-pill[b-2ygqiq0bk7] { print-color-adjust: exact; -webkit-print-color-adjust: exact; }
    .era-report-elevated td[b-2ygqiq0bk7] { print-color-adjust: exact; -webkit-print-color-adjust: exact; }
}
/* /Components/Pages/GovernedTransactions/EntityRiskAssessment/Components/EraReviewPanel.razor.rz.scp.css */
/* ── ERA Review Panel ── */
.era-review-panel[b-2gis6jupz9] { }
.era-review-panel h4[b-2gis6jupz9] { font-size: .9rem; font-weight: 700; color: var(--gt-navy); margin-bottom: .75rem; }
.era-review-grid[b-2gis6jupz9] { display: grid; grid-template-columns: 1fr 1fr; gap: .1rem; margin-bottom: 1rem; }
.era-review-item[b-2gis6jupz9] { display: flex; align-items: center; gap: .75rem; padding: .45rem .75rem; border-bottom: 1px solid #f5f5f5; font-size: .82rem; }
.era-review-label[b-2gis6jupz9] { min-width: 120px; font-size: .68rem; font-weight: 700; color: #999; text-transform: uppercase; letter-spacing: .3px; flex-shrink: 0; }
.era-review-highlight[b-2gis6jupz9] { background: #fff8e1; }
.era-review-pending[b-2gis6jupz9] { background: #fff8e1; border-left: 3px solid #f57f17; }
.era-override-tag[b-2gis6jupz9] { display: inline-block; padding: .1rem .4rem; border-radius: 6px; font-size: .62rem; font-weight: 700; background: #fff8e1; color: var(--gt-amber); margin-left: .3rem; }
.era-review-sub[b-2gis6jupz9] { font-size: .82rem; font-weight: 600; color: #666; margin: .75rem 0 .5rem; }
.era-review-table[b-2gis6jupz9] { width: 100%; border-collapse: collapse; }
.era-review-table thead th[b-2gis6jupz9] { background: #f8f9fa; padding: .4rem .75rem; text-align: left; font-size: .65rem; font-weight: 700; color: #888; text-transform: uppercase; letter-spacing: .4px; border-bottom: 2px solid #e8e8e8; }
.era-review-table tbody td[b-2gis6jupz9] { padding: .4rem .75rem; font-size: .78rem; color: var(--gtc-text); border-bottom: 1px solid #f5f5f5; }
/* /Components/Pages/GovernedTransactions/EntityRiskAssessment/EraPage.razor.rz.scp.css */
/* ── ERA Page Layout ── */

.gov-ai-trigger-btn[b-l1vcimy4ud] {
    background: linear-gradient(135deg, #0d9488, #0f766e);
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 4px 12px 4px 6px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: opacity 0.15s;
    margin-right: 8px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    vertical-align: middle;
}
.gov-ai-trigger-btn:hover[b-l1vcimy4ud] { opacity: 0.9; }
.gov-ai-head-icon[b-l1vcimy4ud] { width: 22px; height: 22px; object-fit: contain; }

/* Dashboard / loading / error mode */
.era-page-scroll[b-l1vcimy4ud] { flex: 1; min-height: 0; overflow-y: auto; padding-bottom: 1rem; }

/* ── Fixed sticky header — override razorpageheader card defaults ── */
.era-sticky-header[b-l1vcimy4ud] { flex-shrink: 0; margin-bottom: 0; padding: 0; background: transparent; border-radius: 0; box-shadow: none; }

.era-back-role-bar[b-l1vcimy4ud] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .6rem 1.25rem;
    background: #f5f6f8;
}

.era-bar-right[b-l1vcimy4ud] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.era-back-link[b-l1vcimy4ud] { font-size: .78rem; color: #666; cursor: pointer; padding: .4rem .85rem; background: #fff; border: 1px solid var(--gtc-border); border-radius: 6px; text-decoration: none; transition: all .2s; }
.era-back-link:hover[b-l1vcimy4ud] { background: #e8faf8; color: #007b70; border-color: var(--gtc-teal); }

.era-collapse-btn[b-l1vcimy4ud] {
    background: #fff;
    border: 1px solid var(--gtc-border);
    border-radius: 6px;
    padding: .3rem .65rem;
    font-size: .75rem;
    cursor: pointer;
    color: #666;
    transition: all .2s;
    font-family: inherit;
    line-height: 1;
}
.era-collapse-btn:hover[b-l1vcimy4ud] { background: #e8faf8; color: #007b70; border-color: var(--gtc-teal); }

/* ── Slim one-line summary (collapsed state) ── */
.era-header-slim[b-l1vcimy4ud] {
    display: flex;
    align-items: center;
    gap: .45rem;
    padding: .35rem 1.25rem .6rem;
    font-size: .8rem;
    flex-wrap: wrap;
}

.era-slim-ref[b-l1vcimy4ud]    { font-weight: 700; color: #1e3a5f; }
.era-slim-entity[b-l1vcimy4ud] { color: var(--gtc-text); }
.era-slim-stage[b-l1vcimy4ud]  { color: var(--gtc-teal); font-weight: 600; }
.era-slim-sep[b-l1vcimy4ud]    { color: #ccc; }

/* ── Case header card (moved from EraDetailView) ── */
.era-case-header[b-l1vcimy4ud] { background: var(--gtc-card); padding: 1.1rem; box-shadow: var(--gt-shadow); margin: 0 0 .9rem; }
.era-case-header-top[b-l1vcimy4ud] { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1rem; }
.era-case-header h2[b-l1vcimy4ud] { font-size: 1rem; font-weight: 700; color: var(--gt-navy); margin: 0 0 .15rem; }
.era-case-meta[b-l1vcimy4ud] { font-size: .76rem; color: var(--gtc-text-light); }
.era-status-badge[b-l1vcimy4ud] { display: inline-block; padding: .15rem .55rem; border-radius: 10px; font-size: .68rem; font-weight: 700; white-space: nowrap; }
.era-status-open[b-l1vcimy4ud] { background: #e8f4fd; color: #1565c0; }
.era-status-completed[b-l1vcimy4ud] { background: #e8f5e9; color: #2e7d32; }
.era-status-cancelled[b-l1vcimy4ud] { background: #f5f5f5; color: #999; }
.era-info-grid[b-l1vcimy4ud] { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: .5rem; }
.era-info-label[b-l1vcimy4ud] { font-size: .65rem; font-weight: 700; color: #999; text-transform: uppercase; letter-spacing: .3px; margin-bottom: .15rem; }
.era-info-value[b-l1vcimy4ud] { font-size: .82rem; color: var(--gtc-text); }
.era-aml-clear[b-l1vcimy4ud] { color: var(--gt-green); font-weight: 700; }
.era-aml-match[b-l1vcimy4ud] { color: var(--gt-red); font-weight: 700; }
.era-aml-pending[b-l1vcimy4ud] { color: #999; }
.era-pct-complete[b-l1vcimy4ud] { color: var(--gt-green); }
.era-pct-mid[b-l1vcimy4ud] { color: var(--gt-amber); }
.era-pct-low[b-l1vcimy4ud] { color: var(--gt-red); }

/* ── Pinned footer ── */
.era-footer-bar[b-l1vcimy4ud] {
    box-shadow: 0 -2px 8px rgba(0,0,0,.08);
    padding: .5rem 1.1rem;
}

/* ── Action message ── */
.era-action-message[b-l1vcimy4ud] { padding: .65rem 1rem; border-radius: 6px; font-size: .78rem; font-weight: 500; display: flex; align-items: center; justify-content: space-between; }
.era-msg-success[b-l1vcimy4ud] { background: #f0fdf4; color: #15803d; border: 1px solid #86efac; }
.era-msg-error[b-l1vcimy4ud] { background: #fff2f2; color: #c0392b; border: 1px solid #fca5a5; }
.era-msg-dismiss[b-l1vcimy4ud] { background: none; border: none; cursor: pointer; font-size: .9rem; color: inherit; opacity: .6; padding: 0 .25rem; line-height: 1; }
.era-msg-dismiss:hover[b-l1vcimy4ud] { opacity: 1; }
.era-msg-fading[b-l1vcimy4ud] { animation: eraFadeOut-b-l1vcimy4ud 2s ease-out forwards; }
@keyframes eraFadeOut-b-l1vcimy4ud { from { opacity: 1; } to { opacity: 0; } }

.era-loading[b-l1vcimy4ud] { padding: 3rem; text-align: center; color: var(--gt-text-muted); font-size: .82rem; }

/* Role-required empty state */
.era-role-required[b-l1vcimy4ud] { background: var(--gtc-card); border-radius: var(--gt-radius); box-shadow: var(--gt-shadow); padding: 2.5rem 2rem; margin: .5rem 1.25rem; text-align: center; max-width: 640px; margin-left: auto; margin-right: auto; }
.era-role-required-icon[b-l1vcimy4ud] { font-size: 2.5rem; margin-bottom: .75rem; }
.era-role-required h3[b-l1vcimy4ud] { font-size: 1.1rem; font-weight: 700; color: var(--gt-navy); margin: 0 0 .75rem; }
.era-role-required p[b-l1vcimy4ud] { font-size: .82rem; color: var(--gtc-text); margin: 0 0 .75rem; line-height: 1.5; }
.era-role-required-msg[b-l1vcimy4ud] { color: var(--gtc-text-light) !important; }
.era-role-required-hint[b-l1vcimy4ud] { font-size: .76rem !important; color: #999 !important; padding: .75rem 1rem; background: #f8f9fa; border-radius: 6px; border-left: 3px solid var(--gt-amber); text-align: left; }
.era-role-required-hint em[b-l1vcimy4ud] { font-style: italic; color: var(--gt-navy); font-weight: 600; }
/* /Components/Pages/GovernedTransactions/Gtc/GtcPage.razor.rz.scp.css */
.gov-ai-trigger-btn[b-0ku5ha2emv] {
    background: linear-gradient(135deg, #0d9488, #0f766e);
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 4px 12px 4px 6px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: opacity 0.15s;
    margin-right: 8px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    vertical-align: middle;
}

.gov-ai-trigger-btn:hover[b-0ku5ha2emv] { opacity: 0.9; }

.gov-ai-head-icon[b-0ku5ha2emv] { width: 22px; height: 22px; object-fit: contain; }
/* /Components/Pages/GovernedTransactions/RiskRatingChange/Components/RrcActionBar.razor.rz.scp.css */
/* ── RRC Action Bar — matches GTC action bar pattern ── */
.rrc-action-bar[b-uy80k43mzh] {
    padding: .9rem 0;
    display: flex;
    gap: .6rem;
    align-items: center;
    flex-wrap: wrap;
    border-top: 1px solid var(--gtc-border-light);
    margin-top: .9rem;
}

.rrc-action-context[b-uy80k43mzh] {
    margin-left: auto;
    font-size: .68rem;
    color: var(--gtc-text-light);
    font-weight: 500;
}

.rrc-btn[b-uy80k43mzh] {
    padding: .5rem 1.1rem;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: .8rem;
    font-weight: 600;
    transition: all .2s;
    font-family: inherit;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
}

.rrc-btn-primary[b-uy80k43mzh] { background: var(--gt-teal); color: white; }
.rrc-btn-primary:hover:not(:disabled)[b-uy80k43mzh] { background: #00c0ad; transform: translateY(-1px); }
.rrc-btn-danger[b-uy80k43mzh] { background: var(--gt-red); color: white; }
.rrc-btn-danger:hover:not(:disabled)[b-uy80k43mzh] { background: #c0392b; }
.rrc-btn-blocked[b-uy80k43mzh] { background: #f0f2f5; color: #bbb; border: 2px dashed #ddd; cursor: not-allowed; }
.rrc-btn:disabled[b-uy80k43mzh] { opacity: .5; cursor: not-allowed; }
.rrc-btn-cancel[b-uy80k43mzh] { background: #f5f5f5; color: #888; border: 1px solid #ddd; }
.rrc-btn-cancel:hover:not(:disabled)[b-uy80k43mzh] { background: #eee; color: #666; }

.rrc-action-notes[b-uy80k43mzh] {
    width: 100%;
    margin-bottom: .4rem;
}

.rrc-action-notes .rrc-form-textarea[b-uy80k43mzh] {
    width: 100%;
    min-height: 50px;
    font-size: .78rem;
}

.rrc-notes-required[b-uy80k43mzh] {
    border-color: var(--gt-red) !important;
    box-shadow: 0 0 0 2px rgba(231,76,60,.15);
}

.rrc-notes-hint[b-uy80k43mzh] {
    font-size: .72rem;
    color: var(--gt-red);
    margin-top: .25rem;
    font-weight: 500;
}
/* /Components/Pages/GovernedTransactions/RiskRatingChange/Components/RrcCreateForm.razor.rz.scp.css */
/* ── RRC Create Form — entity search dropdown & selection styles ── */
.rrc-entity-results[b-b5doqwm4db] {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 100;
    border: 1px solid var(--gtc-border);
    border-radius: 0 0 var(--gt-radius-sm) var(--gt-radius-sm);
    background: var(--gtc-card, #fff);
    max-height: 200px;
    overflow-y: auto;
    margin-top: -1px;
    box-shadow: var(--gt-shadow-lg, 0 4px 12px rgba(0,0,0,.15));
}

.rrc-entity-result[b-b5doqwm4db] {
    padding: .4rem .6rem;
    cursor: pointer;
    font-size: .8rem;
    border-bottom: 1px solid #f5f5f5;
    transition: background .15s;
}

.rrc-entity-result:hover[b-b5doqwm4db] { background: #f0fdfb; }
.rrc-entity-code[b-b5doqwm4db] { color: #aaa; font-size: .72rem; }

.rrc-selected-entity[b-b5doqwm4db] {
    margin-top: .25rem;
    padding: .3rem .5rem;
    background: #f0fdf4;
    border-radius: 4px;
    font-size: .78rem;
    color: var(--gt-green);
}

.rrc-current-rating-preview[b-b5doqwm4db] {
    margin-top: .5rem;
    display: flex;
    align-items: center;
    gap: .6rem;
}
/* /Components/Pages/GovernedTransactions/RiskRatingChange/Components/RrcDashboard.razor.rz.scp.css */
/* ── RRC Dashboard — aligned with GTC/TM shared tokens ── */
.rrc-dashboard[b-kl38v8cdhg] { padding: 1rem 1.25rem; }

.rrc-header[b-kl38v8cdhg] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: .5rem;
}

.rrc-header h1[b-kl38v8cdhg] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--gtc-text);
    margin-bottom: .25rem;
}

.rrc-header-sub[b-kl38v8cdhg] {
    font-size: .75rem;
    color: var(--gtc-text-light);
}

/* ── KPI Bar — matches GTC grid layout ── */
.rrc-kpi-bar[b-kl38v8cdhg] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: .9rem;
    margin: 1rem 0;
}

/* ── Filter Bar ── */
.rrc-filter-bar[b-kl38v8cdhg] {
    background: var(--gtc-card);
    padding: .65rem 1rem;
    border-radius: var(--gt-radius);
    display: flex;
    gap: .6rem;
    align-items: center;
    flex-wrap: wrap;
    font-size: .76rem;
    margin-bottom: 1rem;
    box-shadow: var(--gt-shadow);
}

.rrc-filter-bar label[b-kl38v8cdhg] {
    font-weight: 600;
    color: #666;
}

.rrc-filter-bar select[b-kl38v8cdhg] {
    padding: .28rem .5rem;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: .75rem;
    color: var(--gtc-text);
    background: #f8f9fa;
    cursor: pointer;
}

.rrc-show-completed[b-kl38v8cdhg] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: .35rem;
    cursor: pointer;
    user-select: none;
}

.rrc-show-completed input[type="checkbox"][b-kl38v8cdhg] {
    cursor: pointer;
}

/* ── Data Table ── */
.rrc-table-wrap[b-kl38v8cdhg] {
    background: var(--gtc-card);
    border-radius: var(--gt-radius);
    box-shadow: var(--gt-shadow);
    overflow: hidden;
}

.rrc-table[b-kl38v8cdhg] {
    width: 100%;
    border-collapse: collapse;
}

.rrc-table thead th[b-kl38v8cdhg] {
    background: #f8f9fa;
    padding: .5rem .9rem;
    text-align: left;
    font-size: .67rem;
    font-weight: 700;
    color: #888;
    text-transform: uppercase;
    letter-spacing: .5px;
    border-bottom: 2px solid #e8e8e8;
    white-space: nowrap;
}

.rrc-table tbody td[b-kl38v8cdhg] {
    padding: .62rem .9rem;
    font-size: .78rem;
    color: var(--gtc-text);
    border-bottom: 1px solid #f5f5f5;
    vertical-align: middle;
}

.rrc-table tr:last-child td[b-kl38v8cdhg] { border-bottom: none; }

.rrc-table-row[b-kl38v8cdhg] { cursor: pointer; transition: background .15s; }
.rrc-table-row:hover td[b-kl38v8cdhg] { background: #f0fdfb; }

.rrc-ref[b-kl38v8cdhg] { font-weight: 600; color: var(--gt-navy); }

.rrc-empty[b-kl38v8cdhg] {
    padding: 3rem;
    text-align: center;
    color: var(--gt-text-faint);
    font-size: .82rem;
}

/* ── Rating Pills ── */
.rrc-rating-pill[b-kl38v8cdhg] {
    display: inline-block;
    padding: .15rem .55rem;
    border-radius: 10px;
    font-size: .68rem;
    font-weight: 700;
    white-space: nowrap;
}

.rrc-rating-low[b-kl38v8cdhg] { background: #e8f5e9; color: var(--gt-green); }
.rrc-rating-medium[b-kl38v8cdhg] { background: #fff8e1; color: var(--gt-amber); }
.rrc-rating-high[b-kl38v8cdhg] { background: #ffebee; color: var(--gt-red); }
.rrc-rating-tbd[b-kl38v8cdhg] { color: var(--gt-text-faint); }

/* ── Stage Pill ── */
.rrc-stage-pill[b-kl38v8cdhg] {
    display: inline-block;
    padding: .15rem .55rem;
    border-radius: 10px;
    font-size: .68rem;
    font-weight: 700;
    background: #e8f4fd;
    color: #1565c0;
    white-space: nowrap;
}

/* ── Status ── */
.rrc-status-open[b-kl38v8cdhg] { color: var(--gt-navy); font-weight: 600; }
.rrc-status-completed[b-kl38v8cdhg] { color: var(--gt-green); font-weight: 600; }
.rrc-status-rejected[b-kl38v8cdhg] { color: var(--gt-red); font-weight: 600; }
.rrc-status-on-hold[b-kl38v8cdhg] { color: var(--gt-amber); font-weight: 600; }
.rrc-status-cancelled[b-kl38v8cdhg] { color: #999; font-weight: 600; }

/* ── Buttons — matches GTC shared button styles ── */
.rrc-btn[b-kl38v8cdhg] {
    padding: .5rem 1.1rem;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: .8rem;
    font-weight: 600;
    transition: all .2s;
    font-family: inherit;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
}

.rrc-btn-primary[b-kl38v8cdhg] { background: var(--gt-teal); color: white; }
.rrc-btn-primary:hover:not(:disabled)[b-kl38v8cdhg] { background: #00c0ad; transform: translateY(-1px); }
.rrc-btn-secondary[b-kl38v8cdhg] { background: white; color: #555; border: 1px solid var(--gtc-border); }
.rrc-btn-secondary:hover:not(:disabled)[b-kl38v8cdhg] { background: #f8f9fa; }
.rrc-btn:disabled[b-kl38v8cdhg] { opacity: .5; cursor: not-allowed; }
/* /Components/Pages/GovernedTransactions/RiskRatingChange/Components/RrcDetailView.razor.rz.scp.css */
/* ── RRC Detail View — scoped layout styles ──
   Shared utility classes (buttons, alerts, pills, forms, evidence)
   are in /wwwroot/css/gtc.css alongside GTC/TM shared styles.
   Progress bar and action bar styles are in their own .razor.css files.
   ── */

/* ── Tabs — matches GTC tab pattern ── */
.rrc-tabs[b-poz3jdg4ft] {
    display: flex;
    flex-shrink: 0;
    background: var(--gtc-card);
    border-radius: var(--gt-radius) var(--gt-radius) 0 0;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0,0,0,.05);
    border-bottom: 2px solid #eee;
    position: relative;
    z-index: 2;
}

.rrc-tab[b-poz3jdg4ft] {
    flex: 1;
    padding: .85rem .6rem;
    text-align: center;
    background: white;
    border: none;
    cursor: pointer;
    font-size: .8rem;
    font-weight: 500;
    color: #888;
    border-bottom: 3px solid transparent;
    transition: all .2s;
    font-family: inherit;
}

.rrc-tab:hover[b-poz3jdg4ft] { background: #f8f9fa; }
.rrc-tab.active[b-poz3jdg4ft] { color: var(--gtc-teal) !important; border-bottom-color: var(--gtc-teal) !important; background: #f8fffe !important; font-weight: 600 !important; }

.rrc-tab-content[b-poz3jdg4ft] {
    background: var(--gtc-card);
    border-radius: 0 0 var(--gt-radius) var(--gt-radius);
    box-shadow: var(--gt-shadow);
    padding: 1.25rem;
    margin-bottom: .9rem;
    position: relative;
    z-index: 1;
}

/* ── Stage Content ── */
.rrc-stage-content[b-poz3jdg4ft] { }

/* ── Audit Trail — matches GTC audit trail ── */
.rrc-audit-entry[b-poz3jdg4ft] {
    display: flex;
    gap: .75rem;
    padding: .5rem 0;
    border-bottom: 1px solid #f5f5f5;
    font-size: .78rem;
}

.rrc-audit-entry:last-child[b-poz3jdg4ft] { border-bottom: none; }
.rrc-audit-time[b-poz3jdg4ft] { color: var(--gtc-text-light); min-width: 110px; flex-shrink: 0; font-size: .72rem; }
.rrc-audit-action[b-poz3jdg4ft] { flex: 1; color: var(--gtc-text); }
.rrc-audit-detail[b-poz3jdg4ft] { font-size: .72rem; color: #888; font-style: italic; margin-top: .15rem; }
.rrc-audit-user[b-poz3jdg4ft] { color: var(--gtc-teal); font-weight: 600; font-size: .74rem; }

/* ── Summary Table ── */
.rrc-summary-table[b-poz3jdg4ft] { width: 100%; border-collapse: collapse; }
.rrc-summary-table th[b-poz3jdg4ft] {
    text-align: left;
    font-size: .67rem;
    color: #aaa;
    text-transform: uppercase;
    letter-spacing: .4px;
    padding: .5rem .9rem;
    border-bottom: 2px solid #e8e8e8;
    font-weight: 700;
}

.rrc-summary-table td[b-poz3jdg4ft] {
    padding: .62rem .9rem;
    border-bottom: 1px solid #f5f5f5;
    font-size: .78rem;
    color: var(--gtc-text);
}

.rrc-empty[b-poz3jdg4ft] { padding: 3rem; text-align: center; color: var(--gt-text-faint); font-size: .82rem; }

/* ── Read-only Stage Review Panel ── */
.rrc-review-panel[b-poz3jdg4ft] {
    background: #f8fffe;
    border: 2px solid var(--gtc-teal);
    border-radius: var(--gt-radius);
    margin-bottom: .9rem;
    overflow: hidden;
    flex-shrink: 0;
}

.rrc-review-header[b-poz3jdg4ft] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .6rem 1rem;
    background: linear-gradient(135deg, rgba(0,217,197,.08), rgba(0,217,197,.02));
    border-bottom: 1px solid rgba(0,217,197,.2);
    font-size: .78rem;
    color: var(--gtc-text);
}

.rrc-review-body[b-poz3jdg4ft] {
    padding: 1rem;
    pointer-events: none;
    opacity: .85;
}

/* ── AML Check Animation ── */
.rrc-aml-running[b-poz3jdg4ft] {
    color: var(--gtc-teal);
    font-weight: 600;
    animation: rrc-aml-pulse-b-poz3jdg4ft 1s infinite alternate;
}

@keyframes rrc-aml-pulse-b-poz3jdg4ft {
    from { opacity: .5; }
    to { opacity: 1; }
}

/* ── Saved Assessment Summary ── */
[b-poz3jdg4ft] .rrc-saved-summary {
    background: #f8fffe;
    border: 1px solid rgba(0,217,197,.2);
    border-radius: var(--gt-radius);
    padding: .75rem 1rem;
    margin-bottom: .75rem;
}

[b-poz3jdg4ft] .rrc-saved-row {
    display: flex;
    gap: .75rem;
    padding: .4rem 0;
    border-bottom: 1px solid #f0f0f0;
    font-size: .8rem;
}

[b-poz3jdg4ft] .rrc-saved-row:last-child { border-bottom: none; }

[b-poz3jdg4ft] .rrc-saved-label {
    min-width: 120px;
    font-size: .7rem;
    font-weight: 700;
    color: #999;
    text-transform: uppercase;
    letter-spacing: .3px;
    flex-shrink: 0;
}

/* ── Evidence Descriptions ── */
[b-poz3jdg4ft] .rrc-evidence-desc {
    font-size: .72rem;
    color: #999;
    margin-top: .1rem;
    line-height: 1.3;
}

/* ── File Upload ── */
[b-poz3jdg4ft] .rrc-file-upload {
    border: 2px dashed #ddd;
    border-radius: var(--gt-radius);
    padding: 1.25rem;
    text-align: center;
    cursor: pointer;
    transition: all .2s;
    background: #fafafa;
}

[b-poz3jdg4ft] .rrc-file-upload:hover {
    border-color: var(--gtc-teal);
    background: #f8fffe;
}

[b-poz3jdg4ft] .rrc-file-upload-icon { font-size: 1.5rem; margin-bottom: .25rem; }
[b-poz3jdg4ft] .rrc-file-upload-text { font-size: .8rem; color: #888; }

[b-poz3jdg4ft] .rrc-file-attached {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .6rem 1rem;
    background: #e6f7f0;
    border: 1px solid #b2dfdb;
    border-radius: var(--gt-radius);
    font-size: .82rem;
    color: var(--gtc-text);
}

/* ── RM Notification Section ── */
[b-poz3jdg4ft] .rrc-rm-notification { margin-top: .75rem; }

[b-poz3jdg4ft] .rrc-rm-channels {
    display: flex;
    gap: .5rem;
    margin-bottom: 1rem;
}

[b-poz3jdg4ft] .rrc-rm-channel {
    padding: .3rem .7rem;
    background: #e8f4fd;
    color: #1565c0;
    border-radius: 12px;
    font-size: .72rem;
    font-weight: 600;
}

[b-poz3jdg4ft] .rrc-rm-preview {
    border: 1px solid #e0e0e0;
    border-radius: var(--gt-radius);
    overflow: hidden;
}

[b-poz3jdg4ft] .rrc-rm-preview-header {
    background: #f8f9fa;
    padding: .6rem 1rem;
    font-size: .78rem;
    font-weight: 600;
    color: #555;
    border-bottom: 1px solid #e0e0e0;
}

[b-poz3jdg4ft] .rrc-rm-preview-body {
    padding: 1rem;
    font-size: .82rem;
    line-height: 1.6;
    color: var(--gtc-text);
    background: white;
}

/* ── Notifications tab ── */
[b-poz3jdg4ft] .rrc-tab-badge {
    display: inline-block;
    font-size: .65rem;
    font-weight: 600;
    padding: .1rem .45rem;
    border-radius: 8px;
    margin-left: .35rem;
    background: #e0e0e0;
    color: #666;
}
[b-poz3jdg4ft] .rrc-tab-badge-pending {
    background: #fef3cd;
    color: #856404;
}

[b-poz3jdg4ft] .rrc-notif-card {
    border: 1px solid #e0e0e0;
    border-radius: var(--gt-radius-sm, 6px);
    margin-bottom: .75rem;
    overflow: hidden;
}
[b-poz3jdg4ft] .rrc-notif-pending { border-left: 4px solid #ffc107; }
[b-poz3jdg4ft] .rrc-notif-acked { border-left: 4px solid var(--gt-green, #00b894); }

[b-poz3jdg4ft] .rrc-notif-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .6rem .8rem;
    background: #f8f9fa;
    font-size: .82rem;
}
[b-poz3jdg4ft] .rrc-notif-channel {
    display: inline-block;
    font-size: .68rem;
    font-weight: 600;
    padding: .1rem .4rem;
    border-radius: 8px;
    margin-left: .4rem;
    background: #e8f9f7;
    color: var(--gtc-teal, #00d9c5);
}
[b-poz3jdg4ft] .rrc-notif-date { font-size: .75rem; color: #999; }

[b-poz3jdg4ft] .rrc-notif-subject {
    padding: .5rem .8rem 0;
    font-weight: 600;
    font-size: .82rem;
    color: var(--gtc-text, #2c3e50);
}
[b-poz3jdg4ft] .rrc-notif-body {
    padding: .4rem .8rem .6rem;
    font-size: .8rem;
    line-height: 1.5;
    color: #666;
}
[b-poz3jdg4ft] .rrc-notif-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .5rem .8rem;
    background: #fafafa;
    border-top: 1px solid #f0f0f0;
    font-size: .78rem;
}
[b-poz3jdg4ft] .rrc-notif-ack-status { color: var(--gt-green, #00b894); font-weight: 500; }
[b-poz3jdg4ft] .rrc-notif-awaiting { color: #856404; }

[b-poz3jdg4ft] .rrc-btn-sm {
    padding: .25rem .6rem;
    font-size: .75rem;
}

/* ── Form checkbox label ── */
[b-poz3jdg4ft] .rrc-form-check {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .85rem;
    font-weight: 500;
    cursor: pointer;
}
[b-poz3jdg4ft] .rrc-form-check input[type="checkbox"] {
    width: 16px;
    height: 16px;
    accent-color: var(--gtc-teal, #00d9c5);
    cursor: pointer;
}
/* /Components/Pages/GovernedTransactions/RiskRatingChange/Components/RrcProgressBar.razor.rz.scp.css */
/* ── RRC Progress Bar — matches GTC progress bar pattern ── */
.rrc-progress[b-zgokez421e] {
    background: var(--gtc-card);
    padding: 1rem 1.1rem .75rem;
    border-radius: var(--gt-radius);
    box-shadow: var(--gt-shadow);
    margin-bottom: .9rem;
    display: flex;
    align-items: flex-start;
}

.rrc-step[b-zgokez421e] {
    flex: 1;
    text-align: center;
    position: relative;
    min-width: 72px;
}

.rrc-step-circle[b-zgokez421e] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: white;
    border: 3px solid var(--gtc-border);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto .35rem;
    font-weight: 700;
    font-size: .72rem;
    color: #bbb;
    transition: transform .15s;
}

.rrc-step-clickable[b-zgokez421e] { cursor: pointer; }
.rrc-step-clickable:hover .rrc-step-circle[b-zgokez421e] { transform: scale(1.18); box-shadow: 0 0 0 4px rgba(0,217,197,.2); }
.rrc-step-clickable:hover .rrc-step-label[b-zgokez421e] { color: var(--gtc-teal); }

.rrc-step-label[b-zgokez421e] {
    font-size: .62rem;
    color: #aaa;
    font-weight: 500;
}

.rrc-step-line[b-zgokez421e] {
    flex: 0 0 auto;
    width: 30px;
    height: 3px;
    background: var(--gtc-border);
    margin-top: 18px;
}

.rrc-step-done .rrc-step-circle[b-zgokez421e] { background: var(--gtc-green); border-color: var(--gtc-green); color: white; }
.rrc-step-done .rrc-step-label[b-zgokez421e] { color: var(--gtc-green); }
.rrc-step-line-done[b-zgokez421e] { background: var(--gtc-green); }
.rrc-step-active .rrc-step-circle[b-zgokez421e] { background: var(--gtc-teal); border-color: var(--gtc-teal); color: white; animation: rrc-pulse-b-zgokez421e 2s infinite; }
.rrc-step-active .rrc-step-label[b-zgokez421e] { color: var(--gtc-teal); font-weight: 700; }
.rrc-step-escalated .rrc-step-circle[b-zgokez421e] { background: var(--gtc-red); border-color: var(--gtc-red); color: white; }
.rrc-step-escalated .rrc-step-label[b-zgokez421e] { color: var(--gtc-red); font-weight: 700; }
.rrc-step-rejected .rrc-step-circle[b-zgokez421e] { background: #c0392b; border-color: #c0392b; color: white; }
.rrc-step-rejected .rrc-step-label[b-zgokez421e] { color: #c0392b; font-weight: 700; }
.rrc-step-done-faded .rrc-step-circle[b-zgokez421e] { background: #b2bec3; border-color: #b2bec3; color: white; }
.rrc-step-done-faded .rrc-step-label[b-zgokez421e] { color: #b2bec3; }

@keyframes rrc-pulse-b-zgokez421e {
    0%, 100% { box-shadow: 0 0 0 0 rgba(0,217,197,.4); }
    50% { box-shadow: 0 0 0 8px rgba(0,217,197,0); }
}
/* /Components/Pages/GovernedTransactions/RiskRatingChange/RrcPage.razor.rz.scp.css */
/* ── RRC Page Layout ── */

/* Dashboard / loading / error mode */
.rrc-page-scroll[b-afewjo5lws] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding-bottom: 1rem;
}

/* ── Fixed sticky header (nav bar + collapsible case card + progress bar) ── */
.rrc-sticky-header[b-afewjo5lws] {
    flex-shrink: 0;
}

.rrc-back-role-bar[b-afewjo5lws] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .6rem 1.25rem;
    background: #f5f6f8;
}

.rrc-bar-right[b-afewjo5lws] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.rrc-back-link[b-afewjo5lws] {
    font-size: .78rem;
    color: #666;
    cursor: pointer;
    padding: .4rem .85rem;
    background: #fff;
    border: 1px solid var(--gtc-border);
    border-radius: 6px;
    text-decoration: none;
    transition: all .2s;
}

.rrc-back-link:hover[b-afewjo5lws] {
    background: #e8faf8;
    color: #007b70;
    border-color: var(--gtc-teal);
}

.rrc-collapse-btn[b-afewjo5lws] {
    background: #fff;
    border: 1px solid var(--gtc-border);
    border-radius: 6px;
    padding: .3rem .65rem;
    font-size: .75rem;
    cursor: pointer;
    color: #666;
    transition: all .2s;
    font-family: inherit;
    line-height: 1;
}

.rrc-collapse-btn:hover[b-afewjo5lws] {
    background: #e8faf8;
    color: #007b70;
    border-color: var(--gtc-teal);
}

/* ── Slim one-line summary (collapsed state) ── */
.rrc-header-slim[b-afewjo5lws] {
    display: flex;
    align-items: center;
    gap: .45rem;
    padding: .35rem 1.25rem .6rem;
    font-size: .8rem;
    flex-wrap: wrap;
}

.rrc-slim-ref[b-afewjo5lws]   { font-weight: 700; color: #1e3a5f; }
.rrc-slim-entity[b-afewjo5lws] { color: var(--gtc-text); }
.rrc-slim-stage[b-afewjo5lws]  { color: var(--gtc-teal); font-weight: 600; }
.rrc-slim-sep[b-afewjo5lws]    { color: #ccc; }

/* ── Case header card (moved from RrcDetailView — now renders in this component) ── */
.rrc-case-header[b-afewjo5lws] {
    background: var(--gtc-card);
    padding: 1.1rem;
    box-shadow: var(--gt-shadow);
    margin: 0 0 .9rem;
}

.rrc-case-header-top[b-afewjo5lws] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.rrc-case-header h2[b-afewjo5lws] {
    font-size: 1rem;
    font-weight: 700;
    color: #1e3a5f;
    margin: 0 0 .15rem;
}

.rrc-case-meta[b-afewjo5lws] { font-size: .76rem; color: var(--gtc-text-light); }

.rrc-status-badge[b-afewjo5lws] {
    display: inline-block;
    padding: .15rem .55rem;
    border-radius: 10px;
    font-size: .68rem;
    font-weight: 700;
    white-space: nowrap;
}

.rrc-status-badge.rrc-status-open[b-afewjo5lws]       { background: #e8f4fd; color: #1565c0; }
.rrc-status-badge.rrc-status-completed[b-afewjo5lws]  { background: #e8f5e9; color: #2e7d32; }
.rrc-status-badge.rrc-status-rejected[b-afewjo5lws]   { background: #ffebee; color: #c62828; }
.rrc-status-badge.rrc-status-on-hold[b-afewjo5lws]    { background: #fff8e1; color: #f57f17; }
.rrc-status-badge.rrc-status-cancelled[b-afewjo5lws]  { background: #f5f5f5; color: #999; }

/* ── Pinned footer (delta over .razorpagefooter base styles) ── */
.rrc-footer-bar[b-afewjo5lws] {
    box-shadow: 0 -2px 8px rgba(0,0,0,.08);
    padding: 0 1.1rem;
}

/* ── Action message (success / error) ── */
.rrc-action-message[b-afewjo5lws] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .65rem 1rem;
    border-radius: 6px;
    font-size: .78rem;
    font-weight: 500;
    margin: .5rem 0;
}

.rrc-msg-success[b-afewjo5lws] { background: #f0fdf4; color: #15803d; border: 1px solid #86efac; }
.rrc-msg-error[b-afewjo5lws]   { background: #fff2f2; color: #c0392b; border: 1px solid #fca5a5; }

.rrc-msg-dismiss[b-afewjo5lws] {
    background: none;
    border: none;
    cursor: pointer;
    font-size: .9rem;
    color: inherit;
    opacity: .6;
    padding: 0 .25rem;
    line-height: 1;
}
.rrc-msg-dismiss:hover[b-afewjo5lws] { opacity: 1; }

.rrc-loading[b-afewjo5lws] {
    padding: 3rem;
    text-align: center;
    color: var(--gt-text-muted);
    font-size: .82rem;
}
/* /Components/Pages/GovernedTransactions/Shared/EvidenceDocChip.razor.rz.scp.css */
.edc-chip[b-qd5d4pqm7a] {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .55rem .7rem;
    border: 1px solid #e2e6ee;
    border-radius: 8px;
    background: #f7f9fc;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.edc-chip:hover[b-qd5d4pqm7a] {
    border-color: #cfd6e4;
    box-shadow: 0 1px 4px rgba(20, 30, 60, .06);
}

.edc-chip-icon[b-qd5d4pqm7a] {
    font-size: 1.25rem;
    line-height: 1;
}

.edc-chip-info[b-qd5d4pqm7a] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex: 1;
}

.edc-chip-name[b-qd5d4pqm7a] {
    font-weight: 600;
    font-size: .85rem;
    color: #1a1d2e;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.edc-chip-meta[b-qd5d4pqm7a] {
    font-size: .72rem;
    color: #6b7280;
}

.edc-chip-lock[b-qd5d4pqm7a] {
    color: #d97706;
}

.edc-chip-actions[b-qd5d4pqm7a] {
    display: flex;
    align-items: center;
    gap: .15rem;
}

.edc-act[b-qd5d4pqm7a] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: none;
    background: transparent;
    border-radius: 6px;
    cursor: pointer;
    font-size: .95rem;
    color: #4b5563;
    transition: background .12s ease, color .12s ease;
}

.edc-act:hover[b-qd5d4pqm7a] {
    background: #e7ecf5;
    color: #1a1d2e;
}

.edc-act:disabled[b-qd5d4pqm7a] {
    opacity: .45;
    cursor: default;
}

.edc-act-danger:hover[b-qd5d4pqm7a] {
    background: #fde8e8;
    color: #c0392b;
}

.edc-empty[b-qd5d4pqm7a] {
    display: flex;
    gap: .4rem;
}

.edc-btn[b-qd5d4pqm7a] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .35rem .7rem;
    border: 1px solid #d4dae6;
    border-radius: 6px;
    background: #fff;
    cursor: pointer;
    font-size: .8rem;
    color: #374151;
    transition: background .12s ease, border-color .12s ease;
}

.edc-btn:hover[b-qd5d4pqm7a] {
    background: #f1f4f9;
    border-color: #b9c2d6;
}

.edc-none[b-qd5d4pqm7a] {
    font-size: .78rem;
    color: #9ca3af;
    font-style: italic;
}

.edc-error[b-qd5d4pqm7a] {
    margin-top: .4rem;
    font-size: .75rem;
    color: #c0392b;
}

.edc-browser[b-qd5d4pqm7a] {
    margin-top: .55rem;
    border: 1px solid #e2e6ee;
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
}

.edc-browser-head[b-qd5d4pqm7a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .45rem .7rem;
    background: #f3f6fb;
    border-bottom: 1px solid #e2e6ee;
    font-size: .78rem;
    font-weight: 600;
    color: #374151;
}

.edc-browser-close[b-qd5d4pqm7a] {
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 1.1rem;
    line-height: 1;
    color: #6b7280;
}

.edc-browser-msg[b-qd5d4pqm7a] {
    padding: .7rem;
    font-size: .78rem;
    color: #6b7280;
}

.edc-browser-search[b-qd5d4pqm7a] {
    width: 100%;
    box-sizing: border-box;
    padding: .45rem .7rem;
    border: none;
    border-bottom: 1px solid #eef1f6;
    font-size: .8rem;
    outline: none;
}

.edc-browser-list[b-qd5d4pqm7a] {
    max-height: 220px;
    overflow-y: auto;
}

.edc-browser-item[b-qd5d4pqm7a] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .45rem .7rem;
    cursor: pointer;
    border-bottom: 1px solid #f3f5f9;
    font-size: .8rem;
}

.edc-browser-item:hover[b-qd5d4pqm7a] {
    background: #f3f6fb;
}

.edc-browser-item-name[b-qd5d4pqm7a] {
    flex: 1;
    color: #1a1d2e;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.edc-browser-item-meta[b-qd5d4pqm7a] {
    font-size: .72rem;
    color: #9ca3af;
}
/* /Components/Pages/GovernedTransactions/TransactionMonitoring/Config/TransactionProfileEditor.razor.rz.scp.css */
.outgoing-grid-wrap[b-7yji8n9ct0] {
    height: 420px;
    padding: 16px;
}

.incoming-grid-wrap[b-7yji8n9ct0] {
    height: 420px;
    padding: 16px;
}

.non-cash-grid-wrap[b-7yji8n9ct0] {
    height: 420px;
    padding: 16px;
}
/* /Components/Pages/GovernedTransactions/TransactionMonitoring/TransactionMonitoring.razor.rz.scp.css */
.fillscreen[b-27toubiou7] {
    height: calc(100% - 52px);
}

[b-27toubiou7] .dxbl-tabs .dxbl-tabs-content-panel {
    height: 100% !important;
}

.tm-kpi-row[b-27toubiou7] {
    display: flex;
    gap: 12px;
    padding: 8px 12px;
    background: var(--gt-bg);
    border-bottom: 1px solid var(--gt-border);
}

.tm-kpi-tile[b-27toubiou7] {
    flex: 1;
    padding: 10px 14px;
    background: var(--gt-card);
    border-radius: 8px;
    border: 1px solid var(--gt-border);
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    transition: box-shadow 0.15s;
}

.tm-kpi-tile:hover[b-27toubiou7] {
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.tm-kpi-tile.active[b-27toubiou7] {
    border-color: var(--gt-navy);
    box-shadow: 0 0 0 1px var(--gt-navy);
}

.tm-kpi-value[b-27toubiou7] {
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
}

.tm-kpi-label[b-27toubiou7] {
    font-size: 11px;
    color: var(--gt-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.tm-kpi-stripe[b-27toubiou7] {
    width: 4px;
    height: 36px;
    border-radius: 2px;
}
/* /Components/Pages/LiveWealth/LiveWealth.razor.rz.scp.css */
.livewealth-container[b-3zs7nzyse6] {
	position: relative;
	width: 100%;
	height: 100%;
	background: rgb(255,255,255);
}

.diagram-container[b-3zs7nzyse6] {
	position: relative;
	width: 100%;
	height: 100%;
}

.lw-legend[b-3zs7nzyse6] {
	position: absolute;
	bottom: 12px;
	left: 12px;
	z-index: 10;
	background: rgba(255, 255, 255, 0.88);
	border: 1px solid #e0e0e0;
	border-radius: 6px;
	padding: 8px 12px;
	font-size: 0.75rem;
	color: #555;
}

.lw-legend-collapsed[b-3zs7nzyse6] {
	padding: 0;
	background: transparent;
	border: none;
}

.lw-legend-toggle[b-3zs7nzyse6] {
	background: rgba(255, 255, 255, 0.88);
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	padding: 2px 8px;
	font-size: 0.7rem;
	color: #777;
	cursor: pointer;
	margin-bottom: 4px;
	display: block;
}

.lw-legend-toggle:hover[b-3zs7nzyse6] {
	background: #f0f0f0;
	color: #333;
}

.lw-legend-collapsed .lw-legend-toggle[b-3zs7nzyse6] {
	margin-bottom: 0;
}

.lw-legend-entry[b-3zs7nzyse6] {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 2px 0;
}

.lw-legend-line[b-3zs7nzyse6] {
	display: inline-block;
	width: 24px;
	height: 3px;
	border-radius: 2px;
	flex-shrink: 0;
}

.lw-legend-dashed[b-3zs7nzyse6] {
	background: none !important;
	border-top: 3px dashed orangered;
	height: 0;
}

.lw-legend-badge[b-3zs7nzyse6] {
	display: inline-block;
	flex-shrink: 0;
}

.lw-empty-state[b-3zs7nzyse6] {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
	text-align: center;
	color: #999;
	pointer-events: none;
}

.lw-empty-state svg[b-3zs7nzyse6] {
	margin-bottom: 12px;
	opacity: 0.4;
}

.lw-empty-state p[b-3zs7nzyse6] {
	font-size: 1.1rem;
	font-weight: 500;
	margin-bottom: 4px;
}

.lw-empty-state small[b-3zs7nzyse6] {
	font-size: 0.85rem;
}
/* /Components/Pages/LiveWealth/LiveWealthProfile.razor.rz.scp.css */
.lw-profile-panel[b-wgfcnov24i] {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 320px;
    background: white;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    font-size: 0.85rem;
    z-index: 100;
    transition: width 0.2s ease;
}

.lw-profile-panel.collapsed[b-wgfcnov24i] {
    width: auto;
    max-width: 200px;
}

.lw-profile-header[b-wgfcnov24i] {
    background-color: #00d9c5;
    color: white;
    padding: 10px 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.lw-profile-header:hover[b-wgfcnov24i] {
    background-color: #0fb377;
}

.lw-profile-image[b-wgfcnov24i] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid rgba(255,255,255,0.5);
    flex-shrink: 0;
}

.lw-profile-name[b-wgfcnov24i] {
    font-weight: 600;
    font-size: 0.95rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
}

.lw-collapse-btn[b-wgfcnov24i] {
    font-size: 1.1rem;
    font-weight: bold;
    opacity: 0.8;
    flex-shrink: 0;
    width: 20px;
    text-align: center;
}

.lw-profile-body[b-wgfcnov24i] {
    padding: 10px 12px;
}

.lw-profile-actions[b-wgfcnov24i] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 12px;
}

.lw-profile-actions button[b-wgfcnov24i] {
    background: none;
    border: none;
    padding: 0;
    color: #00d9c5;
    text-decoration: none;
    font-size: 0.8rem;
    cursor: pointer;
    font-family: inherit;
}

.lw-profile-actions button:hover[b-wgfcnov24i] {
    text-decoration: underline;
}

.lw-profile-export[b-wgfcnov24i] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #e9ecef;
    font-size: 0.8rem;
}

.lw-export-label[b-wgfcnov24i] {
    color: #6c757d;
}

.lw-profile-export button[b-wgfcnov24i] {
    background: none;
    border: none;
    padding: 0;
    color: #00d9c5;
    text-decoration: none;
    font-size: inherit;
    cursor: pointer;
    font-family: inherit;
}

.lw-profile-export button:hover[b-wgfcnov24i] {
    text-decoration: underline;
}

.lw-export-confirm[b-wgfcnov24i] {
    color: #6c757d;
    font-size: 0.75rem;
    font-style: italic;
}

.lw-profile-run-ubo[b-wgfcnov24i] {
    display: flex;
    align-items: center;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #e9ecef;
    font-size: 0.8rem;
}

.lw-profile-run-ubo button[b-wgfcnov24i] {
    background: none;
    border: none;
    padding: 0;
    color: #6f42c1;
    font-size: inherit;
    cursor: pointer;
    font-family: inherit;
    font-weight: 500;
}

.lw-profile-run-ubo button:hover:not(:disabled)[b-wgfcnov24i] {
    text-decoration: underline;
}

.lw-profile-run-ubo button:disabled[b-wgfcnov24i] {
    opacity: 0.5;
    cursor: default;
}

.lw-profile-layout[b-wgfcnov24i] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #e9ecef;
    font-size: 0.8rem;
}

.lw-profile-layout a[b-wgfcnov24i] {
    color: #00d9c5;
    text-decoration: none;
    font-weight: 500;
}

.lw-profile-layout a:hover[b-wgfcnov24i] {
    text-decoration: underline;
}

.lw-profile-details[b-wgfcnov24i] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #e9ecef;
}

.lw-profile-row[b-wgfcnov24i] {
    display: flex;
    justify-content: space-between;
    gap: 8px;
}

.lw-profile-label[b-wgfcnov24i] {
    color: #6c757d;
    flex-shrink: 0;
    font-size: 0.8rem;
}

.lw-profile-value[b-wgfcnov24i] {
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.8rem;
}

.lw-ubo-toggles[b-wgfcnov24i] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #e9ecef;
    font-size: 0.75rem;
}

.lw-ubo-toggles-label[b-wgfcnov24i] {
    color: #6f42c1;
    font-weight: 600;
    font-size: 0.8rem;
}

.lw-ubo-toggle-item[b-wgfcnov24i] {
    display: flex;
    align-items: center;
    gap: 3px;
    cursor: pointer;
    color: #555;
    user-select: none;
}

.lw-ubo-toggle-item input[type="checkbox"][b-wgfcnov24i] {
    accent-color: #6f42c1;
    margin: 0;
    cursor: pointer;
}

.lw-ubo-summary[b-wgfcnov24i] {
    margin-top: 6px;
}

.lw-ubo-header[b-wgfcnov24i] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    font-size: 0.85rem;
    margin-bottom: 6px;
}

.lw-ubo-stale-badge[b-wgfcnov24i] {
    background: #ffc107;
    color: #333;
    font-size: 0.65rem;
    padding: 1px 6px;
    border-radius: 8px;
    font-weight: 500;
}

.lw-ubo-recalc-btn[b-wgfcnov24i] {
    background: none;
    border: 1px solid #adb5bd;
    border-radius: 4px;
    padding: 0 5px;
    font-size: 0.7rem;
    color: #495057;
    cursor: pointer;
    line-height: 1.4;
}

.lw-ubo-recalc-btn:hover:not(:disabled)[b-wgfcnov24i] {
    background: #e9ecef;
}

.lw-ubo-recalc-btn:disabled[b-wgfcnov24i] {
    opacity: 0.5;
    cursor: default;
}

.lw-ubo-meta[b-wgfcnov24i] {
    font-size: 0.75rem;
    color: #6c757d;
    margin-bottom: 6px;
    display: flex;
    gap: 8px;
}

.lw-ubo-row[b-wgfcnov24i] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 3px 0;
    cursor: pointer;
    font-size: 0.8rem;
}

.lw-ubo-row:hover[b-wgfcnov24i] {
    background: #f8f9fa;
    border-radius: 3px;
}

.lw-ubo-name[b-wgfcnov24i] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lw-ubo-reason[b-wgfcnov24i] {
    color: #6c757d;
    font-size: 0.7rem;
    flex-shrink: 0;
}

.lw-ubo-pct[b-wgfcnov24i] {
    color: #6f42c1;
    font-weight: 600;
    font-size: 0.75rem;
    flex-shrink: 0;
}

.lw-ubo-more[b-wgfcnov24i] {
    font-size: 0.75rem;
    color: #6c757d;
    padding: 2px 0;
}

.lw-profile-ubo-toggle[b-wgfcnov24i] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #e9ecef;
    font-size: 0.8rem;
}

.lw-profile-ubo-toggle button[b-wgfcnov24i] {
    background: none;
    border: none;
    padding: 0;
    color: #6f42c1;
    text-decoration: none;
    font-size: inherit;
    cursor: pointer;
    font-family: inherit;
    font-weight: 500;
}

.lw-profile-ubo-toggle button:hover[b-wgfcnov24i] {
    text-decoration: underline;
}

.lw-profile-ubo-toggle button.active[b-wgfcnov24i] {
    color: #00d9c5;
}
/* /Components/Pages/LiveWealth/Nodes/AssetNodeComponent.razor.rz.scp.css */
.relation-box[b-p9c1gu9aai] {
    font-size: 14px;
    line-height: 1.5; /* 21px per line */
    padding: 12px;
    box-sizing: border-box;
}

.relation-group[b-p9c1gu9aai] {
    margin-bottom: 12px; /* Space between groups */
}

    .relation-group:last-child[b-p9c1gu9aai] {
        margin-bottom: 0; /* No margin on last group */
    }

.relation-type[b-p9c1gu9aai] {
    font-weight: 600; /* Bold for category */
    margin-bottom: 4px;
}

.relation-member[b-p9c1gu9aai] {
    padding-left: 16px; /* Indent members */
    margin: 2px 0;
}

    /* Optional: Add bullet or dash */
    .relation-member[b-p9c1gu9aai]::before {
        content: "• "; /* or "– " for dash */
        margin-left: -12px;
    }
/* /Components/Pages/LiveWealth/Nodes/RelationGroupNodeComponent.razor.rz.scp.css */
.relation-box[b-ube3r2tisj] {
    font-size: 14px;
    line-height: 1.5; /* 21px per line */
    padding: 12px;
    box-sizing: border-box;
}

.relation-group[b-ube3r2tisj] {
    margin-bottom: 12px; /* Space between groups */
}

    .relation-group:last-child[b-ube3r2tisj] {
        margin-bottom: 0; /* No margin on last group */
    }

.relation-type[b-ube3r2tisj] {
    font-weight: 600; /* Bold for category */
    margin-bottom: 4px;
}

.relation-member[b-ube3r2tisj] {
    padding-left: 16px; /* Indent members */
    margin: 2px 0;
}

    /* Optional: Add bullet or dash */
    .relation-member[b-ube3r2tisj]::before {
        content: "• "; /* or "– " for dash */
        margin-left: -12px;
    }
/* /Components/Pages/LiveWealth/Nodes/TrustNodeComponent.razor.rz.scp.css */
/* relation-box styling moved to global livewealth.css */
/* /Components/Pages/RegSphere/AgentBriefingPage.razor.rz.scp.css */
/* Page-specific layout — agent card styles live in the global regsphere.css
   (loaded from App.razor) so they reach DevExpress cell templates if ever needed. */

.rs-page-header[b-qn4s1rlhc6] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    padding: 16px 20px 12px;
    background: #fff;
    border-bottom: 1px solid var(--rs-border);
}

.rs-ab-stamp[b-qn4s1rlhc6] {
    font-size: 11px;
    color: var(--rs-text-light);
    margin-top: 2px;
}

.rs-ab-subtext[b-qn4s1rlhc6] {
    font-size: 10px;
    color: var(--rs-text-light);
    font-style: italic;
    max-width: 380px;
    text-align: right;
    line-height: 1.5;
}

.rs-ab-list[b-qn4s1rlhc6] {
    padding: 16px 20px 24px;
}

.rs-ab-empty[b-qn4s1rlhc6] {
    padding: 40px 0;
    text-align: center;
    color: var(--rs-text-light);
    font-size: 13px;
}

/* Scope entity picker */
.rs-ab-scope[b-qn4s1rlhc6] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    padding: 12px 20px 0;
}

.rs-ab-scope-label[b-qn4s1rlhc6] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--rs-text-light);
}

.rs-ab-scope-picker[b-qn4s1rlhc6] {
    position: relative;
    flex: 0 1 360px;
}

.rs-ab-scope-input[b-qn4s1rlhc6] {
    width: 100%;
    padding: 6px 10px;
    font-size: 13px;
    border: 1px solid var(--rs-border);
    border-radius: 6px;
}

.rs-ab-scope-results[b-qn4s1rlhc6] {
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    right: 0;
    z-index: 20;
    max-height: 260px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid var(--rs-border);
    border-radius: 6px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .12);
}

.rs-ab-scope-result[b-qn4s1rlhc6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 7px 10px;
    font-size: 13px;
    cursor: pointer;
}

.rs-ab-scope-result:hover[b-qn4s1rlhc6] {
    background: #f3f4f6;
}

.rs-ab-scope-code[b-qn4s1rlhc6] {
    color: var(--rs-text-light);
    font-size: 11px;
}

.rs-ab-scope-active[b-qn4s1rlhc6] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: var(--rs-text-light);
}

.rs-ab-scope-clear[b-qn4s1rlhc6] {
    border: 1px solid var(--rs-border);
    background: #fff;
    border-radius: 6px;
    padding: 3px 8px;
    font-size: 11px;
    cursor: pointer;
}

.rs-ab-scope-clear:hover[b-qn4s1rlhc6] {
    background: #f3f4f6;
}

.rs-ab-regime-filter[b-qn4s1rlhc6] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    padding: 10px 20px;
    background: #fff;
    border-bottom: 1px solid var(--rs-border);
}

.rs-ab-regime-chip[b-qn4s1rlhc6] {
    padding: 3px 12px;
    border-radius: 12px;
    border: 1px solid var(--rs-border);
    background: transparent;
    color: var(--rs-text-mid);
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.1s, color 0.1s, border-color 0.1s;
}

.rs-ab-regime-chip:hover[b-qn4s1rlhc6] {
    border-color: var(--rs-teal);
    color: var(--rs-navy);
}

.rs-ab-regime-chip--active[b-qn4s1rlhc6] {
    background: var(--rs-teal);
    border-color: var(--rs-teal);
    color: #fff;
}

/* ── Modal overlay + dialog ─────────────────────────────────────────── */

.rs-ab-modal-overlay[b-qn4s1rlhc6] {
    position: fixed;
    inset: 0;
    z-index: 1050;
    background: rgba(0, 0, 0, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
}

.rs-ab-modal[b-qn4s1rlhc6] {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 8px 32px rgba(0,0,0,0.18);
    width: 480px;
    max-width: calc(100vw - 32px);
    max-height: calc(100vh - 64px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.rs-ab-modal__header[b-qn4s1rlhc6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 18px;
    border-bottom: 1px solid var(--rs-border);
    font-size: 14px;
    font-weight: 600;
    color: var(--rs-navy);
}

.rs-ab-modal__close[b-qn4s1rlhc6] {
    background: none;
    border: none;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    color: var(--rs-text-light);
    padding: 0 4px;
}

.rs-ab-modal__close:hover[b-qn4s1rlhc6] { color: var(--rs-navy); }

.rs-ab-modal__body[b-qn4s1rlhc6] {
    padding: 16px 18px;
    overflow-y: auto;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.rs-ab-modal__label[b-qn4s1rlhc6] {
    font-size: 11px;
    font-weight: 600;
    color: var(--rs-text-mid);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-top: 6px;
}

.rs-ab-modal__label:first-child[b-qn4s1rlhc6] { margin-top: 0; }

.rs-ab-modal__input[b-qn4s1rlhc6] {
    width: 100%;
    padding: 7px 10px;
    border: 1px solid var(--rs-border);
    border-radius: 5px;
    font-size: 13px;
    color: var(--rs-navy);
    box-sizing: border-box;
    font-family: inherit;
}

.rs-ab-modal__input:focus[b-qn4s1rlhc6] {
    outline: none;
    border-color: var(--rs-teal);
    box-shadow: 0 0 0 2px rgba(17, 198, 131, 0.15);
}

.rs-ab-modal__textarea[b-qn4s1rlhc6] {
    resize: vertical;
    min-height: 72px;
    line-height: 1.5;
}

.rs-ab-modal__textarea--tall[b-qn4s1rlhc6] { min-height: 130px; }

.rs-ab-modal__hint[b-qn4s1rlhc6] {
    font-size: 11px;
    color: var(--rs-text-light);
    line-height: 1.5;
    margin-top: 4px;
}

.rs-ab-modal__error[b-qn4s1rlhc6] {
    font-size: 12px;
    color: #c0392b;
    padding: 6px 10px;
    background: #fdf0ee;
    border-radius: 4px;
    border: 1px solid #f5c6c2;
}

.rs-ab-modal__success[b-qn4s1rlhc6] {
    font-size: 12px;
    color: #1a7a4a;
    padding: 6px 10px;
    background: #edfaf3;
    border-radius: 4px;
    border: 1px solid #b8ebd4;
}

.rs-ab-modal__footer[b-qn4s1rlhc6] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding: 12px 18px;
    border-top: 1px solid var(--rs-border);
}

/* mailto: anchor styled to match DxButton Secondary */
.rs-ab-mailto-btn[b-qn4s1rlhc6] {
    display: inline-flex;
    align-items: center;
    padding: 5px 14px;
    border-radius: 5px;
    border: 1px solid var(--rs-teal);
    background: var(--rs-teal);
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.1s, border-color 0.1s;
}

.rs-ab-mailto-btn:hover[b-qn4s1rlhc6] {
    background: #0da870;
    border-color: #0da870;
    color: #fff;
}
/* /Components/Pages/RegSphere/CaseDetail.razor.rz.scp.css */
/* CaseDetail.razor scoped styles. ::deep pierces into DevExpress tab internals
   since those elements don't carry this component's scope attribute. */

.regsphere-detail[b-na2lwsun1b] { display: flex; flex-direction: column; height: 100%; min-height: 0; padding: 0; }

.rs-page-header[b-na2lwsun1b] {
    display: flex; align-items: center; gap: 1rem;
    padding: 10px 20px;
    border-bottom: 1px solid #e4e8ed;
    background: #fff;
}
.rs-title[b-na2lwsun1b] { margin: 0; font-size: 1.1rem; font-weight: 600; color: #0a3d62; }
.rs-title-error[b-na2lwsun1b] { color: #991b1b; }
/* Status and regime pills live in wwwroot/css/regsphere.css — they're used outside
   this component (grid cells, header) so they can't be scoped here. */

/* Flex chain so grids inside tabs fill the viewport.
   rs-tabs-wrap is a CaseDetail-owned div (gets the scope attribute). MyDxTabs's
   root (dxbl-tabs.rs-tabs) doesn't carry our scope since it's rendered by the
   MyDxTabs component, so we anchor ::deep selectors on the wrapper instead. */
.rs-tabs-wrap[b-na2lwsun1b] { flex: 1; min-height: 0; display: flex; flex-direction: column; }
.rs-tabs-wrap[b-na2lwsun1b]  .rs-tabs { flex: 1; min-height: 0; display: flex; flex-direction: column; }
.rs-tabs-wrap[b-na2lwsun1b]  dxbl-tab-list { flex: none; }
.rs-tabs-wrap[b-na2lwsun1b]  .dxbl-tabs-content-panel { flex: 1; min-height: 0; display: flex; flex-direction: column; }
.rs-tabs-wrap[b-na2lwsun1b]  .dxbl-tabs-content.dxbl-active { flex: 1; min-height: 0; display: flex; flex-direction: column; }

.rs-tab-body[b-na2lwsun1b] {
    flex: 1; min-height: 0;
    padding: 1rem;
    display: flex; flex-direction: column;
    gap: 0.75rem;
    overflow: auto;
}
.rs-tab-toolbar[b-na2lwsun1b] { flex: none; display: flex; gap: 0.5rem; }
.rs-tab-toolbar--between[b-na2lwsun1b] { justify-content: space-between; align-items: center; }

/* Reportable-account editor (Phase 2) */
.rs-acct-flags[b-na2lwsun1b] { display: flex; gap: 1.25rem; flex-wrap: wrap; }
.rs-acct-payments[b-na2lwsun1b] { margin-top: 1rem; border-top: 1px solid var(--rs-border, #e0e0e0); padding-top: 0.75rem; }
.rs-acct-payments__title[b-na2lwsun1b] { margin: 0; font-size: 0.95rem; font-weight: 600; }
.rs-acct-payments-hint[b-na2lwsun1b] { margin-top: 1rem; padding-top: 0.75rem; border-top: 1px solid var(--rs-border, #e0e0e0); color: #777; font-style: italic; }

.rs-overview-grid[b-na2lwsun1b] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 0.6rem;
    padding: 1rem;
    background: #f9fafb;
    border-radius: 6px;
    flex: none;
}
.rs-overview-grid label[b-na2lwsun1b] {
    display: inline-block; min-width: 95px;
    font-weight: 600; color: #4b5563; font-size: 12px;
}
.rs-audit-row[b-na2lwsun1b] { grid-column: 1 / -1; font-size: 11px; color: #6b7280; }

.rs-section[b-na2lwsun1b] { padding: 1rem; background: #fff; border: 1px solid #e5e7eb; border-radius: 6px; flex: none; }
.rs-section h4[b-na2lwsun1b] { margin-top: 0; font-size: 0.95rem; color: #0a3d62; }
.rs-status-buttons[b-na2lwsun1b] { display: flex; flex-wrap: wrap; gap: 0.4rem; align-items: center; }
.rs-transition-comment[b-na2lwsun1b] { margin-bottom: 0.5rem; }
.rs-notes[b-na2lwsun1b] { margin: 0; color: #374151; white-space: pre-wrap; }

.rs-message[b-na2lwsun1b] { font-size: 12px; padding: 4px 10px; border-radius: 12px; font-weight: 500; margin-left: 0.5rem; }
.rs-msg-success[b-na2lwsun1b] { background: #d1fae5; color: #065f46; }
.rs-msg-error[b-na2lwsun1b]   { background: #fee2e2; color: #991b1b; }

.rs-flag-row[b-na2lwsun1b] { display: flex; gap: 1.25rem; align-items: center; flex-wrap: wrap; }
.rs-dialog-error[b-na2lwsun1b] { background: #fee2e2; color: #991b1b; padding: 8px 12px; border-radius: 4px; font-size: 13px; }

/* Page-level load failure banner — rendered at the top of the page when an
   exception bubbled out of OnLoadData / LoadAllAsync. Keeps the UI legible
   instead of going blank. */
.rs-page-error[b-na2lwsun1b] {
    background: #fee2e2; color: #991b1b;
    padding: 10px 16px; margin: 8px 20px;
    border-radius: 4px; font-size: 13px;
    border-left: 4px solid #b91c1c;
}

.rs-es-form[b-na2lwsun1b] { padding-top: 0.25rem; }
.rs-es-declaration[b-na2lwsun1b] {
    margin-top: 0.75rem; padding-top: 0.5rem;
    border-top: 1px dashed #e5e7eb;
    display: flex; flex-direction: column; gap: 6px;
}
.rs-es-decl-hint[b-na2lwsun1b] { font-size: 12px; color: #9a3412; }
.rs-es-save-row[b-na2lwsun1b] { display: flex; gap: 0.75rem; align-items: center; flex: none; }

/* FISC Transmission tab — Submit row + Fiscal Receipt panel.
   Visual language matches the build-52 POC's per-row Fiscal Receipt panel. */
.rs-fisc-submit-row[b-na2lwsun1b] {
    display: flex; gap: 0.75rem; align-items: center; flex-wrap: wrap;
    margin: 0.75rem 0 1rem 0;
}

.rs-fisc-receipt[b-na2lwsun1b] {
    margin-top: 0.75rem; padding: 14px 16px;
    border: 1px solid #c7e9d5;
    background: #f4fbf7;
    border-radius: 6px;
    border-left: 4px solid #11C683;     /* WS green — same accent the POC uses */
}
.rs-fisc-receipt__header[b-na2lwsun1b] {
    font-weight: 700; color: #0a3d62;
    margin-bottom: 8px;
    display: flex; align-items: center; gap: 6px;
}
.rs-fisc-receipt__hint[b-na2lwsun1b] { font-weight: 500; color: #6b7280; font-size: 11px; }
.rs-fisc-receipt__body[b-na2lwsun1b] { display: flex; gap: 16px; align-items: flex-start; flex-wrap: wrap; }
.rs-fisc-receipt__qr[b-na2lwsun1b] {
    width: 100px; height: 100px;
    background: #fff;
    border: 1px solid #d1d5db; border-radius: 4px;
    padding: 4px;
    flex: none;
}
.rs-fisc-receipt__details[b-na2lwsun1b] { flex: 1 1 auto; min-width: 240px; font-size: 13px; line-height: 1.6; }
.rs-fisc-receipt__label[b-na2lwsun1b]   { color: #6b7280; min-width: 60px; display: inline-block; }
.rs-fisc-receipt__footnote[b-na2lwsun1b] { margin-top: 6px; font-size: 12px; color: #9a3412; font-style: italic; }

/* Filing Output tab — on-screen report + download action */
.rs-filing-report[b-na2lwsun1b] { display: flex; flex-direction: column; gap: 1rem; max-width: 1100px; }

.rs-filing-section[b-na2lwsun1b] {
    padding: 0.75rem 1rem;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
}
.rs-filing-section h4[b-na2lwsun1b] { margin: 0 0 0.5rem 0; font-size: 0.9rem; color: #0a3d62; }

.rs-filing-meta[b-na2lwsun1b] { display: flex; flex-direction: column; gap: 0.3rem; font-size: 13px; }
.rs-filing-label[b-na2lwsun1b] { display: inline-block; min-width: 140px; font-weight: 600; color: #4b5563; }

.rs-filing-table[b-na2lwsun1b] { width: 100%; border-collapse: collapse; font-size: 12px; }
.rs-filing-table th[b-na2lwsun1b] {
    background: #f3f4f6; color: #374151; font-weight: 600;
    padding: 5px 8px; text-align: left; border-bottom: 2px solid #d1d5db;
    white-space: nowrap;
}
.rs-filing-table td[b-na2lwsun1b] { padding: 5px 8px; border-bottom: 1px solid #f0f0f0; vertical-align: top; }
.rs-filing-table tr:last-child td[b-na2lwsun1b] { border-bottom: none; }
.rs-filing-num[b-na2lwsun1b] { text-align: right !important; font-variant-numeric: tabular-nums; }

.rs-filing-actions[b-na2lwsun1b] { display: flex; gap: 0.5rem; flex: none; }

/* Transmission tab — Echelon push */
.rs-ech-banner[b-na2lwsun1b] {
    padding: 0.6rem 0.9rem;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 6px;
    font-size: 13px;
    color: #1e40af;
    margin-bottom: 1rem;
}

.rs-ech-status-panel[b-na2lwsun1b] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    padding: 0.75rem 1rem;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    max-width: 600px;
    margin-bottom: 1rem;
}

.rs-ech-status-row[b-na2lwsun1b] {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
    font-size: 13px;
}

.rs-ech-label[b-na2lwsun1b] {
    display: inline-block;
    min-width: 100px;
    font-weight: 600;
    color: #4b5563;
    flex-shrink: 0;
}

.rs-ech-email[b-na2lwsun1b] { color: #6b7280; font-size: 12px; }

.rs-ech-no-push[b-na2lwsun1b] {
    color: #6b7280;
    font-size: 13px;
    font-style: italic;
    margin-bottom: 1rem;
}

.rs-ech-msg[b-na2lwsun1b] { margin-bottom: 0.75rem; }

.rs-ech-actions[b-na2lwsun1b] { display: flex; gap: 0.5rem; flex-wrap: wrap; }

/* Echelon submission summary panel — shown when questionnaire status = COMPLETED */
.rs-ech-submission-panel[b-na2lwsun1b] {
    padding: 0.75rem 1rem;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 6px;
    margin-bottom: 1rem;
}
.rs-ech-submission-header[b-na2lwsun1b] {
    font-weight: 700;
    color: #0a3d62;
    font-size: 13px;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.rs-ech-submission-date[b-na2lwsun1b] {
    font-weight: 400;
    color: #6b7280;
    font-size: 12px;
}
.rs-ech-submission-grid[b-na2lwsun1b] {
    display: grid;
    grid-template-columns: 130px 1fr;
    gap: 0.25rem 0.75rem;
    font-size: 13px;
    align-items: baseline;
}

/* Echelon push modal info banner */
.rs-ech-info-banner[b-na2lwsun1b] {
    padding: 0.5rem 0.75rem;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 5px;
    font-size: 12px;
    color: #1e40af;
    margin-bottom: 0.75rem;
}
/* /Components/Pages/RegSphere/ESActivityTypeSettings.razor.rz.scp.css */
.rs-es-act-subtitle[b-6f77jd5d8z] {
    color: var(--rs-text-muted, #6c757d);
    margin-bottom: 1.5rem;
    max-width: 700px;
}

.rs-es-act-banner[b-6f77jd5d8z] {
    margin-bottom: 1rem;
}

.rs-es-act-jurisdiction[b-6f77jd5d8z] {
    margin-bottom: 2rem;
}

.rs-es-act-jurisdiction__name[b-6f77jd5d8z] {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    padding-bottom: 0.25rem;
    border-bottom: 1px solid var(--rs-border, #dee2e6);
}

.rs-es-act-table[b-6f77jd5d8z] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

    .rs-es-act-table th[b-6f77jd5d8z] {
        text-align: left;
        padding: 0.375rem 0.75rem;
        font-weight: 600;
        border-bottom: 2px solid var(--rs-border, #dee2e6);
        white-space: nowrap;
    }

    .rs-es-act-table td[b-6f77jd5d8z] {
        padding: 0.375rem 0.75rem;
        border-bottom: 1px solid var(--rs-border-light, #f0f0f0);
        vertical-align: middle;
    }

    .rs-es-act-table tr:last-child td[b-6f77jd5d8z] {
        border-bottom: none;
    }

.rs-es-act-action[b-6f77jd5d8z] {
    width: 110px;
    text-align: right;
}

.rs-es-act-pill[b-6f77jd5d8z] {
    display: inline-block;
    padding: 0.15rem 0.6rem;
    border-radius: 0.75rem;
    font-size: 0.75rem;
    font-weight: 500;
}

.rs-es-act-pill--enabled[b-6f77jd5d8z] {
    background-color: var(--rs-pill-enabled-bg, #e8f5e9);
    color: var(--rs-pill-enabled-text, #2e7d32);
}

.rs-es-act-pill--disabled[b-6f77jd5d8z] {
    background-color: var(--rs-pill-disabled-bg, #fdecea);
    color: var(--rs-pill-disabled-text, #c62828);
}
/* /Components/Pages/RegSphere/FiscReceiptPrint.razor.rz.scp.css */
/* FiscReceiptPrint — standalone fiscal-receipt page. The card sized to A5-ish
   so it prints centred on A4 with comfortable margins. */

.rs-frp__toolbar[b-zeh16oktoq] {
    margin: 16px;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.rs-frp__hint[b-zeh16oktoq] {
    margin: 24px;
    color: #6b7280;
    font-style: italic;
}

.rs-frp__sheet[b-zeh16oktoq] {
    max-width: 520px;
    margin: 0 auto 32px;
    padding: 28px 32px;
    background: #fff;
    border: 2px solid #1e3a8a;
    border-radius: 6px;
    color: #1f2937;
    font-family: -apple-system, "Segoe UI", sans-serif;
}

.rs-frp__header[b-zeh16oktoq] {
    margin-bottom: 22px;
}

.rs-frp__header h1[b-zeh16oktoq] {
    margin: 0 0 4px;
    font-size: 20px;
    color: #1e3a8a;
    letter-spacing: 0.5px;
}

.rs-frp__sub[b-zeh16oktoq] {
    font-size: 11px;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.rs-frp__meta[b-zeh16oktoq] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 14px;
    row-gap: 6px;
    margin: 0 0 22px;
    font-size: 13px;
}

.rs-frp__meta dt[b-zeh16oktoq] {
    color: #6b7280;
    font-weight: normal;
}

.rs-frp__meta dd[b-zeh16oktoq] {
    margin: 0;
    text-align: right;
}

.rs-frp__qr-block[b-zeh16oktoq] {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    padding: 14px 0;
    border-top: 1px solid #e5e7eb;
    border-bottom: 1px solid #e5e7eb;
}

.rs-frp__qr[b-zeh16oktoq] {
    width: 180px;
    height: 180px;
    flex: 0 0 180px;
}

.rs-frp__refs[b-zeh16oktoq] {
    flex: 1;
    font-size: 12px;
    line-height: 1.7;
}

.rs-frp__refs code[b-zeh16oktoq] {
    font-family: "SF Mono", Monaco, Consolas, monospace;
    font-size: 11px;
    background: #f3f4f6;
    padding: 1px 5px;
    border-radius: 3px;
    word-break: break-all;  /* IRNs are UUID-suffixed and won't break on hyphens alone */
}

.rs-frp__label[b-zeh16oktoq] {
    color: #6b7280;
    margin-right: 4px;
}

.rs-frp__verify[b-zeh16oktoq] {
    margin-top: 6px;
    word-break: break-all;
}

.rs-frp__confirmed[b-zeh16oktoq] {
    margin-top: 14px;
    padding: 8px 12px;
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    border-radius: 4px;
    color: #047857;
    font-size: 12px;
    font-weight: 600;
}

.rs-frp__footer[b-zeh16oktoq] {
    margin-top: 16px;
    font-size: 10px;
    color: #94a3b8;
    text-align: center;
}

/* Print-only — hide toolbar, lose body padding so the sheet fills the page. */
@media print {
    .rs-frp__toolbar[b-zeh16oktoq] {
        display: none;
    }
    .rs-frp__sheet[b-zeh16oktoq] {
        border: 1px solid #000;
        margin: 0;
        max-width: none;
    }
}
/* /Components/Pages/RegSphere/InvoiceDetailDrawer.razor.rz.scp.css */
/* InvoiceDetailDrawer scoped styles. Three-section layout (Lines /
   Transmission Details / Fiscal Receipt) mirroring POC build 52's
   .fq-drill-card markup. The Fiscal Receipt block reuses the WS green
   (#11C683) accent introduced in CaseDetail's per-case Receipt panel
   so operators get a consistent visual signal across both surfaces. */

/* Drawer joins the popup flex chain (.razorpage.in-popup is flex column with
   overflow:hidden). The grid wrapper is the only flex:1 child — header,
   transmission details, and receipt panel keep their natural height, so they
   stay glued to top/bottom. The grid absorbs the slack and shrinks/grows on
   viewport resize. overflow-y:auto is a safety net for very small viewports
   where the trim's min-content already exceeds the popup body — the drawer
   scrolls instead of clipping the receipt. */
.rs-iqd[b-we2znmb8qx] {
    padding: 4px 0;
    font-size: 13px;
    color: #1a1a2e;
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    overflow-y: auto;
}

.rs-iqd__hint[b-we2znmb8qx] { font-size: 12px; color: #6b7280; font-style: italic; }

.rs-iqd__header[b-we2znmb8qx]   { margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px solid #e4e8ed; }
.rs-iqd__title[b-we2znmb8qx]    { font-size: 14px; color: #0a3d62; }
.rs-iqd__subtitle[b-we2znmb8qx] { font-size: 12px; color: #6b7280; margin-top: 2px; }

.rs-iqd__section-heading[b-we2znmb8qx] {
    font-size: 12px; text-transform: uppercase; letter-spacing: 0.05em;
    color: #6b7280; margin: 14px 0 6px 0; font-weight: 600;
}

/* Lines grid is the only flex:1 child of .rs-iqd. It absorbs whatever space
   the header + transmission + receipt panels leave, and shrinks/grows on
   viewport resize — same behaviour as every other WS list page where the
   grid fills space and trim sticks above/below. min-height:0 lets it shrink
   below content height; display:flex propagates the flex chain to MyDxGrid's
   .grid-flex-root child so the grid can fill the wrapper. */
.rs-iqd__lines-grid[b-we2znmb8qx] {
    flex: 1;
    min-height: 120px;
    margin-bottom: 12px;
    display: flex;
    flex-direction: column;
}

.rs-iqd__tx[b-we2znmb8qx] { display: grid; grid-template-columns: max-content 1fr; gap: 6px 16px; margin: 0; }
.rs-iqd__tx dt[b-we2znmb8qx] { font-weight: 500; color: #6b7280; }
.rs-iqd__tx dd[b-we2znmb8qx] { margin: 0; color: #1a1a2e; }
.rs-iqd__error[b-we2znmb8qx] { color: #991b1b; }

.rs-iqd__receipt[b-we2znmb8qx] {
    margin-top: 14px; padding: 12px 14px;
    border: 1px solid #c7e9d5;
    background: #f4fbf7;
    border-radius: 6px;
    border-left: 4px solid #11C683;
}
.rs-iqd__receipt-header[b-we2znmb8qx]  { font-weight: 700; color: #0a3d62; margin-bottom: 8px; display: flex; align-items: center; gap: 6px; }
.rs-iqd__receipt-hint[b-we2znmb8qx]    { font-weight: 500; color: #6b7280; font-size: 11px; }
.rs-iqd__receipt-body[b-we2znmb8qx]    { display: flex; gap: 14px; align-items: flex-start; flex-wrap: wrap; }
.rs-iqd__qr[b-we2znmb8qx]              {
    width: 100px; height: 100px;
    background: #fff;
    border: 1px solid #d1d5db; border-radius: 4px;
    padding: 4px; flex: none;
}
.rs-iqd__receipt-details[b-we2znmb8qx] { flex: 1 1 auto; min-width: 220px; line-height: 1.6; font-size: 12px; }
.rs-iqd__label[b-we2znmb8qx]           { color: #6b7280; }
.rs-iqd__receipt-footnote[b-we2znmb8qx] { margin-top: 6px; color: #9a3412; font-style: italic; font-size: 11px; }
/* /Components/Pages/RegSphere/InvoiceQueue.razor.rz.scp.css */
/* InvoiceQueue.razor scoped styles. Visual language matches POC build 52's
   fq-* / fq-status-* classes — KPI tiles + status filter pills + toolbar
   above the grid. */

.rs-iq[b-zrsn4t3pcf] {
    display: flex; flex-direction: column;
    height: 100%; min-height: 0;
    padding: 0;
}

.rs-iq__header[b-zrsn4t3pcf] {
    padding: 10px 20px;
    border-bottom: 1px solid #e4e8ed;
    background: #fff;
}
.rs-iq__title h2[b-zrsn4t3pcf] { margin: 0; font-size: 18px; color: #0a3d62; }
.rs-iq__subtitle[b-zrsn4t3pcf] { font-size: 13px; color: #6b7280; }

/* KPI tile strip — clickable; the active tile gets a teal underline. */
.rs-iq__kpis[b-zrsn4t3pcf] {
    display: flex; gap: 12px; flex-wrap: wrap;
    padding: 12px 20px;
    background: #fff;
    border-bottom: 1px solid #e4e8ed;
}
.rs-iq__kpi[b-zrsn4t3pcf] {
    appearance: none;
    border: 1px solid #e4e8ed;
    background: #fff;
    border-radius: 6px;
    padding: 8px 16px;
    min-width: 90px;
    text-align: center;
    cursor: pointer;
    transition: border-color 120ms ease, transform 80ms ease;
}
.rs-iq__kpi:hover[b-zrsn4t3pcf]  { border-color: #11C683; transform: translateY(-1px); }
.rs-iq__kpi--active[b-zrsn4t3pcf] {
    border-color: #11C683;
    box-shadow: 0 0 0 2px rgba(17, 198, 131, 0.15);
}
.rs-iq__kpi-value[b-zrsn4t3pcf] { font-size: 20px; font-weight: 700; color: #0a3d62; }
.rs-iq__kpi-label[b-zrsn4t3pcf] { font-size: 11px; text-transform: uppercase; letter-spacing: 0.05em; color: #6b7280; }

/* Status-tinted KPI accents — match the FISCStatePillClass colours. */
.rs-iq__kpi--queued       .rs-iq__kpi-value[b-zrsn4t3pcf] { color: #6b7280; }
.rs-iq__kpi--submitted    .rs-iq__kpi-value[b-zrsn4t3pcf] { color: #d97706; }
.rs-iq__kpi--acknowledged .rs-iq__kpi-value[b-zrsn4t3pcf] { color: #059669; }
.rs-iq__kpi--rejected     .rs-iq__kpi-value[b-zrsn4t3pcf] { color: #dc2626; }
.rs-iq__kpi--cancelled    .rs-iq__kpi-value[b-zrsn4t3pcf] { color: #94a3b8; }

.rs-iq__toolbar[b-zrsn4t3pcf] {
    display: flex; gap: 12px; align-items: center; flex-wrap: wrap;
    padding: 12px 20px;
    background: #fff;
    border-bottom: 1px solid #e4e8ed;
}
.rs-iq__hint[b-zrsn4t3pcf] { font-size: 12px; color: #6b7280; }

/* Reuse the Case Detail message classes — defined in CaseDetail.razor.css
   but for completeness here in case this page is hit standalone. */
.rs-msg-success[b-zrsn4t3pcf] {
    background: #ecfdf5; color: #065f46;
    padding: 8px 12px; margin: 8px 20px;
    border-radius: 4px; border-left: 4px solid #059669;
    font-size: 13px;
}
.rs-msg-error[b-zrsn4t3pcf] {
    background: #fee2e2; color: #991b1b;
    padding: 8px 12px; margin: 8px 20px;
    border-radius: 4px; border-left: 4px solid #b91c1c;
    font-size: 13px;
}
.rs-page-error[b-zrsn4t3pcf] {
    background: #fee2e2; color: #991b1b;
    padding: 10px 16px; margin: 8px 20px;
    border-radius: 4px; font-size: 13px;
    border-left: 4px solid #b91c1c;
}
/* /Components/Pages/RegSphere/RegSphereSettings.razor.rz.scp.css */
/* RegSphere Settings page — Verify FISC Setup + Set Next Ref toolbar. */

.rs-settings-toolbar[b-y3fvr2ijt0] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 6px 12px;
    margin-bottom: 6px;
    border-bottom: 1px solid #e4e8ed;
    font-size: 12px;
    flex-wrap: wrap;
}

.rs-settings-toolbar__sep[b-y3fvr2ijt0] {
    width: 1px;
    height: 24px;
    background: #e4e8ed;
    flex-shrink: 0;
    align-self: center;
}

.rs-settings-toolbar__ref-input[b-y3fvr2ijt0] {
    width: 160px;
    flex-shrink: 0;
}

.rs-settings-toolbar__ok[b-y3fvr2ijt0]    { color: #166534; font-weight: 500; }
.rs-settings-toolbar__error[b-y3fvr2ijt0] { color: #991b1b; font-weight: 500; }
/* /Components/Pages/RegSphere/RegulatoryCases.razor.rz.scp.css */
/* RegulatoryCases.razor scoped styles. */

.regsphere-list[b-20i2hbhrkp] { display: flex; flex-direction: column; height: 100%; min-height: 0; padding: 0; }

.rs-page-header[b-20i2hbhrkp] {
    display: flex; justify-content: space-between; align-items: center;
    padding: 12px 20px 8px;
    background: #fff;
}

.rs-title[b-20i2hbhrkp] { margin: 0; font-size: 1.15rem; font-weight: 600; color: #0a3d62; }
.rs-toolbar[b-20i2hbhrkp] { display: flex; gap: 0.75rem; align-items: center; }

.rs-message[b-20i2hbhrkp] { font-size: 12px; padding: 4px 10px; border-radius: 12px; font-weight: 500; }
.rs-msg-success[b-20i2hbhrkp] { background: #d1fae5; color: #065f46; }
.rs-msg-error[b-20i2hbhrkp]   { background: #fee2e2; color: #991b1b; }

.rs-loading[b-20i2hbhrkp] { padding: 1rem; color: #6b7280; }
.rs-form[b-20i2hbhrkp] { padding: 8px 4px; }
.rs-dialog-error[b-20i2hbhrkp] { background: #fee2e2; color: #991b1b; padding: 8px 12px; border-radius: 4px; font-size: 13px; }

/* Page-level load failure banner — rendered at the top when an exception
   bubbled out of LoadAsync. Keeps the UI legible instead of going blank. */
.rs-page-error[b-20i2hbhrkp] {
    background: #fee2e2; color: #991b1b;
    padding: 10px 16px; margin: 8px 20px;
    border-radius: 4px; font-size: 13px;
    border-left: 4px solid #b91c1c;
}

/* CRS XML export modal (Phase 5) */
.rs-export[b-20i2hbhrkp] { display: grid; grid-template-columns: 320px 1fr; gap: 1rem; min-height: 420px; }
.rs-export__pick[b-20i2hbhrkp] { display: flex; flex-direction: column; border-right: 1px solid #e0e0e0; padding-right: 1rem; }
.rs-export__pick-head[b-20i2hbhrkp] { display: flex; justify-content: space-between; align-items: center; font-weight: 600; font-size: 13px; margin-bottom: .5rem; }
.rs-export__pick-actions[b-20i2hbhrkp] { display: flex; gap: .25rem; }
.rs-export__list[b-20i2hbhrkp] { flex: 1; overflow: auto; border: 1px solid #eee; border-radius: 4px; }
.rs-export__row[b-20i2hbhrkp] { display: grid; grid-template-columns: auto 1fr auto auto; gap: .4rem; align-items: center; padding: .35rem .5rem; border-bottom: 1px solid #f2f2f2; cursor: pointer; font-size: 12px; }
.rs-export__row:hover[b-20i2hbhrkp] { background: #f7fbff; }
.rs-export__ref[b-20i2hbhrkp] { font-weight: 600; white-space: nowrap; }
.rs-export__ent[b-20i2hbhrkp] { color: #555; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rs-export__jur[b-20i2hbhrkp], .rs-export__per[b-20i2hbhrkp] { color: #888; font-variant-numeric: tabular-nums; }
.rs-export__empty[b-20i2hbhrkp] { padding: 1rem; color: #888; font-style: italic; }
.rs-export__build[b-20i2hbhrkp] { margin-top: .5rem; }
.rs-export__preview[b-20i2hbhrkp] { display: flex; flex-direction: column; min-width: 0; }
.rs-export__summary[b-20i2hbhrkp] { font-size: 13px; margin-bottom: .5rem; }
.rs-export__good[b-20i2hbhrkp] { color: #117a3d; }
.rs-export__bad[b-20i2hbhrkp] { color: #b91c1c; }
.rs-export__tab[b-20i2hbhrkp] { display: flex; flex-direction: column; gap: .5rem; }
.rs-export__checks[b-20i2hbhrkp] { display: flex; flex-direction: column; gap: 2px; max-height: 160px; overflow: auto; }
.rs-export__check[b-20i2hbhrkp] { display: grid; grid-template-columns: 56px auto 1fr; gap: .5rem; align-items: baseline; font-size: 12px; padding: 2px 4px; border-radius: 3px; }
.rs-export__check-lvl[b-20i2hbhrkp] { font-weight: 700; font-size: 10px; letter-spacing: .04em; }
.rs-export__check-name[b-20i2hbhrkp] { font-weight: 600; }
.rs-export__check-detail[b-20i2hbhrkp] { color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rs-export__check--pass .rs-export__check-lvl[b-20i2hbhrkp] { color: #117a3d; }
.rs-export__check--warn[b-20i2hbhrkp] { background: #fff8e6; }
.rs-export__check--warn .rs-export__check-lvl[b-20i2hbhrkp] { color: #9a6700; }
.rs-export__check--fail[b-20i2hbhrkp] { background: #fdecec; }
.rs-export__check--fail .rs-export__check-lvl[b-20i2hbhrkp] { color: #b91c1c; }
.rs-export__xml[b-20i2hbhrkp] { flex: 1; margin: 0; padding: .6rem; background: #1e1e1e; color: #d4d4d4; font-family: Consolas, monospace; font-size: 11px; line-height: 1.4; overflow: auto; max-height: 320px; border-radius: 4px; white-space: pre; }
/* /Components/Pages/RegSphere/RegulatoryMonitoringFeed.razor.rz.scp.css */
/* Split layout — grid takes full width when no detail selected, shrinks when open */
.rs-feed__layout[b-3r53o9aeau] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}

.rs-feed__grid-pane[b-3r53o9aeau] {
    flex: 1 1 auto;
    min-width: 0;
}

.rs-feed__layout--split .rs-feed__grid-pane[b-3r53o9aeau] {
    flex: 0 0 58%;
    max-width: 58%;
}

/* Detail pane */
.rs-feed__detail-pane[b-3r53o9aeau] {
    flex: 0 0 40%;
    max-width: 40%;
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    padding: 1rem;
    position: sticky;
    top: 1rem;
    max-height: calc(100vh - 180px);
    overflow-y: auto;
}

.rs-feed__detail-header[b-3r53o9aeau] {
    position: relative;
    padding-right: 1.5rem;
    margin-bottom: .75rem;
}

.rs-feed__detail-close[b-3r53o9aeau] {
    position: absolute;
    top: 0;
    right: 0;
    background: none;
    border: none;
    font-size: .9rem;
    color: #6c757d;
    cursor: pointer;
    padding: 0;
    line-height: 1;
}

.rs-feed__detail-close:hover[b-3r53o9aeau] { color: #212529; }

.rs-feed__detail-title[b-3r53o9aeau] {
    font-size: .95rem;
    font-weight: 600;
    margin: 0 0 .35rem;
    line-height: 1.35;
}

.rs-feed__detail-title a[b-3r53o9aeau] {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.rs-feed__detail-meta[b-3r53o9aeau] {
    font-size: .8rem;
    color: #6c757d;
}

.rs-feed__meta-sep[b-3r53o9aeau] { margin: 0 .3rem; }

/* IQ classification block */
.rs-feed__iq-block[b-3r53o9aeau] {
    background: #f8f9fa;
    border-left: 3px solid #0071c1;
    border-radius: 0 4px 4px 0;
    padding: .65rem .75rem;
    margin-bottom: .75rem;
}

.rs-feed__iq-row[b-3r53o9aeau] {
    display: flex;
    gap: .5rem;
    align-items: baseline;
    margin-bottom: .25rem;
    font-size: .825rem;
}

.rs-feed__iq-label[b-3r53o9aeau] {
    color: #6c757d;
    min-width: 110px;
    flex-shrink: 0;
}

.rs-feed__iq-value[b-3r53o9aeau] { font-weight: 500; }

.rs-feed__iq-summary[b-3r53o9aeau] {
    font-size: .825rem;
    color: #212529;
    margin: .5rem 0 0;
    line-height: 1.45;
    border-top: 1px solid #dee2e6;
    padding-top: .5rem;
}

/* Severity pills — inline in detail + grid cells */
.rs-feed__severity[b-3r53o9aeau] {
    display: inline-block;
    padding: .1rem .4rem;
    border-radius: 3px;
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .03em;
}

.rs-feed__severity--high[b-3r53o9aeau]        { background: #f8d7da; color: #842029; }
.rs-feed__severity--medium[b-3r53o9aeau]      { background: #fff3cd; color: #664d03; }
.rs-feed__severity--low[b-3r53o9aeau]         { background: #d1ecf1; color: #0c5460; }
.rs-feed__severity--notmaterial[b-3r53o9aeau] { background: #e9ecef; color: #6c757d; }

.rs-feed__action-pill[b-3r53o9aeau] {
    display: inline-block;
    padding: .1rem .5rem;
    border-radius: 3px;
    background: #cff4fc;
    color: #055160;
    font-size: .75rem;
    font-weight: 600;
}

/* Excerpt */
.rs-feed__excerpt[b-3r53o9aeau] { margin-bottom: .75rem; }

.rs-feed__excerpt-label[b-3r53o9aeau] {
    font-size: .75rem;
    font-weight: 600;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: .25rem;
}

.rs-feed__excerpt-text[b-3r53o9aeau] {
    font-size: .8rem;
    line-height: 1.5;
    color: #495057;
    max-height: 180px;
    overflow-y: auto;
    padding: .5rem;
    background: #f8f9fa;
    border-radius: 4px;
    white-space: pre-wrap;
}

/* Action buttons row */
.rs-feed__actions[b-3r53o9aeau] {
    display: flex;
    align-items: center;
    padding-top: .75rem;
    border-top: 1px solid #dee2e6;
    flex-wrap: wrap;
    gap: .25rem;
}

/* Reviewed badge shown for already-actioned items */
.rs-feed__reviewed-badge[b-3r53o9aeau] {
    display: inline-block;
    margin-top: .75rem;
    padding: .25rem .6rem;
    border-radius: 4px;
    font-size: .8rem;
    font-weight: 600;
}

.rs-feed__reviewed-badge--confirmed[b-3r53o9aeau] { background: #d1e7dd; color: #0a3622; }
.rs-feed__reviewed-badge--dismissed[b-3r53o9aeau] { background: #e9ecef; color: #495057; }
.rs-feed__reviewed-badge--escalated[b-3r53o9aeau] { background: #fff3cd; color: #664d03; }

/* Grid cell colour classes for severity + status columns */
[b-3r53o9aeau] .rs-feed__cell--high        { color: #842029 !important; font-weight: 600; }
[b-3r53o9aeau] .rs-feed__cell--medium      { color: #664d03 !important; font-weight: 600; }
[b-3r53o9aeau] .rs-feed__cell--low         { color: #0c5460 !important; }
[b-3r53o9aeau] .rs-feed__cell--not-material{ color: #6c757d !important; }

[b-3r53o9aeau] .rs-feed__cell--pending    { color: #0071c1 !important; font-weight: 600; }
[b-3r53o9aeau] .rs-feed__cell--escalated  { color: #664d03 !important; font-weight: 600; }
[b-3r53o9aeau] .rs-feed__cell--confirmed  { color: #0a3622 !important; }
[b-3r53o9aeau] .rs-feed__cell--dismissed  { color: #6c757d !important; }

/* KPI tile colour accents */
.rs-feed__kpi--pending[b-3r53o9aeau]  { border-top-color: #0071c1 !important; }
.rs-feed__kpi--escalated[b-3r53o9aeau]{ border-top-color: #ffc107 !important; }
.rs-feed__kpi--confirmed[b-3r53o9aeau]{ border-top-color: #198754 !important; }
.rs-feed__kpi--dismissed[b-3r53o9aeau]{ border-top-color: #adb5bd !important; }

/* Impact panel (Step 6) */
.rs-feed__impact-panel[b-3r53o9aeau] {
    padding-top: .75rem;
    border-top: 1px solid #dee2e6;
}

.rs-feed__impact-header strong[b-3r53o9aeau] {
    font-size: .875rem;
    font-weight: 600;
    display: block;
    margin-bottom: .25rem;
}

.rs-feed__impact-intro[b-3r53o9aeau] {
    font-size: .8rem;
    color: #6c757d;
    margin: 0 0 .6rem;
    line-height: 1.4;
}

.rs-feed__impact-list[b-3r53o9aeau] {
    max-height: 220px;
    overflow-y: auto;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    margin-bottom: .65rem;
}

.rs-feed__impact-row[b-3r53o9aeau] {
    display: flex;
    align-items: baseline;
    gap: .5rem;
    padding: .35rem .55rem;
    cursor: pointer;
    font-size: .825rem;
    border-bottom: 1px solid #f0f0f0;
}

.rs-feed__impact-row:last-child[b-3r53o9aeau] { border-bottom: none; }
.rs-feed__impact-row:hover[b-3r53o9aeau]      { background: #f8f9fa; }

.rs-feed__impact-row input[type="checkbox"][b-3r53o9aeau] {
    flex-shrink: 0;
    margin-top: .1rem;
    cursor: pointer;
}

.rs-feed__impact-name[b-3r53o9aeau] {
    font-weight: 500;
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rs-feed__impact-meta[b-3r53o9aeau] {
    font-size: .75rem;
    color: #6c757d;
    flex-shrink: 0;
    white-space: nowrap;
}

.rs-feed__impact-empty[b-3r53o9aeau] {
    font-size: .825rem;
    color: #6c757d;
    padding: .5rem 0;
    margin-bottom: .65rem;
}

.rs-feed__impact-actions[b-3r53o9aeau] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .25rem;
}

/* Severity filter toggle */
.rs-feed__filter-bar[b-3r53o9aeau] {
    margin-bottom: .5rem;
}

.rs-feed__filter-toggle[b-3r53o9aeau] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    font-size: .8rem;
    color: #6c757d;
    cursor: pointer;
    user-select: none;
}

.rs-feed__filter-toggle input[type="checkbox"][b-3r53o9aeau] {
    cursor: pointer;
}
/* /Components/Pages/Reports/Imports.razor.rz.scp.css */
.fillscreen2[b-qek6asbrce] {
    height: calc(100% - 180px);
}

.input-style[b-qek6asbrce] {
    width: 100%;
}
/* /Components/Pages/Reports/NativeReportViewer.razor.rz.scp.css */
[b-mjcujeigpt] .dxbrv-wrapper.top-grid-100 {
	contain: none;
}

[b-mjcujeigpt] .dxbrv-wrapper .dxrbv-viewbox .dxrbv-gridlayout-side-bar {
	background-color: white !important;
}
/* /Components/Pages/Settings/Alerts/RuleEditor.razor.rz.scp.css */
.security-rights-list-wrap[b-nzzb6oytg2] {
    height: 420px;
}
/* /Components/Pages/Settings/Api/ApiKeyEditor.razor.rz.scp.css */
.apikey-generated-panel[b-sozd8xj6ng] {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    padding: 12px 16px;
    margin-bottom: 4px;
}

.apikey-warning[b-sozd8xj6ng] {
    color: #664d03;
    background: #fff3cd;
    border: 1px solid #ffc107;
    border-radius: 4px;
    padding: 7px 12px;
    font-size: 0.83rem;
    font-weight: 600;
    margin-bottom: 10px;
}

.apikey-keybox-row[b-sozd8xj6ng] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.apikey-keybox[b-sozd8xj6ng] {
    flex: 1;
    font-family: 'Courier New', Courier, monospace;
    font-size: 0.8rem;
    padding: 5px 10px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    background: #fff;
    color: #212529;
    min-width: 0;
    letter-spacing: 0.02em;
}

.apikey-copy-btn[b-sozd8xj6ng] {
    white-space: nowrap;
    padding: 5px 14px;
    border: 1px solid #6c757d;
    border-radius: 4px;
    background: #6c757d;
    color: #fff;
    font-size: 0.82rem;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s;
}

.apikey-copy-btn:hover[b-sozd8xj6ng] {
    background: #5c636a;
    border-color: #565e64;
}

.apikey-copy-btn--done[b-sozd8xj6ng] {
    background: #198754;
    border-color: #146c43;
}

.apikey-copy-btn--done:hover[b-sozd8xj6ng] {
    background: #146c43;
}
/* /Components/Pages/Settings/Communications/EmailTemplateEditor.razor.rz.scp.css */
.email-template-editor__subject-row[b-7tbehm0j37] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.email-template-editor__subject-row[b-7tbehm0j37]  .btn {
    white-space: nowrap;
    flex-shrink: 0;
}

.email-template-editor__subject-input[b-7tbehm0j37] {
    flex: 1;
    min-width: 0;
}

.email-template-editor__body-toolbar[b-7tbehm0j37] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

.email-template-editor__body-toolbar[b-7tbehm0j37]  .btn {
    white-space: nowrap;
    flex-shrink: 0;
}
/* /Components/Pages/Settings/CRM/Countries/CountryEditor.razor.rz.scp.css */
.tax-reporting-grid-wrap[b-2ss2to5i1c] {
    height: 420px;
}

.nationalities-list-wrap[b-2ss2to5i1c] {
    height: 420px;
}
/* /Components/Pages/Settings/CRM/Groups/GroupEditor.razor.rz.scp.css */
.users-list-wrap[b-8at9ohh5kp] {
    height: 420px;
}
/* /Components/Pages/Settings/CRM/Relationships/Types/RelationshipGroupEditor.razor.rz.scp.css */
.relationship-types-list-wrap[b-d2nyr1yde5] {
    height: 420px;
}
/* /Components/Pages/Settings/CRM/Relationships/Types/RelationshipTypeEditor.razor.rz.scp.css */
.display-control-list-wrap[b-ygb2sjou3r] {
    height: 420px;
}
/* /Components/Pages/Settings/Documents/CheckedOutFiles.razor.rz.scp.css */
.co-days-warn[b-hjaznhory0]   { color: #856404; font-weight: 600; } /* 7-29 days */
.co-days-danger[b-hjaznhory0] { color: #842029; font-weight: 600; } /* 30+   days */
/* /Components/Pages/Settings/Documents/Document Types/DocumentTypeEditor.razor.rz.scp.css */
.security-list-wrap[b-405iz7yw6i] {
    height: 420px;
}
/* /Components/Pages/Settings/Documents/Form Types/FormTypeEditor.razor.rz.scp.css */
.security-list-wrap[b-1op06h22wn] {
    height: 420px;
}
/* /Components/Pages/Settings/Documents/OfficeIntegrationSetup.razor.rz.scp.css */
.ois-page[b-1aqw7zga5v] {
    max-width: 760px;
    padding: 1.5rem;
    font-size: 0.9rem;
    color: #374151;
}

.ois-header[b-1aqw7zga5v] {
    margin-bottom: 2rem;
}

.ois-title[b-1aqw7zga5v] {
    font-size: 1.25rem;
    font-weight: 600;
    margin: 0 0 0.5rem;
    color: #111827;
}

.ois-subtitle[b-1aqw7zga5v] {
    color: #6b7280;
    margin: 0;
}

.ois-section[b-1aqw7zga5v] {
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #e5e7eb;
}

.ois-section:last-child[b-1aqw7zga5v] {
    border-bottom: none;
}

.ois-section-title[b-1aqw7zga5v] {
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0 0.75rem;
    color: #111827;
}

.ois-subsection-title[b-1aqw7zga5v] {
    font-size: 0.875rem;
    font-weight: 600;
    margin: 1.25rem 0 0.5rem;
    color: #374151;
}

.ois-step-list[b-1aqw7zga5v] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin: 0.75rem 0;
}

.ois-step[b-1aqw7zga5v] {
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
}

.ois-step-num[b-1aqw7zga5v] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    min-width: 1.5rem;
    border-radius: 50%;
    background: #2563eb;
    color: #fff;
    font-size: 0.75rem;
    font-weight: 600;
    margin-top: 1px;
}

.ois-code-block[b-1aqw7zga5v] {
    background: #f3f4f6;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    padding: 0.5rem 0.75rem;
    font-family: monospace;
    font-size: 0.8rem;
    margin: 0.4rem 0;
    line-height: 1.6;
}

.ois-note[b-1aqw7zga5v] {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 4px;
    padding: 0.6rem 0.75rem;
    font-size: 0.8rem;
    color: #1e40af;
    margin-top: 0.75rem;
    line-height: 1.5;
}

.ois-note--warn[b-1aqw7zga5v] {
    background: #fff3cd;
    border-color: #ffe69c;
    color: #664d03;
}

.ois-checklist[b-1aqw7zga5v] {
    padding-left: 1.25rem;
    margin: 0.5rem 0;
    line-height: 1.8;
}

.ois-limitation-list[b-1aqw7zga5v] {
    padding-left: 1.25rem;
    margin: 0.5rem 0;
    line-height: 1.8;
}

.ois-test[b-1aqw7zga5v] {
    margin-top: 0.75rem;
}

.ois-test-row[b-1aqw7zga5v] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.ois-test-input[b-1aqw7zga5v] {
    width: 220px;
}

.ois-test-result[b-1aqw7zga5v] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.85rem;
    padding: 0.65rem 0.85rem;
    border-radius: 6px;
    font-weight: 500;
    line-height: 1.4;
}

.ois-test-result--pending[b-1aqw7zga5v] {
    background: #f1f5f9;
    color: #334155;
    border: 1px solid #e2e8f0;
}

.ois-test-result--pass[b-1aqw7zga5v] {
    background: #ecfdf3;
    color: #027a48;
    border: 1px solid #a6f4c5;
}

.ois-test-result--fail[b-1aqw7zga5v] {
    background: #fef3f2;
    color: #b42318;
    border: 1px solid #fecdca;
    font-weight: 400;
}

.ois-test-caveat[b-1aqw7zga5v] {
    margin-top: 0.6rem;
    font-size: 0.85rem;
    color: #64748b;
}

kbd[b-1aqw7zga5v] {
    display: inline-block;
    padding: 0.1em 0.4em;
    font-size: 0.8em;
    font-family: monospace;
    background: #f3f4f6;
    border: 1px solid #d1d5db;
    border-radius: 3px;
    box-shadow: 0 1px 0 #9ca3af;
}
/* /Components/Pages/Settings/LiveWealth/LiveWealthConfig.razor.rz.scp.css */
/* Help-text block under the masking-toggle group caption. CSS-isolated so it can't
   leak Bootstrap utility-class overrides to other settings pages. */
.lw-masking-help[b-f76c17808r] {
    color: var(--bs-secondary, #6c757d);
    font-size: 0.85rem;
    line-height: 1.4;
    margin-bottom: 0.5rem;
}
/* /Components/Pages/Settings/Reporting/Query/QueryViewEditor.razor.rz.scp.css */
.security-list-wrap[b-wmc8swzu2z] {
    height: 420px;
}
/* /Components/Pages/Settings/ScheduledJobs/ScheduledJobEditor.razor.rz.scp.css */
.sje-inline[b-04v3emyz6m] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.sje-spin-sm[b-04v3emyz6m] {
    width: 80px;
}

.sje-unit[b-04v3emyz6m] {
    color: var(--bs-secondary, #6c757d);
    white-space: nowrap;
    font-size: 0.875rem;
}

.sje-timesep[b-04v3emyz6m] {
    font-weight: 600;
    font-size: 1.1rem;
    color: var(--bs-body-color, #212529);
    line-height: 1;
}

.sje-day-picker[b-04v3emyz6m] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.sje-day-btn[b-04v3emyz6m] {
    width: 46px;
    height: 36px;
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: 6px;
    background: #fff;
    color: var(--bs-body-color, #212529);
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s, color 0.15s;
    line-height: 1;
}

.sje-day-btn:hover:not(.sje-day-btn--on)[b-04v3emyz6m] {
    border-color: #11C683;
    color: #11C683;
}

.sje-day-btn--on[b-04v3emyz6m] {
    background: #11C683;
    border-color: #11C683;
    color: #fff;
}

.sje-day-btn--on:hover[b-04v3emyz6m] {
    background: #0ea86e;
    border-color: #0ea86e;
}

.sje-day-warn[b-04v3emyz6m] {
    display: block;
    margin-top: 4px;
}

.sje-preview[b-04v3emyz6m] {
    padding: 0.5rem 0.75rem;
    background: #f0fdf8;
    border: 1px solid #a7f3d0;
    border-radius: 6px;
    color: #065f46;
    font-size: 0.875rem;
    font-weight: 500;
}
/* /Components/Pages/Settings/ScheduledJobs/ScheduledJobs.razor.rz.scp.css */
.sj-poll-panel[b-pr5oj0iiij] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    margin-bottom: 0.75rem;
    background: var(--bs-light, #f8f9fa);
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: 0.375rem;
}

.sj-poll-label[b-pr5oj0iiij] {
    font-weight: 500;
    white-space: nowrap;
}

.sj-poll-input[b-pr5oj0iiij] {
    width: 90px;
}

.sj-poll-unit[b-pr5oj0iiij] {
    color: var(--bs-secondary, #6c757d);
    white-space: nowrap;
}

.sj-poll-note[b-pr5oj0iiij] {
    color: var(--bs-secondary, #6c757d);
    font-size: 0.8125rem;
    margin-left: auto;
}
/* /Components/Pages/Settings/Security/Roles/BulkAssignRolePopup.razor.rz.scp.css */
/* Layout is provided by the global editform-layout / razorpagemain / razorpagefooter
   rules in site.css — same pattern used by TaskEditor, SubMattersEdit, ShareTransferEditor.
   This file only carries bulk-assign-specific styling. */

.bulk-assign-summary[b-ftwz76wdys] {
    font-size: 1rem;
    margin-bottom: 0.4rem;
}

.bulk-assign-alert[b-ftwz76wdys] {
    font-size: 0.85rem;
    margin-top: 0.4rem;
    margin-bottom: 0.4rem;
    padding: 0.4rem 0.6rem;
}

.bulk-assign-user-grid[b-ftwz76wdys] {
    min-height: 200px;
}

.bulk-assign-empty[b-ftwz76wdys] {
    border: 1px dashed #d0d0d0;
    background: #fafafa;
    padding: 0.8rem 1rem;
    border-radius: 4px;
    font-size: 0.9rem;
    color: #555;
}

.bulk-assign-empty strong[b-ftwz76wdys] {
    display: block;
    margin-bottom: 0.25rem;
    color: #333;
}

.bulk-assign-groups[b-ftwz76wdys] {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 0.5rem 0.6rem;
    background: #fafafa;
}

.bulk-assign-groups-head[b-ftwz76wdys] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.bulk-assign-groups-list[b-ftwz76wdys] {
    margin-top: 0.4rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.2rem 1rem;
    /* Cap height so a role with many defaults doesn't push the footer offscreen. */
    max-height: 140px;
    overflow-y: auto;
    padding: 0.2rem 0.4rem;
    border-top: 1px dashed #d0d0d0;
}

.bulk-assign-group-row[b-ftwz76wdys] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.88rem;
    margin: 0;
    cursor: pointer;
}

.bulk-assign-group-name[b-ftwz76wdys] {
    user-select: none;
}
/* /Components/Pages/Settings/Security/Roles/RoleAdminScopes.razor.rz.scp.css */
.ras-note[b-9zhtmf79b6] {
    font-size: 0.85rem;
    color: #6c757d;
    margin: 0 0 10px;
}
/* /Components/Pages/Settings/Security/Roles/RoleAnalytics.razor.rz.scp.css */
/* DxTreeView inside the menu-section dropdown picker in the Feature Mappings editor.
   Height cap prevents the popup from growing taller than the viewport on deep trees. */
[b-lf15498aie] .mapping-section-tree {
    max-height: 360px;
    overflow-y: auto;
    min-width: 380px;
    padding: 4px 0;
}

/* The Unused Permissions and Drift Detection grids sit on a scrollable page
   with no bounded-height parent. Without an explicit cap they grow past the
   viewport and DxGrid's own vertical scrollbar never engages — so with a lot
   of rows the scrollbar runs off-screen and you have to zoom out to see the
   data (RB-32/33). Capping the height to the viewport makes DxGrid scroll its
   data area internally while keeping the sticky header in view. */
[b-lf15498aie] .ra-analytics-grid {
    max-height: calc(100vh - 360px);
    min-height: 240px;
}
/* /Components/Pages/Settings/Security/Roles/RoleDefaultGroupsPrompt.razor.rz.scp.css */
/* Layout is provided by the global editform-layout / razorpagemain / razorpagefooter
   rules in site.css. This file only carries the suggestion-list styling. */

.rdgp-intro[b-rsgv3z37sk] {
    font-size: 0.9rem;
    color: #495057;
    margin: 0 0 0.6rem 0;
}

.rdgp-list[b-rsgv3z37sk] {
    border: 1px solid #dee2e6;
    border-radius: 4px;
    max-height: 320px;
    overflow-y: auto;
}

.rdgp-row[b-rsgv3z37sk] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 12px;
    border-bottom: 1px solid #f0f0f0;
    cursor: pointer;
}

.rdgp-row:last-child[b-rsgv3z37sk] {
    border-bottom: none;
}

.rdgp-row:hover[b-rsgv3z37sk] {
    background-color: #f8f9fa;
}

.rdgp-row-name[b-rsgv3z37sk] {
    font-size: 0.9rem;
    color: #212529;
}

.rdgp-empty[b-rsgv3z37sk] {
    padding: 20px;
    text-align: center;
    color: #6c757d;
    font-style: italic;
}
/* /Components/Pages/Settings/Security/Roles/RoleDefaultGroupsTab.razor.rz.scp.css */
.rdgt-container[b-1qxbn97kq6] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    height: 100%;
}

/* Toolbar mirrors .rmp-toolbar so the chrome reads as one family across
   the Permissions and Default Groups tabs. */
.rdgt-toolbar[b-1qxbn97kq6] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.5rem;
    background: var(--bs-light, #f8f9fa);
    border-radius: 4px;
    flex-wrap: wrap;
    flex-shrink: 0;
    margin-bottom: 0.5rem;
}

.rdgt-search[b-1qxbn97kq6] {
    width: 280px;
    min-width: 200px;
}

.rdgt-list[b-1qxbn97kq6] {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    flex: 1;
    border: 1px solid #dee2e6;
    border-radius: 4px;
}

.rdgt-header[b-1qxbn97kq6],
.rdgt-row[b-1qxbn97kq6] {
    display: grid;
    grid-template-columns: 32px 1fr auto 60px;
    align-items: center;
    padding: 0.35rem 0.75rem;
    gap: 4px;
}

.rdgt-header[b-1qxbn97kq6] {
    background: #e9ecef;
    font-weight: 600;
    font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #495057;
    position: sticky;
    top: 0;
    z-index: 1;
    border-bottom: 2px solid #dee2e6;
}

.rdgt-row[b-1qxbn97kq6] {
    border-bottom: 1px solid #f0f0f0;
}

.rdgt-row:last-child[b-1qxbn97kq6] {
    border-bottom: none;
}

.rdgt-row:hover[b-1qxbn97kq6] {
    background-color: #f8f9fa;
}

.rdgt-check[b-1qxbn97kq6] {
    flex-shrink: 0;
}

.rdgt-col-name[b-1qxbn97kq6] {
    font-size: 0.88rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rdgt-col-count[b-1qxbn97kq6] {
    font-size: 0.82rem;
    color: #6c757d;
    text-align: right;
}

.rdgt-col-status[b-1qxbn97kq6] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.rdgt-badge[b-1qxbn97kq6] {
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    padding: 2px 8px;
    border-radius: 10px;
    text-transform: uppercase;
    white-space: nowrap;
}

.rdgt-badge-add[b-1qxbn97kq6] {
    background-color: #d1f4e0;
    color: #0a6b3a;
    border: 1px solid #8ed6ad;
}

.rdgt-badge-remove[b-1qxbn97kq6] {
    background-color: #fde2e2;
    color: #8a1f1f;
    border: 1px solid #f0a8a8;
}

.rdgt-row-pending-add[b-1qxbn97kq6] {
    background-color: #f4fbf6;
}

.rdgt-row-pending-remove .rdgt-col-name[b-1qxbn97kq6] {
    text-decoration: line-through;
    color: #8a1f1f;
}

.rdgt-row-pending-remove[b-1qxbn97kq6] {
    background-color: #fdf6f6;
}

.rdgt-empty[b-1qxbn97kq6] {
    padding: 20px;
    text-align: center;
    color: #6c757d;
    font-style: italic;
}
/* /Components/Pages/Settings/Security/Roles/RoleEditor.razor.rz.scp.css */
/* Layout is provided by the global editform-layout / razorpagemain / razorpagefooter
   rules in site.css. This file only carries role-editor-specific styling. */

/* Shared chrome for every tab pane. The `grid` modifier is added on
   the panes that host a scrolling list (Permissions, Default Groups)
   so the inner panel can take the remaining height. */
.role-tab-pane[b-80yyvekcil] {
    padding: 0.5rem 0.25rem;
}

.role-tab-pane-grid[b-80yyvekcil] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

/* One-line descriptive note shown at the top of a tab (e.g. the
   Default Groups suggestion explanation). Tab labels carry the
   heading, so we don't repeat with <h6>. */
.role-tab-note[b-80yyvekcil] {
    font-size: 0.82rem;
    color: #6c757d;
    margin: 0 0 0.5rem 0;
    flex-shrink: 0;
}

/* Read-only view (e.g. from User Access Viewer's "View Role" modal).
   `::deep` punches through Blazor CSS isolation so the rule reaches child
   components (EditForm, RoleModulePanel, RoleDefaultGroupsTab) — without it
   only elements rendered directly by RoleEditor get the scope attribute and
   the form/checkboxes don't match. pointer-events: none stops clicks reaching
   any inner control; the Save row itself is hidden in markup. */
.role-editor-readonly[b-80yyvekcil]  form,
.role-editor-readonly[b-80yyvekcil]  .role-tab-pane {
    pointer-events: none;
    opacity: 0.92;
}

/* ── Permissions tab two-column layout ────────────────────────────────── */

.role-editor-permissions-layout[b-80yyvekcil] {
    display: flex;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

.role-editor-nav-panel[b-80yyvekcil] {
    flex: 0 0 220px;
    border-right: 1px solid #dee2e6;
    overflow-y: auto;
    padding: 4px 8px;
}

.role-editor-content-panel[b-80yyvekcil] {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

/* Template usage callout shown on the Details tab once a template has been
   cloned at least once. Conveys "this is in real use — be careful editing"
   without being alarming. */
.role-template-usage[b-80yyvekcil] {
    background: #eef6ff;
    border: 1px solid #b6daff;
    color: #0b5394;
    border-radius: 6px;
    padding: 0.4rem 0.65rem;
    font-size: 0.85rem;
}

.history-grid-wrap[b-80yyvekcil] {
    height: 420px;
}
/* /Components/Pages/Settings/Security/Roles/RoleMenuNav.razor.rz.scp.css */
.role-menu-nav[b-x3d728gear] {
    overflow-y: auto;
    height: 100%;
    padding: 4px 0;
    user-select: none;
}

/* ── Node row ─────────────────────────────────────────────── */

.nav-node[b-x3d728gear] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 5px 8px 5px 0;
    cursor: pointer;
    border-radius: 4px;
    transition: background-color 0.1s;
    min-height: 30px;
    position: relative;
}

    .nav-node:hover[b-x3d728gear] {
        background-color: rgba(0, 0, 0, 0.05);
    }

    .nav-node--selected[b-x3d728gear] {
        background-color: rgba(0, 120, 215, 0.12);
        font-weight: 500;
    }

        .nav-node--selected:hover[b-x3d728gear] {
            background-color: rgba(0, 120, 215, 0.18);
        }

    .nav-node--greyed[b-x3d728gear] {
        opacity: 0.35;
        cursor: default;
        pointer-events: none;
    }

/* ── Chevron ──────────────────────────────────────────────── */

.nav-node__chevron[b-x3d728gear] {
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #666;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    border-radius: 3px;
    transition: transform 0.15s, color 0.1s;
    transform: rotate(0deg);
}

    .nav-node__chevron:hover[b-x3d728gear] {
        color: #333;
        background-color: rgba(0, 0, 0, 0.08);
    }

    .nav-node__chevron--open[b-x3d728gear] {
        transform: rotate(90deg);
        color: #333;
    }

    .nav-node__chevron--leaf[b-x3d728gear] {
        visibility: hidden;
        pointer-events: none;
    }

/* ── Label ────────────────────────────────────────────────── */

.nav-node__label[b-x3d728gear] {
    flex: 1 1 auto;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nav-node__label--other[b-x3d728gear] {
    color: #666;
    font-style: italic;
}

/* ── Badge ────────────────────────────────────────────────── */

.nav-node__badge[b-x3d728gear] {
    flex: 0 0 auto;
    font-size: 11px;
    padding: 1px 5px;
    border-radius: 10px;
    font-weight: 500;
    white-space: nowrap;
}

.nav-node__badge--green[b-x3d728gear] {
    background-color: #d4edda;
    color: #155724;
}

.nav-node__badge--orange[b-x3d728gear] {
    background-color: #fff3cd;
    color: #856404;
}

.nav-node__badge--grey[b-x3d728gear] {
    background-color: #e9ecef;
    color: #6c757d;
}

/* ── Module gate checkbox ─────────────────────────────────── */

.nav-node__gate[b-x3d728gear] {
    flex: 0 0 20px;
    width: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.nav-node__gate--spacer[b-x3d728gear] {
    pointer-events: none;
}

/* ── Gate checkbox state colours ──────────────────────────────
   Mirrors RoleModulePanel.razor.css's rmp-check-* tints (Blazor scoped CSS can't cross
   component boundaries, so the tree styles its own gate checkboxes). The class names match
   RoleModulePanel.GetCheckboxCss so the state→colour mapping stays the single C# source of
   truth; only the colour values are restated here. Keep in sync with the panel. */
[b-x3d728gear] .rmp-check-direct .dxbl-checkbox-check-element {
    background-color: #198754 !important;
    border-color: #198754 !important;
}
[b-x3d728gear] .rmp-check-promoted .dxbl-checkbox-check-element {
    background-color: #198754 !important;
    border-color: #f0a500 !important;
    box-shadow: 0 0 0 2px rgba(240, 165, 0, 0.35);
}
[b-x3d728gear] .rmp-check-inherited .dxbl-checkbox-check-element {
    background-color: #198754 !important;
    border-color: #198754 !important;
}
[b-x3d728gear] .rmp-check-inherited {
    opacity: 0.55;
}
[b-x3d728gear] .rmp-check-denied .dxbl-checkbox-check-element {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
}

/* ── Module-gate state legend ─────────────────────────────── */

.nav-gate-legend[b-x3d728gear] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 12px;
    padding: 8px 10px;
    margin: 6px 4px 2px;
    border-top: 1px solid #dee2e6;
    font-size: 11px;
    color: #555;
}

.nav-gate-legend__item[b-x3d728gear] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.nav-gate-legend__sw[b-x3d728gear] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    border-radius: 3px;
    font-size: 10px;
    line-height: 1;
    color: #fff;
    font-weight: 700;
}

.nav-gate-legend__sw--direct[b-x3d728gear] {
    background-color: #198754;
}

.nav-gate-legend__sw--inherited[b-x3d728gear] {
    background-color: #198754;
    opacity: 0.55;
}

.nav-gate-legend__sw--denied[b-x3d728gear] {
    background-color: #dc3545;
}

.nav-gate-legend__note[b-x3d728gear] {
    flex: 1 1 100%;
    color: #777;
    font-style: italic;
}

/* ── Other / System separator ─────────────────────────────── */

.nav-node__separator[b-x3d728gear] {
    height: 1px;
    background-color: #dee2e6;
    margin: 6px 4px;
}
/* /Components/Pages/Settings/Security/Roles/RoleModulePanel.razor.rz.scp.css */
/* ── RoleModulePanel ── */

.role-module-panel[b-1k5qy1g8ty] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    height: 100%;
}

/* ── Toolbar (search + summary) ── */

.rmp-toolbar[b-1k5qy1g8ty] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.5rem;
    background: var(--bs-light, #f8f9fa);
    border-radius: 4px;
    flex-wrap: wrap;
}

.rmp-search[b-1k5qy1g8ty] {
    width: 280px;
    min-width: 200px;
}

.rmp-summary[b-1k5qy1g8ty] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    margin-left: auto;
}

.rmp-badge[b-1k5qy1g8ty] {
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 0.78rem;
    font-weight: 500;
    cursor: pointer;
    user-select: none;
    transition: box-shadow 0.15s;
}

.rmp-badge:hover[b-1k5qy1g8ty] {
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.15);
}

.rmp-badge-active[b-1k5qy1g8ty] {
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.4);
    font-weight: 700;
}

.rmp-badge-direct[b-1k5qy1g8ty] {
    background: #d1e7dd;
    color: #0f5132;
}

.rmp-badge-inherited[b-1k5qy1g8ty] {
    background: #cfe2ff;
    color: #084298;
}

.rmp-badge-denied[b-1k5qy1g8ty] {
    background: #f8d7da;
    color: #842029;
}

.rmp-sep[b-1k5qy1g8ty] {
    color: #aaa;
}

/* ── Checkbox-state legend ── */

.rmp-legend[b-1k5qy1g8ty] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.85rem;
    padding: 0.35rem 0.6rem;
    font-size: 0.78rem;
    color: #495057;
    background: #fbfbfb;
    border: 1px solid #ececec;
    border-radius: 4px;
}

.rmp-legend-item[b-1k5qy1g8ty] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    white-space: nowrap;
}

.rmp-legend-cb[b-1k5qy1g8ty] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    border-radius: 2px;
    border: 1px solid #6c757d;
    background: #fff;
    color: #fff;
    font-size: 0.7rem;
    line-height: 1;
}

.rmp-legend-cb-direct[b-1k5qy1g8ty] {
    background: #198754;
    border-color: #198754;
}

.rmp-legend-cb-inherited[b-1k5qy1g8ty] {
    background: #198754;
    border-color: #198754;
    opacity: 0.55;
}

.rmp-legend-cb-denied[b-1k5qy1g8ty] {
    background: #dc3545;
    border-color: #dc3545;
}

.rmp-legend-cb-none[b-1k5qy1g8ty] {
    background: #fff;
    border-color: #adb5bd;
}

.rmp-legend-note[b-1k5qy1g8ty] {
    margin-left: auto;
    font-style: italic;
    color: #6c757d;
}

/* ── Grid layout ── */

.rmp-grid[b-1k5qy1g8ty] {
    overflow-y: auto;
    flex: 1;
    border: 1px solid #dee2e6;
    border-radius: 4px;
}

.rmp-header-row[b-1k5qy1g8ty],
.rmp-feature-row[b-1k5qy1g8ty] {
    display: grid;
    grid-template-columns: minmax(220px, 1.5fr) repeat(var(--action-col-count, 8), 60px) minmax(200px, 1.5fr);
    align-items: center;
    padding: 0.35rem 0.75rem;
    gap: 0;
}

.rmp-header-row[b-1k5qy1g8ty] {
    background: #e9ecef;
    font-weight: 600;
    font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #495057;
    position: sticky;
    top: 0;
    z-index: 1;
    border-bottom: 2px solid #dee2e6;
}

.rmp-feature-row[b-1k5qy1g8ty] {
    border-bottom: 1px solid #f0f0f0;
    font-size: 0.88rem;
}

.rmp-feature-row:hover[b-1k5qy1g8ty] {
    background: #f8f9fa;
}

.rmp-feature-row:last-child[b-1k5qy1g8ty] {
    border-bottom: none;
}

/* ── Category rows ── */

.rmp-category-row[b-1k5qy1g8ty] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 0.75rem;
    background: #dee2e6;
    font-weight: 600;
    font-size: 0.85rem;
    cursor: pointer;
    user-select: none;
    border-bottom: 1px solid #ced4da;
    position: sticky;
    top: 30px;
    z-index: 1;
}

.rmp-category-row:hover[b-1k5qy1g8ty] {
    background: #d3d7db;
}

.rmp-category-row:focus-visible[b-1k5qy1g8ty] {
    outline: 2px solid #0d6efd;
    outline-offset: -2px;
}

.rmp-category-toggle[b-1k5qy1g8ty] {
    font-size: 0.7rem;
    width: 14px;
    text-align: center;
}

.rmp-category-name[b-1k5qy1g8ty] {
    flex: 1;
}

.rmp-category-count[b-1k5qy1g8ty] {
    font-weight: 400;
    font-size: 0.78rem;
    color: #6c757d;
}

/* Category status dot — scannable indicator of assignment state.
   Sized to read at a glance without crowding the category name. */
.rmp-category-status[b-1k5qy1g8ty] {
    display: inline-block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    flex-shrink: 0;
}

.rmp-cat-state-all .rmp-category-status[b-1k5qy1g8ty],
.rmp-category-status.rmp-cat-state-all[b-1k5qy1g8ty],
span.rmp-category-status.rmp-cat-state-all[b-1k5qy1g8ty] {
    background: #198754;
}

.rmp-category-status.rmp-cat-state-partial[b-1k5qy1g8ty] {
    background: #ffc107;
}

.rmp-category-status.rmp-cat-state-none[b-1k5qy1g8ty] {
    background: transparent;
    border: 1px solid #adb5bd;
}

/* Fraction colour echoes the dot so the row reads as one signal even
   when the dot is out of foveal view (e.g. when scrolling fast). */
.rmp-category-count.rmp-cat-state-all[b-1k5qy1g8ty] {
    color: #198754;
    font-weight: 600;
}

.rmp-category-count.rmp-cat-state-partial[b-1k5qy1g8ty] {
    color: #b35900;
    font-weight: 600;
}

.rmp-category-count.rmp-cat-state-none[b-1k5qy1g8ty] {
    color: #6c757d;
}

/* ── Sensitivity row highlights ── */

.rmp-sensitive[b-1k5qy1g8ty] {
    border-left: 3px solid #ffc107;
}

.rmp-critical[b-1k5qy1g8ty] {
    border-left: 3px solid #dc3545;
}

/* ── Columns ── */

.rmp-feature-col[b-1k5qy1g8ty] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    overflow: hidden;
}

.rmp-feature-name[b-1k5qy1g8ty] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rmp-action-col[b-1k5qy1g8ty] {
    text-align: center;
    justify-self: center;
}

.rmp-preset-col[b-1k5qy1g8ty] {
    display: flex;
    gap: 0.25rem;
    justify-content: flex-end;
}

/* ── Trailing cell: overflow toggles + preset buttons ──
   The last grid column holds, on the same row as the action checkboxes, any
   actions with no canonical column (History, Restore Deleted, stage verbs,
   bespoke labels) as labeled toggles, with the hover-reveal preset buttons
   pinned to the right. */
.rmp-row-trailing[b-1k5qy1g8ty] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    justify-content: flex-end;
    min-width: 0;
}

.rmp-overflow-item[b-1k5qy1g8ty] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.8rem;
    color: #495057;
    white-space: nowrap;
}

.rmp-overflow-label[b-1k5qy1g8ty] {
    line-height: 1;
}

/* "N more" chip — collapsed summary of extra actions. Caret signals it expands
   (matching the category rows); the coloured fraction shows how many are granted. */
.rmp-overflow-chip[b-1k5qy1g8ty] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    margin-right: auto; /* keep preset buttons pinned right */
    border: 1px solid #ced4da;
    background: #fff;
    border-radius: 12px;
    padding: 1px 10px;
    font-size: 0.78rem;
    color: #495057;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.12s, border-color 0.12s;
}

.rmp-overflow-chip:hover[b-1k5qy1g8ty] {
    background: #f1f3f5;
    border-color: #adb5bd;
}

.rmp-overflow-chip:focus-visible[b-1k5qy1g8ty] {
    outline: 2px solid #0d6efd;
    outline-offset: 1px;
}

.rmp-overflow-caret[b-1k5qy1g8ty] {
    font-size: 0.7rem;
}

.rmp-overflow-frac[b-1k5qy1g8ty] {
    font-weight: 600;
}

.rmp-overflow-chip.rmp-cat-state-all .rmp-overflow-frac[b-1k5qy1g8ty] {
    color: #198754;
}

.rmp-overflow-chip.rmp-cat-state-partial .rmp-overflow-frac[b-1k5qy1g8ty] {
    color: #b35900;
}

.rmp-overflow-chip.rmp-cat-state-none .rmp-overflow-frac[b-1k5qy1g8ty] {
    color: #6c757d;
}

/* Expanded "N more" panel — an indented, tinted callout (left accent + label)
   so it reads clearly as "extra actions for the row above" and its toggles
   don't line up under the View/Add/Edit columns and masquerade as data. */
.rmp-overflow-row[b-1k5qy1g8ty] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem 1.1rem;
    margin: 0.1rem 0.75rem 0.5rem 2.5rem;
    padding: 0.4rem 0.8rem;
    background: #f1f6fa;
    border-left: 3px solid #9fc4dd;
    border-radius: 0 4px 4px 0;
}

.rmp-overflow-row-label[b-1k5qy1g8ty] {
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #5b7a90;
    margin-right: 0.4rem;
}


/* ── Sensitivity badges ── */

.rmp-sensitivity-badge[b-1k5qy1g8ty] {
    font-size: 0.65rem;
    font-weight: 700;
    padding: 1px 5px;
    border-radius: 3px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    flex-shrink: 0;
}

.rmp-sensitivity-critical[b-1k5qy1g8ty] {
    background: #f8d7da;
    color: #842029;
}

/* SENSITIVE features get a small amber dot next to the name instead of a
   full pill — the row's left-border tint (.rmp-sensitive) carries the
   structural signal, so the dot is just confirmation without noise. */
.rmp-sensitivity-dot[b-1k5qy1g8ty] {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ffc107;
    flex-shrink: 0;
}

/* ── Checkbox states ──
   DevExpress paints the checked fill on .dxbl-checkbox-check-element — the
   `--dx-checkbox-check-bg` custom property used previously is not a real DX
   API, so it silently no-op'd and every checked box fell back to the theme's
   default (dark green). That made Direct look right by coincidence but rendered
   Denied green instead of red (RB-11). Target the real element instead. */

[b-1k5qy1g8ty] .rmp-check-direct .dxbl-checkbox-check-element {
    background-color: #198754 !important;
    border-color: #198754 !important;
}

/* Promoted-from-inherited Direct: same green fill but an amber ring signals
   that clicking will Deny (not remove) — matches the 3-click cycle tooltip. */
[b-1k5qy1g8ty] .rmp-check-promoted .dxbl-checkbox-check-element {
    background-color: #198754 !important;
    border-color: #f0a500 !important;
    box-shadow: 0 0 0 2px rgba(240, 165, 0, 0.35);
}

[b-1k5qy1g8ty] .rmp-check-inherited .dxbl-checkbox-check-element {
    background-color: #198754 !important;
    border-color: #198754 !important;
}

[b-1k5qy1g8ty] .rmp-check-inherited {
    opacity: 0.55;
}

[b-1k5qy1g8ty] .rmp-check-denied .dxbl-checkbox-check-element {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
    position: relative;
}

/* Overlay an × glyph so a denied checkbox is clearly not a grant,
   even at a glance where colour alone might be missed. */
[b-1k5qy1g8ty] .rmp-check-denied .dxbl-checkbox-check-element::after {
    content: '✕';
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 9px;
    line-height: 1;
}

[b-1k5qy1g8ty] .rmp-check-none {
    opacity: 0.85;
}

/* ── Preset buttons ──
   Both the category-level and feature-row preset buttons hover-reveal:
   visible only when their containing row is hovered. Keeps the panel
   visually quiet at rest while keeping the affordance one mouse-move away.
   Opacity + pointer-events (rather than display/visibility) means the
   row layout doesn't shift and accidental clicks on the hidden state
   are blocked. */

.rmp-preset-btn[b-1k5qy1g8ty] {
    font-size: 0.72rem;
    padding: 1px 8px;
    line-height: 1.4;
}

.rmp-preset-col[b-1k5qy1g8ty],
.rmp-category-presets[b-1k5qy1g8ty] {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.12s ease-out;
}

.rmp-feature-row:hover .rmp-preset-col[b-1k5qy1g8ty],
.rmp-category-row:hover .rmp-category-presets[b-1k5qy1g8ty],
.rmp-feature-row:focus-within .rmp-preset-col[b-1k5qy1g8ty],
.rmp-category-row:focus-within .rmp-category-presets[b-1k5qy1g8ty] {
    opacity: 1;
    pointer-events: auto;
}

.rmp-category-presets[b-1k5qy1g8ty] {
    margin-left: 0.75rem;
    display: inline-flex;
    gap: 0.25rem;
    flex-shrink: 0;
    /* Reserve a constant slot. Categories without a View action render two
       buttons (All / Clear); categories with one render three. Without a
       fixed slot, the absent button would let the surrounding flex layout
       reflow and the "N features" count would land at different positions
       per row. */
    justify-content: flex-end;
    min-width: 170px;
}

/* ── Unmapped indicators ── */

.rmp-badge-unmapped[b-1k5qy1g8ty] {
    background: #e2e3e5;
    color: #41464b;
    border: 1px dashed #6c757d;
}

.rmp-unmapped-row[b-1k5qy1g8ty] {
    border-left: 3px dashed #6c757d;
}

[b-1k5qy1g8ty] .rmp-unmapped-check {
    border-style: dashed;
}

/* Inline notice shown when unmapped codes exist. The fix lives in Role
   Analytics → Feature Mappings (it's a global change) so this is a
   navigational pointer, not an inline editor. */
.rmp-unmapped-note[b-1k5qy1g8ty] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 0.6rem;
    background: #fff8e6;
    border: 1px solid #ffe69c;
    border-radius: 4px;
    font-size: 0.82rem;
    color: #66512c;
}

.rmp-unmapped-note-icon[b-1k5qy1g8ty] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #ffc107;
    color: #fff;
    font-weight: 700;
    font-size: 0.72rem;
    flex-shrink: 0;
}

.rmp-unmapped-note a[b-1k5qy1g8ty] {
    color: #66512c;
    text-decoration: underline;
}

/* ── Status indicators ── */

.rmp-loading[b-1k5qy1g8ty],
.rmp-empty[b-1k5qy1g8ty] {
    padding: 2rem;
    text-align: center;
    color: #6c757d;
    font-style: italic;
}
/* /Components/Pages/Settings/Security/Roles/RolesEnquiry.razor.rz.scp.css */
/* ── Template picker popup ──
   Click "Use Template" on the Roles toolbar to open this. Cards click to
   route into the existing clone flow with the template as the source. */

.role-template-list[b-cu412henll] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0 1rem 1rem;
}

.role-template-card[b-cu412henll] {
    text-align: left;
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    padding: 0.65rem 0.85rem;
    cursor: pointer;
    transition: border-color 0.12s, box-shadow 0.12s, background 0.12s;
}

.role-template-card:hover[b-cu412henll] {
    border-color: #198754;
    background: #f4fbf6;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

.role-template-card:focus-visible[b-cu412henll] {
    outline: 2px solid #198754;
    outline-offset: 2px;
}

.role-template-card-head[b-cu412henll] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.2rem;
}

.role-template-card-cat[b-cu412henll] {
    margin-left: auto;
}

.role-template-card-meta[b-cu412henll] {
    margin-left: 1.1rem;
}

.role-template-card-desc[b-cu412henll] {
    margin-left: 1.1rem;
    margin-top: 0.1rem;
    margin-bottom: 0.25rem;
    font-size: 0.82rem;
    color: #495057;
    line-height: 1.35;
}

.role-template-card-usage[b-cu412henll] {
    color: #6c757d;
    font-style: italic;
}

/* /Components/Pages/Settings/Security/UserAccessViewer.razor.rz.scp.css */
/* Flex chain so the active tab grid fills the remaining viewport.
   Pattern lifted from regsphere CaseDetail.razor.css — Blazor CSS-isolation
   strips bare ::deep selectors; they must be anchored on a class declared in
   our own markup so the scope attribute lands on a real element. */
.uav-tabs-wrap[b-ppqa68e6xr] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.uav-tabs-wrap[b-ppqa68e6xr]  .dxbl-tabs {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.uav-tabs-wrap[b-ppqa68e6xr]  dxbl-tab-list { flex: none; }

.uav-tabs-wrap[b-ppqa68e6xr]  .dxbl-tabs-content-panel {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    height: auto !important;
}

.uav-tabs-wrap[b-ppqa68e6xr]  .dxbl-tabs-content.dxbl-active {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.uav-tab-body[b-ppqa68e6xr] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
    padding: 1rem;
}

/* Codes tab: a tbl_WebMenu tree (RoleMenuNav, same as the Role Editor) on the
   left filters the codes grid on the right — consistent menu-driven navigation. */
.uav-codes-layout[b-ppqa68e6xr] {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    gap: 0.5rem;
}

.uav-codes-nav[b-ppqa68e6xr] {
    flex: 0 0 240px;
    border-right: 1px solid #dee2e6;
    overflow-y: auto;
    padding: 4px 8px;
}

.uav-codes-content[b-ppqa68e6xr] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.uav-summary[b-ppqa68e6xr] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.uav-summary__chip[b-ppqa68e6xr] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.6rem;
    background: #f0f4f8;
    border: 1px solid #d6dee5;
    border-radius: 9999px;
    font-size: 0.875rem;
    color: #1a4b8c;
}

.uav-summary__chip strong[b-ppqa68e6xr] {
    margin-right: 0.3rem;
    color: #0a3d62;
}

.uav-summary__chip--privileged[b-ppqa68e6xr] {
    background: #fdecec;
    border-color: #f0b4b4;
    color: #8a1f1f;
}

/* Clickable chip variant — used by the "Last permission change" chip to jump
   to the Audit history tab. Resets <button> defaults so it looks identical to
   the static chip neighbours, then adds an accent on hover/focus. */
.uav-summary__chip--clickable[b-ppqa68e6xr] {
    cursor: pointer;
    font: inherit;
    line-height: inherit;
    transition: background 0.15s, border-color 0.15s;
}

.uav-summary__chip--clickable:hover[b-ppqa68e6xr],
.uav-summary__chip--clickable:focus-visible[b-ppqa68e6xr] {
    background: #d9e7f5;
    border-color: #8aacd3;
    outline: none;
}

/* Refresh button + last-refreshed stamp on the same row. */
.uav-refresh-row[b-ppqa68e6xr] {
    display: flex;
    align-items: center;
}

.uav-row-toolbar[b-ppqa68e6xr] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Sensitivity badge tiers — applied via MyGridColumn.CellCssClassFunc.
   The shared .grid-badge class supplies the pill shape; these modifiers
   colour each tier so admins can scan high-risk codes at a glance. */
.uav-sens-badge[b-ppqa68e6xr] {
    text-transform: uppercase;
    font-size: 0.72rem;
    letter-spacing: 0.04em;
}

.uav-sens-standard[b-ppqa68e6xr] {
    background: #e8f4ea;
    border: 1px solid #b7d9bd;
    color: #1f6b34;
}

.uav-sens-sensitive[b-ppqa68e6xr] {
    background: #fff4d6;
    border: 1px solid #e6c870;
    color: #8a5a00;
}

.uav-sens-critical[b-ppqa68e6xr] {
    background: #fdecec;
    border: 1px solid #f0b4b4;
    color: #8a1f1f;
}

/* ── Explain-access popup ──
   Each user-held role anchors one chain; the chain walks upward to the
   ancestor that owns the grant or deny. Rendered as inline pills so the
   eye reads "ROOT → … → TERMINAL ✓ grants" left to right. */
.uav-explain-chain[b-ppqa68e6xr] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 0;
    border-bottom: 1px solid #f0f0f0;
    font-size: 0.88rem;
}

.uav-explain-chain:last-child[b-ppqa68e6xr] {
    border-bottom: none;
}

.uav-explain-root[b-ppqa68e6xr],
.uav-explain-step[b-ppqa68e6xr] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 4px;
    background: #f1f3f5;
    color: #212529;
}

.uav-explain-root[b-ppqa68e6xr] {
    background: #e2e3e5;
    font-weight: 600;
}

.uav-explain-arrow[b-ppqa68e6xr] {
    color: #6c757d;
}

.uav-explain-grants[b-ppqa68e6xr] {
    background: #d1e7dd;
    color: #0f5132;
    font-weight: 600;
}

.uav-explain-denies[b-ppqa68e6xr] {
    background: #f8d7da;
    color: #842029;
    font-weight: 600;
    text-decoration: line-through;
}

.uav-explain-verdict[b-ppqa68e6xr] {
    margin-left: 0.5rem;
    font-size: 0.82rem;
    font-weight: 600;
}

.uav-explain-verdict-grants[b-ppqa68e6xr] {
    color: #0f5132;
}

.uav-explain-verdict-denies[b-ppqa68e6xr] {
    color: #842029;
}

.uav-explain-empty[b-ppqa68e6xr] {
    margin-left: 0.5rem;
    font-style: italic;
    color: #6c757d;
}
/* /Components/Pages/Settings/Security/Users/GroupAnalytics.razor.rz.scp.css */
.ga-summary[b-haez89d1bh] {
    padding: 10px 14px;
    border-radius: 4px;
    font-size: 0.9rem;
    margin-bottom: 8px;
}

.ga-summary--pass[b-haez89d1bh] {
    background-color: #d1e7dd;
    color: #0f5132;
    border: 1px solid #badbcc;
}

.ga-summary--fail[b-haez89d1bh] {
    background-color: #f8d7da;
    color: #842029;
    border: 1px solid #f5c2c7;
}

.ga-summary--warn[b-haez89d1bh] {
    background-color: #fff3cd;
    color: #664d03;
    border: 1px solid #ffecb5;
}
/* /Components/Pages/Settings/Security/Users/UserEditor.razor.rz.scp.css */
.approvers-list-wrap[b-5tv2v87uzr] {
    height: 420px;
}

.documents-list-wrap[b-5tv2v87uzr] {
    height: 420px;
}
/* /Components/Pages/Settings/Security/Users/UserEntityLinkEditor.razor.rz.scp.css */
.link-entity-intro[b-6ag4puhgt4] {
  margin: 0 0 0.5rem;
  color: #4a5568;
  font-size: 0.85rem;
  line-height: 1.4;
}
/* /Components/Pages/Settings/Security/Users/UserGroupsTab.razor.rz.scp.css */
.ugt-container[b-8fpld4pfqe] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.ugt-search[b-8fpld4pfqe] {
    flex-shrink: 0;
    margin-bottom: 4px;
}

.ugt-list[b-8fpld4pfqe] {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    flex: 1;
    border: 1px solid #dee2e6;
    border-radius: 4px;
}

.ugt-header[b-8fpld4pfqe],
.ugt-row[b-8fpld4pfqe] {
    display: grid;
    grid-template-columns: 32px 1fr auto 60px;
    align-items: center;
    padding: 3px 10px;
    gap: 4px;
}

.ugt-header[b-8fpld4pfqe] {
    font-size: 0.78rem;
    font-weight: 600;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    border-bottom: 2px solid #dee2e6;
    background-color: #f8f9fa;
    position: sticky;
    top: 0;
    z-index: 1;
}

.ugt-row[b-8fpld4pfqe] {
    border-bottom: 1px solid #f0f0f0;
}

.ugt-row:last-child[b-8fpld4pfqe] {
    border-bottom: none;
}

.ugt-row:hover[b-8fpld4pfqe] {
    background-color: #f8f9fa;
}

.ugt-check[b-8fpld4pfqe] {
    flex-shrink: 0;
}

.ugt-col-name[b-8fpld4pfqe] {
    font-size: 0.88rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ugt-col-count[b-8fpld4pfqe] {
    font-size: 0.82rem;
    color: #6c757d;
    text-align: right;
}

.ugt-col-status[b-8fpld4pfqe] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.ugt-badge[b-8fpld4pfqe] {
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    padding: 2px 8px;
    border-radius: 10px;
    text-transform: uppercase;
    white-space: nowrap;
}

.ugt-badge-add[b-8fpld4pfqe] {
    background-color: #d1f4e0;
    color: #0a6b3a;
    border: 1px solid #8ed6ad;
}

.ugt-badge-remove[b-8fpld4pfqe] {
    background-color: #fde2e2;
    color: #8a1f1f;
    border: 1px solid #f0a8a8;
}

.ugt-row-pending-add[b-8fpld4pfqe] {
    background-color: #f4fbf6;
}

.ugt-row-pending-remove .ugt-col-name[b-8fpld4pfqe] {
    text-decoration: line-through;
    color: #8a1f1f;
}

.ugt-row-pending-remove[b-8fpld4pfqe] {
    background-color: #fdf6f6;
}

.ugt-empty[b-8fpld4pfqe] {
    padding: 20px;
    text-align: center;
    color: #6c757d;
    font-style: italic;
}
/* /Components/Pages/Settings/Security/Users/UserPortalEditor.razor.rz.scp.css */
.messaging-list-wrap[b-c1pktht667] {
    height: 420px;
}

.entity-access-list-wrap[b-c1pktht667] {
    height: 420px;
}

.documents-list-wrap[b-c1pktht667] {
    height: 420px;
}

.security-list-wrap[b-c1pktht667] {
    height: 420px;
}
/* /Components/Pages/Settings/Security/Users/UserRolesTab.razor.rz.scp.css */
.urt-container[b-z7ohcojss6] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.urt-search[b-z7ohcojss6] {
    flex-shrink: 0;
    margin-bottom: 4px;
}

.urt-pending-banner[b-z7ohcojss6] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 4px;
    padding: 4px 8px;
    font-size: 0.78rem;
    color: #664d03;
    background-color: #fff3cd;
    border: 1px solid #ffe69c;
    border-radius: 4px;
}

.urt-list[b-z7ohcojss6] {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    flex: 1;
    border: 1px solid #dee2e6;
    border-radius: 4px;
}

/* Shared grid layout for header + rows */
.urt-header[b-z7ohcojss6],
.urt-row[b-z7ohcojss6] {
    display: grid;
    grid-template-columns: 32px 1fr 110px 140px auto;
    align-items: center;
    padding: 3px 10px;
    gap: 4px;
}

.urt-header[b-z7ohcojss6] {
    font-size: 0.78rem;
    font-weight: 600;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    border-bottom: 2px solid #dee2e6;
    background-color: #f8f9fa;
    position: sticky;
    top: 0;
    z-index: 1;
}

.urt-row[b-z7ohcojss6] {
    border-bottom: 1px solid #f0f0f0;
    cursor: pointer;
}

.urt-row:last-child[b-z7ohcojss6] {
    border-bottom: none;
}

.urt-row:hover[b-z7ohcojss6] {
    background-color: #f8f9fa;
}

.urt-row-inert[b-z7ohcojss6] {
    cursor: default;
}

.urt-row-pending[b-z7ohcojss6] {
    background-color: #fff8e1;
}

.urt-row-pending:hover[b-z7ohcojss6] {
    background-color: #fff3cd;
}

.urt-row-pending-add[b-z7ohcojss6] {
    background-color: #f4fbf6;
}

.urt-row-pending-add:hover[b-z7ohcojss6] {
    background-color: #e6f5ec;
}

.urt-row-pending-remove[b-z7ohcojss6] {
    background-color: #fdf6f6;
}

.urt-row-pending-remove:hover[b-z7ohcojss6] {
    background-color: #fbeaea;
}

.urt-row-pending-remove .urt-col-name[b-z7ohcojss6],
.urt-row-pending-remove .urt-col-category[b-z7ohcojss6] {
    text-decoration: line-through;
    color: #8a1f1f;
}

.urt-check[b-z7ohcojss6] {
    flex-shrink: 0;
}

.urt-col-name[b-z7ohcojss6] {
    font-size: 0.88rem;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.urt-col-category[b-z7ohcojss6] {
    font-size: 0.82rem;
    color: #6c757d;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.urt-col-status[b-z7ohcojss6] {
    display: flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
}

.urt-col-actions[b-z7ohcojss6] {
    display: flex;
    gap: 2px;
    justify-content: flex-end;
    min-width: 0;
}

.urt-status[b-z7ohcojss6] {
    font-size: 0.7rem;
    font-weight: 600;
    padding: 1px 5px;
    border-radius: 3px;
    white-space: nowrap;
}

.urt-status-active[b-z7ohcojss6] {
    background-color: #d1e7dd;
    color: #0f5132;
}

.urt-status-pending[b-z7ohcojss6] {
    background-color: #fff3cd;
    color: #664d03;
}

.urt-status-pending-save[b-z7ohcojss6] {
    background-color: #e2e3e5;
    color: #41464b;
}

.urt-status-pending-add[b-z7ohcojss6] {
    background-color: #d1f4e0;
    color: #0a6b3a;
    border: 1px solid #8ed6ad;
}

.urt-status-pending-remove[b-z7ohcojss6] {
    background-color: #fde2e2;
    color: #8a1f1f;
    border: 1px solid #f0a8a8;
}

.urt-status-privileged[b-z7ohcojss6] {
    background-color: #fff3cd;
    color: #664d03;
}

.urt-status-rejected[b-z7ohcojss6] {
    background-color: #f8d7da;
    color: #842029;
}

/* Date-window-derived states (RB-21/22): the role is ACTIVE in the DB but its
   ValidFrom/ValidTo place it outside today's effective window. */
.urt-status-not-yet-effective[b-z7ohcojss6] {
    background-color: #cfe2ff;
    color: #084298;
    border: 1px solid #9ec5fe;
}

.urt-status-expired[b-z7ohcojss6] {
    background-color: #e2e3e5;
    color: #6c757d;
    border: 1px solid #c4c8cb;
}

/* Inline cue on rows whose checkbox is disabled — surfaces the reason without a hover. */
.urt-disabled-note[b-z7ohcojss6] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-size: 0.7rem;
    color: #6c757d;
    white-space: nowrap;
}

.urt-disabled-note .bi[b-z7ohcojss6] {
    font-size: 0.7rem;
    opacity: 0.8;
}

.urt-empty[b-z7ohcojss6] {
    padding: 20px;
    text-align: center;
    color: #6c757d;
    font-style: italic;
}
/* /Components/Pages/Settings/SystemAdmin/ApiConfiguration.razor.rz.scp.css */
.api-mode-desc[b-7llom8a5jk] {
    background: #f8f9fa;
    border-left: 3px solid #dee2e6;
    padding: 8px 12px;
    font-size: 0.875rem;
    color: #495057;
    border-radius: 0 4px 4px 0;
}

.api-restart-note[b-7llom8a5jk] {
    font-size: 0.8rem;
    color: #856404;
    margin: 4px 0 0;
}
/* /Components/Pages/Settings/WiP/Matters/MattersEdit.razor.rz.scp.css */
.MyListBox[b-sgn5nhy5rj] {
    height: calc(100% - 250px) !important;
    display: flex;
    flex-direction: column;
}

.activities-list-wrap[b-sgn5nhy5rj] {
    height: 420px;
}

.employees-list-wrap[b-sgn5nhy5rj] {
    height: 420px;
}
/* /Components/Pages/Settings/WiP/Matters/SubMattersEdit.razor.rz.scp.css */
.MyListBox[b-rg645mxqhk] {
    height: calc(100% - 250px) !important;
    display: flex;
    flex-direction: column;
}
/* /Components/Pages/Tasks/TaskEditor.razor.rz.scp.css */
/* Form fields scroll within the flex column — panel sits below as a separate flex child */
.task-editor-scroll[b-z90n2kl42w] {
    overflow-y: auto !important;
    padding-bottom: 8px;
}

/* ── Sub-task panel ─────────────────────────────────────────── */
.subtask-panel[b-z90n2kl42w] {
    margin: 12px 0 4px;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.subtask-panel__header[b-z90n2kl42w] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 14px;
    background: #f0f4f8;
    color: #343a40;
    border-bottom: 2px solid #11C683;
    flex-shrink: 0;
}

.subtask-panel__title[b-z90n2kl42w] {
    font-weight: 600;
    font-size: 0.82rem;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #495057;
    flex-shrink: 0;
}

.subtask-panel__progress[b-z90n2kl42w] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 8px;
}

.subtask-panel__progress-bar[b-z90n2kl42w] {
    flex: 1;
    height: 5px;
    background: #dee2e6;
    border-radius: 3px;
    overflow: hidden;
}

.subtask-panel__progress-fill[b-z90n2kl42w] {
    height: 100%;
    background: #11C683;
    border-radius: 3px;
    transition: width 0.3s ease;
}

.subtask-panel__progress-text[b-z90n2kl42w] {
    font-size: 0.75rem;
    color: #6c757d;
    white-space: nowrap;
}

.subtask-panel__actions[b-z90n2kl42w] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.subtask-panel__btn-toggle[b-z90n2kl42w] {
    background: transparent;
    border: 1px solid #ced4da;
    color: #495057;
    font-size: 0.72rem;
    padding: 3px 8px;
    border-radius: 4px;
    cursor: pointer;
    white-space: nowrap;
}

.subtask-panel__btn-toggle:hover[b-z90n2kl42w] {
    background: #e9ecef;
}

[b-z90n2kl42w] .subtask-panel__btn-add.dxbl-btn {
    font-size: 0.78rem;
    padding: 3px 10px;
}

[b-z90n2kl42w] .subtask-panel__btn-add.dxbl-btn:hover {
    background: #e9ecef;
}

.subtask-panel__list[b-z90n2kl42w] {
    max-height: 220px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(59, 176, 160, 0.4) transparent;
}

.subtask-panel__list[b-z90n2kl42w]::-webkit-scrollbar {
    width: 5px;
}

.subtask-panel__list[b-z90n2kl42w]::-webkit-scrollbar-track {
    background: transparent;
}

.subtask-panel__list[b-z90n2kl42w]::-webkit-scrollbar-thumb {
    background: rgba(59, 176, 160, 0.45);
    border-radius: 3px;
}

.subtask-panel__list[b-z90n2kl42w]::-webkit-scrollbar-thumb:hover {
    background: #3bb0a0;
}

.subtask-panel__empty[b-z90n2kl42w] {
    padding: 20px;
    text-align: center;
    color: #6c757d;
    font-size: 0.85rem;
    font-style: italic;
}

/* ── Group headers ──────────────────────────────────────────── */
.subtask-group__header[b-z90n2kl42w] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 14px;
    background: #f0f4f8;
    border-bottom: 1px solid #dee2e6;
    cursor: pointer;
    user-select: none;
    font-size: 0.82rem;
    font-weight: 600;
    color: #344;
}

.subtask-group__header:hover[b-z90n2kl42w] {
    background: #e4ecf4;
}

.subtask-group__header--done[b-z90n2kl42w] {
    opacity: 0.6;
}

.subtask-group__chevron[b-z90n2kl42w] {
    font-size: 0.65rem;
    color: #7a8a9a;
    width: 12px;
    flex-shrink: 0;
}

.subtask-group__name[b-z90n2kl42w] {
    flex: 1;
}

.subtask-group__badge[b-z90n2kl42w] {
    font-size: 0.72rem;
    background: #d0dce8;
    color: #4a5568;
    padding: 1px 7px;
    border-radius: 10px;
}

/* ── Sub-task items ─────────────────────────────────────────── */
.subtask-item[b-z90n2kl42w] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 5px 14px;
    border-bottom: 1px solid #f0f0f0;
    background: #fff;
    font-size: 0.83rem;
}

.subtask-item:last-child[b-z90n2kl42w] {
    border-bottom: none;
}

.subtask-item--done[b-z90n2kl42w] {
    opacity: 0.55;
}

.subtask-item--approval[b-z90n2kl42w] {
    box-shadow: inset 3px 0 0 #f59e0b;
}

.subtask-item__badge[b-z90n2kl42w] {
    display: inline-flex;
    align-items: center;
    gap: 0.28rem;
    padding: 0.15rem 0.52rem;
    border-radius: 10px;
    font-size: 0.67rem;
    font-weight: 600;
    white-space: nowrap;
    flex-shrink: 0;
}

.subtask-item__badge[b-z90n2kl42w]::before {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    flex-shrink: 0;
}

.subtask-item__badge--todo[b-z90n2kl42w]    { background: #f0f0f0; color: #6c757d; }
.subtask-item__badge--todo[b-z90n2kl42w]::before { background: #adb5bd; }

.subtask-item__badge--progress[b-z90n2kl42w] { background: #d0f0e8; color: #0a6652; }
.subtask-item__badge--progress[b-z90n2kl42w]::before { background: #11C683; }

.subtask-item__badge--done[b-z90n2kl42w]    { background: #d4edda; color: #155724; }
.subtask-item__badge--done[b-z90n2kl42w]::before { background: #28a745; }

.subtask-item__badge--overdue[b-z90n2kl42w] { background: #f8d7da; color: #721c24; }
.subtask-item__badge--overdue[b-z90n2kl42w]::before { background: #dc3545; }

.subtask-item__badge--approval[b-z90n2kl42w] { background: #fff3cd; color: #856404; }
.subtask-item__badge--approval[b-z90n2kl42w]::before { background: #f59e0b; }

.subtask-item__name[b-z90n2kl42w] {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #2d3748;
}

.subtask-item--done .subtask-item__name[b-z90n2kl42w] {
    text-decoration: line-through;
}

.subtask-item__user[b-z90n2kl42w] {
    font-size: 0.75rem;
    color: #718096;
    flex-shrink: 0;
}

.subtask-item__due[b-z90n2kl42w] {
    font-size: 0.75rem;
    color: #718096;
    flex-shrink: 0;
}

.subtask-item__due--overdue[b-z90n2kl42w] {
    color: #e53e3e;
    font-weight: 600;
}

.subtask-item__btns[b-z90n2kl42w] {
    display: flex;
    gap: 4px;
    flex-shrink: 0;
    min-width: 86px; /* 3×26px buttons + 2×4px gaps — keeps user/date aligned across complete/incomplete rows */
    justify-content: flex-end;
    opacity: 0;
    transition: opacity 0.15s;
}

.subtask-item:hover .subtask-item__btns[b-z90n2kl42w],
.subtask-item:focus-within .subtask-item__btns[b-z90n2kl42w] {
    opacity: 1;
}

.subtask-item__btn[b-z90n2kl42w] {
    background: transparent;
    border: 1px solid #cbd5e0;
    color: #4a5568;
    width: 26px;
    height: 26px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.subtask-item__btn:hover[b-z90n2kl42w] {
    background: #edf2f7;
    border-color: #a0aec0;
}

.subtask-item__btn--del:hover[b-z90n2kl42w] {
    background: #fff5f5;
    border-color: #fc8181;
    color: #e53e3e;
}

@keyframes flash-complete-b-z90n2kl42w {
    0%   { background: #d4edda; }
    100% { background: #fff; }
}

.subtask-item--flash[b-z90n2kl42w] {
    animation: flash-complete-b-z90n2kl42w 0.5s ease forwards;
}

/* ── Form section labels ────────────────────────────────────── */
.task-section-label[b-z90n2kl42w] {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #9ca3af;
    padding: 10px 0 2px;
    border-top: 1px solid #e9ecef;
    margin-top: 2px;
}

.task-section-toggle[b-z90n2kl42w] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 6px;
    background: transparent;
    border: none;
    border-top: 1px solid #e9ecef;
    padding: 10px 0 2px;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #9ca3af;
    cursor: pointer;
    text-align: left;
    margin-top: 2px;
}

.task-section-toggle:hover[b-z90n2kl42w] {
    color: #6b7280;
}

.task-section-toggle__chevron[b-z90n2kl42w] {
    margin-left: auto;
    font-size: 0.58rem;
}

/* ── Inline add row ─────────────────────────────────────────── */
.subtask-item--inline[b-z90n2kl42w] {
    background: #f8fbff;
    border: 1px dashed #11C683;
    border-radius: 6px;
    margin: 4px 8px 6px;
    padding: 6px 10px;
    gap: 6px;
    flex-wrap: nowrap;
    align-items: center;
}

.subtask-inline__name[b-z90n2kl42w] {
    flex: 2;
    min-width: 120px;
    overflow: hidden;
}

.subtask-inline__field[b-z90n2kl42w] {
    flex: 1;
    min-width: 80px;
    overflow: hidden;
}

.subtask-item--inline[b-z90n2kl42w]  .dxbl-edit-container {
    min-height: 28px;
    font-size: 0.82rem;
}

.subtask-item__btns--always-visible[b-z90n2kl42w] {
    opacity: 1 !important;
    min-width: 56px;
}
/* /Components/Pages/Tasks/Tasks.razor.rz.scp.css */
/* Drill-down KPI styles are in site.css (scoped CSS can't reach DxPopup body) */

/* Prevent the DX adaptive toolbar placeholder overlay from blocking toolbar buttons */
[b-re6ac9wubx] .dxbl-toolbar-placeholder {
    pointer-events: none;
}
/* /Components/Pages/User/Dashboard/Blocks/UserEntitiesBlock.razor.rz.scp.css */
.myListboxClass[b-r8m2g2mqts] {
	height: 100% !important;
}

.myListboxClass2[b-r8m2g2mqts] {
	height: fit-content !important;
}

.listbox-height[b-r8m2g2mqts] {
	height: 300px !important;
}

.listbox-item-template[b-r8m2g2mqts] {
	display: flex;
	align-items: center;
}

	.listbox-item-template > img[b-r8m2g2mqts] {
		border-radius: 50%;
		width: 2rem;
		height: 2rem;
	}

.listbox-item-template-initials[b-r8m2g2mqts] {
	border-radius: 50%;
	width: 2rem;
	height: 2rem;
}

img + .listbox-item-template-text[b-r8m2g2mqts] {
	margin-left: 0.5rem;
}

.dxbl-sm img + .listbox-item-template-text[b-r8m2g2mqts] {
	margin-left: 0.375rem;
}

.key-rel-initials2 + .listbox-item-template-text[b-r8m2g2mqts] {
	margin-left: 0.375rem;
}

.dxbl-lg img + .listbox-item-template-text[b-r8m2g2mqts] {
	margin-left: 0.625rem;
}

.listbox-item-template-text[b-r8m2g2mqts] {
	display: flex;
	flex-flow: column;
}

.listbox-item-template-text-phone[b-r8m2g2mqts] {
	opacity: 0.65;
}

.key-rel-initials2[b-r8m2g2mqts] {
	display: inline-block;
	width: 30px; /* Adjust as needed */
	height: 30px; /* Adjust as needed */
	background-color: #007bff; /* Example background color */
	color: white; /* Text color */
	text-align: center;
	line-height: 30px; /* Vertically center the text */
}

.key-rel-image[b-r8m2g2mqts] {
	width: 30px; /* Adjust as needed */
	height: 30px; /* Adjust as needed */
}
/* /Components/Pages/User/Dashboard/Blocks/UserSARSummaryBlock.razor.rz.scp.css */
/* Click-through badges (decision + status). `text-decoration-none` on an
   anchor with `.badge` strips the underline that would usually signal
   "this is a link" — add a subtle visual cue so MLROs know they can click. */
.sar-badge-link[b-riq1tgvozg] {
    cursor: pointer;
    transition: filter 120ms ease-in-out, transform 120ms ease-in-out;
}

.sar-badge-link:hover[b-riq1tgvozg],
.sar-badge-link:focus[b-riq1tgvozg] {
    filter: brightness(0.9);
    transform: translateY(-1px);
    text-decoration: none;
}
/* /Components/Pages/User/Dashboard/UserDashboard.razor.rz.scp.css */
.razorpagemain[b-q3nbvi6bh4] {
    overflow-y: auto;
    background: #e8eaed !important;
    box-shadow: none !important;
    border: none !important;
    min-height: 400px;
}