/* /Components/Layout/CandidateBrowserLayout.razor.rz.scp.css */
.candidate-browser-layout[b-bir98aq771] {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.asv-enterprise-shell[b-ce22vqe0px] {
	width: 100%;
	min-height: 100vh;
	display: grid;
	grid-template-rows: 48px minmax(0, 1fr);
	background: #ffffff;
	color: #242424;
	font-family: "Segoe UI", Arial, sans-serif;
}

.asv-enterprise-header[b-ce22vqe0px] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	min-width: 0;
	padding: 0 20px;
	background: #eef6ff;
	border-bottom: 1px solid #c9ddeb;
}

.asv-enterprise-title[b-ce22vqe0px] {
	overflow: hidden;
	color: #123f69;
	font-size: 16px;
	font-weight: 600;
	line-height: 48px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.asv-enterprise-frame[b-ce22vqe0px] {
	min-height: 0;
	display: grid;
	grid-template-columns: 280px minmax(0, 1fr);
	background: #ffffff;
}

.asv-enterprise-sidebar[b-ce22vqe0px] {
	min-width: 0;
	min-height: 0;
	overflow: hidden;
	background: #ffffff;
	border-right: 1px solid #e1dfdd;
}

.asv-enterprise-workarea[b-ce22vqe0px] {
	min-width: 0;
	min-height: 0;
	overflow: auto;
	padding: 24px 28px 40px;
	background: #ffffff;
	color: #242424;
}


/* =========================================================
   ASVCC NAVIGATION — CLEAN / NO BACKGROUND FILL
   ========================================================= */

[b-ce22vqe0px] .enterprise-nav {
	background: transparent !important;
}

[b-ce22vqe0px] .enterprise-nav-row {
	background: transparent !important;
}

	[b-ce22vqe0px] .enterprise-nav-row:hover {
		background: transparent !important;
	}

	[b-ce22vqe0px] .enterprise-nav-row:focus {
		background: transparent !important;
	}

	[b-ce22vqe0px] .enterprise-nav-row:focus-visible {
		background: transparent !important;
	}

	[b-ce22vqe0px] .enterprise-nav-row.selected {
		background: transparent !important;
	}

	[b-ce22vqe0px] .enterprise-nav-row.parent-row {
		background: transparent !important;
	}


	/*
 * Keep disabled items visually muted,
 * but without applying a background fill.
 */
	[b-ce22vqe0px] .enterprise-nav-row.disabled {
		background: transparent !important;
	}


/*
 * Navigation heading also remains clean.
 */
[b-ce22vqe0px] .enterprise-nav-heading {
	background: transparent !important;
}


@media (max-width: 900px) {
	.asv-enterprise-frame[b-ce22vqe0px] {
		grid-template-columns: 230px minmax(0, 1fr);
	}

	.asv-enterprise-workarea[b-ce22vqe0px] {
		padding: 20px;
	}
}


/* ASVCC_COMPACT_ENTRY_CONTROLS_START */

[b-ce22vqe0px] .form-control:not(textarea),
[b-ce22vqe0px] .form-select {
	max-width: 460px;
}

[b-ce22vqe0px] textarea.form-control {
	max-width: 680px;
}

[b-ce22vqe0px] input[type="number"].form-control,
[b-ce22vqe0px] input[type="date"].form-control,
[b-ce22vqe0px] input[type="time"].form-control {
	max-width: 260px;
}

[b-ce22vqe0px] .input-group {
	max-width: 520px;
}

/* ASVCC_COMPACT_ENTRY_CONTROLS_END */
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.enterprise-nav[b-y1fu1ds7c5] {
    height: 100%;
    overflow-y: auto;
    padding: 12px 0 24px;
    background: #ffffff;
    color: #242424;
    outline: none;
}

.enterprise-nav:focus-visible[b-y1fu1ds7c5] {
    box-shadow: inset 0 0 0 1px #605e5c;
}

.enterprise-nav-heading[b-y1fu1ds7c5] {
    padding: 7px 16px 9px;
    color: #605e5c;
    font-size: 12px;
    font-weight: 600;
}

.enterprise-nav-row[b-y1fu1ds7c5] {
    position: relative;
    width: 100%;
    min-height: 36px;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    border: 0;
    border-radius: 0;
    background: #ffffff;
    color: #242424;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    cursor: default;
}

.enterprise-nav-row:hover[b-y1fu1ds7c5] {
    background: #f5f5f5;
}

.enterprise-nav-row.selected[b-y1fu1ds7c5] {
    background: #f3f2f1;
}

.enterprise-nav-row.selected[b-y1fu1ds7c5]::before {
    content: "";
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: 0;
    width: 3px;
    background: #0078d4;
}

.enterprise-nav-row.parent-row[b-y1fu1ds7c5] {
    font-weight: 600;
}

.enterprise-nav-row.disabled[b-y1fu1ds7c5] {
    color: #a19f9d;
}

.enterprise-nav-row.disabled:hover[b-y1fu1ds7c5] {
    background: #ffffff;
}

.enterprise-nav-row.level-1[b-y1fu1ds7c5] {
    padding-left: 26px;
}

.enterprise-nav-row.level-2[b-y1fu1ds7c5] {
    padding-left: 44px;
}

.nav-chevron[b-y1fu1ds7c5] {
    width: 14px;
    flex: 0 0 14px;
    color: #605e5c;
    font-size: 14px;
    text-align: center;
}

.nav-indent[b-y1fu1ds7c5] {
    width: 14px;
    flex: 0 0 14px;
}

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

/* ASVCC_LIGHT_BLUE_NAV_START */
.enterprise-nav[b-y1fu1ds7c5] {
    background: #eef6ff !important;
    min-height: 100%;
}

.enterprise-nav-row[b-y1fu1ds7c5] {
    background: transparent;
}

.enterprise-nav-row:hover:not(.disabled)[b-y1fu1ds7c5] {
    background: #e2f0fb;
}

.enterprise-nav-row.selected[b-y1fu1ds7c5] {
    background: #dcecf9;
}
/* ASVCC_LIGHT_BLUE_NAV_END */

/* ASVCC_NAV_SCROLL_V4_1_START */
.enterprise-nav[b-y1fu1ds7c5] {
    height: calc(100vh - 64px) !important;
    max-height: calc(100vh - 64px) !important;
    overflow-y: scroll !important;
    overflow-x: hidden !important;
    scrollbar-gutter: stable;
    padding-bottom: 18px;
}

.enterprise-nav[b-y1fu1ds7c5]::-webkit-scrollbar { width: 10px; }
.enterprise-nav[b-y1fu1ds7c5]::-webkit-scrollbar-track { background: #eef6ff; }
.enterprise-nav[b-y1fu1ds7c5]::-webkit-scrollbar-thumb {
    background: #a9bfd0;
    border-radius: 8px;
    border: 2px solid #eef6ff;
}
.enterprise-nav[b-y1fu1ds7c5]::-webkit-scrollbar-thumb:hover { background: #88a8bf; }
/* ASVCC_NAV_SCROLL_V4_1_END */
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-jhps2scucn],
.components-reconnect-repeated-attempt-visible[b-jhps2scucn],
.components-reconnect-failed-visible[b-jhps2scucn],
.components-pause-visible[b-jhps2scucn],
.components-resume-failed-visible[b-jhps2scucn],
.components-rejoining-animation[b-jhps2scucn] {
    display: none;
}

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


#components-reconnect-modal[b-jhps2scucn] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-jhps2scucn 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-jhps2scucn {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Layout/SessionHeader.razor.rz.scp.css */
.session-header[b-pjhqvp20w4] {
    flex: 1 1 auto;
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    color: #123f69;
    font-family: "Segoe UI", Arial, sans-serif;
}

.session-header-spacer[b-pjhqvp20w4] {
    min-width: 0;
}

.active-session-area[b-pjhqvp20w4] {
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    white-space: nowrap;
}

.session-identity[b-pjhqvp20w4] {
    color: #123f69;
    font-size: 13px;
    font-weight: 700;
}

.session-divider[b-pjhqvp20w4] {
    color: #9ab0c2;
    font-size: 12px;
}

.session-action[b-pjhqvp20w4] {
    padding: 5px 9px;
    border: 1px solid #9bbbd3;
    border-radius: 3px;
    background: #f8fbff;
    color: #123f69;
    font: inherit;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

.session-action:hover[b-pjhqvp20w4] {
    background: #e2f0fb;
}

.session-action:focus-visible[b-pjhqvp20w4] {
    outline: 2px solid #2e6f9e;
    outline-offset: 2px;
}
/* /Components/Pages/ControlCenterCandidate.razor.rz.scp.css */
:root[b-dl4bfphgrc] {
    --asv-maroon: #7d1021;
    --asv-maroon-dark: #5f0b19;
    --asv-maroon-soft: #9b3340;
    --asv-gold: #c7a15b;
    --asv-gold-soft: #ead9b6;
    --asv-cream: #fbf6ed;
    --asv-cream-deep: #f2e7d4;
    --asv-paper: #fffdf8;
    --asv-text: #3b2a25;
    --asv-muted: #75655d;
    --asv-border: #dfcba6;
}

.portal-shell[b-dl4bfphgrc] {
    position: fixed;
    inset: 0;
    z-index: 10000;
    width: 100vw;
    height: 100vh;
    display: grid;
    grid-template-rows: 74px 3px minmax(0, 1fr);
    overflow: hidden;
    background: var(--asv-cream);
    color: var(--asv-text);
    font-family: "Segoe UI", Arial, sans-serif;
}

.portal-header[b-dl4bfphgrc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0 1.2rem;
    background: #fffaf1;
    border-bottom: 1px solid #eadfc9;
}

.brand-area[b-dl4bfphgrc],
.portal-auth[b-dl4bfphgrc],
.identity-block[b-dl4bfphgrc] {
    display: flex;
    align-items: center;
}

.brand-area[b-dl4bfphgrc] {
    gap: 0.9rem;
}

.brand-logo[b-dl4bfphgrc] {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
}

.brand-logo-ring[b-dl4bfphgrc] {
    width: 48px;
    height: 48px;
    border: 2px solid var(--asv-gold);
    border-radius: 50%;
    display: grid;
    place-items: center;
    align-content: center;
    background: linear-gradient(145deg, #fffdf7, #f7ead5);
    box-shadow: 0 2px 8px rgba(96, 58, 34, 0.12);
}

.brand-logo-main[b-dl4bfphgrc] {
    color: var(--asv-maroon);
    font-weight: 800;
    font-size: 0.95rem;
    line-height: 1;
}

.brand-logo-small[b-dl4bfphgrc] {
    margin-top: 0.2rem;
    color: #8c6b35;
    font-size: 0.36rem;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.brand-title[b-dl4bfphgrc] {
    color: var(--asv-maroon);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: 0.01em;
}

.brand-subtitle[b-dl4bfphgrc] {
    margin-top: 0.05rem;
    color: #8a6b59;
    font-size: 0.78rem;
    font-weight: 600;
}

.portal-gold-line[b-dl4bfphgrc] {
    background: linear-gradient(
        90deg,
        var(--asv-maroon),
        var(--asv-gold),
        var(--asv-maroon));
}

.portal-auth[b-dl4bfphgrc] {
    gap: 0.85rem;
}

.identity-block[b-dl4bfphgrc] {
    gap: 0.45rem;
    padding: 0.42rem 0.75rem;
    border: 1px solid var(--asv-gold-soft);
    border-radius: 999px;
    background: #fffdf8;
}

.identity-role[b-dl4bfphgrc] {
    color: var(--asv-maroon);
    font-weight: 700;
}

.identity-code[b-dl4bfphgrc] {
    color: #92764c;
    font-size: 0.83rem;
}

.auth-link[b-dl4bfphgrc] {
    text-decoration: none;
    color: var(--asv-maroon);
    font-weight: 700;
    padding: 0.52rem 0.78rem;
    border-radius: 6px;
    border: 1px solid transparent;
}

.auth-link:hover[b-dl4bfphgrc] {
    background: #f7ebd8;
    border-color: var(--asv-gold-soft);
    color: var(--asv-maroon-dark);
}

.auth-link.primary[b-dl4bfphgrc] {
    background: var(--asv-maroon);
    color: #ffffff;
}

.portal-main[b-dl4bfphgrc] {
    min-height: 0;
    display: grid;
    grid-template-columns: 310px minmax(0, 1fr);
}

.portal-sidebar[b-dl4bfphgrc] {
    min-height: 0;
    color: #fff6e8;
    background:
        linear-gradient(180deg, #861125 0%, #6f0e1f 60%, #570918 100%);
    border-right: 1px solid #4d0714;
}

.sidebar-scroll[b-dl4bfphgrc] {
    height: 100%;
    overflow-y: auto;
    padding: 1rem 0.8rem 1.3rem;
}

.section-caption[b-dl4bfphgrc] {
    margin: 0.25rem 0.65rem 0.8rem;
    color: #e0c28c;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.12em;
}

.nav-section[b-dl4bfphgrc] {
    margin: 0.2rem 0 0.5rem;
}

.nav-section > summary[b-dl4bfphgrc] {
    list-style: none;
    cursor: pointer;
    user-select: none;
    display: flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.62rem 0.7rem;
    border-radius: 6px;
    color: #fff8ed;
    font-weight: 700;
}

.nav-section > summary[b-dl4bfphgrc]::-webkit-details-marker {
    display: none;
}

.nav-section > summary[b-dl4bfphgrc]::after {
    content: "▸";
    margin-left: auto;
    color: #e9d2a7;
    transition: transform 0.12s ease;
}

.nav-section[open] > summary[b-dl4bfphgrc]::after {
    transform: rotate(90deg);
}

.nav-section > summary:hover[b-dl4bfphgrc] {
    background: rgba(255,255,255,0.07);
}

.summary-icon[b-dl4bfphgrc] {
    color: #dcb86e;
    font-size: 0.7rem;
}

.nav-section.nested[b-dl4bfphgrc] {
    margin-left: 0.45rem;
}

.nav-section.nested > summary[b-dl4bfphgrc] {
    color: #f8e6c6;
    font-size: 0.91rem;
}

.nav-children[b-dl4bfphgrc] {
    display: flex;
    flex-direction: column;
    gap: 0.08rem;
    margin: 0.05rem 0 0.5rem 0.95rem;
    padding-left: 0.55rem;
    border-left: 1px solid rgba(226, 192, 126, 0.32);
}

.portal-nav-link[b-dl4bfphgrc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
    text-decoration: none;
    padding: 0.48rem 0.68rem;
    border-radius: 5px;
    color: #f9ecda;
    font-size: 0.89rem;
    transition: background 0.12s ease, color 0.12s ease;
}

.portal-nav-link:hover[b-dl4bfphgrc] {
    background: rgba(255, 246, 228, 0.11);
    color: #ffffff;
}

.portal-nav-link.disabled[b-dl4bfphgrc] {
    color: #b99c94;
    opacity: 0.65;
    pointer-events: none;
}

.access-mark[b-dl4bfphgrc] {
    flex: 0 0 auto;
    font-weight: 800;
}

.access-mark.allowed[b-dl4bfphgrc] {
    color: #f0cb7d;
}

.access-mark.denied[b-dl4bfphgrc] {
    color: #b59690;
}

.disabled-parent[b-dl4bfphgrc] {
    color: #bda09a !important;
    opacity: 0.68;
}

.sidebar-note[b-dl4bfphgrc] {
    margin: 1rem 0.65rem 0;
    padding-top: 0.8rem;
    border-top: 1px solid rgba(229, 198, 139, 0.24);
    color: #d3bca9;
    font-size: 0.75rem;
    line-height: 1.5;
}

.portal-workarea[b-dl4bfphgrc] {
    min-width: 0;
    min-height: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    padding: 1rem 1.15rem 0;
    overflow: hidden;
    background:
        radial-gradient(circle at top right, rgba(216, 182, 113, 0.08), transparent 35%),
        var(--asv-cream);
}

.workspace-toolbar[b-dl4bfphgrc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.72rem 0.88rem;
    border: 1px solid var(--asv-border);
    border-radius: 8px;
    background: #fffaf1;
    box-shadow: 0 2px 8px rgba(91, 52, 30, 0.05);
}

.workspace-title-block[b-dl4bfphgrc] {
    display: flex;
    flex-direction: column;
    gap: 0.08rem;
}

.workspace-kicker[b-dl4bfphgrc] {
    color: #9a783d;
    font-size: 0.69rem;
    font-weight: 800;
    letter-spacing: 0.11em;
}

.workspace-title-block strong[b-dl4bfphgrc] {
    color: var(--asv-maroon);
    font-size: 1rem;
}

.preview-control[b-dl4bfphgrc] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    color: #6f5748;
    font-size: 0.81rem;
    font-weight: 650;
}

.preview-control select[b-dl4bfphgrc] {
    min-width: 190px;
    padding: 0.4rem 0.55rem;
    border: 1px solid #d9c29a;
    border-radius: 5px;
    background: #fffdf8;
    color: #4a352b;
}

.workarea-content[b-dl4bfphgrc] {
    min-height: 0;
    overflow: auto;
    margin-top: 0.9rem;
    padding: 1.35rem;
    border: 1px solid var(--asv-border);
    border-radius: 9px 9px 0 0;
    background: var(--asv-paper);
    box-shadow: 0 3px 14px rgba(91, 52, 30, 0.05);
}

.welcome-panel[b-dl4bfphgrc] {
    max-width: 700px;
    margin: 10vh auto 0;
    text-align: center;
    color: #6b564b;
}

.welcome-emblem[b-dl4bfphgrc] {
    width: 72px;
    height: 72px;
    display: grid;
    place-items: center;
    margin: 0 auto 0.8rem;
    border: 2px solid var(--asv-gold);
    border-radius: 50%;
    background: linear-gradient(145deg, #fffdf8, #f5e8d4);
    color: var(--asv-maroon);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.25rem;
    font-weight: 800;
}

.welcome-panel h1[b-dl4bfphgrc] {
    margin: 0.2rem 0 0.45rem;
    color: var(--asv-maroon);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 2rem;
}

.welcome-panel p[b-dl4bfphgrc] {
    line-height: 1.65;
}

.session-message[b-dl4bfphgrc] {
    color: #9a783d;
    font-weight: 700;
    margin-bottom: 0.35rem;
}

.workarea-heading[b-dl4bfphgrc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #eadcc3;
}

.eyebrow[b-dl4bfphgrc] {
    color: #9a783d;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.12em;
}

.workarea-heading h1[b-dl4bfphgrc] {
    margin: 0.18rem 0 0;
    color: var(--asv-maroon);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.75rem;
}

.session-chip[b-dl4bfphgrc] {
    padding: 0.38rem 0.68rem;
    border-radius: 999px;
    border: 1px solid #d8c295;
    background: #fff7e8;
    color: #7d5f31;
    font-size: 0.8rem;
    font-weight: 700;
}

.workarea-body[b-dl4bfphgrc] {
    padding-top: 1.1rem;
    color: #655147;
    line-height: 1.6;
}

.content-card[b-dl4bfphgrc] {
    padding: 1rem 1.05rem;
    border: 1px solid #e5d5b7;
    border-left: 4px solid var(--asv-maroon);
    border-radius: 7px;
    background: #fffaf2;
}

.content-card h2[b-dl4bfphgrc] {
    margin: 0 0 0.35rem;
    color: var(--asv-maroon);
    font-size: 1.1rem;
}

.principle-grid[b-dl4bfphgrc] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
    margin-top: 1rem;
}

.principle-grid > div[b-dl4bfphgrc] {
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
    padding: 0.85rem;
    border: 1px solid #e6d8be;
    border-radius: 7px;
    background: #fffdf9;
}

.principle-grid strong[b-dl4bfphgrc] {
    color: #7c1422;
}

.portal-footer[b-dl4bfphgrc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 38px;
    padding: 0.45rem 0.75rem;
    border: 1px solid var(--asv-border);
    border-top: 0;
    background: #f4e8d5;
    color: #775f51;
    font-size: 0.76rem;
}

@media (max-width: 900px) {
    .portal-main[b-dl4bfphgrc] {
        grid-template-columns: 1fr;
        grid-template-rows: minmax(260px, 40vh) minmax(0, 1fr);
    }

    .portal-sidebar[b-dl4bfphgrc] {
        border-right: 0;
        border-bottom: 1px solid #4d0714;
    }

    .workspace-toolbar[b-dl4bfphgrc] {
        align-items: flex-start;
        flex-direction: column;
    }

    .principle-grid[b-dl4bfphgrc] {
        grid-template-columns: 1fr;
    }

    .brand-subtitle[b-dl4bfphgrc] {
        display: none;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.workspace-login-shell[b-jotvs89znf] {
	width: 100%;
	min-height: 0;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	padding: 10px 18px 8px;
	box-sizing: border-box;
}

.login-panel[b-jotvs89znf] {
	width: min(700px, 100%);
	border: 1px solid #d8e1e8;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 3px 12px rgba(22, 58, 86, 0.06);
	overflow: hidden;
}

.login-heading[b-jotvs89znf] {
	padding: 12px 24px 9px;
	text-align: center;
	border-bottom: 1px solid #e5ebf0;
}

	.login-heading h1[b-jotvs89znf] {
		margin: 0;
		color: #173f63;
		font-size: 21px;
		line-height: 1.2;
		font-weight: 650;
	}

	.login-heading p[b-jotvs89znf] {
		margin: 3px 0 0;
		color: #667785;
		font-size: 12px;
		line-height: 1.25;
	}

.entity-selector[b-jotvs89znf] {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 6px;
	padding: 9px 16px;
	background: #f7fbff;
	border-bottom: 1px solid #e5ebf0;
}

.entity-selector-label[b-jotvs89znf] {
	margin-right: 2px;
	color: #38566f;
	font-size: 12px;
	line-height: 1;
	font-weight: 650;
	white-space: nowrap;
}

.entity-choice[b-jotvs89znf] {
	min-width: 108px;
	min-height: 30px;
	padding: 4px 10px;
	border: 1px solid #a9bfd0;
	border-radius: 5px;
	background: #fff;
	color: #174d75;
	font-size: 12px;
	line-height: 1.15;
	font-weight: 650;
	cursor: pointer;
}

	.entity-choice:hover[b-jotvs89znf],
	.entity-choice.selected[b-jotvs89znf] {
		background: #e8f3fc;
		border-color: #4b7fa5;
		color: #123f69;
	}

.login-placeholder[b-jotvs89znf] {
	padding: 22px 24px;
	text-align: center;
	color: #6d7d89;
	font-size: 12px;
	line-height: 1.3;
}

.login-form-area[b-jotvs89znf] {
	padding: 12px 24px 14px;
}

.selected-entity-title[b-jotvs89znf] {
	margin-bottom: 8px;
	color: #173f63;
	font-size: 15px;
	line-height: 1.2;
	font-weight: 650;
}

.login-form-area .alert[b-jotvs89znf] {
	margin-bottom: 8px !important;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	font-size: 12px;
	line-height: 1.25;
}

.login-fields[b-jotvs89znf] {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px 12px;
	align-items: end;
}

.field-block[b-jotvs89znf] {
	min-width: 0;
}

.login-fields .form-label[b-jotvs89znf] {
	display: block;
	margin-bottom: 3px;
	color: #344f63;
	font-size: 12px;
	line-height: 1.1;
	font-weight: 600;
	white-space: nowrap;
}

.login-fields .form-control[b-jotvs89znf] {
	width: 100%;
	max-width: none;
	min-height: 32px;
	height: 32px;
	padding: 4px 9px;
	font-size: 13px;
	line-height: 1.15;
	border-radius: 5px;
	box-sizing: border-box;
}

	.login-fields .form-control[readonly][b-jotvs89znf] {
		background: #f7f9fb;
	}

.otp-field[b-jotvs89znf] {
	grid-column: auto;
}

.login-actions[b-jotvs89znf] {
	display: flex;
	align-items: center;
	gap: 7px;
	margin-top: 10px;
}

	.login-actions .btn[b-jotvs89znf] {
		min-height: 31px;
		padding: 4px 12px;
		font-size: 12px;
		line-height: 1.2;
	}

.signed-in-workspace[b-jotvs89znf] {
	width: min(700px, 100%);
	padding: 18px 24px;
	border: 1px solid #dfe6eb;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 3px 12px rgba(22, 58, 86, 0.04);
}

	.signed-in-workspace h1[b-jotvs89znf] {
		margin: 0 0 5px;
		color: #173f63;
		font-size: 21px;
		line-height: 1.2;
	}

	.signed-in-workspace p[b-jotvs89znf] {
		margin: 0;
		color: #516777;
		font-size: 13px;
		line-height: 1.3;
	}

/* Remove number increment/decrement controls */
.login-fields input[type="number"][b-jotvs89znf] {
	appearance: textfield;
	-moz-appearance: textfield;
}

	.login-fields input[type="number"][b-jotvs89znf]::-webkit-inner-spin-button,
	.login-fields input[type="number"][b-jotvs89znf]::-webkit-outer-spin-button {
		-webkit-appearance: none;
		margin: 0;
	}

@media (max-width: 720px) {
	.workspace-login-shell[b-jotvs89znf] {
		padding: 8px 8px;
	}

	.login-heading[b-jotvs89znf],
	.login-form-area[b-jotvs89znf] {
		padding-left: 14px;
		padding-right: 14px;
	}

	.login-fields[b-jotvs89znf] {
		grid-template-columns: 1fr;
		gap: 7px;
	}

	.entity-selector[b-jotvs89znf] {
		padding: 8px 12px;
	}

	.entity-choice[b-jotvs89znf] {
		min-width: 96px;
	}

	.login-actions[b-jotvs89znf] {
		flex-wrap: wrap;
	}
}
