/* /Components/Toasts/ToastContainer.razor.rz.scp.css */
.toast-container[b-i5agi65tt3] {
    position: fixed;
    top: 1rem;
    right: 1rem;
    z-index: 1055;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

/* Base Toast Styling */
.toast[b-i5agi65tt3] {
    display: flex;
    flex-direction: column;
    min-width: 280px;
    max-width: 360px;
    background-color: var(--element-color-surface);
    border-radius: var(--element-radius-card);
    box-shadow: var(--element-shadow-card);
    padding: 1rem;
    color: var(--element-color-text);
    font-size: 0.9rem;
    font-family: var(--element-font-body);
    animation: slideInFade-b-i5agi65tt3 0.3s ease-out;
}

/* Toast Type Borders */
.toast-success[b-i5agi65tt3] {
    border-color: var(--element-color-success);
}

.toast-danger[b-i5agi65tt3] {
    border-color: var(--element-color-danger);
}

.toast-warning[b-i5agi65tt3] {
    border-color: var(--element-color-warning);
}

.toast-info[b-i5agi65tt3] {
    border-color: var(--element-color-primary);
}

/* Toast Header */
.toast-header[b-i5agi65tt3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    font-size: 0.95rem;
    margin-bottom: 0.5rem;
    color: var(--element-color-text-strong);
}

/* Toast Body */
.toast-body[b-i5agi65tt3] {
    font-size: 0.85rem;
    line-height: 1.4;
    color: var(--element-color-text);
}

/* Close Button */
.toast .btn-close[b-i5agi65tt3] {
    background: none;
    border: none;
    color: var(--element-color-label);
    font-size: 1.2rem;
    opacity: 0.8;
    cursor: pointer;
}

.toast .btn-close:hover[b-i5agi65tt3] {
    color: var(--element-color-danger);
    opacity: 1;
}

/* Slide in animation */
@keyframes slideInFade-b-i5agi65tt3 {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}
/* /Components/Wizards/Wizard.razor.rz.scp.css */
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-yb1a1rnvpi] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-yb1a1rnvpi] {
    flex: 1;
}

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

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

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

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

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

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

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

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

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

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

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

    .top-row[b-yb1a1rnvpi], article[b-yb1a1rnvpi] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-6yr6s1pmy6] {
    background-color: rgba(255, 255, 255, 0.1);
}

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

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

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

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

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

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

.bi-escape-nav-menu[b-6yr6s1pmy6] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-escape' viewBox='0 0 16 16'%3E%3Cpath d='M8.538 1.02a.5.5 0 1 0-.076.998 6 6 0 1 1-6.445 6.444.5.5 0 0 0-.997.076A7 7 0 1 0 8.538 1.02'/%3E%3Cpath d='M7.096 7.828a.5.5 0 0 0 .707-.707L2.707 2.025h2.768a.5.5 0 1 0 0-1H1.5a.5.5 0 0 0-.5.5V5.5a.5.5 0 0 0 1 0V2.732z'/%3E%3C/svg%3E");
}

.bi-calendar-nav-menu[b-6yr6s1pmy6] {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3C!--!Font%20Awesome%20Free%206.7.2%20by%20%40fontawesome%20-%20https%3A%2F%2Ffontawesome.com%20License%20-%20https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree%20Copyright%202025%20Fonticons%2C%20Inc.--%3E%3Cpath%20d%3D%22M128%200c17.7%200%2032%2014.3%2032%2032l0%2032%20128%200%200-32c0-17.7%2014.3-32%2032-32s32%2014.3%2032%2032l0%2032%2048%200c26.5%200%2048%2021.5%2048%2048l0%2048L0%20160l0-48C0%2085.5%2021.5%2064%2048%2064l48%200%200-32c0-17.7%2014.3-32%2032-32zM0%20192l448%200%200%20272c0%2026.5-21.5%2048-48%2048L48%20512c-26.5%200-48-21.5-48-48L0%20192zm64%2080l0%2032c0%208.8%207.2%2016%2016%2016l32%200c8.8%200%2016-7.2%2016-16l0-32c0-8.8-7.2-16-16-16l-32%200c-8.8%200-16%207.2-16%2016zm128%200l0%2032c0%208.8%207.2%2016%2016%2016l32%200c8.8%200%2016-7.2%2016-16l0-32c0-8.8-7.2-16-16-16l-32%200c-8.8%200-16%207.2-16%2016zm144-16c-8.8%200-16%207.2-16%2016l0%2032c0%208.8%207.2%2016%2016%2016l32%200c8.8%200%2016-7.2%2016-16l0-32c0-8.8-7.2-16-16-16l-32%200zM64%20400l0%2032c0%208.8%207.2%2016%2016%2016l32%200c8.8%200%2016-7.2%2016-16l0-32c0-8.8-7.2-16-16-16l-32%200c-8.8%200-16%207.2-16%2016zm144-16c-8.8%200-16%207.2-16%2016l0%2032c0%208.8%207.2%2016%2016%2016l32%200c8.8%200%2016-7.2%2016-16l0-32c0-8.8-7.2-16-16-16l-32%200zm112%2016l0%2032c0%208.8%207.2%2016%2016%2016l32%200c8.8%200%2016-7.2%2016-16l0-32c0-8.8-7.2-16-16-16l-32%200c-8.8%200-16%207.2-16%2016z%22%2F%3E%3C%2Fsvg%3E");
}

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

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

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

    .nav-item[b-6yr6s1pmy6]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

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

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

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

    .collapse[b-6yr6s1pmy6] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }

    .nav-scrollable[b-6yr6s1pmy6] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Pages/Authentication/Login.razor.rz.scp.css */
.bd-placeholder-img[b-su82dpajkh] {
	font-size: 1.125rem;
	text-anchor: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

@media (min-width: 768px) {
	.bd-placeholder-img-lg[b-su82dpajkh] {
		font-size: 3.5rem
	}
}

.b-example-divider[b-su82dpajkh] {
	width: 100%;
	height: 3rem;
	background-color: #0000001a;
	border: solid rgba(0,0,0,.15);
	border-width: 1px 0;
	box-shadow: inset 0 .5em 1.5em #0000001a,inset 0 .125em .5em #00000026
}

.b-example-vr[b-su82dpajkh] {
	flex-shrink: 0;
	width: 1.5rem;
	height: 100vh
}

.bi[b-su82dpajkh] {
	vertical-align: -.125em;
	fill: currentColor
}

.nav-scroller[b-su82dpajkh] {
	position: relative;
	z-index: 2;
	height: 2.75rem;
	overflow-y: hidden
}

	.nav-scroller .nav[b-su82dpajkh] {
		display: flex;
		flex-wrap: nowrap;
		padding-bottom: 1rem;
		margin-top: -1px;
		overflow-x: auto;
		text-align: center;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch
	}

.btn-bd-primary[b-su82dpajkh] {
	--bd-violet-bg: #712cf9;
	--bd-violet-rgb: 112.520718, 44.062154, 249.437846;
	--bs-btn-font-weight: 600;
	--bs-btn-color: var(--bs-white);
	--bs-btn-bg: var(--bd-violet-bg);
	--bs-btn-border-color: var(--bd-violet-bg);
	--bs-btn-hover-color: var(--bs-white);
	--bs-btn-hover-bg: #6528e0;
	--bs-btn-hover-border-color: #6528e0;
	--bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
	--bs-btn-active-color: var(--bs-btn-hover-color);
	--bs-btn-active-bg: #5a23c8;
	--bs-btn-active-border-color: #5a23c8
}

.bd-mode-toggle[b-su82dpajkh] {
	z-index: 1500
}

	.bd-mode-toggle .bi[b-su82dpajkh] {
		width: 1em;
		height: 1em
	}

	.bd-mode-toggle .dropdown-menu .active .bi[b-su82dpajkh] {
		display: block !important
	}

html[b-su82dpajkh], body[b-su82dpajkh], .wrapper[b-su82dpajkh]{
	height: 100vh;
}

.logo[b-su82dpajkh] {
	max-width:300px;
}

main[b-su82dpajkh] {
	height: 100vh;
}
.form-signin[b-su82dpajkh] {
	max-width: 330px;
	padding: 1rem;
}

	.form-signin .form-floating:focus-within[b-su82dpajkh] {
		z-index: 2;
	}

	.form-signin input[type="email"][b-su82dpajkh] {
		margin-bottom: -1px;
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
	}

	.form-signin input[type="password"][b-su82dpajkh] {
		margin-bottom: 10px;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}
/* /Pages/Builds/Crm/Contacts/ContactDetail.razor.rz.scp.css */
.contact-name[b-np8nvzix7t] { font-size: 1.5rem; font-weight: 600; }
.contact-subtitle[b-np8nvzix7t] { font-size: 0.95rem; color: #6c757d; font-weight: 500; }
.info-label[b-np8nvzix7t] { font-size: 0.8rem; color: #6c757d; font-weight: 500; }
.info-value[b-np8nvzix7t] { font-size: 1rem; font-weight: 600; color: #212529; }
.badge-purple[b-np8nvzix7t] { background-color: #58119f; color: #fff; padding: 0.3rem 0.65rem; border-radius: 999px; font-size: 0.75rem; margin-right: 0.5rem; display: inline-block; }
.section-divider[b-np8nvzix7t] { border-top: 1px solid #e0e0e0; margin: 2rem 0 1.5rem; }
/* /Pages/Builds/Crm/Contacts/ContactList.razor.rz.scp.css */
.btn-purple[b-xdp3vevq6u] {
    background-color: #58119f;
    color: #fff;
}
.btn-purple:hover[b-xdp3vevq6u] {
    background-color: #440d7a;
    color: #fff;
}
.badge-purple[b-xdp3vevq6u] {
    background-color: #58119f;
    color: #fff;
}
/* /Pages/Builds/Crm/CrmLayout.razor.rz.scp.css */
/* /Pages/Builds/Health/Affiliate/Account/Components/Billing/AccountBillingPanel.razor.rz.scp.css */
/* =======================================================
   ACCOUNT • BILLING (scoped to .billing-panel)
   ======================================================= */
.billing-panel *[b-jd95unzfmu] { box-sizing: border-box; min-width: 0; }

.panel-head .panel-sub[b-jd95unzfmu] { color: var(--color-text-muted); }
.card-actions.small-note[b-jd95unzfmu] { color: var(--color-text-muted); font-size: var(--font-size-sm); }
.btn-row[b-jd95unzfmu] { display: flex; gap: .5rem; flex-wrap: wrap; }
.kv-mono[b-jd95unzfmu] { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace; }

/* Fixed 2x2 tiles (all breakpoints) */
.metric-grid.grid-2x.fixed-2x2[b-jd95unzfmu] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: var(--gap-sm);
}
.metric-grid.grid-2x.fixed-2x2 > *[b-jd95unzfmu] {
    display: flex; align-items: center; justify-content: space-between;
}

/* Payment chip */
.pm-chip[b-jd95unzfmu]{
    display:inline-flex; align-items:center; gap:.5rem;
    padding:.35rem .6rem;
    border:1px solid var(--color-border-light);
    border-radius: var(--radius-pill);
    background: var(--color-surface);
    box-shadow: var(--shadow-xs);
}

/* Invoices table */
.invoices-table .table-actions[b-jd95unzfmu] { display:flex; gap:.35rem; justify-content:flex-end; }
@media (max-width: 575.98px){ .invoices-table .table-actions[b-jd95unzfmu] { justify-content: start; } }

/* Responsive stacked table */
.table-stacked td[data-label][b-jd95unzfmu]::before{
    content: attr(data-label) " — ";
    font-weight: var(--font-weight-bold);
    color: var(--color-text-muted);
    display:none; margin-right:.25rem;
}
@media (max-width: 575.98px){
    .table-stacked thead[b-jd95unzfmu]{ display:none; }
    .table-stacked tr[b-jd95unzfmu]{ display:grid; gap:.25rem; padding:.5rem .4rem; border-bottom:1px solid var(--color-border-light); }
    .table-stacked td[b-jd95unzfmu]{ display:block; }
    .table-stacked td[data-label][b-jd95unzfmu]::before{ display:inline; }
}
/* /Pages/Builds/Health/Affiliate/Account/Components/Brand/AccountBrandPanel.razor.rz.scp.css */
/* ===== Brand Profile / Domain / Contacts ===== */

.panel-head .panel-sub[b-gvip581vnn]{ color: var(--color-text-muted); }

/* ---------- Field cards grid ---------- */
.profile-grid[b-gvip581vnn]{
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: var(--gap-md);
}

.field-card[b-gvip581vnn]{
    display:grid;
    gap:.5rem;
    padding:.75rem .9rem;
    border:1px solid var(--color-border-light);
    border-radius: var(--radius-card);
    background: var(--color-bg, #fff);
    box-shadow: var(--shadow-xs);
}

.fc-head[b-gvip581vnn]{ display:grid; gap:.15rem; }
.fc-title[b-gvip581vnn]{
    font-weight: var(--font-weight-bold);
    color: var(--color-text-strong);
}
.fc-help[b-gvip581vnn]{
    font-size: var(--font-size-sm);
    color: var(--color-text-muted);
}
.fc-body > .form-control[b-gvip581vnn]{ width:100%; }

/* ---------- Logo block ---------- */
.brand-box[b-gvip581vnn]{
    display:inline-flex; align-items:center; gap:var(--gap-md);
    padding:.35rem .5rem;
    border:1px dashed var(--color-border-light);
    border-radius: var(--radius-card);
    background: var(--color-surface);
}
.brand-logo-preview[b-gvip581vnn]{
    width:64px; height:64px; border-radius:.6rem; object-fit:contain;
    background:#fff; border:1px solid var(--color-border-light);
    box-shadow:var(--shadow-xs); padding:.35rem;
}
@media (max-width:575.98px){
    .brand-box[b-gvip581vnn]{ margin-top:.5rem; width:100%; justify-content:space-between; }
}

/* ---------- Domain & Contacts helpers ---------- */
.form-label[b-gvip581vnn]{ font-weight: var(--font-weight-bold); }
/* /Pages/Builds/Health/Affiliate/Account/Components/Integrations/AccountIntegrationsPanel.razor.rz.scp.css */
/* =======================================================
   ACCOUNT • INTEGRATIONS (scoped to .integrations-panel)
   ======================================================= */
.integrations-panel *[b-estv69i486] { box-sizing: border-box; min-width: 0; }

.panel-head .panel-sub[b-estv69i486] { color: var(--color-text-muted); }
.btn-row[b-estv69i486] { display: flex; gap: .5rem; flex-wrap: wrap; }
.kv-mono[b-estv69i486] { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace; }

/* Fixed 2x2 tiles */
.metric-grid.grid-2x.fixed-2x2[b-estv69i486] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: var(--gap-sm);
}
.metric-grid.grid-2x.fixed-2x2 > *[b-estv69i486] {
    display: flex; align-items: center; justify-content: space-between;
}

/* Switch rows — match account profile */
.switch-grid[b-estv69i486] { display: grid; gap: .5rem; }
.switch-row[b-estv69i486] {
    display:flex; align-items:center; gap:.5rem;
    padding:.45rem .6rem; border:1px solid var(--color-border-light);
    border-radius: var(--radius-sm); background: var(--color-bg);
}
.switch-row input[type="checkbox"][b-estv69i486]{ accent-color: var(--color-primary); }
.switch-row:has(input:checked)[b-estv69i486]{
    background: var(--color-bg);
    border-color: color-mix(in srgb, var(--color-primary) 55%, var(--color-border-light));
    color: var(--color-primary);
}
.switch-row input:checked + span[b-estv69i486]{ color: var(--color-primary); }

/* Test row footer */
.test-row[b-estv69i486] { display:flex; gap:.5rem; flex-wrap:wrap; }

/* Payment chip */
.pm-chip[b-estv69i486]{
    display:inline-flex; align-items:center; gap:.5rem;
    padding:.35rem .6rem;
    border:1px solid var(--color-border-light);
    border-radius: var(--radius-pill);
    background: var(--color-bg);
    box-shadow: var(--shadow-xs);
}
/* /Pages/Builds/Health/Affiliate/Account/Components/Overview/AccountOverviewPanel.razor.rz.scp.css */
/* AccountOverviewPanel.razor.scss (scoped) */

/* =======================================================
   ACCOUNT OVERVIEW (scoped to .account-overview)
   ======================================================= */
.account-overview *[b-l1w8pr491f]{ box-sizing:border-box; min-width:0; }

/* ---------- Usage & Limits ---------- */
.account-overview .ao-usage[b-l1w8pr491f]{ display:grid; gap: var(--gap-sm); }
.account-overview .ao-usage-row[b-l1w8pr491f]{
    display:grid;
    grid-template-columns: 110px 1fr auto;
    align-items:center; gap:.5rem;
    padding:.2rem 0;
}
.account-overview .ao-usage .lbl[b-l1w8pr491f]{
    font-weight: var(--font-weight-bold);
    color: var(--color-text-strong);
}
.account-overview .ao-usage .bar[b-l1w8pr491f]{
    position:relative; height:10px; border-radius:999px;
    background: var(--progress-rail-bg, var(--color-surface));
    border:1px solid var(--progress-rail-border, var(--color-border-light));
    overflow:hidden;
}
.account-overview .ao-usage .bar > span[b-l1w8pr491f]{
    position:absolute; inset:0;
    width: var(--pct, 0%);
    background: color-mix(in srgb, var(--color-primary) 22%, #b9d4ff);
}
.account-overview .mini-legend[b-l1w8pr491f]{
    display:flex; align-items:center; gap:.6rem;
    color: var(--color-text-muted); font-size: var(--font-size-sm);
}
.account-overview .mini-legend .dot[b-l1w8pr491f]{
    width:8px; height:8px; border-radius:50%; display:inline-block;
    transform: translateY(1px);
}
.account-overview .mini-legend .ok[b-l1w8pr491f]{    background: var(--color-success-light); border:1px solid color-mix(in srgb, var(--color-success) 35%, transparent); }
.account-overview .mini-legend .warn[b-l1w8pr491f]{  background: var(--color-warning-light); border:1px solid color-mix(in srgb, var(--color-warning) 35%, transparent); }
.account-overview .mini-legend .danger[b-l1w8pr491f]{background: var(--color-danger-light);  border:1px solid color-mix(in srgb, var(--color-danger) 35%, transparent); }

.account-overview .btn-row[b-l1w8pr491f]{ display:flex; flex-wrap:wrap; gap:.5rem; }

/* ---------- Account Health ---------- */
.account-overview .ao-chips[b-l1w8pr491f]{ display:flex; flex-wrap:wrap; gap:.4rem; }
.account-overview .ao-actions[b-l1w8pr491f]{ display:flex; flex-wrap:wrap; gap:.4rem; }
.account-overview .action-pill[b-l1w8pr491f]{
    display:inline-flex; align-items:center; gap:.35rem;
    padding:.3rem .55rem; border-radius:999px;
    border:1px dashed var(--color-border-light);
    color: var(--color-primary); text-decoration:none;
}
.account-overview .action-pill:hover[b-l1w8pr491f]{ border-style:solid; box-shadow: var(--shadow-xs); }

/* ---------- Getting Started progress ---------- */
.gs-progress .bar[b-l1w8pr491f]{
    position:relative; height:10px; border-radius:999px;
    background: var(--color-surface);
    border:1px solid var(--color-border-light);
    overflow:hidden;
}
.gs-progress .bar > span[b-l1w8pr491f]{
    position:absolute; inset:0;
    width: var(--pct, 0%);
    background: color-mix(in srgb, var(--color-primary) 22%, #b9d4ff);
}

/* ---------- Activity list ---------- */
.activity-list[b-l1w8pr491f]{ display:grid; gap:.5rem; }
.act-row[b-l1w8pr491f]{
    display:grid;
    grid-template-columns: 160px 1fr 140px;
    align-items:center;
    padding:.45rem .6rem;
    border:1px solid var(--color-border-light);
    border-radius: var(--radius-card);
    background: var(--color-bg);
}
@media (max-width: 767.98px){
    .act-row[b-l1w8pr491f]{ grid-template-columns: 1fr; row-gap:.25rem; }
}

/* Force 2xN metric grids at ALL breakpoints inside Overview */
.account-overview .metric-grid.grid-2x[b-l1w8pr491f]{
    display:grid;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: var(--gap-sm) !important;
}

/* Optional: make tiles equal height for clean rows */
.account-overview .metric-grid.grid-2x > *[b-l1w8pr491f]{
    display:flex;
    align-items:center;
    justify-content:space-between;
}

/* Default: 2xN tiles at all sizes */
.account-overview .metric-grid.grid-2x[b-l1w8pr491f]{
    display:grid;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: var(--gap-sm) !important;
}

/* Stack on laptop/desktop ONLY where explicitly marked */
@media (min-width: 992px){
    .account-overview .metric-grid.stack-lg[b-l1w8pr491f]{
        grid-template-columns: 1fr !important;
    }
}

/* (optional) equal-height tiles */
.account-overview .metric-grid.grid-2x > *[b-l1w8pr491f]{
    display:flex;
    align-items:center;
    justify-content:space-between;
}
/* /Pages/Builds/Health/Affiliate/Account/Components/Profile/AccountProfilePanel.razor.rz.scp.css */
/* ================================
   ACCOUNT PROFILE — SCOPED CSS
   ================================ */
.account-profile *[b-joxdzbep3y] { box-sizing: border-box; min-width: 0; }

/* ========= Base grid for sub-cards ========= */
.pp-grid[b-joxdzbep3y] {
    display: grid;
    gap: var(--gap-md);
    grid-template-columns: 1fr; /* mobile */
}

/* Span helpers on ≥ md */
@media (min-width: 768px) {
    .pp-grid[b-joxdzbep3y] { grid-template-columns: repeat(12, 1fr); }
    .pp-grid .span-6[b-joxdzbep3y]  { grid-column: span 6; }
    .pp-grid .span-12[b-joxdzbep3y] { grid-column: 1 / -1; }
}

/* ========= Tile card ========= */
.tile-card[b-joxdzbep3y] {
    border: 1px solid var(--card-default-border, var(--color-border-light));
    border-radius: var(--radius-card);
    background: var(--card-default-bg, #fff);
    color: var(--card-default-text, var(--color-text-body));
    padding: var(--padding-md);
    display: grid;
    row-gap: .6rem;
    box-shadow: var(--shadow-sm);
}

/* Head */
.tile-head[b-joxdzbep3y] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: .5rem;
    margin-bottom: .25rem;
}
.tile-head .label-sm[b-joxdzbep3y]     { color: var(--color-label); }
.tile-head .summary-sub[b-joxdzbep3y]  { color: var(--color-text-muted); font-size: var(--font-size-sm); }

/* Labels & inputs */
.tile-card .form-label[b-joxdzbep3y] { font-weight: var(--font-weight-bold); }
.input-group-text[b-joxdzbep3y]      { background: var(--color-surface); border-color: var(--color-border-light); }

/* ========= HERO — Identity + Contact ========= */
.hero-card[b-joxdzbep3y] {
    padding: calc(var(--padding-md) + .25rem);
    border-radius: var(--radius-card);
    box-shadow: var(--shadow-sm);
}
.hero-head[b-joxdzbep3y] { margin-bottom: .25rem; }
.hero-actions[b-joxdzbep3y] { display: flex; align-items: center; gap: .5rem; }

/* Grid: avatar | divider | fields (2 cols) */
.hero-grid[b-joxdzbep3y] {
    display: grid;
    gap: var(--gap-lg);
    align-items: start;
}

/* Mobile: stacked, divider hidden */
@media (max-width: 767.98px) {
    .hero-grid[b-joxdzbep3y] { grid-template-columns: 1fr; }
    .v-divider[b-joxdzbep3y] { display: none; }
}

/* ≥ md: 96px avatar, 1px rule, 2 equal field columns */
@media (min-width: 768px) {
    .hero-grid[b-joxdzbep3y] {
        grid-template-columns: 96px 1px 1fr 1fr;
        column-gap: var(--gap-lg);
    }
}

/* Avatar */
.avatar-preview[b-joxdzbep3y] {
    width: 64px; height: 64px; border-radius: 50%;
    object-fit: cover; background: var(--color-surface);
    border: 1px solid var(--color-border-light); box-shadow: var(--shadow-xs);
}
.avatar-preview.lg[b-joxdzbep3y] { width: 96px; height: 96px; }

.hero-avatar[b-joxdzbep3y] { display: grid; gap: .5rem; justify-items: start; }
.hero-avatar-actions[b-joxdzbep3y] { display: flex; gap: .5rem; }

/* Divider */
.v-divider[b-joxdzbep3y] {
    width: 1px; height: 100%;
    background: linear-gradient(
            to bottom,
            transparent 0%,
            var(--color-border-light) 10%,
            var(--color-border-light) 90%,
            transparent 100%
    );
    border-radius: 1px;
}

/* Fields (right side) */
.hero-fields[b-joxdzbep3y] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--gap-md);
    grid-column: 3 / span 2; /* to the right of divider */
}
@media (max-width: 991.98px) {
    .hero-fields[b-joxdzbep3y] { grid-template-columns: 1fr; }
}
.field[b-joxdzbep3y] { display: grid; gap: .35rem; }

/* ========= Notifications ========= */
.notif-grid[b-joxdzbep3y] {
    display: grid;
    gap: .5rem;
    grid-template-columns: 1fr 1fr;
}
@media (max-width: 767.98px) {
    .notif-grid[b-joxdzbep3y] { grid-template-columns: 1fr; }
}
.switch-row[b-joxdzbep3y] {
    display: flex; align-items: center; gap: .5rem;
    padding: .45rem .6rem;
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-sm);
    background: var(--color-bg);
}
.switch-row input[type="checkbox"][b-joxdzbep3y] { accent-color: var(--color-primary); }
/* Tint row when checked */
.switch-row:has(input:checked)[b-joxdzbep3y] {
    background: var(--color-surface-light);
    border-color: color-mix(in srgb, var(--color-primary) 55%, var(--color-border-light));
    color: var(--color-primary);
}
.switch-row input:checked + span[b-joxdzbep3y] { color: var(--color-primary); }

/* ========= Sessions / Devices ========= */
.session-grid[b-joxdzbep3y] {
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(3, minmax(0,1fr));
}
@media (max-width: 1199.98px) { .session-grid[b-joxdzbep3y] { grid-template-columns: 1fr 1fr; } }
@media (max-width: 767.98px)  { .session-grid[b-joxdzbep3y] { grid-template-columns: 1fr; } }

.session-tile[b-joxdzbep3y] {
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-card);
    padding: .7rem .8rem;
    background: var(--color-bg);
    box-shadow: var(--shadow-xs);
}
.session-top[b-joxdzbep3y] {
    display: flex; align-items: center; justify-content: space-between; gap: .5rem;
}
.session-tile .device[b-joxdzbep3y] { font-weight: var(--font-weight-bold); }
/* /Pages/Builds/Health/Affiliate/Account/Components/Security/AccountSecurityPanel.razor.rz.scp.css */
/* =======================================================
   ACCOUNT • SECURITY (scoped to .security-panel)
   ======================================================= */
.security-panel *[b-jiur1172tt] { box-sizing: border-box; min-width: 0; }

/* ---------- Shared card bits ---------- */
.panel-head .panel-sub[b-jiur1172tt] { color: var(--color-text-muted); }
.card-actions.small-note[b-jiur1172tt] { color: var(--color-text-muted); font-size: var(--font-size-sm); }

/* ---------- API Keys table ---------- */
.api-keys-table .table-actions[b-jiur1172tt] {
    display: flex;
    gap: .35rem;
    justify-content: flex-end;
}
@media (max-width: 575.98px) {
    .api-keys-table .table-actions[b-jiur1172tt] { justify-content: start; }
}

/* ---------- Switch rows (reuse look from profile) ---------- */
.sec-grid[b-jiur1172tt] {
    display: grid;
    gap: .5rem;
}
.switch-row[b-jiur1172tt] {
    display: flex; align-items: center; gap: .5rem;
    padding: .45rem .6rem;
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-sm);
    background: var(--color-bg);
}
.switch-row input[type="checkbox"][b-jiur1172tt] { accent-color: var(--color-primary); }
.switch-row:has(input:checked)[b-jiur1172tt] {
    background: var(--color-bg);
    border-color: color-mix(in srgb, var(--color-primary) 55%, var(--color-border-light));
    color: var(--color-primary);
}
.switch-row input:checked + span[b-jiur1172tt] { color: var(--color-primary); }

/* ---------- IP allowlist ---------- */
textarea.mono[b-jiur1172tt] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/* ---------- List-table polish (sessions/audit) ---------- */
.list-table[b-jiur1172tt] { display: grid; gap: .5rem; }
.list-table.is-hoverable .list-row:hover[b-jiur1172tt] {
    background: var(--color-surface);
    border-radius: var(--radius-card);
}

.list-row[b-jiur1172tt] {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: .75rem;
    padding: .55rem .7rem;
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-card);
    background: var(--color-bg);
    box-shadow: var(--shadow-xs);
}

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

.identity-line[b-jiur1172tt] { display: grid; grid-auto-flow: column; align-items: center; gap: .6rem; }
.dt-icon[b-jiur1172tt] {
    width: 32px; height: 32px; display: grid; place-items: center;
    border-radius: 8px; background: var(--color-surface);
    border: 1px solid var(--color-border-light);
}
.identity-text[b-jiur1172tt] { display: grid; gap: .1rem; }
.row-title[b-jiur1172tt] { font-weight: var(--font-weight-bold); }
.row-sub[b-jiur1172tt] { font-size: var(--font-size-sm); }

@media (max-width: 575.98px) {
    .list-row[b-jiur1172tt] { grid-template-columns: 1fr; }
    .row-actions[b-jiur1172tt] { justify-content: start; }
}

/* ---------- Table (stacked responsive helper) ---------- */
.table-stacked td[data-label][b-jiur1172tt]::before {
    content: attr(data-label) " — ";
    font-weight: var(--font-weight-bold);
    color: var(--color-text-muted);
    display: none;
    margin-right: .25rem;
}
@media (max-width: 575.98px) {
    .table-stacked thead[b-jiur1172tt] { display: none; }
    .table-stacked tr[b-jiur1172tt] { display: grid; gap: .25rem; padding: .5rem .4rem; border-bottom: 1px solid var(--color-border-light); }
    .table-stacked td[b-jiur1172tt] { display: block; }
    .table-stacked td[data-label][b-jiur1172tt]::before { display: inline; }
}

/* ---------- Buttons row in headers ---------- */
.btn-row[b-jiur1172tt] { display: flex; gap: .5rem; flex-wrap: wrap; }

/* ---------- Monospace key snippets ---------- */
.kv-mono[b-jiur1172tt] { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace; }
/* /Pages/Builds/Health/Affiliate/Account/Components/Settings/AccountSettingsPanel.razor.rz.scp.css */
/* =======================================================
   ACCOUNT • SETTINGS (scoped to .settings-panel)
   ======================================================= */
.settings-panel *[b-ec3kzz0bmn] { box-sizing: border-box; min-width: 0; }

.panel-head .panel-sub[b-ec3kzz0bmn] { color: var(--color-text-muted); }
.btn-row[b-ec3kzz0bmn] { display: flex; gap: .5rem; flex-wrap: wrap; }
.kv-mono[b-ec3kzz0bmn] { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace; }
.mono[b-ec3kzz0bmn]    { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace; }

.card-actions.small-note[b-ec3kzz0bmn] { color: var(--color-text-muted); font-size: var(--font-size-sm); }

/* Fixed 2x2 tiles for overview cards */
.metric-grid.grid-2x.fixed-2x2[b-ec3kzz0bmn] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: var(--gap-sm);
}
.metric-grid.grid-2x.fixed-2x2 > *[b-ec3kzz0bmn] {
    display: flex; align-items: center; justify-content: space-between;
}

/* Switch rows (consistent with other pages) */
.switch-grid[b-ec3kzz0bmn] { display: grid; gap: .5rem; }
.switch-row[b-ec3kzz0bmn] {
    display:flex; align-items:center; gap:.5rem;
    padding:.45rem .6rem; border:1px solid var(--color-border-light);
    border-radius: var(--radius-sm); background: var(--color-bg);
}
.switch-row input[type="checkbox"][b-ec3kzz0bmn]{ accent-color: var(--color-primary); }
.switch-row:has(input:checked)[b-ec3kzz0bmn]{
    background: var(--color-bg);
    border-color: color-mix(in srgb, var(--color-primary) 55%, var(--color-border-light));
    color: var(--color-primary);
}
.switch-row input:checked + span[b-ec3kzz0bmn]{ color: var(--color-primary); }

/* Textareas */
textarea.form-control[b-ec3kzz0bmn] { resize: vertical; }

/* Save bar */
.cta-row[b-ec3kzz0bmn] { display:flex; gap:.5rem; justify-content:center; }
.cta-50[b-ec3kzz0bmn]  { min-width: 240px; }
/* /Pages/Builds/Health/Affiliate/Account/HealthAffiliateAccount.razor.rz.scp.css */
/* Page rhythm */
.mb-section[b-5qgpwg70so]{ margin-bottom: var(--spacing-xl); }

/* ---------- HERO ---------- */
.hero-card[b-5qgpwg70so]{ padding: var(--spacing-lg); }
.hero-grid[b-5qgpwg70so]{
    display:grid; gap: var(--gap-lg);
    grid-template-columns: 1fr 260px; align-items:start;
}
@media (max-width: 991.98px){ .hero-grid[b-5qgpwg70so]{ grid-template-columns: 1fr; } }

.id-block[b-5qgpwg70so]{
    display:grid; grid-template-columns:auto 1fr;
    gap: var(--gap-md); align-items:start;
}
.brand-logo[b-5qgpwg70so]{
    width:108px; height:108px; border-radius:12px;
    border:1px solid var(--color-border-light); background:#fff; object-fit:contain;
    padding:.35rem; box-shadow: var(--shadow-sm);
}
.summary-title[b-5qgpwg70so]{
    font-family: var(--font-family-header), sans-serif;
    font-size: var(--font-size-header);
    color: var(--color-primary);
}
.contact-row[b-5qgpwg70so]{ margin-top:.35rem; }

.hero-actions[b-5qgpwg70so]{ display:flex; flex-direction:column; gap:.5rem; }

/* ---------- SUBNAV (chips) ---------- */
.acct-subnav[b-5qgpwg70so]{ display:flex; gap:.5rem; flex-wrap:wrap; }
@media (max-width: 767.98px){
    .acct-subnav[b-5qgpwg70so]{
        display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:.5rem;
    }
    .acct-subnav .chip[b-5qgpwg70so]{ width:100%; justify-content:flex-start; }
}

/* contain inside a proper card and tighten spacing */
.account-overview.card.panel-card.compact[b-5qgpwg70so]{
    padding: var(--spacing-md);
}

/* small meter bar */
.meter[b-5qgpwg70so]{ position:relative; height:8px; border-radius:999px; background: var(--color-surface); border:1px solid var(--color-border-light); overflow:hidden; margin:.4rem 0 .2rem; }
.meter > span[b-5qgpwg70so]{ position:absolute; inset:0; width: var(--pct, 0); background: color-mix(in srgb, var(--color-primary) 22%, #b9d4ff); }
/* /Pages/Builds/Health/Affiliate/Clients/HealthAffiliateClients.razor.rz.scp.css */
/* ===== Panel ===== */
.clients-hero[b-sui92rersk] { padding: var(--spacing-lg); }

/* ===== Head row ===== */
.hero-head[b-sui92rersk] {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: start;
    gap: var(--gap-md);
}
.hero-head-right[b-sui92rersk] {
    display: inline-flex;
    gap: .5rem;
    align-items: center;
}
.hero-title[b-sui92rersk] {
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-bold);
    font-family: var(--font-family-header), sans-serif;
    color: var(--color-primary);
    line-height: 1.15;
}
.hero-stats .icon[b-sui92rersk] { margin-right: .35rem; }

/* Full-width divider */
.hero-divider.fw[b-sui92rersk] {
    height: 1px;
    background: var(--color-border-light);
    margin: .9rem 0 .8rem 0;
    width: 100%;
}

/* ===== Controls (Status | Search) ===== */
.controls-grid[b-sui92rersk] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--gap-md);
    align-items: end;
}
.control-block .label-sm[b-sui92rersk] { color: var(--color-text-muted); }
.control-block.right[b-sui92rersk] { display: flex; flex-direction: column; align-items: stretch; }

/* ===== Table toolbar (Activate All | + New) ===== */
.table-toolbar[b-sui92rersk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--gap-sm);
    margin-bottom: var(--spacing-sm);
}

/* ===== Responsive ===== */
@media (max-width: 991.98px) {
    .hero-head[b-sui92rersk] { grid-template-columns: 1fr; }
}
@media (max-width: 575.98px) {
    .controls-grid[b-sui92rersk] { grid-template-columns: 1fr; }
    .table-toolbar[b-sui92rersk] { flex-wrap: wrap; gap: .5rem; }
}
/* /Pages/Builds/Health/Affiliate/Clients/Profile/Components/Biometrics/ClientBiometricsPanel.razor.rz.scp.css */
/* ===== Client Profile • Biometrics (scoped to .biometrics-panel) ===== */
.biometrics-panel *[b-6rse7gpz2c]{ box-sizing:border-box; min-width:0; }

/* Section rhythm */
.section-gap[b-6rse7gpz2c]{ margin-bottom: var(--spacing-xl); }           /* big outer spacing between major blocks */
.inner-section-gap[b-6rse7gpz2c]{ margin-bottom: var(--spacing-lg); }     /* spacing inside column stacks */
.mb-tight[b-6rse7gpz2c]{ margin-bottom:.5rem; }

/* Legend + chips */
.legend-semantic[b-6rse7gpz2c]{ color:var(--color-text-muted); font-size:var(--font-size-sm); }
.range-group[b-6rse7gpz2c]{ display:flex; gap:.5rem; flex-wrap:wrap; }
.btn-chip[b-6rse7gpz2c]{
    appearance:none; border:1px solid var(--color-border-light);
    background:#fff; color:var(--color-text-strong);
    border-radius:999px; padding:.35rem .85rem; line-height:1;
    font-weight:var(--font-weight-bold); font-size: var(--font-size-xs);
}
.btn-chip.is-active[b-6rse7gpz2c]{ background: var(--color-primary); color:#fff; border-color: transparent; }

/* Vitals grid */
.vitals-grid[b-6rse7gpz2c]{
    display:grid; gap: var(--gap-lg);
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}

/* Unified tile */
.bio-card[b-6rse7gpz2c]{
    display:grid; row-gap:.6rem;
    padding: var(--spacing-md);
}
.tile-title-row[b-6rse7gpz2c]{ display:flex; align-items:center; gap:.5rem; min-width:0; }
.tile-title[b-6rse7gpz2c]{ color: var(--color-primary); font-weight: var(--font-weight-bold); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tile-title-row .pill[b-6rse7gpz2c]{ margin-left:auto; }
.value-row[b-6rse7gpz2c]{ display:flex; align-items:baseline; gap:.35rem; font-size: clamp(1rem, .6rem + 1vw, 1.25rem); }
.value-strong[b-6rse7gpz2c]{ font-variant-numeric: tabular-nums; }
.assist-row[b-6rse7gpz2c]{ display:grid; row-gap:.15rem; }
.delta-row[b-6rse7gpz2c]{ margin-top:.1rem; }
.vital-delta[b-6rse7gpz2c]{ font-weight: var(--font-weight-bold); font-size: var(--font-size-xs); }
.vital-delta.up[b-6rse7gpz2c]{ color: var(--color-success); } .vital-delta.down[b-6rse7gpz2c]{ color: var(--color-danger); }

/* Metric stacks (card + placeholder chart) */
.metric-stack[b-6rse7gpz2c]{ display:grid; gap: var(--gap-md); }          /* vertical gap between rows */
.metric-row[b-6rse7gpz2c]{
    display:grid; gap: var(--gap-lg); align-items:stretch;
    grid-template-columns: minmax(0,1fr) minmax(280px, 42%);
}
@media (max-width: 991.98px){ .metric-row[b-6rse7gpz2c]{ grid-template-columns: 1fr; } }

.chart-slot[b-6rse7gpz2c]{
    min-height:160px;
    border:1px dashed var(--color-border-light);
    border-radius: var(--radius-card);
    background: linear-gradient(#fff, #fafbfc);
}

/* Turn the two bootstrap cols into a tidy 2-col grid at xl with clean spacing */
@media (min-width:1200px){
    .biometrics-panel > .row.g-3[b-6rse7gpz2c]{
        display:grid;
        grid-template-columns: 1fr 1fr;
        gap: var(--gap-lg);
        --bs-gutter-x: 0; --bs-gutter-y: 0;
        margin: 0;
    }
    .biometrics-panel > .row.g-3 > [class*="col-"][b-6rse7gpz2c]{ display: contents; padding:0 !important; margin:0 !important; }
    .biometrics-panel > .row.g-3 > [class*="col-"] > .card[b-6rse7gpz2c]{ margin:0; }
}
/* /Pages/Builds/Health/Affiliate/Clients/Profile/Components/HealthEvaluation/ClientHEPanel.razor.rz.scp.css */
/* =======================================================
   CLIENT • Health Evaluations (scoped to .he-panel)
   ======================================================= */
.he-panel *[b-cuts2dy9vd] { box-sizing: border-box; min-width: 0; }

.panel-head .summary-sub[b-cuts2dy9vd] { color: var(--color-text-muted); }
.kv-mono[b-cuts2dy9vd] { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace; }
.btn-row[b-cuts2dy9vd] { display:flex; gap:.5rem; flex-wrap:wrap; }
.chip-row[b-cuts2dy9vd] { display:flex; gap:.5rem; flex-wrap:wrap; }

/* Fixed 2×2 tiles at all sizes */
.metric-grid.grid-2x.fixed-2x2[b-cuts2dy9vd]{
    display:grid;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: var(--gap-sm);
}
.metric-grid.grid-2x.fixed-2x2 > *[b-cuts2dy9vd]{
    display:flex; align-items:center; justify-content:space-between;
}

/* ===== List (plain) — gap, no background ===== */
.list-plain[b-cuts2dy9vd]{ display:grid; gap:.5rem; }
.list-plain .list-row[b-cuts2dy9vd]{
    display:grid; grid-template-columns: 1fr auto;
    align-items:center; gap:.75rem;
    padding:.75rem .75rem;
    border:1px solid var(--color-border-light);
    border-radius: var(--radius-card);
    background: var(--color-bg);           
    box-shadow: none;                   
}
.list-plain .row-actions[b-cuts2dy9vd]{ display:flex; align-items:center; gap:.5rem; }
.list-plain .identity-line[b-cuts2dy9vd]{ display:grid; grid-auto-flow:column; align-items:center; gap:.6rem; }
.list-plain .dt-icon[b-cuts2dy9vd]{
    width:32px; height:32px; display:grid; place-items:center;
    border-radius:8px; background: var(--color-surface);
    border:1px solid var(--color-border-light);
}
.list-plain .identity-text[b-cuts2dy9vd]{ display:grid; gap:.1rem; }
.list-plain .row-title[b-cuts2dy9vd]{ font-weight: var(--font-weight-bold); }
.list-plain .row-sub[b-cuts2dy9vd]{ font-size: var(--font-size-sm); color: var(--color-text-muted); }

@media (max-width: 575.98px){
    .list-plain .list-row[b-cuts2dy9vd]{ grid-template-columns: 1fr; }
    .list-plain .row-actions[b-cuts2dy9vd]{ justify-content:start; }
}

/* ===== Table helpers ===== */
.he-table .table-actions[b-cuts2dy9vd]{ display:flex; gap:.35rem; justify-content:flex-end; }
@media (max-width: 575.98px){ .he-table .table-actions[b-cuts2dy9vd]{ justify-content:start; } }

.table-stacked td[data-label][b-cuts2dy9vd]::before{
    content: attr(data-label) " — ";
    font-weight: var(--font-weight-bold);
    color: var(--color-text-muted);
    display:none; margin-right:.25rem;
}
@media (max-width: 575.98px){
    .table-stacked thead[b-cuts2dy9vd]{ display:none; }
    .table-stacked tr[b-cuts2dy9vd]{
        display:grid; gap:.25rem; padding:.5rem .4rem;
        border-bottom:1px solid var(--color-border-light);
    }
    .table-stacked td[b-cuts2dy9vd]{ display:block; }
    .table-stacked td[data-label][b-cuts2dy9vd]::before{ display:inline; }
}
/* /Pages/Builds/Health/Affiliate/Clients/Profile/Components/HeartMonitor/ClientHeartMonitorPanel.razor.rz.scp.css */
/* ClientHeartMonitorPanel.razor.scss (scoped) */
/* =======================================================
   CLIENT • Heart Health (scoped to .heart-panel)
   ======================================================= */
.heart-panel *[b-cvdv2z7aet]{ box-sizing:border-box; min-width:0; }

.panel-head .summary-sub[b-cvdv2z7aet]{ color: var(--color-text-muted); }
.kv-mono[b-cvdv2z7aet]{ font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace; }
.small-note[b-cvdv2z7aet]{ color: var(--color-text-muted); font-size: var(--font-size-sm); }
.chip-row[b-cvdv2z7aet]{ display:flex; gap:.5rem; flex-wrap:wrap; }

/* Fixed 2×2 tiles at all sizes */
.metric-grid.grid-2x.fixed-2x2[b-cvdv2z7aet]{
    display:grid;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: var(--gap-sm);
}
.metric-grid.grid-2x.fixed-2x2 > *[b-cvdv2z7aet]{
    display:flex; align-items:center; justify-content:space-between;
}

/* List: gap, NO background fill on rows */
.list-plain[b-cvdv2z7aet]{ display:grid; gap:.5rem; }
.list-plain .list-row[b-cvdv2z7aet]{
    display:grid; grid-template-columns: 1fr auto;
    align-items:center; gap:.75rem;
    padding:.75rem .75rem;
    border:1px solid var(--color-border-light);
    border-radius: var(--radius-card);
    background: var(--color-bg);
    box-shadow: none;
}
.list-plain .row-actions[b-cvdv2z7aet]{ display:flex; align-items:center; gap:.5rem; }
.list-plain .identity-line[b-cvdv2z7aet]{ display:grid; grid-auto-flow:column; align-items:center; gap:.6rem; }
.list-plain .dt-icon[b-cvdv2z7aet]{
    width:32px; height:32px; display:grid; place-items:center;
    border-radius:8px; background: var(--color-surface);
    border:1px solid var(--color-border-light);
}
.list-plain .identity-text[b-cvdv2z7aet]{ display:grid; gap:.1rem; }
.list-plain .row-title[b-cvdv2z7aet]{ font-weight: var(--font-weight-bold); }
.list-plain .row-sub[b-cvdv2z7aet]{ font-size: var(--font-size-sm); color: var(--color-text-muted); }

@media (max-width: 575.98px){
    .list-plain .list-row[b-cvdv2z7aet]{ grid-template-columns: 1fr; }
    .list-plain .row-actions[b-cvdv2z7aet]{ justify-content:start; }
}
/* /Pages/Builds/Health/Affiliate/Clients/Profile/Components/KPIs/ClientKPIsPanel.razor.rz.scp.css */
/* =======================================================
   CLIENT • KPIs (scoped to .kpi-panel)
   ======================================================= */
.kpi-panel *[b-qedz79r8nj] { box-sizing: border-box; min-width: 0; }

.panel-head .panel-sub[b-qedz79r8nj] { color: var(--color-text-muted); }

.small-note[b-qedz79r8nj] { color: var(--color-text-muted); font-size: var(--font-size-sm); }
.kv-mono[b-qedz79r8nj] { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace; }

/* Fixed 2×2 tiles */
.metric-grid.grid-2x.fixed-2x2[b-qedz79r8nj]{
    display:grid;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: var(--gap-sm);
}
.metric-grid.grid-2x.fixed-2x2 > *[b-qedz79r8nj]{
    display:flex; align-items:center; justify-content:space-between;
}

/* Attendance usage rows */
.kp-usage[b-qedz79r8nj]{ display:grid; gap:.5rem; }
.kp-row[b-qedz79r8nj]{
    display:grid;
    grid-template-columns: 120px 1fr auto;
    align-items:center; gap:.5rem;
    padding:.15rem 0;
}
.kp-row .lbl[b-qedz79r8nj]{ font-weight: var(--font-weight-bold); color: var(--color-text-strong); }
.kp-row .bar[b-qedz79r8nj]{
    position:relative; height:10px; border-radius:999px;
    background: var(--color-surface);
    border:1px solid var(--color-border-light);
    overflow:hidden;
}
.kp-row .bar > span[b-qedz79r8nj]{
    position:absolute; inset:0;
    width: var(--pct, 0%);
    background: color-mix(in srgb, var(--color-primary) 22%, #b9d4ff);
}
.kp-row .val[b-qedz79r8nj]{ min-width:72px; text-align:right; }

/* Chips */
.chip-row[b-qedz79r8nj]{ display:flex; gap:.5rem; flex-wrap:wrap; margin-top:.5rem; }

/* List-table (recent sessions) */
.list-table[b-qedz79r8nj]{ display:grid; gap:.5rem; }
.list-table.is-hoverable .list-row:hover[b-qedz79r8nj]{
    background: var(--color-surface);
    border-radius: var(--radius-card);
}
.list-row[b-qedz79r8nj]{
    display:grid; grid-template-columns: 1fr auto;
    align-items:center; gap:.75rem;
    padding:.55rem .7rem;
    border:1px solid var(--color-border-light);
    border-radius: var(--radius-card);
    background: var(--color-bg);
    box-shadow: var(--shadow-xs);
}
.row-actions[b-qedz79r8nj]{ display:flex; align-items:center; gap:.5rem; }
.identity-line[b-qedz79r8nj]{ display:grid; grid-auto-flow:column; align-items:center; gap:.6rem; }
.dt-icon[b-qedz79r8nj]{
    width:32px; height:32px; display:grid; place-items:center;
    border-radius:8px; background: var(--color-surface);
    border:1px solid var(--color-border-light);
}
.identity-text[b-qedz79r8nj]{ display:grid; gap:.1rem; }
.row-title[b-qedz79r8nj]{ font-weight: var(--font-weight-bold); }
.row-sub[b-qedz79r8nj]{ font-size: var(--font-size-sm); color: var(--color-text-muted); }

@media (max-width: 575.98px){
    .list-row[b-qedz79r8nj]{ grid-template-columns: 1fr; }
    .row-actions[b-qedz79r8nj]{ justify-content:start; }
}
/* /Pages/Builds/Health/Affiliate/Clients/Profile/Components/Meals/ClientMealsPanel.razor.rz.scp.css */
/* ---- Panel chrome (matches page) ---- */
.panel-card[b-091ucj4wqb]{ padding: var(--spacing-lg); }
.panel-head[b-091ucj4wqb]{
    display:flex; align-items:center; justify-content:space-between;
    margin-bottom: var(--spacing-md);
}
.panel-grid[b-091ucj4wqb]{
    display:grid;
    gap: var(--gap-md);
    grid-template-columns: repeat(2, minmax(0,1fr));
}
@media (max-width: 767.98px){
    .panel-grid[b-091ucj4wqb]{ grid-template-columns: 1fr; }
}

/* Use ghost style for inner tiles so panels feel cohesive */
.stat-wide.is-ghost[b-091ucj4wqb]{
    background: var(--color-bg);
    border-color: var(--color-border-light);
    box-shadow: none;
}

/* ---- Stat-wide card (used by Overview + others) ---- */
.stat-wide[b-091ucj4wqb]{
    display:grid;
    grid-template-columns: 1fr auto;
    gap: var(--gap-md);
    align-items:center;
    padding: var(--spacing-md) var(--spacing-lg);
    border-radius: var(--radius-card);
    border: 1px solid var(--color-border-light);
    box-shadow: var(--shadow-sm);
}
.sw-left[b-091ucj4wqb]{ min-width:0; }
.sw-title[b-091ucj4wqb]{
    font-weight: var(--font-weight-bold);
    font-size: clamp(1rem,.95rem + .25vw,1.1rem);
    margin-bottom:.15rem;
}
.sw-desc[b-091ucj4wqb]{ color: var(--color-text-muted); opacity:.9; }
.sw-right[b-091ucj4wqb]{
    display:flex; flex-direction:column; align-items:flex-end; justify-content:center;
    gap:.25rem; min-width:110px; text-align:right;
}
.sw-value[b-091ucj4wqb]{
    font-size: clamp(1.35rem,1rem + 1vw,1.8rem);
    color: var(--color-primary);
    font-weight: var(--font-weight-bold);
    line-height:1.05;
}
.sw-sub[b-091ucj4wqb]{ font-size: clamp(.85rem,.8rem + .2vw,1rem); color: var(--color-text-strong); opacity:.85; }
.sw-cta[b-091ucj4wqb]{ font-size: var(--font-size-sm); color: var(--color-primary); margin-top:.2rem; align-self:flex-end; }

@media (max-width: 767.98px){
    .stat-wide[b-091ucj4wqb]{ grid-template-columns: 1fr 110px; padding: var(--spacing-sm) var(--spacing-md); }
    .sw-title[b-091ucj4wqb]{ font-size: 1rem; }
    .sw-desc[b-091ucj4wqb]{ font-size: var(--font-size-sm); line-height:1.2; }
    .sw-value[b-091ucj4wqb]{ font-size: 1.25rem; }
    .sw-cta[b-091ucj4wqb]{ font-size: var(--font-size-sm); }
}
@media (max-width: 380px){
    .stat-wide[b-091ucj4wqb]{ grid-template-columns: 1fr 100px; }
    .sw-right[b-091ucj4wqb]{ min-width:100px; }
}
/* /Pages/Builds/Health/Affiliate/Clients/Profile/Components/Overview/ClientOverviewPanel.razor.rz.scp.css */
/* ---- Panel chrome (matches page) ---- */
.panel-card[b-jz80taga9m]{ padding: var(--spacing-lg); }
.panel-head[b-jz80taga9m]{
    display:flex; align-items:center; justify-content:space-between;
    margin-bottom: var(--spacing-md);
}
.panel-grid[b-jz80taga9m]{
    display:grid;
    gap: var(--gap-md);
    grid-template-columns: repeat(2, minmax(0,1fr));
}
@media (max-width: 767.98px){
    .panel-grid[b-jz80taga9m]{ grid-template-columns: 1fr; }
}

/* Use ghost style for inner tiles so panels feel cohesive */
.stat-wide.is-ghost[b-jz80taga9m]{
    background: var(--color-bg);
    border-color: var(--color-border-light);
    box-shadow: none;
}

/* ---- Stat-wide card (used by Overview + others) ---- */
.stat-wide[b-jz80taga9m]{
    display:grid;
    grid-template-columns: 1fr auto;
    gap: var(--gap-md);
    align-items:center;
    padding: var(--spacing-md) var(--spacing-lg);
    border-radius: var(--radius-card);
    border: 1px solid var(--color-border-light);
    box-shadow: var(--shadow-sm);
}
.sw-left[b-jz80taga9m]{ min-width:0; }
.sw-title[b-jz80taga9m]{
    color: var(--color-primary);
    font-weight: var(--font-weight-bold);
    font-size: clamp(1rem,.95rem + .25vw,1.1rem);
    margin-bottom:.15rem;
}
.sw-desc[b-jz80taga9m]{ color: var(--color-text-muted); opacity:.9; }
.sw-right[b-jz80taga9m]{
    display:flex; flex-direction:column; align-items:flex-end; justify-content:center;
    gap:.25rem; min-width:110px; text-align:right;
}
.sw-value[b-jz80taga9m]{
    font-size: clamp(1.35rem,1rem + 1vw,1.8rem);
    color: var(--color-primary);
    font-weight: var(--font-weight-bold);
    line-height:1.05;
}
.sw-sub[b-jz80taga9m]{ font-size: clamp(.85rem,.8rem + .2vw,1rem); color: var(--color-text-strong); opacity:.85; }
.sw-cta[b-jz80taga9m]{ font-size: var(--font-size-sm); color: var(--color-primary); margin-top:.2rem; align-self:flex-end; }

@media (max-width: 767.98px){
    .stat-wide[b-jz80taga9m]{ grid-template-columns: 1fr 110px; padding: var(--spacing-sm) var(--spacing-md); }
    .sw-title[b-jz80taga9m]{ font-size: 1rem; }
    .sw-desc[b-jz80taga9m]{ font-size: var(--font-size-sm); line-height:1.2; }
    .sw-value[b-jz80taga9m]{ font-size: 1.25rem; }
    .sw-cta[b-jz80taga9m]{ font-size: var(--font-size-sm); }
}
@media (max-width: 380px){
    .stat-wide[b-jz80taga9m]{ grid-template-columns: 1fr 100px; }
    .sw-right[b-jz80taga9m]{ min-width:100px; }
}
/* /Pages/Builds/Health/Affiliate/Clients/Profile/Components/Performance/ClientPerformancePanel.razor.rz.scp.css */
/* ===== Client • Performance (scoped to .perf-panel) ===== */
.perf-panel *[b-nnfqufnggm]{ box-sizing:border-box; min-width:0; }
.panel-head .summary-sub[b-nnfqufnggm]{ color: var(--color-text-muted); }
.mb-section[b-nnfqufnggm]{ margin-bottom: var(--spacing-xl); }

/* Key/Value rows */
.kv-row[b-nnfqufnggm]{ display:grid; grid-template-columns:1fr auto; align-items:center; gap:.75rem; }
.kv-label[b-nnfqufnggm]{ color: var(--color-text-muted); }
.kv-value[b-nnfqufnggm]{ color: var(--color-primary); font-weight: var(--font-weight-bold); text-align:right; }
.kv-major[b-nnfqufnggm]{ font-size: var(--font-size-value-lg); }

/* Rails */
.rail[b-nnfqufnggm]{ display:flex; width:100%; height:12px; border-radius:999px; overflow:hidden;
    background: var(--color-surface-dark); border:1px solid var(--color-border-light);}
.rail.rail-lg[b-nnfqufnggm]{ height:14px; } .rail.rail-sm[b-nnfqufnggm]{ height:10px; }
.rail .bar[b-nnfqufnggm]{ height:100%; background: var(--color-primary); transition: width .25s ease; }

/* Active Influence pin */
.ai-panel[b-nnfqufnggm]{ position:relative; }
.ai-rail-wrap[b-nnfqufnggm]{ position:relative; width:100%; min-height:28px; display:grid; align-items:center; }
.ai-rail[b-nnfqufnggm]{ position:relative; z-index:1; }
.rail-pin[b-nnfqufnggm]{ position:absolute; left:0; top:-6px; transform:translateX(-50%); z-index:2;
    display:grid; justify-items:center; gap:4px; pointer-events:none; }
.pin-dot[b-nnfqufnggm]{ width:10px; height:10px; border-radius:50%; background: var(--color-primary); box-shadow:0 0 0 2px var(--color-white); }
.pin-stick[b-nnfqufnggm]{ width:2px; height:12px; background: var(--color-primary); border-radius:1px; margin-top:-2px; }
.pin-label[b-nnfqufnggm]{ font-weight: var(--font-weight-bold); }
.axis[b-nnfqufnggm]{ display:flex; justify-content:space-between; align-items:center; }
.axis-end[b-nnfqufnggm]{ color: var(--color-label); }

/* Pair + Preview */
.pair-line[b-nnfqufnggm]{ display:flex; align-items:baseline; justify-content:space-between; gap:.75rem; }
.inline-metric[b-nnfqufnggm]{ display:inline-flex; align-items:baseline; gap:.5rem; }
.preview-line[b-nnfqufnggm]{ display:flex; align-items:center; gap:.75rem; margin-top:.5rem; }
.preview-item[b-nnfqufnggm]{ display:inline-flex; align-items:baseline; gap:.5rem; }

/* Impact list */
.impact-row[b-nnfqufnggm]{ align-items:center; }
.impact-row .row-extras[b-nnfqufnggm]{ display:grid; grid-template-columns:auto 1fr auto; gap: var(--gap-sm); align-items:center; min-width:240px; }
.impact-stats[b-nnfqufnggm]{ display:grid; gap:6px; text-align:right; }
@media (max-width: 991.98px){
    .impact-row .row-extras[b-nnfqufnggm]{ grid-template-columns:auto 1fr; }
    .impact-stats[b-nnfqufnggm]{ text-align:left; }
}
/* /Pages/Builds/Health/Affiliate/Clients/Profile/Components/Programs/ClientProgramsPanel.razor.rz.scp.css */
/* ===== Client • Program History (scoped to .programs-panel) ===== */
.programs-panel *[b-zv6jlv4bjz]{ box-sizing:border-box; min-width:0; }

.section-gap[b-zv6jlv4bjz]{ margin-bottom: var(--spacing-xl); }
.inner-section-gap[b-zv6jlv4bjz]{ margin-bottom: var(--spacing-lg); }

.filters-row[b-zv6jlv4bjz]{ display:flex; align-items:center; gap:.5rem; flex-wrap:wrap; }
.search-wrap input[b-zv6jlv4bjz]{ min-width: 220px; }

.kv-row[b-zv6jlv4bjz]{
    display:grid; grid-template-columns:1fr auto; align-items:center; gap:.75rem;
}
.kv-value[b-zv6jlv4bjz]{ color: var(--color-primary); font-weight: var(--font-weight-bold); text-align:right; }
.kv-major[b-zv6jlv4bjz]{ font-size: var(--font-size-value-lg); }
.pair-line[b-zv6jlv4bjz]{ display:flex; align-items:baseline; justify-content:space-between; gap:.75rem; }

.metric-grid.grid-3x[b-zv6jlv4bjz]{
    display:grid; gap: var(--gap-md);
    grid-template-columns: repeat(3, minmax(0,1fr));
}
@media (max-width: 991.98px){ .metric-grid.grid-3x[b-zv6jlv4bjz]{ grid-template-columns: 1fr; } }

.info-panel[b-zv6jlv4bjz]{ font-size: var(--font-size-sm); font-weight: var(--font-weight-bold); }

/* rails */
.rail[b-zv6jlv4bjz]{
    display:flex; width:100%; height:12px; border-radius:999px; overflow:hidden;
    background: var(--color-surface-dark); border:1px solid var(--color-border-light);
}
.rail.rail-lg[b-zv6jlv4bjz]{ height:14px; }
.rail.rail-sm[b-zv6jlv4bjz]{ height:10px; }
.rail .bar[b-zv6jlv4bjz]{ height:100%; background: var(--color-primary); transition: width .25s ease; }
.w-200[b-zv6jlv4bjz]{ width:200px; }

/* list rows (reuse impact look) */
.list-table[b-zv6jlv4bjz]{ display:grid; gap:.5rem; }
.impact-row[b-zv6jlv4bjz]{ align-items:center; }
.impact-row .row-extras[b-zv6jlv4bjz]{
    display:grid; grid-template-columns:auto 1fr auto; gap: var(--gap-sm);
    align-items:center; min-width:240px;
}
.impact-stats[b-zv6jlv4bjz]{ display:grid; gap:6px; text-align:right; }
@media (max-width: 991.98px){
    .impact-row .row-extras[b-zv6jlv4bjz]{ grid-template-columns:auto 1fr; }
    .impact-stats[b-zv6jlv4bjz]{ text-align:left; }
}

/* chips */
.chip-group[b-zv6jlv4bjz]{ display:flex; gap:.35rem; flex-wrap:wrap; }
.chip.is-active[b-zv6jlv4bjz]{ outline: 2px solid var(--color-primary); }

/* cards */
.panel-card .summary-sub[b-zv6jlv4bjz]{ color: var(--color-text-muted); }
/* /Pages/Builds/Health/Affiliate/Clients/Profile/Components/Sessions/ClientSessionHistoryPanel.razor.rz.scp.css */
/* ---------- ClientSessionHistoryPanel.razor (scoped) ---------- */

.history-wrap[b-mf8bi9d6ra] { display: grid; gap: var(--spacing-lg); }

/* Toolbar (chips at right) */
.identity-right.chip-row .chip[b-mf8bi9d6ra] { cursor: pointer; user-select: none; }
.identity-right.chip-row .chip.is-active[b-mf8bi9d6ra] {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 18%, transparent);
}

/* Table */
.table-card[b-mf8bi9d6ra] { background: var(--color-surface); border: 1px solid var(--color-border-light);
    border-radius: var(--radius-card); padding: var(--spacing-sm); box-shadow: var(--shadow-xs); }
.table-sm[b-mf8bi9d6ra] { width: 100%; }
.table-sm thead th[b-mf8bi9d6ra] {
    border-bottom: 1px solid var(--table-row-border);
    font-weight: var(--font-weight-bold);
}

/* Hover rows */
.table-sm tbody tr:hover[b-mf8bi9d6ra] { background: var(--table-row-hover-bg); }

/* Zone mini bar — inline style=\"--p:0.25\" controls width */
.zone-mini[b-mf8bi9d6ra] {
    display: flex; height: 10px; width: 120px;
    background: var(--color-surface-dark);
    border-radius: 999px; overflow: hidden;
    outline: 1px solid color-mix(in srgb, var(--color-border-light) 70%, transparent);
}
.zone-mini .z[b-mf8bi9d6ra] { display: block; height: 100%; width: calc(var(--p, 0) * 100%); }
.zone-mini .z.z1[b-mf8bi9d6ra] { background: var(--pill-zone-z1-text); opacity: .55; }
.zone-mini .z.z2[b-mf8bi9d6ra] { background: var(--pill-zone-z2-text); opacity: .55; }
.zone-mini .z.z3[b-mf8bi9d6ra] { background: var(--pill-zone-z3-text); opacity: .55; }
.zone-mini .z.z4[b-mf8bi9d6ra] { background: var(--pill-zone-z4-text); opacity: .55; }
.zone-mini .z.z5[b-mf8bi9d6ra] { background: var(--pill-zone-z4-text); opacity: .85; }

/* Notes truncation */
.truncate[b-mf8bi9d6ra] { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Footer totals */
.table-footer .pill[b-mf8bi9d6ra] { margin-left: .35rem; }

@media (max-width: 991.98px) {
    .zone-mini[b-mf8bi9d6ra] { width: 100px; }
}
@media (max-width: 575.98px) {
    .zone-mini[b-mf8bi9d6ra] { width: 90px; }
}
/* /Pages/Builds/Health/Affiliate/Clients/Profile/HealthAffiliateClientProfile.razor.rz.scp.css */
/* ===== Affiliate Client Profile — scoped CSS =====
   (Layout only — colors/spacing/typography come from globals)
*/

/* Page rhythm */
.mb-section[b-inkcv4qzc8]{ margin-bottom: var(--spacing-xl); }

/* ---------- HERO ---------- */
.hero-card[b-inkcv4qzc8]{ padding: var(--spacing-lg); }
.hero-grid[b-inkcv4qzc8]{
    display:grid;
    gap: var(--gap-lg);
    grid-template-columns: 1fr 260px;
    align-items:start;
}
@media (max-width: 991.98px){
    .hero-grid[b-inkcv4qzc8]{ grid-template-columns: 1fr; }
}

.id-block[b-inkcv4qzc8]{
    display:grid;
    grid-template-columns:auto 1fr;
    gap: var(--gap-md);
    align-items:start;
}
.avatar-image[b-inkcv4qzc8],.avatar-initials[b-inkcv4qzc8]{
    width:96px; height:96px; border-radius:50%;
    display:grid; place-items:center;
    border:2px solid var(--color-primary);
    box-shadow: var(--shadow-sm);
    background:#fff; object-fit:cover;
}
.avatar-initials[b-inkcv4qzc8]{
    color: var(--color-primary);
    font-weight: var(--font-weight-bold);
}
.summary-title[b-inkcv4qzc8]{
    font-family: var(--font-family-header), sans-serif;
    font-size: var(--font-size-header);
    color: var(--color-primary);
}
.contact-row[b-inkcv4qzc8]{ margin-top:.35rem; }

.hero-actions[b-inkcv4qzc8]{ display:flex; flex-direction:column; gap:.5rem; }

.stat-tile-hover[b-inkcv4qzc8]{ background: var(--color-bg);}

/* ===== Panels ===== */
.panel-card[b-inkcv4qzc8]{
    padding: var(--spacing-lg);
}
.panel-head[b-inkcv4qzc8]{
    display:flex; align-items:center; justify-content:space-between;
    margin-bottom: var(--spacing-md);
}
.panel-grid[b-inkcv4qzc8]{
    display:grid;
    gap: var(--gap-md);
    grid-template-columns: repeat(2, minmax(0,1fr));
}
@media (max-width: 767.98px){
    .panel-grid[b-inkcv4qzc8]{ grid-template-columns: 1fr; }
}

/* Use ghost style for inner tiles so panels feel cohesive */
.stat-wide.is-ghost[b-inkcv4qzc8]{
    background: var(--color-bg);
    border-color: var(--color-border-light);
    box-shadow: none;
}

/* ---------- STAT-WIDE CARDS ---------- */
.stat-wide[b-inkcv4qzc8]{
    display:grid;
    grid-template-columns: 1fr auto;
    gap: var(--gap-md);
    align-items:center;
    padding: var(--spacing-md) var(--spacing-lg);
    border-radius: var(--radius-card);
    border: 1px solid var(--color-border-light);
    box-shadow: var(--shadow-sm);
}
.sw-left[b-inkcv4qzc8]{ min-width:0; }
.sw-title[b-inkcv4qzc8]{
    font-size: clamp(1rem,.95rem + .25vw,1.1rem);
    margin-bottom:.15rem;
}
.sw-desc[b-inkcv4qzc8]{ color: var(--color-text-muted); opacity:.9; }

/* Right block — value + optional sub + CTA anchored right */
.sw-right[b-inkcv4qzc8]{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    justify-content:center;
    gap:.25rem;
    min-width:110px;
    text-align:right;
}
.sw-value[b-inkcv4qzc8]{
    font-size: clamp(1.35rem, 1rem + 1vw, 1.8rem);
    color: var(--color-primary);
    font-weight: var(--font-weight-bold);
    line-height:1.05;
}
.sw-sub[b-inkcv4qzc8]{
    font-size: clamp(.85rem,.8rem + .2vw,1rem);
    color: var(--color-text-strong);
    opacity:.85;
}
.sw-cta[b-inkcv4qzc8]{
    font-size: var(--font-size-sm);
    color: var(--color-primary);
    font-weight: 400;
    margin-top:.2rem;
    align-self:flex-end;
}

/* ---------- MOBILE TWEAKS ---------- */
@media (max-width: 767.98px){
    .stat-wide[b-inkcv4qzc8]{
        grid-template-columns: 1fr 110px;
        padding: var(--spacing-sm) var(--spacing-md);
    }
    .sw-title[b-inkcv4qzc8]{ font-size: 1rem; }
    .sw-desc[b-inkcv4qzc8]{ font-size: var(--font-size-sm); line-height:1.2; }
    .sw-value[b-inkcv4qzc8]{ font-size: 1.25rem; }
    .sw-cta[b-inkcv4qzc8]{ font-size: var(--font-size-sm); }
}
@media (max-width: 380px){
    .stat-wide[b-inkcv4qzc8]{ grid-template-columns: 1fr 100px; }
    .sw-right[b-inkcv4qzc8]{ min-width:100px; }
}

/* subnav under hero (uses global tokens) */
.client-subnav[b-inkcv4qzc8]{
    display:flex;
    gap:.5rem;
    flex-wrap:wrap;
    padding-bottom:.25rem;
}

/* Default (desktop/tablet): keep current flex-wrap look */
.client-subnav[b-inkcv4qzc8] { display: flex; flex-wrap: wrap; gap: .5rem; }

/* Mobile: force an even 2×N grid (8 chips => 2×4) */
@media (max-width: 767.98px){
    .client-subnav[b-inkcv4qzc8]{
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .5rem;
    }
    .client-subnav .chip[b-inkcv4qzc8]{
        width: 100%;                 /* fill the grid cell */
        justify-content: flex-start; /* left-align icon + label (optional) */
    }
}

/* /Pages/Builds/Health/Affiliate/Components/InviteUserModal.razor.rz.scp.css */
:host[b-18pry6hydp] { display: contents; }

/* Tighten header/body spacing via Bootstrap surface tokens */
.modal-header .modal-title[b-18pry6hydp] {
    color: var(--color-text-strong);
    font-weight: 700;
}
.modal-header[b-18pry6hydp] { border-bottom: 1px solid var(--color-surface-border); }
.modal-footer[b-18pry6hydp] { border-top: 1px solid var(--color-surface-border); }

/* Inputs: rely on Bootstrap; only reinforce focus with tokens */
.form-control:focus[b-18pry6hydp], .form-select:focus[b-18pry6hydp], textarea:focus[b-18pry6hydp] {
    outline: 2px solid var(--color-primary);
    outline-offset: 1px;
    box-shadow: none;
}

/* Small label tone */
.label-sm[b-18pry6hydp] { color: var(--color-text-muted); }
/* /Pages/Builds/Health/Affiliate/Dashboard/HealthAffiliateDashboard.razor.rz.scp.css */
/* empty on purpose. elements-components.css file covers everything.
Add page-only overrides here if needed. */

.label-sm .text-muted[b-nuk4jwwkxw]
/* /Pages/Builds/Health/Affiliate/Dashboard/HealthAffiliateDashboardIndex.razor.rz.scp.css */
.nav-section[b-3m5pttvji9] { }

.nav-heading[b-3m5pttvji9]{
    font-weight:700; letter-spacing:.03em; text-transform:uppercase;
    color:var(--color-primary); margin-bottom:.5rem; font-size:.9rem;
}

.nav-card[b-3m5pttvji9]{
    background: var(--color-bg);
    border:1px solid var(--color-border-light);
    border-radius:var(--radius-md);
    text-decoration:none; color:inherit;
    display:flex; gap:.75rem; align-items:flex-start;
    transition: box-shadow .15s ease, border-color .15s ease;
    margin-bottom:.75rem;
}
.nav-card:hover[b-3m5pttvji9]{
    background: var(--color-surface-hover);
    box-shadow:var(--shadow-sm);
    border-color:var(--color-border-default);
}

.nav-icon[b-3m5pttvji9]{
    font-size:1.4rem; line-height:1; width:2rem; text-align:center; margin-top:.15rem;
}

.nav-title[b-3m5pttvji9]{ font-weight:700; }
.nav-sub[b-3m5pttvji9]{ font-size:.92rem; }
.nav-cta[b-3m5pttvji9]{ font-weight:700; color:var(--color-primary); margin-left:auto; }

/* (Optional helper retained for parity) */
.video-box[b-3m5pttvji9]{
    width:100%; height:200px; border-radius:var(--radius-md);
    background:var(--color-surface);
    display:flex; align-items:center; justify-content:center;
    font-weight:600; opacity:.9;
}
/* /Pages/Builds/Health/Affiliate/Dashboard/KPIs/Activity/HealthAffiliateKPIsActivity.razor.rz.scp.css */
/* ===== KPI pages — shared scoped CSS (Activity) ===== */
.kpi-header[b-ukgnhj9plo]{ padding: var(--spacing-lg); }

.kpi-grid[b-ukgnhj9plo]{
    display:grid; gap: var(--gap-sm);
    grid-template-columns: repeat(12, minmax(0,1fr));
}
.kpi-col-4[b-ukgnhj9plo]{ grid-column: span 4; }
.kpi-col-6[b-ukgnhj9plo]{ grid-column: span 6; }
.kpi-col-8[b-ukgnhj9plo]{ grid-column: span 8; }
.kpi-col-12[b-ukgnhj9plo]{ grid-column: span 12; }
@media (max-width:1199.98px){ .kpi-col-4[b-ukgnhj9plo],.kpi-col-6[b-ukgnhj9plo],.kpi-col-8[b-ukgnhj9plo]{ grid-column: span 12; } }

.kpi-metrics[b-ukgnhj9plo]{ display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: var(--gap-sm); }
@media (max-width: 991.98px){ .kpi-metrics[b-ukgnhj9plo]{ grid-template-columns: repeat(2, minmax(0,1fr)); } }

.kpi-tile[b-ukgnhj9plo]{
    display:flex; align-items:center; justify-content:space-between; gap:.5rem;
    padding:.65rem .8rem; border-radius: var(--radius-card);
    border:1px solid var(--color-border-light); background: var(--stat-tile-bg); box-shadow: var(--shadow-sm);
}
.kpi-tile .lbl[b-ukgnhj9plo]{ font-weight: var(--font-weight-bold); }
.kpi-tile .val[b-ukgnhj9plo]{ color: var(--color-primary); font-weight: var(--font-weight-bold); }
.kpi-tile--stack[b-ukgnhj9plo]{ flex-direction: column; align-items:flex-start; gap:.15rem; }
.kpi-tile--stack .hint[b-ukgnhj9plo]{ color: var(--color-text-muted); font-size: var(--font-size-xs); }

.chart-card[b-ukgnhj9plo]{
    display:grid; grid-template-columns: 1fr auto; gap: var(--gap-sm);
    padding: var(--padding-md); border:1px solid var(--color-border-light);
    border-radius: var(--radius-card); background:#fff; box-shadow: var(--shadow-sm);
    min-height: 240px;
}
.chart-body[b-ukgnhj9plo]{ min-height: 170px; }
.chart-canvas[b-ukgnhj9plo]{ width:100%; height:170px; }
.chart-aside[b-ukgnhj9plo]{ display:grid; row-gap:.35rem; align-content:start; min-width: 180px; text-align:right; }
.chart-aside .title[b-ukgnhj9plo]{ font-weight: var(--font-weight-bold); color: var(--color-text-strong); }
.chart-aside .kv[b-ukgnhj9plo]{ font-weight: var(--font-weight-bold); color: var(--color-primary); font-variant-numeric: tabular-nums; }
.chart-aside .sub[b-ukgnhj9plo]{ color: var(--color-text-muted); font-size: var(--font-size-sm); }

.chart-head[b-ukgnhj9plo]{ grid-column: 1 / -1; }
.chart-title[b-ukgnhj9plo]{ font-weight: var(--font-weight-bold); color: var(--color-text-strong); }
.chart-sub[b-ukgnhj9plo]{ color: var(--color-text-muted); font-size: var(--font-size-sm); }
.chart-foot[b-ukgnhj9plo]{
    grid-column: 1 / -1; color: var(--color-text-muted); font-size: var(--font-size-xs);
    border-top: 1px solid var(--color-border-light); padding-top:.4rem; margin-top:.25rem;
}

.kpi-table .table-base[b-ukgnhj9plo]{ background:#fff; }
.table-head[b-ukgnhj9plo]{ display:flex; align-items:baseline; gap:.75rem; margin-bottom:.35rem; }
.table-sub[b-ukgnhj9plo]{ color: var(--color-text-muted); font-size: var(--font-size-sm); }
.table-foot[b-ukgnhj9plo]{ margin-top:.35rem; }

/* Glossary */
.kpi-help[b-ukgnhj9plo]{ margin-top: .5rem; }
.kpi-help-summary[b-ukgnhj9plo]{
    display:inline-flex; align-items:center; gap:.4rem;
    font-weight: var(--font-weight-bold); color: var(--color-primary); cursor: pointer;
}
.kpi-help-body[b-ukgnhj9plo]{
    margin-top:.35rem; padding:.6rem .75rem;
    background: var(--color-surface); border:1px solid var(--color-border-light);
    border-radius: var(--radius-card);
}
.kpi-help-body dl[b-ukgnhj9plo]{ display:grid; grid-template-columns: 160px 1fr; gap:.25rem .75rem; margin:0; }
.kpi-help-body dt[b-ukgnhj9plo]{ font-weight: var(--font-weight-bold); color: var(--color-text-strong); }
.kpi-help-body dd[b-ukgnhj9plo]{ margin:0; color: var(--color-text-body); }

/* Tighten header spacing on phones */
@media (max-width: 575.98px){
    .kpi-header[b-ukgnhj9plo] { padding: var(--spacing-md); }
    .chart-aside[b-ukgnhj9plo] { min-width: 140px; }
    .kpi-metrics[b-ukgnhj9plo] { gap: var(--gap-sm); }
}

/* Better caption spacing consistency */
.chart-foot[b-ukgnhj9plo] { margin-top: .4rem; padding-top: .5rem; }

/* /Pages/Builds/Health/Affiliate/Dashboard/KPIs/Results/HealthAffiliateKPIsResults.razor.rz.scp.css */
/* ===== KPI pages — shared scoped CSS (Activity) ===== */
.kpi-header[b-5onuticeyq]{ padding: var(--spacing-lg); }

.kpi-grid[b-5onuticeyq]{
    display:grid; gap: var(--gap-sm);
    grid-template-columns: repeat(12, minmax(0,1fr));
}
.kpi-col-4[b-5onuticeyq]{ grid-column: span 4; }
.kpi-col-6[b-5onuticeyq]{ grid-column: span 6; }
.kpi-col-8[b-5onuticeyq]{ grid-column: span 8; }
.kpi-col-12[b-5onuticeyq]{ grid-column: span 12; }
@media (max-width:1199.98px){ .kpi-col-4[b-5onuticeyq],.kpi-col-6[b-5onuticeyq],.kpi-col-8[b-5onuticeyq]{ grid-column: span 12; } }

.kpi-metrics[b-5onuticeyq]{ display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: var(--gap-sm); }
@media (max-width: 991.98px){ .kpi-metrics[b-5onuticeyq]{ grid-template-columns: repeat(2, minmax(0,1fr)); } }

.kpi-tile[b-5onuticeyq]{
    display:flex; align-items:center; justify-content:space-between; gap:.5rem;
    padding:.65rem .8rem; border-radius: var(--radius-card);
    border:1px solid var(--color-border-light); background: var(--stat-tile-bg); box-shadow: var(--shadow-sm);
}
.kpi-tile .lbl[b-5onuticeyq]{ font-weight: var(--font-weight-bold); }
.kpi-tile .val[b-5onuticeyq]{ color: var(--color-primary); font-weight: var(--font-weight-bold); }
.kpi-tile--stack[b-5onuticeyq]{ flex-direction: column; align-items:flex-start; gap:.15rem; }
.kpi-tile--stack .hint[b-5onuticeyq]{ color: var(--color-text-muted); font-size: var(--font-size-xs); }

.chart-card[b-5onuticeyq]{
    display:grid; grid-template-columns: 1fr auto; gap: var(--gap-sm);
    padding: var(--padding-md); border:1px solid var(--color-border-light);
    border-radius: var(--radius-card); background:#fff; box-shadow: var(--shadow-sm);
    min-height: 240px;
}
.chart-body[b-5onuticeyq]{ min-height: 170px; }
.chart-canvas[b-5onuticeyq]{ width:100%; height:170px; }
.chart-aside[b-5onuticeyq]{ display:grid; row-gap:.35rem; align-content:start; min-width: 180px; text-align:right; }
.chart-aside .title[b-5onuticeyq]{ font-weight: var(--font-weight-bold); color: var(--color-text-strong); }
.chart-aside .kv[b-5onuticeyq]{ font-weight: var(--font-weight-bold); color: var(--color-primary); font-variant-numeric: tabular-nums; }
.chart-aside .sub[b-5onuticeyq]{ color: var(--color-text-muted); font-size: var(--font-size-sm); }

.chart-head[b-5onuticeyq]{ grid-column: 1 / -1; }
.chart-title[b-5onuticeyq]{ font-weight: var(--font-weight-bold); color: var(--color-text-strong); }
.chart-sub[b-5onuticeyq]{ color: var(--color-text-muted); font-size: var(--font-size-sm); }
.chart-foot[b-5onuticeyq]{
    grid-column: 1 / -1; color: var(--color-text-muted); font-size: var(--font-size-xs);
    border-top: 1px solid var(--color-border-light); padding-top:.4rem; margin-top:.25rem;
}

.kpi-table .table-base[b-5onuticeyq]{ background:#fff; }
.table-head[b-5onuticeyq]{ display:flex; align-items:baseline; gap:.75rem; margin-bottom:.35rem; }
.table-sub[b-5onuticeyq]{ color: var(--color-text-muted); font-size: var(--font-size-sm); }
.table-foot[b-5onuticeyq]{ margin-top:.35rem; }

/* Glossary */
.kpi-help[b-5onuticeyq]{ margin-top: .5rem; }
.kpi-help-summary[b-5onuticeyq]{
    display:inline-flex; align-items:center; gap:.4rem;
    font-weight: var(--font-weight-bold); color: var(--color-primary); cursor: pointer;
}
.kpi-help-body[b-5onuticeyq]{
    margin-top:.35rem; padding:.6rem .75rem;
    background: var(--color-surface); border:1px solid var(--color-border-light);
    border-radius: var(--radius-card);
}
.kpi-help-body dl[b-5onuticeyq]{ display:grid; grid-template-columns: 160px 1fr; gap:.25rem .75rem; margin:0; }
.kpi-help-body dt[b-5onuticeyq]{ font-weight: var(--font-weight-bold); color: var(--color-text-strong); }
.kpi-help-body dd[b-5onuticeyq]{ margin:0; color: var(--color-text-body); }

/* Tighten header spacing on phones */
@media (max-width: 575.98px){
    .kpi-header[b-5onuticeyq] { padding: var(--spacing-md); }
    .chart-aside[b-5onuticeyq] { min-width: 140px; }
    .kpi-metrics[b-5onuticeyq] { gap: var(--gap-sm); }
}

/* Better caption spacing consistency */
.chart-foot[b-5onuticeyq] { margin-top: .4rem; padding-top: .5rem; }

/* /Pages/Builds/Health/Affiliate/Dashboard/KPIs/Retention/HealthAffiliateKPIsRetention.razor.rz.scp.css */
/* ===== KPI pages — shared scoped CSS (Activity) ===== */
.kpi-header[b-shrzrepz51]{ padding: var(--spacing-lg); }

.kpi-grid[b-shrzrepz51]{
    display:grid; gap: var(--gap-sm);
    grid-template-columns: repeat(12, minmax(0,1fr));
}
.kpi-col-4[b-shrzrepz51]{ grid-column: span 4; }
.kpi-col-6[b-shrzrepz51]{ grid-column: span 6; }
.kpi-col-8[b-shrzrepz51]{ grid-column: span 8; }
.kpi-col-12[b-shrzrepz51]{ grid-column: span 12; }
@media (max-width:1199.98px){ .kpi-col-4[b-shrzrepz51],.kpi-col-6[b-shrzrepz51],.kpi-col-8[b-shrzrepz51]{ grid-column: span 12; } }

.kpi-metrics[b-shrzrepz51]{ display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: var(--gap-sm); }
@media (max-width: 991.98px){ .kpi-metrics[b-shrzrepz51]{ grid-template-columns: repeat(2, minmax(0,1fr)); } }

.kpi-tile[b-shrzrepz51]{
    display:flex; align-items:center; justify-content:space-between; gap:.5rem;
    padding:.65rem .8rem; border-radius: var(--radius-card);
    border:1px solid var(--color-border-light); background: var(--stat-tile-bg); box-shadow: var(--shadow-sm);
}
.kpi-tile .lbl[b-shrzrepz51]{ font-weight: var(--font-weight-bold); }
.kpi-tile .val[b-shrzrepz51]{ color: var(--color-primary); font-weight: var(--font-weight-bold); }
.kpi-tile--stack[b-shrzrepz51]{ flex-direction: column; align-items:flex-start; gap:.15rem; }
.kpi-tile--stack .hint[b-shrzrepz51]{ color: var(--color-text-muted); font-size: var(--font-size-xs); }

.chart-card[b-shrzrepz51]{
    display:grid; grid-template-columns: 1fr auto; gap: var(--gap-sm);
    padding: var(--padding-md); border:1px solid var(--color-border-light);
    border-radius: var(--radius-card); background:#fff; box-shadow: var(--shadow-sm);
    min-height: 240px;
}
.chart-body[b-shrzrepz51]{ min-height: 170px; }
.chart-canvas[b-shrzrepz51]{ width:100%; height:170px; }
.chart-aside[b-shrzrepz51]{ display:grid; row-gap:.35rem; align-content:start; min-width: 180px; text-align:right; }
.chart-aside .title[b-shrzrepz51]{ font-weight: var(--font-weight-bold); color: var(--color-text-strong); }
.chart-aside .kv[b-shrzrepz51]{ font-weight: var(--font-weight-bold); color: var(--color-primary); font-variant-numeric: tabular-nums; }
.chart-aside .sub[b-shrzrepz51]{ color: var(--color-text-muted); font-size: var(--font-size-sm); }

.chart-head[b-shrzrepz51]{ grid-column: 1 / -1; }
.chart-title[b-shrzrepz51]{ font-weight: var(--font-weight-bold); color: var(--color-text-strong); }
.chart-sub[b-shrzrepz51]{ color: var(--color-text-muted); font-size: var(--font-size-sm); }
.chart-foot[b-shrzrepz51]{
    grid-column: 1 / -1; color: var(--color-text-muted); font-size: var(--font-size-xs);
    border-top: 1px solid var(--color-border-light); padding-top:.4rem; margin-top:.25rem;
}

.kpi-table .table-base[b-shrzrepz51]{ background:#fff; }
.table-head[b-shrzrepz51]{ display:flex; align-items:baseline; gap:.75rem; margin-bottom:.35rem; }
.table-sub[b-shrzrepz51]{ color: var(--color-text-muted); font-size: var(--font-size-sm); }
.table-foot[b-shrzrepz51]{ margin-top:.35rem; }

/* Glossary */
.kpi-help[b-shrzrepz51]{ margin-top: .5rem; }
.kpi-help-summary[b-shrzrepz51]{
    display:inline-flex; align-items:center; gap:.4rem;
    font-weight: var(--font-weight-bold); color: var(--color-primary); cursor: pointer;
}
.kpi-help-body[b-shrzrepz51]{
    margin-top:.35rem; padding:.6rem .75rem;
    background: var(--color-surface); border:1px solid var(--color-border-light);
    border-radius: var(--radius-card);
}
.kpi-help-body dl[b-shrzrepz51]{ display:grid; grid-template-columns: 160px 1fr; gap:.25rem .75rem; margin:0; }
.kpi-help-body dt[b-shrzrepz51]{ font-weight: var(--font-weight-bold); color: var(--color-text-strong); }
.kpi-help-body dd[b-shrzrepz51]{ margin:0; color: var(--color-text-body); }

/* Tighten header spacing on phones */
@media (max-width: 575.98px){
    .kpi-header[b-shrzrepz51] { padding: var(--spacing-md); }
    .chart-aside[b-shrzrepz51] { min-width: 140px; }
    .kpi-metrics[b-shrzrepz51] { gap: var(--gap-sm); }
}

/* Better caption spacing consistency */
.chart-foot[b-shrzrepz51] { margin-top: .4rem; padding-top: .5rem; }

/* /Pages/Builds/Health/Affiliate/Dashboard/KPIs/Sessions/HealthAffiliateKPIsSessions.razor.rz.scp.css */
/* ===== KPI pages — shared scoped CSS (Activity) ===== */
.kpi-header[b-ttmllxwxmq]{ padding: var(--spacing-lg); }

.kpi-grid[b-ttmllxwxmq]{
    display:grid; gap: var(--gap-sm);
    grid-template-columns: repeat(12, minmax(0,1fr));
}
.kpi-col-4[b-ttmllxwxmq]{ grid-column: span 4; }
.kpi-col-6[b-ttmllxwxmq]{ grid-column: span 6; }
.kpi-col-8[b-ttmllxwxmq]{ grid-column: span 8; }
.kpi-col-12[b-ttmllxwxmq]{ grid-column: span 12; }
@media (max-width:1199.98px){ .kpi-col-4[b-ttmllxwxmq],.kpi-col-6[b-ttmllxwxmq],.kpi-col-8[b-ttmllxwxmq]{ grid-column: span 12; } }

.kpi-metrics[b-ttmllxwxmq]{ display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: var(--gap-sm); }
@media (max-width: 991.98px){ .kpi-metrics[b-ttmllxwxmq]{ grid-template-columns: repeat(2, minmax(0,1fr)); } }

.kpi-tile[b-ttmllxwxmq]{
    display:flex; align-items:center; justify-content:space-between; gap:.5rem;
    padding:.65rem .8rem; border-radius: var(--radius-card);
    border:1px solid var(--color-border-light); background: var(--stat-tile-bg); box-shadow: var(--shadow-sm);
}
.kpi-tile .lbl[b-ttmllxwxmq]{ font-weight: var(--font-weight-bold); }
.kpi-tile .val[b-ttmllxwxmq]{ color: var(--color-primary); font-weight: var(--font-weight-bold); }
.kpi-tile--stack[b-ttmllxwxmq]{ flex-direction: column; align-items:flex-start; gap:.15rem; }
.kpi-tile--stack .hint[b-ttmllxwxmq]{ color: var(--color-text-muted); font-size: var(--font-size-xs); }

.chart-card[b-ttmllxwxmq]{
    display:grid; grid-template-columns: 1fr auto; gap: var(--gap-sm);
    padding: var(--padding-md); border:1px solid var(--color-border-light);
    border-radius: var(--radius-card); background:#fff; box-shadow: var(--shadow-sm);
    min-height: 240px;
}
.chart-body[b-ttmllxwxmq]{ min-height: 170px; }
.chart-canvas[b-ttmllxwxmq]{ width:100%; height:170px; }
.chart-aside[b-ttmllxwxmq]{ display:grid; row-gap:.35rem; align-content:start; min-width: 180px; text-align:right; }
.chart-aside .title[b-ttmllxwxmq]{ font-weight: var(--font-weight-bold); color: var(--color-text-strong); }
.chart-aside .kv[b-ttmllxwxmq]{ font-weight: var(--font-weight-bold); color: var(--color-primary); font-variant-numeric: tabular-nums; }
.chart-aside .sub[b-ttmllxwxmq]{ color: var(--color-text-muted); font-size: var(--font-size-sm); }

.chart-head[b-ttmllxwxmq]{ grid-column: 1 / -1; }
.chart-title[b-ttmllxwxmq]{ font-weight: var(--font-weight-bold); color: var(--color-text-strong); }
.chart-sub[b-ttmllxwxmq]{ color: var(--color-text-muted); font-size: var(--font-size-sm); }
.chart-foot[b-ttmllxwxmq]{
    grid-column: 1 / -1; color: var(--color-text-muted); font-size: var(--font-size-xs);
    border-top: 1px solid var(--color-border-light); padding-top:.4rem; margin-top:.25rem;
}

.kpi-table .table-base[b-ttmllxwxmq]{ background:#fff; }
.table-head[b-ttmllxwxmq]{ display:flex; align-items:baseline; gap:.75rem; margin-bottom:.35rem; }
.table-sub[b-ttmllxwxmq]{ color: var(--color-text-muted); font-size: var(--font-size-sm); }
.table-foot[b-ttmllxwxmq]{ margin-top:.35rem; }

/* Glossary */
.kpi-help[b-ttmllxwxmq]{ margin-top: .5rem; }
.kpi-help-summary[b-ttmllxwxmq]{
    display:inline-flex; align-items:center; gap:.4rem;
    font-weight: var(--font-weight-bold); color: var(--color-primary); cursor: pointer;
}
.kpi-help-body[b-ttmllxwxmq]{
    margin-top:.35rem; padding:.6rem .75rem;
    background: var(--color-surface); border:1px solid var(--color-border-light);
    border-radius: var(--radius-card);
}
.kpi-help-body dl[b-ttmllxwxmq]{ display:grid; grid-template-columns: 160px 1fr; gap:.25rem .75rem; margin:0; }
.kpi-help-body dt[b-ttmllxwxmq]{ font-weight: var(--font-weight-bold); color: var(--color-text-strong); }
.kpi-help-body dd[b-ttmllxwxmq]{ margin:0; color: var(--color-text-body); }

/* Tighten header spacing on phones */
@media (max-width: 575.98px){
    .kpi-header[b-ttmllxwxmq] { padding: var(--spacing-md); }
    .chart-aside[b-ttmllxwxmq] { min-width: 140px; }
    .kpi-metrics[b-ttmllxwxmq] { gap: var(--gap-sm); }
}

/* Better caption spacing consistency */
.chart-foot[b-ttmllxwxmq] { margin-top: .4rem; padding-top: .5rem; }

/* /Pages/Builds/Health/Affiliate/Directory/Clients/HealthAffiliateDirectoryClients.razor.rz.scp.css */
/* ==== Hero / toolbar ==== */
.clients-hero[b-jcq6gg5jok]{ padding: var(--spacing-lg); }

.hero-grid[b-jcq6gg5jok]{
    display:grid; gap: var(--gap-md);
    grid-template-columns: 1fr 320px;
    align-items:start;
}
@media (max-width: 991.98px){ .hero-grid[b-jcq6gg5jok]{ grid-template-columns: 1fr; } }

.hero-title[b-jcq6gg5jok]{
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-bold);
    font-family: var(--font-family-header), sans-serif;
    color: var(--color-primary);
    line-height: 1.15;
}

.hero-stats .chip .icon[b-jcq6gg5jok]{ margin-right: .35rem; }
.hero-divider[b-jcq6gg5jok]{ height:1px; background: var(--color-border-light); margin: .8rem 0; }

.hero-controls[b-jcq6gg5jok]{
    display:grid; gap: var(--gap-md);
    grid-template-columns: 1fr 1fr;
}
@media (max-width: 575.98px){ .hero-controls[b-jcq6gg5jok]{ grid-template-columns: 1fr; } }

.control-block .label-sm[b-jcq6gg5jok]{ color: var(--color-text-muted); }

/* Status chips parity */
.chip.is-active[b-jcq6gg5jok]{ box-shadow: var(--shadow-sm); }

/* Actions column */
.hero-actions .btn[b-jcq6gg5jok]{ margin-bottom:.5rem; }

/* ==== Table polish ==== */
.table-base[b-jcq6gg5jok]{ background:#fff; }
.identity-line .identity-name[b-jcq6gg5jok]{ font-weight: var(--font-weight-bold); }
.identity-line .meta-sep[b-jcq6gg5jok]{ margin: 0 .35rem; color: var(--color-border-dark); }

.table-sticky-first thead th:first-child[b-jcq6gg5jok],
.table-sticky-first tbody td[data-label="Client"][b-jcq6gg5jok]{
    position:sticky; left:0; background:#fff; z-index:1;
}

/* Ensure pills are centered */
.card .pill[b-jcq6gg5jok], .table-base .pill[b-jcq6gg5jok]{
    display:inline-flex; align-items:center; justify-content:center;
    line-height:1; vertical-align:middle;
}

/* Pager sizing select */
.pager-size[b-jcq6gg5jok]{ width:auto; min-width: 80px; }
/* /Pages/Builds/Health/Affiliate/Directory/HealthAffiliateDirectory.razor.rz.scp.css */
/* ===== Hero ===== */
.import-hero .hero-grid[b-abxectdd9b]{
    display:grid;
    gap:var(--gap-lg);
    grid-template-columns: 1fr 260px;
    align-items:start;
}
.import-hero .hero-title[b-abxectdd9b]{
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-bold);
    color: var(--color-primary);
    margin:.1rem 0 .25rem;
}
.import-hero .hero-divider[b-abxectdd9b]{
    height:1px; background:var(--color-border-light);
    margin: var(--spacing-sm) 0 var(--spacing-sm);
}
.import-hero .hero-actions[b-abxectdd9b]{ display:flex; flex-direction:column; gap:.5rem; }
@media (max-width: 991.98px){
    .import-hero .hero-grid[b-abxectdd9b]{ grid-template-columns: 1fr; }
    .import-hero .hero-actions[b-abxectdd9b]{ flex-direction:row; gap:.5rem; }
}

/* ===== Uploader ===== */
.uploader[b-abxectdd9b]{
    border:1px dashed var(--color-border-light);
    border-radius: var(--radius-card);
    padding: clamp(18px, 3vw, 28px);
    background: var(--color-surface);
    display:flex; align-items:center; justify-content:center;
    text-align:center;
    transition: border-color .15s ease, background-color .15s ease;
}
.uploader.is-dragging[b-abxectdd9b]{
    border-color: var(--color-primary);
    background: color-mix(in srgb, var(--color-primary) 6%, var(--color-surface));
}
.upload-body[b-abxectdd9b]{ display:grid; gap:.35rem; justify-items:center; }
.upload-icon[b-abxectdd9b]{ font-size: 2rem; color: var(--color-primary); }
.upload-title[b-abxectdd9b]{ font-weight: var(--font-weight-bold); }

/* Keep InputFile tidy */
[b-abxectdd9b] input[type="file"]{
    display:inline-block;
    border:1px solid var(--color-border-light);
    background:#fff;
    border-radius: var(--radius-input);
    padding:.45rem .65rem;
    cursor:pointer;
}

/* Preview table polish */
.table-stacked thead th[b-abxectdd9b]{ white-space: nowrap; }
/* /Pages/Builds/Health/Affiliate/Directory/Import/HealthAffiliateDirectoryImport.razor.rz.scp.css */
/* ===== Hero ===== */
.import-hero .hero-grid[b-qzqxtm0bwz]{
    display:grid;
    gap:var(--gap-lg);
    grid-template-columns: 1fr 260px;
    align-items:start;
}
.import-hero .hero-title[b-qzqxtm0bwz]{
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-bold);
    color: var(--color-primary);
    margin:.1rem 0 .25rem;
}
.import-hero .hero-divider[b-qzqxtm0bwz]{
    height:1px; background:var(--color-border-light);
    margin: var(--spacing-sm) 0 var(--spacing-sm);
}
.import-hero .hero-actions[b-qzqxtm0bwz]{ display:flex; flex-direction:column; gap:.5rem; }
@media (max-width: 991.98px){
    .import-hero .hero-grid[b-qzqxtm0bwz]{ grid-template-columns: 1fr; }
    .import-hero .hero-actions[b-qzqxtm0bwz]{ flex-direction:row; gap:.5rem; }
}

/* ===== Uploader ===== */
.uploader[b-qzqxtm0bwz]{
    border:1px dashed var(--color-border-light);
    border-radius: var(--radius-card);
    padding: clamp(18px, 3vw, 28px);
    background: var(--color-surface);
    display:flex; align-items:center; justify-content:center;
    text-align:center;
    transition: border-color .15s ease, background-color .15s ease;
}
.uploader.is-dragging[b-qzqxtm0bwz]{
    border-color: var(--color-primary);
    background: color-mix(in srgb, var(--color-primary) 6%, var(--color-surface));
}
.upload-body[b-qzqxtm0bwz]{ display:grid; gap:.35rem; justify-items:center; }
.upload-icon[b-qzqxtm0bwz]{ font-size: 2rem; color: var(--color-primary); }
.upload-title[b-qzqxtm0bwz]{ font-weight: var(--font-weight-bold); }

/* Keep InputFile tidy */
[b-qzqxtm0bwz] input[type="file"]{
    display:inline-block;
    border:1px solid var(--color-border-light);
    background:#fff;
    border-radius: var(--radius-input);
    padding:.45rem .65rem;
    cursor:pointer;
}

/* Preview table polish */
.table-stacked thead th[b-qzqxtm0bwz]{ white-space: nowrap; }
/* /Pages/Builds/Health/Affiliate/Directory/Staff/HealthAffiliateDirectoryStaff.razor.rz.scp.css */
/* ==== Hero / toolbar ==== */
.dir-hero[b-fcwh3yizyh]{ padding: var(--spacing-lg); }

.hero-grid[b-fcwh3yizyh]{
    display:grid; gap: var(--gap-md);
    grid-template-columns: 1fr 320px;
    align-items:start;
}
@media (max-width: 991.98px){ .hero-grid[b-fcwh3yizyh]{ grid-template-columns: 1fr; } }

.hero-title[b-fcwh3yizyh]{
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-bold);
    font-family: var(--font-family-header), sans-serif;
    color: var(--color-primary);
    line-height: 1.15;
}

.hero-stats .chip .icon[b-fcwh3yizyh]{ margin-right:.35rem; }
.hero-divider[b-fcwh3yizyh]{ height:1px; background: var(--color-border-light); margin:.8rem 0; }

.hero-controls[b-fcwh3yizyh]{
    display:grid; gap: var(--gap-md);
    grid-template-columns: 1fr 1fr;
}
@media (max-width:575.98px){ .hero-controls[b-fcwh3yizyh]{ grid-template-columns: 1fr; } }

.control-block .label-sm[b-fcwh3yizyh]{ color: var(--color-text-muted); }
.chip.is-active[b-fcwh3yizyh]{ box-shadow: var(--shadow-sm); }

/* Actions column */
.hero-actions .btn[b-fcwh3yizyh]{ margin-bottom:.5rem; }

/* ==== Table polish ==== */
.table-base[b-fcwh3yizyh]{ background:#fff; }
.identity-line .identity-name[b-fcwh3yizyh]{ font-weight: var(--font-weight-bold); }
.identity-line .meta-sep[b-fcwh3yizyh]{ margin: 0 .35rem; color: var(--color-border-dark); }

.table-sticky-first thead th:first-child[b-fcwh3yizyh],
.table-sticky-first tbody td[data-label="Staff"][b-fcwh3yizyh]{
    position: sticky; left: 0; background: #fff; z-index: 1;
}

/* Center pills */
.card .pill[b-fcwh3yizyh], .table-base .pill[b-fcwh3yizyh]{
    display:inline-flex; align-items:center; justify-content:center;
    line-height:1; vertical-align:middle;
}

/* Pager sizing select */
.pager-size[b-fcwh3yizyh]{ width:auto; min-width: 80px; }
/* /Pages/Builds/Health/Affiliate/Directory/Trainers/HealthAffiliateDirectoryTrainers.razor.rz.scp.css */
/* ==== Hero / toolbar ==== */
.dir-hero[b-qiqdfi0jgp]{ padding: var(--spacing-lg); }

.hero-grid[b-qiqdfi0jgp]{
    display:grid; gap: var(--gap-md);
    grid-template-columns: 1fr 320px;
    align-items:start;
}
@media (max-width: 991.98px){ .hero-grid[b-qiqdfi0jgp]{ grid-template-columns: 1fr; } }

.hero-title[b-qiqdfi0jgp]{
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-bold);
    font-family: var(--font-family-header), sans-serif;
    color: var(--color-primary);
    line-height: 1.15;
}

.hero-stats .chip .icon[b-qiqdfi0jgp]{ margin-right:.35rem; }
.hero-divider[b-qiqdfi0jgp]{ height:1px; background: var(--color-border-light); margin:.8rem 0; }

.hero-controls[b-qiqdfi0jgp]{
    display:grid; gap: var(--gap-md);
    grid-template-columns: 1fr 1fr;
}
@media (max-width:575.98px){ .hero-controls[b-qiqdfi0jgp]{ grid-template-columns: 1fr; } }

.control-block .label-sm[b-qiqdfi0jgp]{ color: var(--color-text-muted); }
.chip.is-active[b-qiqdfi0jgp]{ box-shadow: var(--shadow-sm); }

/* Actions column */
.hero-actions .btn[b-qiqdfi0jgp]{ margin-bottom:.5rem; }

/* ==== Table polish ==== */
.table-base[b-qiqdfi0jgp]{ background:#fff; }
.identity-line .identity-name[b-qiqdfi0jgp]{ font-weight: var(--font-weight-bold); }
.identity-line .meta-sep[b-qiqdfi0jgp]{ margin: 0 .35rem; color: var(--color-border-dark); }

.table-sticky-first thead th:first-child[b-qiqdfi0jgp],
.table-sticky-first tbody td[data-label="Trainer"][b-qiqdfi0jgp]{
    position: sticky; left: 0; background: #fff; z-index: 1;
}

/* Center pills */
.card .pill[b-qiqdfi0jgp], .table-base .pill[b-qiqdfi0jgp]{
    display:inline-flex; align-items:center; justify-content:center;
    line-height:1; vertical-align:middle;
}

/* Pager sizing select */
.pager-size[b-qiqdfi0jgp]{ width:auto; min-width: 80px; }
/* /Pages/Builds/Health/Affiliate/Directory/Vendors/HealthAffiliateDirectoryVendors.razor.rz.scp.css */
/* ==== Hero / toolbar ==== */
.dir-hero[b-knj95qrtr8]{ padding: var(--spacing-lg); }

.hero-grid[b-knj95qrtr8]{
    display:grid; gap: var(--gap-md);
    grid-template-columns: 1fr 320px;
    align-items:start;
}
@media (max-width: 991.98px){ .hero-grid[b-knj95qrtr8]{ grid-template-columns: 1fr; } }

.hero-title[b-knj95qrtr8]{
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-bold);
    font-family: var(--font-family-header), sans-serif;
    color: var(--color-primary);
    line-height: 1.15;
}

.hero-stats .chip .icon[b-knj95qrtr8]{ margin-right:.35rem; }
.hero-divider[b-knj95qrtr8]{ height:1px; background: var(--color-border-light); margin:.8rem 0; }

.hero-controls[b-knj95qrtr8]{
    display:grid; gap: var(--gap-md);
    grid-template-columns: 1fr 1fr;
}
@media (max-width:575.98px){ .hero-controls[b-knj95qrtr8]{ grid-template-columns: 1fr; } }

.control-block .label-sm[b-knj95qrtr8]{ color: var(--color-text-muted); }
.chip.is-active[b-knj95qrtr8]{ box-shadow: var(--shadow-sm); }

/* Actions column */
.hero-actions .btn[b-knj95qrtr8]{ margin-bottom:.5rem; }

/* ==== Table polish ==== */
.table-base[b-knj95qrtr8]{ background:#fff; }
.identity-line .identity-name[b-knj95qrtr8]{ font-weight: var(--font-weight-bold); }
.identity-line .meta-sep[b-knj95qrtr8]{ margin: 0 .35rem; color: var(--color-border-dark); }

.table-sticky-first thead th:first-child[b-knj95qrtr8],
.table-sticky-first tbody td[data-label="Vendor"][b-knj95qrtr8]{
    position: sticky; left: 0; background: #fff; z-index: 1;
}

/* Center pills */
.card .pill[b-knj95qrtr8], .table-base .pill[b-knj95qrtr8]{
    display:inline-flex; align-items:center; justify-content:center;
    line-height:1; vertical-align:middle;
}

/* Pager sizing select */
.pager-size[b-knj95qrtr8]{ width:auto; min-width: 80px; }
/* /Pages/Builds/Health/Affiliate/Files/HealthAffiliateFiles.razor.rz.scp.css */
/* ===== Hero ===== */
.files-hero[b-j7nb9zxf7l]{ padding: var(--spacing-lg); }

.hero-grid[b-j7nb9zxf7l]{
    display:grid; gap: var(--gap-md);
    grid-template-columns: 1fr 320px;
    align-items:start;
}
@media (max-width: 991.98px){ .hero-grid[b-j7nb9zxf7l]{ grid-template-columns: 1fr; } }

.hero-title[b-j7nb9zxf7l]{
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-bold);
    font-family: var(--font-family-header), sans-serif;
    color: var(--color-primary);
    line-height: 1.15;
}
.hero-stats .chip .icon[b-j7nb9zxf7l]{ margin-right:.35rem; }

/* ===== Panel chrome & tiles parity ===== */
.panel-card[b-j7nb9zxf7l]{ padding: var(--spacing-lg);}
.panel-head[b-j7nb9zxf7l]{
    display:flex; align-items:center; justify-content:space-between;
    margin-bottom: var(--spacing-md);
}
.panel-sub[b-j7nb9zxf7l]{ color: var(--color-text-muted); font-size: var(--font-size-sm); }

.panel-grid[b-j7nb9zxf7l]{
    display:grid; gap: var(--gap-md);
    grid-template-columns: repeat(2, minmax(0,1fr));
}
.panel-grid-3[b-j7nb9zxf7l]{ grid-template-columns: repeat(3, minmax(0,1fr)); }
@media (max-width: 1199.98px){ .panel-grid-3[b-j7nb9zxf7l]{ grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 767.98px){ .panel-grid[b-j7nb9zxf7l], .panel-grid-3[b-j7nb9zxf7l]{ grid-template-columns: 1fr; } }

/* Stat-wide tiles */
.stat-wide[b-j7nb9zxf7l]{
    display:grid; grid-template-columns: 1fr auto;
    gap: var(--gap-md); align-items:center;
    padding: var(--spacing-md) var(--spacing-lg);
    border-radius: var(--radius-card);
    border: 1px solid var(--color-border-default);
    box-shadow: var(--shadow-sm);
    background-color:var(--color-bg);
    text-decoration: none;
}
.stat-wide.tile-link[b-j7nb9zxf7l]{ transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease; }
.stat-wide.tile-link:hover[b-j7nb9zxf7l]{ box-shadow: var(--shadow-md); transform: translateY(-1px); border: 1px solid; border-color: var(--color-primary); }
.sw-left[b-j7nb9zxf7l]{ min-width:0; }
.sw-desc[b-j7nb9zxf7l]{ color: var(--color-text-muted); }
.sw-right[b-j7nb9zxf7l]{ display:flex; flex-direction:column; align-items:flex-end; gap:.25rem; min-width:110px; text-align:right; }
.sw-value[b-j7nb9zxf7l]{ color: var(--color-primary); font-weight: var(--font-weight-bold); }

/* ===== Dropzone ===== */
.dropzone[b-j7nb9zxf7l]{
    display:flex; align-items:center; justify-content:center; gap:.75rem;
    border: 2px dashed var(--color-border-light);
    border-radius: var(--radius-card);
    padding: var(--spacing-xl);
    background: var(--color-surface);
    cursor: pointer;
    transition: border-color .12s ease, box-shadow .12s ease, transform .12s ease;
}
.dropzone:hover[b-j7nb9zxf7l]{ border-color: var(--color-border-default); box-shadow: var(--shadow-sm); transform: translateY(-1px); }
.dz-icon[b-j7nb9zxf7l]{ font-size: 1.6rem; color: var(--color-primary); }
.dz-title[b-j7nb9zxf7l]{ font-weight: var(--font-weight-bold); }
.dz-sub[b-j7nb9zxf7l]{ color: var(--color-text-muted); font-size: var(--font-size-sm); text-align:center; }

/* ===== File list polish ===== */
.file-thumb[b-j7nb9zxf7l]{ width:28px; height:28px; display:grid; place-items:center; border-radius:6px; background: var(--color-bg); margin-right:.5rem; }
.file-thumb i[b-j7nb9zxf7l]{ opacity:.9; }

/* ===== Tables & lists ===== */
.table-base[b-j7nb9zxf7l]{ background:#fff; }
.list-table .row-title[b-j7nb9zxf7l]{ font-weight: var(--font-weight-bold); color: var(--color-text-strong); }
.list-table .row-sub[b-j7nb9zxf7l]{ color: var(--color-text-muted); }
.card .pill[b-j7nb9zxf7l], .table-base .pill[b-j7nb9zxf7l]{ display:inline-flex; align-items:center; justify-content:center; line-height:1; vertical-align:middle; }

/* Actions column */
.hero-actions .btn[b-j7nb9zxf7l]{ margin-bottom:.5rem; }
/* /Pages/Builds/Health/Affiliate/Layout/HealthAffiliateLayout.razor.rz.scp.css */
/* ===== Header rhythm (matches Client) ===== */
.page-header[b-6u7ywhbz07] { padding-top: var(--spacing-sm); }
.page-header-top[b-6u7ywhbz07] { gap: var(--gap-md); }
.ph-left[b-6u7ywhbz07] { min-width: 0; }
.ph-subtitle[b-6u7ywhbz07] { margin-top: .15rem; }
.ph-actions[b-6u7ywhbz07] { margin-top: var(--spacing-xs); }
.ph-divider[b-6u7ywhbz07] { margin-top: var(--spacing-sm); border-bottom: 1px solid var(--color-border-light); }

/* ===== Chips cluster (same visuals as Client) ===== */
.ph-right .chip[b-6u7ywhbz07]{
    display:inline-flex; align-items:center; gap:.55rem;
    background: var(--color-surface);
    border:1px solid var(--color-border-light);
    border-radius: var(--radius-input);
    padding:.45rem .65rem; height: 40px; line-height: 1;
    box-shadow: var(--shadow-xs); text-decoration: none;
    color: var(--color-text-strong);
    font-weight: var(--font-weight-bold);
    transition: border-color .12s ease, box-shadow .12s ease, background-color .12s ease, transform .06s ease;
}
.ph-right .chip:hover[b-6u7ywhbz07]{
    border-color: var(--color-primary);
    box-shadow: var(--shadow-lg);
    background: var(--color-surface-light);
}
.ph-right .chip:active[b-6u7ywhbz07] { transform: translateY(1px); }

/* Icons = brand primary (supports <i> and FA-injected <svg>) */
.ph-right .chip :is(i, svg, .svg-inline--fa)[b-6u7ywhbz07]{ color: var(--color-primary); }

/* ---- Heart-ish numeric KPI ---- */
.chip.heart[b-6u7ywhbz07]{ padding-right:.6rem; }
.chip.heart .hrt-val[b-6u7ywhbz07]{ color: var(--color-text-strong); }
.chip.heart .hrt-unit[b-6u7ywhbz07]{ color: var(--color-text-muted); font-size:.81rem; font-weight: bold; }

/* Risk nuance */
.chip.heart.is-warn :is(i, .hrt-val)[b-6u7ywhbz07]{ color: var(--color-warning); }
.chip.heart.is-bad  :is(i, .hrt-val)[b-6u7ywhbz07]{ color: var(--color-danger); }

/* Brand toggle (icon-only) + mode toggle (icon-only) */
.chip.brand-toggle[b-6u7ywhbz07], .chip.mode-toggle[b-6u7ywhbz07] { cursor: pointer; }

/* ===== Content spacing ===== */
.content-container[b-6u7ywhbz07]{ padding-top: var(--spacing-md); padding-bottom: var(--spacing-xl); }

/* ===== Sub-nav tiles (same as Client) ===== */
.tile-subnav[b-6u7ywhbz07]{
    display:flex; gap: var(--gap-sm);
    padding-top: calc(var(--spacing-sm) + 2px);
    padding-bottom: calc(var(--spacing-sm) + 2px);
    margin: var(--spacing-sm) 0 var(--spacing-lg);
    overflow:hidden; max-width:100%; box-sizing:border-box;
}
.tile-subnav .tile[b-6u7ywhbz07]{
    --tile-pad-x: .9rem;
    --tile-pad-y: .72rem;
    display:inline-flex; align-items:center; gap:.55rem;
    background: var(--color-surface);
    border:1px solid var(--color-border-light);
    border-radius: var(--radius-lg);
    padding: var(--tile-pad-y) var(--tile-pad-x);
    min-height:56px;
    text-decoration:none; color: var(--label-color-default);
    font-weight: var(--font-weight-bold);
    box-shadow: var(--shadow-xs);
    transition: transform .06s ease, box-shadow .12s ease, border-color .12s ease, background-color .12s ease;
    flex:0 0 auto; max-width:100%;
}
.tile-subnav .tile:hover[b-6u7ywhbz07]{
    border-color: var(--color-primary);
    box-shadow: var(--shadow-sm);
    background: var(--color-surface-light);
}
.tile-subnav .tile:active[b-6u7ywhbz07]{ transform: translateY(1px); }
.tile-subnav .tile:focus-visible[b-6u7ywhbz07]{
    outline: 2px solid color-mix(in srgb, var(--color-primary) 70%, transparent);
    outline-offset: 2px;
}
.tile-subnav .tile.is-active[b-6u7ywhbz07]{
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 18%, transparent);
    background: color-mix(in srgb, var(--color-primary) 3%, var(--color-surface));
}

/* Icon + text */
.tile-icon[b-6u7ywhbz07]{
    width:22px; height:22px;
    display:inline-flex; align-items:center; justify-content:center;
    color: var(--color-primary);
    flex:0 0 auto;
}
.tile-icon i[b-6u7ywhbz07]{ font-size:1.05rem; line-height:1; }
.tile-body[b-6u7ywhbz07]{ display:grid; align-content:center; gap:0; min-width:0; }
.tile-label[b-6u7ywhbz07]{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* Force tile icons to brand primary even when FA injects <svg> */
.tile-subnav .tile .tile-icon :is(i, svg, .svg-inline--fa)[b-6u7ywhbz07]{ color: var(--color-primary); }

/* ===== Responsive ===== */
@media (max-width: 767.98px){
    .page-header-top[b-6u7ywhbz07]{ flex-direction: column; align-items: stretch; gap: var(--gap-sm); }

    .ph-right[b-6u7ywhbz07]{
        order:2; width:100%; display:flex; align-items:center;
        justify-content: space-between; gap:.25rem; flex-wrap: nowrap;
    }
    .ph-right .chip[b-6u7ywhbz07]{
        height: 42px; padding:.60rem .75rem;
        font-size: clamp(.78rem, 3.2vw, .95rem);
        flex: 0 0 auto; white-space: nowrap;
    }

    .tile-subnav[b-6u7ywhbz07]{
        display:grid; grid-template-columns: repeat(3, minmax(0,1fr));
        gap: var(--gap-sm);
        width:100%;
        margin: var(--spacing-md) 0 var(--spacing-xl);
        padding-top: var(--spacing-sm);
        padding-bottom: var(--spacing-sm);
    }
    .tile-subnav .tile[b-6u7ywhbz07]{ width:100%; min-height:62px; padding:.62rem .6rem; }
    .tile-icon[b-6u7ywhbz07]{ width:20px; height:20px; }
    .tile-icon i[b-6u7ywhbz07]{ font-size:1rem; }
    .tile-label[b-6u7ywhbz07]{
        font-size: clamp(.9rem, 2.9vw, 1rem);
        white-space: normal; overflow: visible; text-overflow: unset; line-height: 1.2;
    }
}
@media (max-width: 380px){
    .tile-subnav[b-6u7ywhbz07]{ grid-template-columns: repeat(2, 1fr); }
    .tile-subnav .tile[b-6u7ywhbz07]{ padding:.55rem .55rem; }
    .tile-icon[b-6u7ywhbz07]{ width:19px; height:19px; }
    .tile-icon i[b-6u7ywhbz07]{ font-size:.95rem; }
}

/* Show correct icon for mode toggle (reads body[data-mode]) */
.mode-toggle .icon-moon[b-6u7ywhbz07] { display: none; }
[data-mode="dark"] .mode-toggle .icon-sun[b-6u7ywhbz07]  { display: none; }
[data-mode="dark"] .mode-toggle .icon-moon[b-6u7ywhbz07] { display: inline-block; }
/* /Pages/Builds/Health/Affiliate/Layout/HealthAffiliateNavLeft.razor.rz.scp.css */
/* Desktop side-nav */
.side-nav[b-80atxzum3e]{
    width: 208px;
    background: var(--color-surface);
    box-shadow: 2px 0 6px rgba(0,0,0,.08);
    position: sticky; top: 0; align-self: flex-start; height: 100vh; z-index: 10;
    display: flex; flex-direction: column; justify-content: space-between;
}
.side-nav > div:first-child[b-80atxzum3e]{
    display:flex; flex-direction:column; max-height: calc(100vh - 72px);
    overflow-y:auto; overscroll-behavior: contain; padding-bottom:.5rem;
}
.left-nav-logo[b-80atxzum3e]{ max-width: 200px; padding: 1rem; display:block; }

[b-80atxzum3e] .left-nav-list{ list-style:none; padding-left:0; margin:0; }
.left-nav-list-item[b-80atxzum3e]{ margin-bottom: 1rem; }
[b-80atxzum3e] .left-nav-link{
    display:block; padding:.75rem 1rem; font-weight:500; font-size:1rem;
    text-decoration:none; border-left:4px solid transparent;
    color: var(--color-label); transition:.2s;
}
[b-80atxzum3e] .left-nav-link:hover,
[b-80atxzum3e] .left-nav-link.active{
    color: var(--color-primary);
    border-left-color: var(--color-primary);
    background: var(--color-surface-light);
}

/* Logout block */
.logout-container[b-80atxzum3e]{
    position: sticky; bottom: 0; background: var(--color-surface);
    border-top: 1px solid var(--color-border-light); padding-top: .5rem;
}
.logout-btn[b-80atxzum3e]{
    display:block; width:100%; background:none; border:1px solid var(--color-border-light);
    color: var(--color-text-muted); font-weight:600; text-align:center;
    padding:.5rem 1rem; border-radius: var(--radius-md); text-decoration:none; transition:.2s;
}
.logout-btn:hover[b-80atxzum3e]{ color: var(--color-primary); border-color: var(--color-primary); }

/* Mobile bottom nav */
@media (max-width: 768px){
    .bottom-nav[b-80atxzum3e]{
        display:flex; justify-content:space-around; align-items:center;
        padding:.65rem 1rem calc(.65rem + env(safe-area-inset-bottom));
        position: sticky; bottom:0; left:0; right:0; z-index:100;
        background: linear-gradient(180deg,
        color-mix(in srgb, var(--color-primary-dark) 92%, black 0%),
        var(--color-primary));
        border-top: 1px solid color-mix(in srgb, var(--color-border-light) 60%, transparent);
    }
    .bottom-nav .nav-icon[b-80atxzum3e]{
        position:relative; display:inline-flex; align-items:center; justify-content:center;
        width:44px; height:44px; color:#fff; text-decoration:none;
        border-radius:12px; background: transparent; opacity:.82;
        transition: background-color .15s ease, opacity .15s ease, transform .08s ease;
    }
    .bottom-nav .nav-icon:hover[b-80atxzum3e]{ background: rgba(255,255,255,.06); opacity:.95; }
    .bottom-nav .nav-icon:active[b-80atxzum3e]{ background: rgba(255,255,255,.10); transform: scale(.97); }
    .bottom-nav .nav-icon.active[b-80atxzum3e]{ background: rgba(255,255,255,.14); opacity:1; }
}
@media (min-width: 769px){ .bottom-nav[b-80atxzum3e]{ display:none; } }
/* /Pages/Builds/Health/Client/Account/HealthClientAccount.razor.rz.scp.css */
/* Avatar + name only (everything else is global) */
.client-avatar[b-24xofbldqg]{ width:80px; height:80px; border-radius:50%; object-fit:cover; box-shadow:inset 0 0 0 2px var(--color-border-light); }

/* Equal-height tiles within Bootstrap rows (Consistent grids) */
.eq-tiles > .col > .info-panel--stack[b-24xofbldqg] { height: 100%; }

/* Status chip tint via tokens (no hardcoded colors) */
.status-pill[b-24xofbldqg]{ padding:.2rem .5rem; border-radius:999px; font-size:.72rem; }
.status-pill.is-on[b-24xofbldqg] { background: var(--pill-bg-success); color: var(--pill-text-success); }
.status-pill.is-off[b-24xofbldqg]{ background: var(--pill-bg-danger);  color: var(--pill-text-danger);  }

/* 8-session timeline (minimal page-only styles) */
.program-timeline[b-24xofbldqg]{ display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); gap:.5rem; }
.pt-dot[b-24xofbldqg]{
    all:unset; height:40px; border-radius:10px; display:grid; place-items:center;
    padding:0 .25rem; cursor:pointer; border:1px solid var(--color-border-light);
    background:#fff; color:var(--color-text-muted); font-weight:700;
}
.pt-dot:hover[b-24xofbldqg]{ box-shadow:var(--shadow-sm); }
.pt-dot:focus-visible[b-24xofbldqg]{ box-shadow:var(--focus-ring); }
.pt-dot[aria-current="true"][b-24xofbldqg]{ outline:2px solid var(--color-primary); outline-offset:2px; } /* accessibility cue */
.pt-dot.completed[b-24xofbldqg]{ background:#eaf7ef; color:#1e7a3e; }
.pt-dot.upcoming[b-24xofbldqg]{ background:#fff; }
.pt-dot.skipped[b-24xofbldqg]{ background:#fff6f4; color:#b74a4a; text-decoration:line-through; }
.pt-index[b-24xofbldqg]{ font-size:.9rem; line-height:1; }
.legend-inline .dot[b-24xofbldqg]{ color:#1e7a3e; } .legend-inline .dot.upcoming[b-24xofbldqg]{ color:#6c7ea0; } .legend-inline .dot.skipped[b-24xofbldqg]{ color:#b74a4a; }
.timeline-head[b-24xofbldqg]{ margin-top:.5rem; display:grid; gap:.15rem; }

/* Right-half actions on desktop; always 50/50 buttons */
.actions-right[b-24xofbldqg]{ width:100%; display:grid; grid-template-columns:1fr 1fr; gap:var(--gap-sm,.65rem); }
@media (min-width:992px){ .actions-right[b-24xofbldqg]{ width:50%; margin-left:auto; } }
/* /Pages/Builds/Health/Client/Account/Integrations/HealthClientIntegrations.razor.rz.scp.css */
.integrations-container[b-jb7xy72syn] {
    padding: 2rem;
}

/* Section Headers */
.section-header[b-jb7xy72syn] {
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    color: #003366;
}

/* Unified Card Style */
.card-panel[b-jb7xy72syn] {
    background-color: #fff;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    height: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
}

/* Logos (left-aligned for wearables), Icons (centered for software) */
.integration-logo[b-jb7xy72syn] {
    width: 48px;
    height: 48px;
    object-fit: contain;
}

.integration-icon[b-jb7xy72syn] {
    width: 64px;
    height: 64px;
    object-fit: contain;
    margin-bottom: 1rem;
}

/* Typography */
.integration-name[b-jb7xy72syn] {
    font-size: 1rem;
    font-weight: 700;
    color: #003366;
    margin-bottom: 0.25rem;
}

.integration-desc[b-jb7xy72syn] {
    font-size: 0.85rem;
    color: #555;
    margin-bottom: 0.75rem;
}

/* Pill Styling */
.pill-group[b-jb7xy72syn] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    justify-content: center;
    margin-bottom: 0.5rem;
}

.pill[b-jb7xy72syn] {
    background-color: #edf2f7;
    padding: 0.35rem 0.75rem;
    border-radius: 16px;
    font-size: 0.8rem;
    font-weight: 500;
}

/* Wearables only: Status styling */
.pill.coming-soon[b-jb7xy72syn] {
    background-color: #fdecea;
    color: #b00020;
}
/* /Pages/Builds/Health/Client/Account/Profile/HealthClientAccountProfile.razor.rz.scp.css */
/* ===== Hero Banner ===== */
.profile-banner[b-9yjz7hdsdn]{
    position:relative;
    overflow:hidden;
    border-radius:var(--radius-lg);
    padding:clamp(16px,2.5vw,28px);
    background:
            radial-gradient(1200px 200px at 30% -40%, color-mix(in srgb, var(--color-primary) 12%, transparent), transparent),
            linear-gradient(180deg, var(--color-surface) 0%, var(--color-surface) 100%);
    box-shadow:var(--shadow-md);
}
.banner-grid[b-9yjz7hdsdn]{ display:grid; gap:var(--gap-lg); grid-template-columns:1fr; }
@media (min-width:992px){ .banner-grid[b-9yjz7hdsdn]{ grid-template-columns:1.1fr 1fr; } }

/* Left */
.banner-left[b-9yjz7hdsdn]{
    display:grid;
    grid-template-columns:auto 1fr; /* avatar | text */
    gap:var(--gap-md);
    align-items:start;
}
.pfp-large[b-9yjz7hdsdn]{
    position:relative; width:108px; height:108px; border-radius:50%;
    overflow:hidden; border:2px solid var(--color-primary); box-shadow:var(--shadow-sm);
}
.pfp-large img[b-9yjz7hdsdn]{ width:100%; height:100%; object-fit:cover; display:block; }
.pfp-edit[b-9yjz7hdsdn]{
    position:absolute; right:6px; bottom:6px; padding:.15rem .45rem;
    font-size:var(--font-size-xs); border-radius:999px;
    background:rgba(21,101,192,.9); color:#fff; border:0; cursor:pointer;
}

.who-name[b-9yjz7hdsdn]{
    margin:0; line-height:1.1;
    font-family:var(--font-family-header),sans-serif;
    font-size:clamp(1.6rem,1.1rem + 1.8vw,2.3rem);
}
.who-bio[b-9yjz7hdsdn]{ margin:.25rem 0 0; max-width:60ch; }
.who-cta[b-9yjz7hdsdn]{ display:flex; gap:.5rem; flex-wrap:wrap; margin-top:.35rem; }
.summary-sub[b-9yjz7hdsdn]{ color:var(--color-text-muted); font-size:var(--font-size-sm); }

/* Compact tiles spanning the whole left half */
.mini-metrics[b-9yjz7hdsdn]{
    grid-column: 1 / -1;                 /* span avatar + text columns */
    margin-top: 0.9rem;
    display:grid;
    gap: var(--gap-sm);
    grid-template-columns: repeat(4, minmax(160px, 1fr));
}
@media (max-width:1200px){ .mini-metrics[b-9yjz7hdsdn]{ grid-template-columns: repeat(3, minmax(160px,1fr)); } }
@media (max-width:991.98px){ .mini-metrics[b-9yjz7hdsdn]{ grid-template-columns: repeat(2, minmax(160px,1fr)); } }
@media (max-width:575.98px){ .mini-metrics[b-9yjz7hdsdn]{ grid-template-columns: 1fr; } }

.metric-tile.mini[b-9yjz7hdsdn]{
    padding:.65rem .8rem;
    border-radius: var(--radius-md);
    background:#fff;
    border:1px solid var(--color-border-light);
    box-shadow:var(--shadow-sm);
    display:grid;
    row-gap:.28rem;
    cursor:pointer;
}
.metric-tile.mini.contact[b-9yjz7hdsdn]{ cursor:default; }
.metric-tile.mini .tile-label[b-9yjz7hdsdn]{
    font-size: var(--font-size-xs);
    color: var(--color-text-muted);
    letter-spacing:.02em;
    font-weight: var(--font-weight-bold);
}
.metric-tile.mini .tile-value[b-9yjz7hdsdn]{
    font-size: clamp(.95rem, .8rem + .4vw, 1.05rem);
    color: var(--color-primary);
    font-weight: var(--font-weight-bold);
    line-height:1.15;
    word-break: break-word;
}
.metric-tile.mini .tile-hint[b-9yjz7hdsdn]{
    font-size: var(--font-size-xs);
    color: var(--color-text-muted);
}
.metric-edit .mm-input[b-9yjz7hdsdn]{ max-width:120px; }
.metric-edit .mm-actions[b-9yjz7hdsdn]{ display:flex; gap:.35rem; flex-wrap:wrap; }

/* Right KPI ribbon */
.banner-right[b-9yjz7hdsdn]{ display:grid; gap:var(--gap-md); align-content:start; }
.kpi-grid[b-9yjz7hdsdn]{ display:grid; gap:var(--gap-md); grid-template-columns:repeat(2,minmax(0,1fr)); }
@media (max-width:575.98px){ .kpi-grid[b-9yjz7hdsdn]{ grid-template-columns:1fr; } }
.kpi-card[b-9yjz7hdsdn]{
    background:#fff; border:1px solid var(--color-border-light);
    border-radius:var(--radius-md); box-shadow:var(--shadow-sm);
    padding:.85rem .95rem; display:grid; gap:.35rem; align-content:start;
}
.kpi-head[b-9yjz7hdsdn]{ font-weight:var(--font-weight-bold); color:var(--color-text-strong); }
.kpi-inline[b-9yjz7hdsdn]{ display:flex; align-items:baseline; gap:.45rem; flex-wrap:wrap; }
.kpi-value[b-9yjz7hdsdn]{ font-size:clamp(1.05rem,.7rem + 1vw,1.25rem); color:var(--color-primary); }
.kpi-foot[b-9yjz7hdsdn]{ font-size:var(--font-size-xs); color:var(--color-text-muted); }
.kv-dot[b-9yjz7hdsdn]{ color: var(--color-border-light); margin: 0 .1rem; }
.kpi-progress[b-9yjz7hdsdn]{
    height:8px; border-radius:999px; overflow:hidden;
    background:#eff3f8; border:1px solid #e2e9f1;
}
.kpi-progress .bar[b-9yjz7hdsdn]{ height:100%; background:var(--color-primary); }

/* ===== Weekly Sessions ===== */
.ws-row[b-9yjz7hdsdn]{
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:minmax(260px,1fr);
    gap:12px;
    overflow-x:auto;
    padding-bottom:4px;
    scroll-snap-type:x mandatory;
}
.ws-row[b-9yjz7hdsdn]::-webkit-scrollbar{ height:8px; }
.ws-row[b-9yjz7hdsdn]::-webkit-scrollbar-thumb{ background:var(--color-border-light); border-radius:999px; }

.ws-card[b-9yjz7hdsdn]{
    background:#fff; border-radius:16px; box-shadow:var(--shadow-card);
    display:flex; flex-direction:column; min-height:168px;
    padding:12px 12px 10px 12px; scroll-snap-align:start;
}
.ws-head[b-9yjz7hdsdn]{
    display:flex; align-items:center; justify-content:space-between;
    gap:8px; padding-bottom:4px; border-bottom:1px solid var(--color-border-light);
}
.ws-body[b-9yjz7hdsdn]{ padding:8px 0; display:grid; gap:6px; }
.ws-title[b-9yjz7hdsdn]{ font-weight:700; font-size:.95rem; line-height:1.2; }
.ws-meta[b-9yjz7hdsdn]{ display:flex; align-items:center; gap:6px; font-size:.825rem; color:var(--color-text-muted); }
.ws-meta .meta-sep[b-9yjz7hdsdn]{ color:var(--color-border-light); }
.ws-pills[b-9yjz7hdsdn]{ display:flex; flex-wrap:wrap; gap:6px; }
.pill[b-9yjz7hdsdn]{ display:inline-flex; align-items:center; padding:.2rem .5rem; border-radius:999px; font-size:.75rem; }
.pill-muted[b-9yjz7hdsdn]{ background:#f5f7fb; color:#5b6b7d; }
.pill-intensity[b-9yjz7hdsdn]{ background:#e9f2ff; color:#195dbb; }
.pill-zone[b-9yjz7hdsdn]{ background:#eefaf1; color:#1e7a3e; }
.pill-effort[b-9yjz7hdsdn]{ background:#fff6e6; color:#a06011; }
.ws-foot[b-9yjz7hdsdn]{ margin-top:auto; display:flex; gap:8px; justify-content:flex-end; }
@media (max-width:767.98px){
    .ws-row[b-9yjz7hdsdn]{ grid-auto-columns:85%; }
    .ws-card[b-9yjz7hdsdn]{ min-height:180px; }
}
/* /Pages/Builds/Health/Client/Account/Programs/HealthClientPrograms.razor.rz.scp.css */
/* Equal-height tiles where we used --stack */
.eq-tiles > .col > .info-panel--stack[b-gop95s0x8k]{ height:100%; }

/* Stat cards (slight value emphasis to match other pages) */
.stat-grid .stat-value[b-gop95s0x8k]{
    font-size:1.35rem;
    font-weight:var(--font-weight-bold);
}

/* Timeline — responsive & accessible */
.program-timeline[b-gop95s0x8k]{
    display:grid;
    gap:.5rem;
    grid-template-columns: repeat(8, minmax(44px, 1fr));
}
@media (max-width: 576px){
    .program-timeline[b-gop95s0x8k]{ grid-template-columns: repeat(4, minmax(44px,1fr)); }
}
.pt-dot[b-gop95s0x8k]{
    all:unset;
    height:40px;
    border-radius:10px;
    display:grid; place-items:center;
    padding:0 .25rem; cursor:pointer;
    border:1px solid var(--color-border-light);
    background:#fff; color:var(--color-text-muted);
    font-weight:700;
}
.pt-dot:hover[b-gop95s0x8k]{ box-shadow:var(--shadow-sm); }
.pt-dot:focus-visible[b-gop95s0x8k]{ box-shadow:var(--focus-ring); outline:none; }
.pt-dot[aria-current="true"][b-gop95s0x8k]{ outline:2px solid var(--color-primary); outline-offset:2px; }
.pt-dot.completed[b-gop95s0x8k]{ background:#eaf7ef; color:#1e7a3e; }
.pt-dot.upcoming[b-gop95s0x8k]{ background:#fff; }
.pt-dot.skipped[b-gop95s0x8k]{ background:#fff6f4; color:#b74a4a; text-decoration:line-through; }
.pt-index[b-gop95s0x8k]{ font-size:.9rem; line-height:1; }
.legend-inline .dot[b-gop95s0x8k]{ color:#1e7a3e; }
.legend-inline .dot.upcoming[b-gop95s0x8k]{ color:#6c7ea0; }
.legend-inline .dot.skipped[b-gop95s0x8k]{ color:#b74a4a; }

/* Suggested card flag (visual only) */
.action-card[b-gop95s0x8k]{ position:relative; }
.suggested-flag[b-gop95s0x8k]::after{
    content:"Suggested";
    position:absolute; top:8px; right:12px;
    font-size: var(--font-size-xxs);
    padding:.15rem .45rem; border-radius:999px;
    background: var(--pill-bg-success); color: var(--pill-text-success);
}
/* /Pages/Builds/Health/Client/Account/Settings/HealthClientSettings.razor.rz.scp.css */
.settings-container[b-kf2ezit4h4] {
    padding: 2rem;
}

/* Section Headers */
.section-header[b-kf2ezit4h4] {
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: #003366;
}

/* Card Panel Layout */
.card-panel[b-kf2ezit4h4] {
    background-color: #fff;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    height: 100%;
}

/* Labels */
.label[b-kf2ezit4h4] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 0.3rem;
    display: block;
}

/* Toggle Rows */
.form-switch-row[b-kf2ezit4h4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0;
    border-bottom: 1px solid #f0f0f0;
    font-size: 0.9rem;
    font-weight: 500;
    color: #444;
}

.form-switch-row:last-child[b-kf2ezit4h4] {
    border-bottom: none;
}

/* Buttons */
.card-panel .btn[b-kf2ezit4h4] {
    min-width: 130px;
    margin-top: 1rem;
}

/* Button Variants */
.btn-outline-danger[b-kf2ezit4h4] {
    color: #b00020;
    border-color: #b00020;
}

.btn-outline-danger:hover[b-kf2ezit4h4] {
    background-color: #b00020;
    color: white;
}

/* Small Description Text */
.card-panel small[b-kf2ezit4h4] {
    color: #666;
    font-size: 0.75rem;
}

/* Checkbox Alignment */
.form-check-label[b-kf2ezit4h4] {
    font-size: 0.9rem;
    color: #333;
}

/* Mobile Tweaks */
@media (max-width: 768px) {
    .row.mb-4.gy-4 > div[b-kf2ezit4h4] {
        margin-bottom: 1rem !important;
    }

    .form-switch-row[b-kf2ezit4h4] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.3rem;
    }

    .card-panel .btn[b-kf2ezit4h4] {
        width: 100%;
        text-align: center;
    }
}

.settings-confirm-wrap[b-kf2ezit4h4] {
    display: flex;
    justify-content: flex-end;
    margin-top: 2rem;
    padding: 0 1rem;
}

.confirm-btn[b-kf2ezit4h4] {
    min-width: 180px;
    font-weight: 600;
}

/* Mobile/tablet: center the confirm button */
@media (max-width: 991px) {
    .settings-confirm-wrap[b-kf2ezit4h4] {
        justify-content: center;
    }
}
/* /Pages/Builds/Health/Client/Calendar/HealthClientCalendar.razor.rz.scp.css */
/* =============================== */
/* SHARED                         */
/* =============================== */
.dot[b-mya7qadiqm] { width:.6rem; height:.6rem; border-radius:50%; display:inline-block; vertical-align:middle; }
.dot-inapp[b-mya7qadiqm] { background: var(--color-primary); }
.dot-out[b-mya7qadiqm]   { background: var(--color-border-strong); }
.dot-done[b-mya7qadiqm]  { background: var(--color-success); }
.mb-section[b-mya7qadiqm]{ margin-bottom: var(--spacing-xl); }

/* =============================== */
/* DAY VIEW (unchanged)           */
/* =============================== */
.dayview-table[b-mya7qadiqm] { width: 100%; background: transparent; box-shadow: none; }
.dayview-row[b-mya7qadiqm]{
    display:grid; grid-template-columns: var(--time-col-w,168px) 1fr var(--actions-col-w,220px);
    gap: var(--gap-md); align-items:center; padding:.65rem .85rem;
    border-top:1px solid var(--color-border-light);
}
.dayview-row:first-child[b-mya7qadiqm]{ border-top:0; }
.dayview-table .dayview-row:hover[b-mya7qadiqm]{ background: var(--color-surface); box-shadow:none; transform:none; }
.time-col[b-mya7qadiqm]{ display:flex; justify-content:center; }
.time-chip[b-mya7qadiqm]{ width:100%; max-width:148px; min-width:120px; justify-content:center; text-align:center; padding:.55rem .65rem; }
.actions-col[b-mya7qadiqm]{ display:flex; justify-content:flex-end; align-items:center; gap:.5rem; }
.actions-col .btn[b-mya7qadiqm]{ min-width:96px; }
.action-hint[b-mya7qadiqm]{ color: var(--color-text-muted); }
@media (max-width:991.98px){ .dayview-row[b-mya7qadiqm]{ --time-col-w:132px; --actions-col-w:200px; } .time-chip[b-mya7qadiqm]{ max-width:132px; min-width:108px; } }
@media (max-width:575.98px){
    .dayview-row[b-mya7qadiqm]{ grid-template-columns: var(--time-col-w,112px) 1fr; grid-template-areas:"time content" "actions actions";
        align-items:start; row-gap:.9rem; padding:.95rem 1rem; border:1px solid var(--color-border-light); border-radius:var(--radius-card); margin-bottom:.85rem; }
    .time-col[b-mya7qadiqm]{ grid-area:time; justify-content:center; }
    .row-content[b-mya7qadiqm]{ grid-area:content; min-width:0; }
    .row-title[b-mya7qadiqm]{ display:flex; flex-wrap:wrap; gap:.45rem .55rem; line-height:1.35; }
    .actions-col[b-mya7qadiqm]{ grid-area:actions; justify-content:stretch; gap:.6rem; padding-top:.65rem; border-top:1px solid var(--color-border-light); }
    .actions-col .btn[b-mya7qadiqm]{ flex:1 1 0; min-width:0; padding-block:.72rem; }
    .action-hint[b-mya7qadiqm]{ display:inline-block; margin-right:auto; margin-bottom:.1rem; font-size:var(--font-size-xs); }
    .time-chip[b-mya7qadiqm]{ max-width:128px; min-width:112px; padding:.65rem .7rem; }
}

/* =============================== */
/* MINI TILE (used by Week+Month) */
/* =============================== */
.mini-list[b-mya7qadiqm]{ list-style:none; margin:0; padding:0; display:grid; gap:.45rem; }

/* tile shell */
.mini-tile[b-mya7qadiqm]{
    width:100%; text-align:left;
    display:grid; grid-template-columns:6px 1fr auto;
    grid-template-areas:
    "accent time time"
    "accent title title";
    row-gap:.2rem; column-gap:.55rem;
    background: var(--color-bg);
    padding:.5rem .6rem;
    border:1px solid var(--color-border-default);
    border-radius: var(--radius-card);
    box-shadow: var(--shadow-xs);
    transition: background .15s ease, box-shadow .15s ease, border-color .15s ease;
}
/* left accent */
.mini-tile[b-mya7qadiqm]::before{
    content:""; grid-area:accent; width:6px; height:100%;
    border-radius:8px; background: var(--color-primary);
}
/* colors by type */
.mini-session[b-mya7qadiqm]::before{ background: var(--color-success); }
.mini-hes[b-mya7qadiqm]::before    { background: var(--color-info, #3b82f6); }
.mini-pres[b-mya7qadiqm]::before,
.mini-post[b-mya7qadiqm]::before   { background: var(--color-warning); }
.mini-cardio[b-mya7qadiqm]::before { background: var(--color-warning); }
.mini-core[b-mya7qadiqm]::before   { background: var(--color-danger); }
.mini-comp[b-mya7qadiqm]::before,
.mini-meal[b-mya7qadiqm]::before   { background: var(--color-border-strong); }

/* states */
.mini-tile.is-outapp[b-mya7qadiqm]::before{ filter: saturate(0.7); }
.mini-tile.is-done[b-mya7qadiqm]{ background: var(--color-success-light); border-color: var(--color-success); }
.mini-tile.incomplete[b-mya7qadiqm]{ background: var(--color-danger-light); border-color: var(--color-danger); }
.mini-tile:hover[b-mya7qadiqm]{ background: var(--color-surface-hover); box-shadow: var(--shadow-sm);
    border-color: color-mix(in srgb, var(--color-border-light) 60%, var(--color-primary) 40%); }

/* text */
.mini-time[b-mya7qadiqm]{
    grid-area:time; font-size: var(--font-size-xxs);
    color: var(--color-text-muted); font-feature-settings:"tnum" 1; line-height:1;
}
.mini-title[b-mya7qadiqm]{
    grid-area:title; font-weight: var(--font-weight-medium);
    color: var(--color-primary); /* force visibility like Day tiles */
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

/* =============================== */
/* WEEK: MOBILE STACK             */
/* =============================== */
.week-stack[b-mya7qadiqm]{ display:grid; gap: var(--gap-md); }
.wk-mob-day[b-mya7qadiqm]{
    border:1px solid var(--color-border-light); border-radius: var(--radius-card);
    box-shadow: var(--shadow-sm); overflow:hidden;
}
.wk-mob-day.is-today[b-mya7qadiqm]{ box-shadow: var(--shadow-card); outline:2px solid color-mix(in srgb, var(--color-primary) 28%, transparent); outline-offset:-2px; }
.wk-mob-head[b-mya7qadiqm]{ display:flex; justify-content:space-between; align-items:flex-end; padding:.65rem .85rem; border-bottom:1px solid var(--color-border-light); background: var(--color-surface-light); }
.wk-mob-head .left[b-mya7qadiqm]{ display:flex; align-items:baseline; gap:.45rem; }
.wk-mob-head .dow[b-mya7qadiqm]{ color: var(--color-label); font-weight: var(--font-weight-bold); }
.wk-mob-head .date[b-mya7qadiqm]{ font-weight: var(--font-weight-bold); color: var(--color-text-strong); }
.wk-mob-head .right[b-mya7qadiqm]{ display:flex; align-items:baseline; gap:.25rem; color: var(--color-text-muted); font-size: var(--font-size-xs); }
.wk-mob-head .count[b-mya7qadiqm]{ color: var(--color-text-strong); font-weight: var(--font-weight-bold); }
.wk-mob-empty[b-mya7qadiqm]{ padding:.85rem .9rem; color: var(--color-text-muted); }
@media (min-width:992px){ .week-stack[b-mya7qadiqm]{ display:none; } }

/* =============================== */
/* WEEK: DESKTOP COLUMNS          */
/* =============================== */
.week-cols[b-mya7qadiqm]{
    display:grid; grid-template-columns: repeat(7, 1fr); gap: var(--gap-sm);
}
.wc-col[b-mya7qadiqm]{
    border:1px solid var(--color-border-light); border-radius: var(--radius-card);
    padding:.5rem; box-shadow: var(--shadow-sm);
}
.wc-col.is-today[b-mya7qadiqm]{ outline:2px solid color-mix(in srgb, var(--color-primary) 35%, transparent); outline-offset:-2px; }
.wc-head[b-mya7qadiqm]{ display:flex; align-items:baseline; gap:.4rem; padding:.25rem .25rem .4rem; border-bottom:1px solid var(--color-border-light); margin-bottom:.5rem; }
.wc-dow[b-mya7qadiqm]{ color: var(--label-color-default); font-weight: var(--font-weight-bold); }
.wc-date[b-mya7qadiqm]{ font-weight: var(--font-weight-bold); color: var(--color-text-strong); }
.wc-count[b-mya7qadiqm]{ margin-left:auto; font-size: var(--font-size-xxs); color: var(--color-text-muted); }

/* =============================== */
/* MONTH VIEW                     */
/* =============================== */
.month-grid[b-mya7qadiqm]{ display:grid; grid-template-columns: repeat(7, 1fr); gap: var(--gap-sm); }
.dow-header[b-mya7qadiqm]{
    text-align:center; font-weight:var(--font-weight-bold); color: var(--color-label);
    padding:.25rem 0; background: var(--color-surface-light); border-radius: var(--radius-sm);
}
.month-cell[b-mya7qadiqm]{
    display:grid; grid-template-rows:auto 1fr;
    border:1px solid var(--color-border-light); border-radius: var(--radius-card);
    min-height:124px; box-shadow: var(--shadow-sm); overflow:hidden;
}
.month-cell.is-today[b-mya7qadiqm]{ outline:2px solid color-mix(in srgb, var(--color-primary) 28%, transparent); outline-offset:-2px; box-shadow: var(--shadow-card); }
.month-cell.is-out[b-mya7qadiqm]{ background:var(--color-surface); color:var(--color-text-muted); }
.month-cell.is-current-week[b-mya7qadiqm]{ box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary) 14%, transparent) inset; }
.cell-head[b-mya7qadiqm]{ display:flex; align-items:center; gap:.5rem; padding:.45rem .6rem; border-bottom:1px solid var(--color-border-light); background: var(--color-surface-light); }
.cell-head .num[b-mya7qadiqm]{ font-weight:var(--font-weight-bold); color: var(--color-text-strong); }
.cell-count[b-mya7qadiqm]{ margin-left:auto; font-size: var(--font-size-xxs); color: var(--color-text-muted); }
.cell-body[b-mya7qadiqm]{ padding:.5rem .5rem .6rem; display:grid; gap:.4rem; align-content:start; }
.cell-empty[b-mya7qadiqm]{ padding:.25rem .2rem; }

/* Month responsive */
@media (max-width:991.98px){ .month-grid[b-mya7qadiqm]{ grid-template-columns: repeat(2, 1fr); } }
@media (max-width:575.98px){ .month-grid[b-mya7qadiqm]{ grid-template-columns: 1fr; } }

/* Keep action button widths consistent */
.list-table .row-actions .btn[b-mya7qadiqm]{ min-width:96px; }

/* Anchor scroll margin so headers don’t cover targets */
.anchor-target[b-mya7qadiqm]{ scroll-margin-top:80px; }

.mini-title[b-mya7qadiqm] {
    grid-area: title;
    font-size: small;
    font-weight: var(--font-weight-bold);
    color: var(--color-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Month cell header: show day-of-week next to the day number */
.cell-head[b-mya7qadiqm] { display:flex; align-items:center; gap:.5rem; }
.cell-date[b-mya7qadiqm]{ display:flex; align-items:baseline; gap:.35rem; }
.cell-head .dow[b-mya7qadiqm]{
    color: var(--label-color-default);
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-sm);
    line-height:1;
}
.cell-head .num[b-mya7qadiqm]{
    font-weight: var(--font-weight-bold);
    color: var(--color-text-strong);
    line-height:1;
}
/* /Pages/Builds/Health/Client/Dashboard/Components/HealthEval/HealthEvalPanel.razor.rz.scp.css */
.health-eval[b-wgevcf4phy] {
    padding: var(--padding-md);
    background: var(--color-surface);
    border-radius: var(--radius-lg);
    border: 1px solid var(--color-border-light);
}

/* Header */
.he-header[b-wgevcf4phy] {
    border-bottom: 1px solid var(--color-border-light);
    padding-bottom: .75rem;
}

/* Readiness pill */
.he-readiness-pill[b-wgevcf4phy] {
    width: 40px;
    height: 40px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    font-size: 1rem;
}

.he-readiness-score[b-wgevcf4phy] {
    display: inline-block;
}

/* Color variants */
.he-pill-good[b-wgevcf4phy] {
    background: #e8f5e9;
    color: #2e7d32;
}

.he-pill-ok[b-wgevcf4phy] {
    background: #fff8e1;
    color: #f9a825;
}

.he-pill-caution[b-wgevcf4phy] {
    background: #ffebee;
    color: #c62828;
}

.he-pill-low[b-wgevcf4phy] {
    background: #ffebee;
    color: #b71c1c;
}

.he-readiness-title[b-wgevcf4phy] {
    font-weight: 700;
    font-size: .95rem;
}

/* Grid */
.he-grid[b-wgevcf4phy] {
    margin-top: 1rem;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--gap-md);
}

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

@media (max-width: 575.98px) {
    .he-grid[b-wgevcf4phy] {
        grid-template-columns: 1fr;
    }
}

/* Cards inside grid */
.he-card[b-wgevcf4phy] {
    background: var(--color-bg);
    border-radius: var(--radius-md);
    border: 1px solid var(--color-border-light);
    padding: .85rem .9rem;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.he-card-head[b-wgevcf4phy] {
    margin-bottom: .25rem;
}

.he-card-title[b-wgevcf4phy] {
    font-weight: 700;
    font-size: .9rem;
}

.he-card-sub[b-wgevcf4phy] {
    font-size: .8rem;
}

/* Metric rows */
.he-card-body[b-wgevcf4phy] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.he-metric-row[b-wgevcf4phy] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: .75rem;
    font-size: .85rem;
}

.he-metric-label[b-wgevcf4phy] {
    color: var(--color-text-muted);
}

.he-metric-value[b-wgevcf4phy] {
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}
/* /Pages/Builds/Health/Client/Dashboard/Components/HealthEval/Modals/FitnessTestPanel.razor.rz.scp.css */
.ft-grid[b-xhgjdho2o7]{
    display:grid;
    gap:var(--gap-sm);
}

/* base card */
.ft-card[b-xhgjdho2o7]{
    border:1px solid var(--color-border-light);
    border-radius:var(--radius-md);
    background:var(--color-bg);
    overflow:hidden;
    transition:
            border-color .15s ease,
            box-shadow .15s ease,
            background-color .15s ease;
}

/* ACTIVE card highlight */
.ft-card-active[b-xhgjdho2o7]{
    border-color: var(--color-primary);
    background: var(--color-surface-light);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 35%, transparent);
}

/* collapsed: remove inner border bottom */
.ft-card-collapsed .ft-body[b-xhgjdho2o7]{
    display:none;
}

/* header */
.ft-head[b-xhgjdho2o7]{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:.6rem .9rem;
    border-bottom:1px solid var(--color-border-light);
    background:var(--color-surface);
}
.ft-head-clickable[b-xhgjdho2o7]{
    cursor:pointer;
}

.ft-head-left[b-xhgjdho2o7]{
    display:flex;
    flex-direction:column;
    gap:.15rem;
}

.ft-title[b-xhgjdho2o7]{
    color:var(--color-primary);
    font-weight:var(--font-weight-bold);
    font-size:.9rem;
}

.ft-head-summary[b-xhgjdho2o7]{
    font-size:.78rem;
    color:var(--color-text-muted);
    display:flex;
    flex-wrap:wrap;
    gap:.25rem;
    align-items:center;
}

.ft-summary-muted[b-xhgjdho2o7]{
    opacity:.9;
}

.ft-dot[b-xhgjdho2o7]{
    font-size:.7rem;
    color:var(--color-text-muted);
}

.ft-head-right[b-xhgjdho2o7]{
    display:flex;
    align-items:center;
    gap:.35rem;
}

.badge-time[b-xhgjdho2o7]{
    background:var(--color-primary);
    color:#fff;
    font-weight:700;
    border-radius:999px;
    padding:.25rem .6rem;
    line-height:1;
    font-variant-numeric: tabular-nums;
}

.ft-chevron[b-xhgjdho2o7]{
    font-size:.8rem;
    color:var(--color-text-muted);
}

/* body */
.ft-body[b-xhgjdho2o7]{
    display:grid;
    grid-template-columns: minmax(240px, 360px) 1fr;
    gap: var(--gap-lg);
    padding:.9rem;
}
@media (max-width: 991.98px){
    .ft-body[b-xhgjdho2o7]{ grid-template-columns:1fr; }
}

.ft-media .ft-video[b-xhgjdho2o7]{
    width:100%;
    aspect-ratio:16/9;
    border:1px solid var(--color-border-light);
    border-radius:var(--radius-sm);
    background:#f8f9fa;
}
.ft-video--ph[b-xhgjdho2o7]{
    display:flex;
    align-items:center;
    justify-content:center;
    color: var(--color-text-muted);
    font-weight:600;
}

.ft-right[b-xhgjdho2o7]{
    display:flex;
    flex-direction:column;
    gap:.75rem;
}
.ft-right.is-locked[b-xhgjdho2o7]{
    opacity:.6;
}

.ft-notes[b-xhgjdho2o7]{
    margin-top:.25rem;
}

.ft-timer--bar[b-xhgjdho2o7]{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:.6rem .9rem;
    min-height:52px;
    border:1px solid var(--color-border-light);
    border-radius:var(--radius-md);
    background:var(--color-secondary);
}
.ft-time[b-xhgjdho2o7]{
    font-weight:800;
    font-variant-numeric: tabular-nums;
    font-size:1.5rem;
    line-height:1;
    color:var(--color-white);
}

/* Labels + inputs */
.form-label-compact[b-xhgjdho2o7]{
    font-size:.85rem;
    font-weight:600;
    color:var(--color-label, #6c757d);
    transition: color .12s ease, opacity .12s ease;
}

/* Base primary-light emphasis for inputs in this component */
.ft-right .form-control[b-xhgjdho2o7]{
    border: 1.5px solid var(--color-primary-light);
    background: color-mix(in srgb, var(--color-primary-light) 24%, #fff);
    transition:
            border-color .15s ease,
            box-shadow .15s ease,
            background-color .15s ease,
            opacity .12s ease,
            filter .12s ease;
}
.ft-right .form-control:focus[b-xhgjdho2o7]{
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 20%, transparent);
    background:var(--color-surface-light);
}

/* Contextual emphasis */
.form-label-compact.is-active[b-xhgjdho2o7]{
    color: var(--color-primary);
}
.form-label-compact.is-muted[b-xhgjdho2o7]{
    color: var(--color-text-muted);
    opacity:.75;
}

.form-control.is-active[b-xhgjdho2o7]{
    border-color: var(--color-primary);
    background:var(--color-surface-light);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 50%, transparent);
    opacity: 1;
    filter: none;
}
.form-control.is-muted[b-xhgjdho2o7]{
    opacity:.7;
    filter: saturate(.85);
    box-shadow:none;
}

/* Slight dim on whole right pane when locked */
.ft-right.is-locked .form-control[b-xhgjdho2o7]{
    filter:saturate(.8) opacity(.7);
}

/* Step layout */
.ft-step[b-xhgjdho2o7]{
    display:flex;
    flex-direction:column;
    gap:.4rem;
}

.ft-step-title[b-xhgjdho2o7]{
    font-weight:700;
    font-size:.85rem;
    letter-spacing:.02em;
    text-transform:uppercase;
    color:var(--color-primary);
}

.ft-step-desc[b-xhgjdho2o7]{
    font-size:.8rem;
    color:var(--color-text-muted);
}

/* Ready panel at the top */
.ft-ready-panel[b-xhgjdho2o7]{
    border: 1px solid var(--color-primary);
    border-radius: var(--radius-lg);
    background: linear-gradient(
            135deg,
            color-mix(in srgb, var(--color-secondary-light) 70%, #fff),
            color-mix(in srgb, var(--color-primary-light) 70%, #fff)
    );
    padding: .85rem 1rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .75rem;
    box-shadow: var(--shadow-sm);
}

.ft-ready-title[b-xhgjdho2o7]{
    font-weight: 700;
    font-size: .85rem;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: var(--color-primary-dark);
    margin-bottom: .25rem;
}

.ft-ready-text[b-xhgjdho2o7]{
    font-size: .85rem;
    color: var(--color-text-strong);
}

.ft-small-text[b-xhgjdho2o7]{
    font-size: .75rem;
    color: var(--color-primary-light);
}

/* Actions column in banner */
.ft-ready-actions[b-xhgjdho2o7]{
    display: flex;
    flex-direction: column;
    gap: .35rem;
    align-items: flex-end;
}

/* Button tuning inside banner */
.ft-ready-panel .btn-primary[b-xhgjdho2o7]{
    background: var(--color-primary);
    border-color: var(--color-primary-dark);
}

.ft-ready-panel .btn-primary:hover[b-xhgjdho2o7]{
    background: var(--color-primary-dark);
    border-color: var(--color-primary-dark);
}

.ft-ready-panel .btn-ghost[b-xhgjdho2o7]{
    color: var(--color-secondary-dark);
    border-color: transparent;
    background: color-mix(in srgb, var(--color-secondary-light) 25%, transparent);
}

.ft-ready-panel .btn-ghost:hover[b-xhgjdho2o7]{
    background: color-mix(in srgb, var(--color-secondary-light) 45%, transparent);
    color: var(--color-primary-dark);
}

/* Mobile: stack actions under text */
@media (max-width: 575.98px){
    .ft-ready-panel[b-xhgjdho2o7]{
        flex-direction: column;
        align-items: stretch;
    }
    .ft-ready-actions[b-xhgjdho2o7]{
        align-items: flex-start;
    }
}

/* Subtle inline restart link (still used near fields) */
.ft-restart-link[b-xhgjdho2o7]{
    border: none;
    padding: 0;
    background: none;
    font-size: .8rem;
    color: var(--color-primary);
    text-decoration: underline dotted;
    cursor: pointer;
}

.ft-restart-link:hover[b-xhgjdho2o7]{
    color: var(--color-primary-dark);
    text-decoration: underline;
}
/* /Pages/Builds/Health/Client/Dashboard/Components/HealthEval/Modals/HEFTWizardModal.razor.rz.scp.css */
.hewiz[b-xc20pdtu6p] {
    display: flex;
    flex-direction: column;
    gap: var(--gap-md);
}

/* Header */
.hewiz-header[b-xc20pdtu6p] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    margin-bottom: .25rem;
}

.hewiz-stepper[b-xc20pdtu6p] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.hewiz-step-pill[b-xc20pdtu6p] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .35rem .8rem;
    border-radius: 999px;
    border: 1px solid var(--color-border-light);
    background: #fff;
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--color-text-muted);
}

.hewiz-step-pill .step-number[b-xc20pdtu6p] {
    font-weight: 700;
}

.hewiz-step-pill.is-active[b-xc20pdtu6p] {
    border-color: var(--color-primary);
    color: var(--color-primary);
    background: color-mix(in srgb, var(--color-primary) 6%, #fff);
}

.hewiz-step-pill.is-complete[b-xc20pdtu6p] {
    border-color: var(--color-success);
    color: var(--color-success);
    background: color-mix(in srgb, var(--color-success) 6%, #fff);
}

.hewiz-head-text .step-title[b-xc20pdtu6p] {
    font-weight: 700;
    font-size: .95rem;
    margin-bottom: .1rem;
}
.hewiz-head-text .step-sub[b-xc20pdtu6p] {
    font-size: .85rem;
    color: var(--color-text-muted);
}

/* Body shell */
.hewiz-body[b-xc20pdtu6p] {
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-card);
    padding: var(--padding-md);
    background: #fff;
}

.hewiz-section[b-xc20pdtu6p] {
    display: flex;
    flex-direction: column;
    gap: var(--gap-md);
}

/* Slider ratings */
.hewiz-ratings[b-xc20pdtu6p] {
    row-gap: .75rem;
}

.hewiz-range[b-xc20pdtu6p] {
    width: 100%;
    margin-top: .15rem;
}

.hewiz-badge[b-xc20pdtu6p] {
    display: inline-block;
    min-width: 1.75rem;
    text-align: center;
    font-weight: 700;
    color: var(--color-primary);
    font-variant-numeric: tabular-nums;
}

.hewiz-ticks[b-xc20pdtu6p] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .15rem;
    font-size: .75rem;
    color: var(--color-text-muted);
    margin-top: .05rem;
}
.hewiz-ticks span[b-xc20pdtu6p] {
    flex: 1 1 0;
    text-align: center;
    white-space: nowrap;
    line-height: 1.1;
}

/* base track + thumb (copy of QHE) */
.hewiz-range[b-xc20pdtu6p]::-webkit-slider-runnable-track {
    height: 6px;
    border-radius: 999px;
    background: var(--color-border-light);
}
.hewiz-range[b-xc20pdtu6p]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: var(--color-primary);
    margin-top: -5px;
}
.hewiz-range[b-xc20pdtu6p]::-moz-range-track {
    height: 6px;
    border-radius: 999px;
    background: var(--color-border-light);
}
.hewiz-range[b-xc20pdtu6p]::-moz-range-thumb {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: var(--color-primary);
    border: none;
}
.hewiz-range[b-xc20pdtu6p] {
    background: linear-gradient(var(--color-primary), var(--color-primary)) 0/0% 6px no-repeat,
    var(--color-border-light);
    border-radius: 999px;
}

/* Questions / chips */
.question-group[b-xc20pdtu6p] {
    display: flex;
    flex-direction: column;
    gap: var(--gap-md);
}
.question-row[b-xc20pdtu6p] {
    display: flex;
    flex-direction: column;
    gap: .4rem;
}
.question-label[b-xc20pdtu6p] {
    font-size: .85rem;
    font-weight: 600;
    color: var(--color-text-strong);
}
.choice-row[b-xc20pdtu6p] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}

.followup[b-xc20pdtu6p] {
    margin-top: .5rem;
    display: flex;
    flex-direction: column;
    gap: .35rem;
}
.followup-label[b-xc20pdtu6p] {
    font-size: .8rem;
    font-weight: 600;
    color: var(--color-label);
}
.followup-note[b-xc20pdtu6p] {
    font-size: .75rem;
}
.issue-tags[b-xc20pdtu6p] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

/* Local chip selected state */
.hewiz .chip.is-selected[b-xc20pdtu6p] {
    background: var(--color-primary);
    color: #fff;
    border-color: var(--color-primary);
}

/* Mobile tighten */
@media (max-width: 576px) {
    .hewiz-body[b-xc20pdtu6p] {
        border-radius: var(--radius-md);
        padding: .8rem .8rem .9rem;
    }
    .hewiz-ratings[b-xc20pdtu6p] {
        row-gap: .5rem;
    }
    .hewiz-range[b-xc20pdtu6p] {
        margin-top: .1rem;
    }
    .hewiz-ticks[b-xc20pdtu6p] {
        font-size: .7rem;
        margin-top: 0;
    }
}
/* /Pages/Builds/Health/Client/Dashboard/Components/MealsToday/MealsTodayPanel.razor.rz.scp.css */
/* Header */
.meals-today .section-title[b-7vk3wshevr] { margin-bottom: var(--spacing-sm); }

/* Guidance chips */
.meal-guidance-chips[b-7vk3wshevr] { display:flex; flex-wrap:wrap; gap: var(--gap-sm); }
.mg-chip[b-7vk3wshevr]{
    display:inline-flex; align-items:center; gap:.4rem;
    padding:.3rem .6rem; border-radius:999px;
    background: var(--color-surface); border:1px solid var(--color-border-light);
    font-size: var(--font-size-sm);
}

/* Grid: 3 across desktop; 2 on md; 1 on sm */
.meal-grid[b-7vk3wshevr]{
    display:grid; gap: var(--gap-sm);
    grid-template-columns: repeat(3, minmax(0,1fr));
}
@media (max-width: 991.98px){ .meal-grid[b-7vk3wshevr]{ grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 575.98px){ .meal-grid[b-7vk3wshevr]{ grid-template-columns: 1fr; } }

/* Tile (shared by all) */
.meal-tile[b-7vk3wshevr]{
    display:flex; flex-direction:column; gap:.5rem;
    padding: var(--padding-sm) var(--padding-md);
    background: var(--stat-tile-bg);
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-card);
    box-shadow: var(--shadow-sm);
}

/* Head */
.tile-head[b-7vk3wshevr]{
    display:flex; align-items:center; justify-content:space-between; gap: var(--gap-sm);
}
.tile-title[b-7vk3wshevr]{ font-weight: var(--font-weight-bold); }

/* Uniform one-line row (for B/L/D) */
.meal-row[b-7vk3wshevr]{
    display:grid; grid-template-columns: 1fr auto auto; /* item | time | actions */
    align-items:center; gap:.5rem;
}
.meal-item[b-7vk3wshevr]{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.meal-time[b-7vk3wshevr]{ white-space:nowrap; }

/* Snacks (two rows) */
.snack-list[b-7vk3wshevr]{ display:grid; gap:.45rem; }
.snack-row[b-7vk3wshevr]{
    display:grid; grid-template-columns: 70px 1fr auto auto; gap:.5rem; align-items:center;
}
.snack-label[b-7vk3wshevr]{ font-weight: var(--font-weight-bold); }
.snack-item[b-7vk3wshevr]{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.snack-time[b-7vk3wshevr]{ white-space:nowrap; }

/* Actions */
.tile-actions[b-7vk3wshevr]{ display:flex; align-items:center; gap:.35rem; }
.tile-actions .sep[b-7vk3wshevr]{ color: var(--color-text-muted); }

/* Guidance line under each tile */
.tile-guidance[b-7vk3wshevr]{ margin-top:.1rem; }

/* Meters */
.meter .meter-bar[b-7vk3wshevr] { height:8px; border-radius:999px; overflow:hidden; }
.meter .progress.meter-bar[b-7vk3wshevr]{
    --_rail: var(--progress-rail-bg);
    background: var(--_rail);
    border: 1px solid var(--progress-rail-border);
}
.meter .progress.meter-bar .progress-bar[b-7vk3wshevr]{ background: var(--progress-warning-fill); }
.meter .progress.meter-bar .progress-bar.is-hydration[b-7vk3wshevr]{ background: var(--progress-info-fill); }

/* Optional stat tiles */
.meal-stats[b-7vk3wshevr]{
    display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: var(--gap-sm);
}
@media (max-width: 991.98px){ .meal-stats[b-7vk3wshevr]{ grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 575.98px){ .meal-stats[b-7vk3wshevr]{ grid-template-columns: 1fr; } }

.meal-stat[b-7vk3wshevr]{
    background: var(--stat-tile-bg);
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-card);
    box-shadow: var(--shadow-sm);
    padding: var(--padding-sm) var(--padding-md);
}

/* Shared list/row used by Breakfast/Lunch/Dinner to match Snacks */
.tile-list[b-7vk3wshevr]{ display:grid; gap:.45rem; }
.tile-row[b-7vk3wshevr]{
    display:grid; grid-template-columns: 1fr auto auto; /* item | time | actions */
    align-items:center; gap:.5rem;
}
.tile-item[b-7vk3wshevr]{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tile-time[b-7vk3wshevr]{ white-space:nowrap; }

/* (Keep your existing .snack-list / .snack-row for the two snack rows) */
/* /Pages/Builds/Health/Client/Dashboard/Components/NextSession/NextSessionPanel.razor.rz.scp.css */
/* Card shell */
.ns-card[b-rjz6b8nqbj]{
    border:2px solid var(--color-primary-light);
    border-radius: var(--radius-card);
}
.identity-name[b-rjz6b8nqbj]{ font-size: var(--font-size-value-lg); font-weight: var(--font-weight-bold); }
.ns-focus-row[b-rjz6b8nqbj]{ display:flex; flex-wrap:wrap; gap:.5rem; }
.ns-chip[b-rjz6b8nqbj]{ display:flex; align-items:center; gap:.5rem; }
.ns-chip .label-md[b-rjz6b8nqbj]{ font-weight:600; font-size:.9rem; }

/* Stacked exercise list */
.ex-list[b-rjz6b8nqbj]{ display:grid; gap:.5rem; }
.exercise-row[b-rjz6b8nqbj]{
    display:grid;
    grid-template-columns: auto 1fr auto; /* idx | name | metrics (right) */
    gap:.75rem;
    padding: var(--padding-sm) var(--padding-md);
    background: var(--stat-tile-bg);
    border:1px solid var(--color-border-light);
    border-radius: var(--radius-card);
    box-shadow: var(--shadow-sm);
    align-items: center; /* vertically center all cells */
}
.exercise-row:hover[b-rjz6b8nqbj]{ background: var(--color-surface-hover); }

.idx[b-rjz6b8nqbj]{
    width:28px; height:28px; border-radius:999px; display:grid; place-items:center;
    border:1px solid var(--color-border-light); background: var(--stat-tile-bg);
    font-size:.75rem; color: var(--color-text-muted);
}

.name[b-rjz6b8nqbj]{ font-weight: var(--font-weight-bold); line-height:1.2; }

/* Right-anchored metrics (blue), e.g., “3×12 @ 35 lb” */
.metrics[b-rjz6b8nqbj]{
    justify-self: end;
    text-align: right;
    display: flex;
    align-items: center;
}
.setrep[b-rjz6b8nqbj]{
    color: var(--color-primary);
    font-weight: var(--font-weight-bold);
    line-height: 1.2;
}

/* CTA pair */
.session-ctas[b-rjz6b8nqbj]{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap: var(--gap-sm);
}

/* ===== Add-ons under the card ===== */
.stat-card-link .stat-title[b-rjz6b8nqbj]{ color: var(--color-text-muted); font-size:.85rem; }
.stat-card-link .stat-value[b-rjz6b8nqbj]{ font-size:1.6rem; font-weight:700; line-height:1.1; }
.stat-card-link .stat-description[b-rjz6b8nqbj]{ color: var(--color-text-muted); font-size:.85rem; }

/* List table (Upcoming/History) */
.list-table[b-rjz6b8nqbj]{ display:grid; }
.list-row[b-rjz6b8nqbj]{
    display:flex; align-items:center; justify-content:space-between;
    gap:12px; padding:10px 12px; border-top:1px solid var(--color-border-light);
}
.list-row:first-child[b-rjz6b8nqbj]{ border-top:0; }
.row-content[b-rjz6b8nqbj]{ display:grid; gap:4px; min-width:0; }
.row-title[b-rjz6b8nqbj]{ font-weight:700; }
.row-title .date-link[b-rjz6b8nqbj]{ text-decoration:none; }
.row-sub[b-rjz6b8nqbj]{ color: var(--color-text-muted); font-size:.9rem; }
.row-actions[b-rjz6b8nqbj]{ display:flex; gap:8px; }

/* ===== Mobile tweaks ===== */
@media (max-width: 575.98px){
    .exercise-row[b-rjz6b8nqbj]{
        grid-template-columns: auto 1fr;   /* drop dedicated metrics column */
        row-gap: .35rem;
    }
    .metrics[b-rjz6b8nqbj]{
        grid-column: 2 / -1;               /* sit under the name on mobile */
        justify-self: end;
    }
}
/* /Pages/Builds/Health/Client/Dashboard/Components/ScoresSnapshot/ScoresSnapshotPanel.razor.rz.scp.css */
/* uses global stat-card styles */
/* /Pages/Builds/Health/Client/Dashboard/Components/THRTrend/ThrTrendPanel.razor.rz.scp.css */
.thr-card[b-49zkgbiniq]{ padding-bottom: var(--spacing-md); }

.thr-range[b-49zkgbiniq]{ display:flex; gap:.375rem; }
.range-btn[b-49zkgbiniq]{
    appearance:none;
    border:1px solid var(--color-border-light);
    background: var(--color-surface);
    padding:.25rem .6rem;
    border-radius:999px;
    font-size: var(--font-size-sm);
    cursor:pointer;
    color: var(--color-text-muted);
}
.range-btn.is-active[b-49zkgbiniq]{ border-color: var(--color-primary); color: var(--color-primary); }
.range-btn:hover[b-49zkgbiniq]{ background: var(--color-surface-hover); }

/* THR summary */
.thr-summary[b-49zkgbiniq]{
    display:flex;
    flex-wrap:wrap;
    gap:var(--gap-sm);
}
.thr-summary-item[b-49zkgbiniq]{
    flex:1 1 160px;
}
.thr-summary-value[b-49zkgbiniq]{
    font-weight:var(--font-weight-bold);
    font-size:var(--font-size-sm);
}

/* Zone tiles */
.thr-zone-tiles[b-49zkgbiniq]{ display:grid; gap: var(--gap-sm); grid-template-columns: repeat(4, minmax(0,1fr)); }
@media (max-width: 991.98px){ .thr-zone-tiles[b-49zkgbiniq]{ grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 575.98px){ .thr-zone-tiles[b-49zkgbiniq]{ grid-template-columns: 1fr; } }
.zone-tile[b-49zkgbiniq]{
    display:flex; align-items:center; justify-content:space-between; gap:.5rem;
    padding: var(--padding-sm) var(--padding-md);
    border:1px solid var(--color-border-default); border-radius: var(--radius-card);
    background: var(--stat-tile-bg);
}
.zt-name[b-49zkgbiniq]{ font-weight: var(--font-weight-bold); font-size: var(--font-size-xs); }

/* Trend rows */
.thr-list[b-49zkgbiniq]{ display:grid; gap:.75rem; }
.thr-row[b-49zkgbiniq]{ display:grid; grid-template-columns: 170px 1fr; gap: var(--gap-sm); align-items:center; }
@media (max-width: 575.98px){ .thr-row[b-49zkgbiniq]{ grid-template-columns: 1fr; } }
.thr-meta .thr-date[b-49zkgbiniq]{ font-weight: var(--font-weight-bold); font-size: var(--font-size-sm); }

.thr-bar[b-49zkgbiniq]{
    height:10px;
    border-radius:999px;
    overflow:hidden;
    background: var(--progress-rail-bg);
    display:flex;
}
.seg[b-49zkgbiniq]{ display:block; height:100%; }
.seg-z1[b-49zkgbiniq]{ background: var(--pill-zone-z1-bg); }
.seg-z2[b-49zkgbiniq]{ background: var(--pill-zone-z2-bg); }
.seg-z3[b-49zkgbiniq]{ background: var(--pill-zone-z3-bg); }
.seg-z4[b-49zkgbiniq]{ background: var(--pill-zone-z4-bg); }
/* /Pages/Builds/Health/Client/Dashboard/HealthClientDashboard.razor.rz.scp.css */
.mb-section[b-tcfnj8zfb7] {
    margin-bottom: var(--spacing-xl);
}

/* ----- HERO CARD ----- */
.hero-card[b-tcfnj8zfb7] {
    padding: var(--spacing-lg);
}

/* Header row: identity on left, quick nav + next session on right */
.hero-header-row[b-tcfnj8zfb7] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--gap-lg);
    flex-wrap: wrap;
}

/* Identity block */
.hero-ident[b-tcfnj8zfb7] {
    display: flex;
    align-items: center;
    gap: var(--gap-md);
    flex: 1 1 auto;
    min-width: 0;
}

.avatar[b-tcfnj8zfb7] {
    width: 108px;
    height: 108px;
    border-radius: 50%;
    border: 2px solid var(--color-primary);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
}
.avatar img[b-tcfnj8zfb7] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.summary-title[b-tcfnj8zfb7] {
    font-family: var(--font-family-header), sans-serif;
    font-size: var(--font-size-header);
    color: var(--color-primary);
}

.hero-program-tags[b-tcfnj8zfb7] {
    margin-top: .35rem;
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}
.hero-program-tags .pill[b-tcfnj8zfb7] {
    font-size: .78rem;
}

/* Right-hand side: quick nav + next session */
.hero-side[b-tcfnj8zfb7] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: .75rem;
    min-width: 230px;
}

.hero-icons-row[b-tcfnj8zfb7] {
    display: flex;
    gap: .5rem;
}
.quick-nav-btn[b-tcfnj8zfb7] {
    border-radius: 999px;
    padding: .35rem .5rem;
}

/* Next session block */
.hero-next[b-tcfnj8zfb7] {
    text-align: right;
    display: flex;
    flex-direction: column;
    gap: .15rem;
}

.hero-next-label[b-tcfnj8zfb7] {
    font-weight: var(--font-weight-bold);
    font-size: .8rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--color-text-muted);
}

.hero-next-date[b-tcfnj8zfb7] {
    font-size: clamp(1.05rem, .7rem + 1vw, 1.25rem);
    font-weight: 600;
}

.hero-next-meta[b-tcfnj8zfb7] {
    font-size: .85rem;
}
.hero-next-meta .kv-dot[b-tcfnj8zfb7] {
    color: var(--color-border-light);
    margin: 0 .25rem;
}

.hero-next-cta[b-tcfnj8zfb7] {
    margin-top: .5rem; /* pull button closer to text */
}
.hero-next-btn[b-tcfnj8zfb7] {
    min-width: 160px;
}

/* Metrics row under header: Weight + THR */
.hero-metrics-row[b-tcfnj8zfb7] {
    margin-top: var(--spacing-lg);
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.3fr);
    gap: var(--gap-lg);
}
@media (max-width: 991.98px) {
    .hero-metrics-row[b-tcfnj8zfb7] {
        grid-template-columns: 1fr;
    }
}

/* Weight block */
.hero-weight[b-tcfnj8zfb7] {
    border-radius: var(--radius-md);
    background: var(--color-bg);
    padding: .75rem 1rem;
    box-shadow: var(--shadow-sm);
    display: flex;
    flex-direction: column;
    gap: .35rem;
}
.hero-weight-head[b-tcfnj8zfb7] {
    font-weight: var(--font-weight-bold);
    letter-spacing: .03em;
    text-transform: uppercase;
    font-size: .8rem;
    color: var(--color-text-strong);
}
.hero-weight-sub[b-tcfnj8zfb7] {
    font-size: .8rem;
}

.hero-weight-start-row[b-tcfnj8zfb7] {
    display: flex;
    align-items: baseline;
    gap: .35rem;
    margin-top: .15rem;
}
.hero-weight-start[b-tcfnj8zfb7] {
    font-weight: 600;
}

.hero-weight-edit-row[b-tcfnj8zfb7] {
    display: flex;
    align-items: center;
    gap: .35rem;
    margin-top: .35rem;
}
.hero-weight-input[b-tcfnj8zfb7] {
    max-width: 110px;
}
.weight-unit[b-tcfnj8zfb7] {
    font-size: .8rem;
    color: var(--color-text-muted);
}
.hero-weight-save[b-tcfnj8zfb7] {
    white-space: nowrap;
}

.hero-weight-change-row[b-tcfnj8zfb7] {
    margin-top: .25rem;
    display: flex;
    align-items: baseline;
    gap: .35rem;
}
.hero-weight-change[b-tcfnj8zfb7] {
    font-weight: 500;
    color: var(--color-primary);
}

/* Training heart rate block */
.hero-thr[b-tcfnj8zfb7] {
    border-radius: var(--radius-md);
    background: var(--color-bg);
    padding: .75rem 1rem;
    box-shadow: var(--shadow-sm);
    display: flex;
    flex-direction: column;
    gap: .45rem;
}
.hero-thr-header[b-tcfnj8zfb7] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: .5rem;
}
.hero-thr-title[b-tcfnj8zfb7] {
    font-weight: var(--font-weight-bold);
    letter-spacing: .03em;
    text-transform: uppercase;
    font-size: .8rem;
    color: var(--color-text-strong);
}
.hero-thr-link[b-tcfnj8zfb7] {
    font-size: .8rem;
}

.hero-thr-sub[b-tcfnj8zfb7] {
    font-size: .8rem;
}

/* Only Active + Training THR now */
.hero-thr-zones[b-tcfnj8zfb7] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: .75rem;
}

.thr-metric[b-tcfnj8zfb7] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
}
.thr-pill[b-tcfnj8zfb7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .35rem .9rem;
    border-radius: 999px;
    font-size: .8rem;
    font-weight: 600;
    white-space: nowrap;
}
.thr-pill-active[b-tcfnj8zfb7] {
    background: #d4f5df;
    color: #218a4a;
}
.thr-pill-training[b-tcfnj8zfb7] {
    background: #ffe5c7;
    color: #c26a17;
}
.thr-helper[b-tcfnj8zfb7] {
    font-size: .78rem;
    color: var(--color-text-muted);
}

/* Responsive tweaks */
@media (max-width: 767.98px) {
    .hero-header-row[b-tcfnj8zfb7] {
        flex-direction: column;
        align-items: flex-start;
    }

    .hero-side[b-tcfnj8zfb7] {
        align-items: flex-start;
        text-align: left;
        width: 100%;
    }

    .hero-icons-row[b-tcfnj8zfb7] {
        align-self: flex-end; /* keeps icons in the top-right on mobile */
    }

    .hero-next[b-tcfnj8zfb7] {
        align-items: flex-start;
        text-align: left;
    }

    .hero-next-btn[b-tcfnj8zfb7] {
        width: 100%;
        max-width: 260px;
    }
}

/* ----- INLINE SUBNAV ----- */
.client-subnav[b-tcfnj8zfb7] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    padding-bottom: .25rem;
}
@media (max-width: 767.98px) {
    .client-subnav[b-tcfnj8zfb7] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .5rem;
    }
    .client-subnav .chip[b-tcfnj8zfb7] {
        width: 100%;
        justify-content: flex-start;
    }
}
/* /Pages/Builds/Health/Client/Dashboard/HealthClientDashboardIndex.razor.rz.scp.css */
.nav-section[b-p41c4h7v23] { }

.nav-heading[b-p41c4h7v23]{
    font-weight:700; letter-spacing:.03em; text-transform:uppercase;
    color:var(--color-primary); margin-bottom:.5rem; font-size:.9rem;
}

.nav-card[b-p41c4h7v23]{
    background: var(--color-bg);
    border:1px solid var(--color-border-light);
    border-radius:var(--radius-md);
    text-decoration:none; color:inherit;
    display:flex; gap:.75rem; align-items:flex-start;
    transition: box-shadow .15s ease, border-color .15s ease;
    margin-bottom:.75rem;
}
.nav-card:hover[b-p41c4h7v23]{
    background: var(--color-surface-hover);
    box-shadow:var(--shadow-sm);
    border-color:var(--color-border-default);
}

.nav-icon[b-p41c4h7v23]{
    font-size:1.4rem; line-height:1; width:2rem; text-align:center; margin-top:.15rem;
}

.nav-title[b-p41c4h7v23]{ font-weight:700; }
.nav-sub[b-p41c4h7v23]{ font-size:.92rem; }
.nav-cta[b-p41c4h7v23]{ font-weight:700; color:var(--color-primary); margin-left:auto; }

/* Optional helper if you keep any video boxes later */
.video-box[b-p41c4h7v23]{
    width:100%; height:200px; border-radius:var(--radius-md);
    background:var(--color-surface);
    display:flex; align-items:center; justify-content:center;
    font-weight:600; opacity:.9;
}
/* /Pages/Builds/Health/Client/Layout/Components/PreviewShield.razor.rz.scp.css */
/* Centered card container (only this box is fixed & interactive) */
.preview-shield[b-kyu5es5lko]{
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
    display: block;
}

/* Full-screen scrim lives on ::before, NOT blocking clicks */
.preview-shield[b-kyu5es5lko]::before{
    content: "";
    position: fixed;
    inset: 0;

    /* base dim + blur (tokenized so it works in light + dark themes) */
    background: color-mix(in srgb, var(--color-surface) 66%, transparent);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);

    /* allow clicks through to page (menus, etc.) */
    pointer-events: none;
    z-index: -1; /* keep behind the card */
}

/* The card itself */
.preview-shield .shield-inner[b-kyu5es5lko]{
    pointer-events: auto;            /* card is clickable if needed later */

    /* use elevated surface + tokenized border so it works in dark mode */
    background: var(--color-surface-hover, var(--color-surface));
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);

    padding: 1.25rem 1.25rem 1rem;
    width: min(560px, 92vw);
    text-align: center;
    color: var(--color-text-strong);
}

/* Optional cosmetics */
.preview-shield .badge[b-kyu5es5lko]{
    display:inline-block;
    font-weight: var(--font-weight-bold);
    font-size:.75rem;
    padding:.25rem .5rem;
    border-radius:999px;

    /* soft pill using brand tokens */
    background: var(--color-primary-light);
    color: var(--color-primary);

    margin-bottom:.35rem;
}

.preview-shield .title[b-kyu5es5lko]{
    margin:0 0 .35rem;
    font-size: 1.05rem;
    font-weight: var(--font-weight-bold);
    color: var(--color-text-strong);
}

.preview-shield .sub[b-kyu5es5lko]{
    margin:0 0 .75rem;
    color: var(--color-text-muted);
}
/* /Pages/Builds/Health/Client/Layout/HealthClientLayout.razor.rz.scp.css */
/* ===== Header rhythm ===== */
.page-header[b-y85y8kfrek] { padding-top: var(--spacing-sm); }
.page-header-top[b-y85y8kfrek] { gap: var(--gap-md); }
.ph-left[b-y85y8kfrek] { min-width: 0; }
.ph-subtitle[b-y85y8kfrek] { margin-top: .15rem; }
.ph-actions[b-y85y8kfrek] { margin-top: var(--spacing-xs); }
.ph-divider[b-y85y8kfrek] { margin-top: var(--spacing-sm); border-bottom: 1px solid var(--color-border-light); }

/* ===== Chips cluster (uses tokens; safe for light/dark) ===== */
.ph-right .chip[b-y85y8kfrek]{
    display:inline-flex; align-items:center; gap:.55rem;
    background: var(--color-surface);
    border:1px solid var(--color-border-light);
    border-radius: var(--radius-input);
    padding:.45rem .65rem; height: 40px; line-height: 1;
    box-shadow: var(--shadow-xs); text-decoration: none;

    /* unify text color + weight for all chip content */
    color: var(--color-text-strong);
    font-weight: var(--font-weight-bold);

    transition: border-color .12s ease, box-shadow .12s ease, background-color .12s ease, transform .06s ease;
}
.ph-right .chip:hover[b-y85y8kfrek]{
    border-color: var(--color-primary);
    box-shadow: var(--shadow-lg);
    background: var(--color-surface-light);
}
.ph-right .chip:active[b-y85y8kfrek] { transform: translateY(1px); }

/* Icons in all header chips = brand primary */
.ph-right .chip i[b-y85y8kfrek] { color: var(--color-primary); }

/* ---- Next Up ---- */
.chip.nextup[b-y85y8kfrek]{ padding: var(--spacing-xs) var(--spacing-sm); }
.chip.nextup .nu-bar[b-y85y8kfrek]{ width:6px; height:20px; border-radius:999px; background: var(--color-primary); }
.chip.nextup .nu-body[b-y85y8kfrek]{ display:grid; gap:2px; }
/* keep the small time muted (exception to the global strong rule) */
.chip.nextup .nu-time[b-y85y8kfrek]{ font: var(--font-size-md); font-weight: bold; }
.chip.nextup .nu-title[b-y85y8kfrek]{ font-size:.81rem; color: var(--color-text-muted); font-weight: bold; }

/* ---- Score ring ---- */
.chip.score[b-y85y8kfrek]{ padding-right:.6rem; }
.chip.score .ring[b-y85y8kfrek]{
    --size: 26px; --pct: 60;
    width: var(--size); height: var(--size); border-radius:50%;
    background:
            conic-gradient(var(--color-primary) calc(var(--pct)*1%), transparent 0),
            radial-gradient(var(--color-surface) 58%, transparent 59%);
    border:1px solid var(--color-border-light);
}

/* ---- Heart (numeric bpm) ---- */
.chip.heart[b-y85y8kfrek]{ padding-right:.6rem; }
/* icons are already unified to primary above */
.chip.heart .hrt-val[b-y85y8kfrek]{ color: var(--color-text-strong); }
.chip.heart .hrt-unit[b-y85y8kfrek]{ color: var(--color-text-muted); font-size: .81rem; font-weight: bold; }

/* ---- Index chip (icon only now) ---- */
/* inherits icon + text rules */

/* ---- Mode toggle chip (icon only now) ---- */
.chip.mode-toggle[b-y85y8kfrek] { cursor: pointer; }

/* ===== Content spacing ===== */
.content-container[b-y85y8kfrek]{ padding-top: var(--spacing-md); padding-bottom: var(--spacing-xl); }

/* ===== Sub-nav tiles (compact, container-safe) ===== */
.tile-subnav[b-y85y8kfrek]{
    display:flex;
    gap: var(--gap-sm);
    padding-top: calc(var(--spacing-sm) + 2px);
    padding-bottom: calc(var(--spacing-sm) + 2px);
    margin: var(--spacing-sm) 0 var(--spacing-lg);
    overflow:hidden;
    max-width:100%;
    box-sizing:border-box;
}

.tile-subnav .tile[b-y85y8kfrek]{
    --tile-pad-x: .9rem;
    --tile-pad-y: .72rem;

    display:inline-flex;
    align-items:center;
    gap:.55rem;

    background: var(--color-surface);
    border:1px solid var(--color-border-light);
    border-radius: var(--radius-lg);
    padding: var(--tile-pad-y) var(--tile-pad-x);
    min-height:56px;

    text-decoration:none;
    color: var(--color-text-strong);
    font-weight: var(--font-weight-bold);
    box-shadow: var(--shadow-xs);
    transition: transform .06s ease, box-shadow .12s ease, border-color .12s ease, background-color .12s ease;

    flex:0 0 auto;
    max-width:100%;
}

.tile-subnav .tile:hover[b-y85y8kfrek]{
    border-color: var(--color-primary);
    box-shadow: var(--shadow-sm);
    background: var(--color-surface-light);
}
.tile-subnav .tile:active[b-y85y8kfrek]{ transform: translateY(1px); }
.tile-subnav .tile:focus-visible[b-y85y8kfrek]{
    outline: 2px solid color-mix(in srgb, var(--color-primary) 70%, transparent);
    outline-offset: 2px;
}
.tile-subnav .tile.is-active[b-y85y8kfrek]{
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 18%, transparent);
    background: color-mix(in srgb, var(--color-primary) 3%, var(--color-surface));
}

/* ICON — no background */
.tile-icon[b-y85y8kfrek]{
    width:22px; height:22px;
    display:inline-flex; align-items:center; justify-content:center;
    color: var(--color-primary);
    flex:0 0 auto;
}
.tile-icon i[b-y85y8kfrek]{ font-size:1.05rem; line-height:1; }

/* TEXT */
.tile-body[b-y85y8kfrek]{ display:grid; align-content:center; gap:0; min-width:0; }
.tile-label[b-y85y8kfrek]{
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

@media (max-width: 767.98px){
    .page-header-top[b-y85y8kfrek]{ flex-direction: column; align-items: stretch; gap: var(--gap-sm); }
    .ph-left[b-y85y8kfrek]{ order:1; }
    .ph-right[b-y85y8kfrek]{
        order:2; width:100%; display:flex; align-items:center;
        justify-content: space-between; gap:.25rem; flex-wrap: nowrap;
    }
    .ph-right .chip[b-y85y8kfrek]{
        height: 42px; padding: .60rem .75rem;
        font-size: clamp(.78rem, 3.2vw, .95rem);
        flex: 0 0 auto; white-space: nowrap;
    }

    /* >>> THIS LINE DOES THE ANCHORING <<< */
    .ph-right > .chip:nth-child(3)[b-y85y8kfrek]{ margin-left: auto; }

    .chip.score .ring[b-y85y8kfrek]{ --size: 22px; }

    /* Tiles → grid on mobile (no truncation) */
    .tile-subnav[b-y85y8kfrek]{
        display:grid;
        grid-template-columns: repeat(3, minmax(0,1fr));
        gap: var(--gap-sm);
        width:100%;
        margin: var(--spacing-md) 0 var(--spacing-xl);
        padding-top: var(--spacing-sm);
        padding-bottom: var(--spacing-sm);
    }

    .tile-subnav .tile[b-y85y8kfrek]{
        flex: initial;
        width: 100%;
        min-height: 62px;
        padding: .62rem .6rem;
        box-sizing: border-box;
        justify-content: flex-start;
    }

    .tile-icon[b-y85y8kfrek]{ width:20px; height:20px; }
    .tile-icon i[b-y85y8kfrek]{ font-size:1rem; }

    .tile-label[b-y85y8kfrek]{
        font-size: clamp(.9rem, 2.9vw, 1rem);
        white-space: normal;
        overflow: visible;
        text-overflow: unset;
        line-height: 1.2;
    }
}

/* ultra-narrow */
@media (max-width: 380px){
    .tile-subnav[b-y85y8kfrek]{ grid-template-columns: repeat(2, 1fr); }
    .tile-subnav .tile[b-y85y8kfrek]{ padding:.55rem .55rem; }
    .tile-icon[b-y85y8kfrek]{ width:19px; height:19px; }
    .tile-icon i[b-y85y8kfrek]{ font-size:.95rem; }

    .ph-right[b-y85y8kfrek]{ gap:.3rem; }
    .ph-right .chip[b-y85y8kfrek]{ height: 40px; padding:.36rem .5rem; font-size: .78rem; }
    .chip.score .ring[b-y85y8kfrek]{ --size: 20px; }
}

/* Force icon color to brand primary for header chips (FA <i> or <svg>) */
.page-header .ph-right .chip :is(i, svg, .svg-inline--fa)[b-y85y8kfrek] {
    color: var(--color-primary);
}

/* Force icon color to brand primary for sub-nav tiles */
.tile-subnav .tile .tile-icon :is(i, svg, .svg-inline--fa)[b-y85y8kfrek] {
    color: var(--color-primary);
}

/* Disabled state for header chips and sub-nav tiles */
.ph-right .chip.is-disabled[b-y85y8kfrek],
.tile-subnav .tile.is-disabled[b-y85y8kfrek]{
    pointer-events: none;
    opacity: .55;
    filter: grayscale(0.15);
    cursor: default;
}

/* Keep active tile outline subtle even when disabled (no visual jump) */
.tile-subnav .tile.is-disabled.is-active[b-y85y8kfrek]{
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 12%, transparent);
    border-color: var(--color-border-light);
}

/* Show correct icon based on current mode */
.mode-toggle .icon-moon[b-y85y8kfrek] { display: none; }
[data-mode="dark"] .mode-toggle .icon-sun[b-y85y8kfrek]  { display: none; }
[data-mode="dark"] .mode-toggle .icon-moon[b-y85y8kfrek] { display: inline-block; }

/* Base blur when shielded */
.content-container.is-shielded[b-y85y8kfrek]{
    filter: blur(2.2px) saturate(.95);
    transition: filter .12s ease;
}

/* Lighter blur while press & hold peeking */
.content-container.is-shielded.peek[b-y85y8kfrek]{
    filter: blur(1px) saturate(1);
}
/* /Pages/Builds/Health/Client/Layout/HealthClientNavLeft.razor.rz.scp.css */
/* ============================= */
/* Client Left Nav + Bottom Nav  */
/* ============================= */

/* ----- Desktop Left Nav (container) ----- */
.side-nav[b-hfi7sx74bc]{
    width: 200px;
    background: var(--color-surface);
    box-shadow: 2px 0 6px rgba(0,0,0,.08);

    position: sticky;
    top: 0;
    align-self: flex-start;
    height: 100vh;
    z-index: 10;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Shell-locked visual (onboarding) */
.side-nav.is-shell-locked[b-hfi7sx74bc]{
    opacity:.55;
    filter:saturate(.6);
    pointer-events:none;
}

/* Scroll only the top section (logo + menu) */
.side-nav > div:first-child[b-hfi7sx74bc]{
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 72px);
    overflow-y: auto;
    overscroll-behavior: contain;
    padding-bottom: .5rem;
}

/* Optional bottom fade */
.side-nav > div:first-child[b-hfi7sx74bc]::after{
    content: "";
    position: sticky;
    bottom: 0;
    height: 12px;
    background: linear-gradient(to bottom, rgba(255,255,255,0), var(--color-surface));
    pointer-events: none;
    display: block;
}

/* ----- Logout block ----- */
.logout-container[b-hfi7sx74bc]{
    position: sticky;
    bottom: 0;
    background: var(--color-surface);
    border-top: 1px solid var(--color-border-light);
    padding-top: .5rem;
}

/* ----- Menu list + links ----- */
[b-hfi7sx74bc] .left-nav-list{
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.left-nav-list-item[b-hfi7sx74bc]{ margin-bottom: 1rem; }

[b-hfi7sx74bc] .left-nav-link{
    display: block;
    padding: .75rem 1rem;
    font-weight: 500;
    font-size: 1rem;
    text-decoration: none;
    border-left: 4px solid transparent;
    color: var(--color-text-muted);
    transition: .2s;
}

[b-hfi7sx74bc] .left-nav-link:hover,
[b-hfi7sx74bc] .left-nav-link.active{
    color: var(--color-primary);
    border-left-color: var(--color-primary);
    background: var(--color-surface-light);
}

/* Disabled nav item (when shell-locked) */
[b-hfi7sx74bc] .left-nav-link.is-disabled{
    cursor: default;
    border-left-color: transparent;
    color: var(--color-text-muted);
    opacity:.6;
    background: transparent;
}

/* Logo */
.left-nav-logo[b-hfi7sx74bc]{
    max-width: 200px;
    padding: 1rem;
    display: block;
}

/* Logout button */
.logout-btn[b-hfi7sx74bc]{
    display: block;
    width: 100%;
    background: none;
    border: 1px solid var(--color-border-light);
    color: var(--color-text-muted);
    font-weight: 600;
    text-align: center;
    padding: .5rem 1rem;
    border-radius: var(--radius-md);
    text-decoration: none;
    transition: .2s;
}

.logout-btn:hover[b-hfi7sx74bc]{
    color: var(--color-primary);
    border-color: var(--color-primary);
}

.logout-btn.is-disabled[b-hfi7sx74bc]{
    cursor: default;
    opacity:.5;
    border-style:dashed;
}

/* ============================= */
/* Mobile Bottom Nav             */
/* ============================= */
@media (max-width: 768px){
    .bottom-nav[b-hfi7sx74bc]{
        display:flex;
        justify-content:space-around;
        align-items:center;
        padding:.65rem 1rem calc(.65rem + env(safe-area-inset-bottom));
        position: sticky;
        bottom:0;
        left:0;
        right:0;
        z-index:100;

        background: linear-gradient(
                180deg,
                color-mix(in srgb, var(--color-primary-dark) 92%, black 0%),
                var(--color-primary)
        );
        border-top: 1px solid color-mix(in srgb, var(--color-border-light) 60%, transparent);
        backdrop-filter: saturate(120%) blur(0px);
    }

    .bottom-nav.is-shell-locked[b-hfi7sx74bc]{
        opacity:.7;
        pointer-events:none;
    }

    /* icon button */
    .bottom-nav .nav-icon[b-hfi7sx74bc]{
        position:relative;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        width:44px;
        height:44px;
        color:#fff;
        text-decoration:none;

        border-radius:12px;
        background: transparent;
        box-shadow:none;
        opacity:.82;

        transition:
                background-color .15s ease,
                opacity .15s ease,
                transform .08s ease;
    }

    .bottom-nav .nav-icon:hover[b-hfi7sx74bc]{
        background: rgba(255,255,255,.06);
        opacity:.95;
    }

    .bottom-nav .nav-icon:active[b-hfi7sx74bc]{
        background: rgba(255,255,255,.10);
        transform: scale(.97);
    }

    .bottom-nav .nav-icon:focus-visible[b-hfi7sx74bc]{
        outline: 2px solid color-mix(in srgb, #fff 65%, var(--color-surface));
        outline-offset: 2px;
    }

    .bottom-nav .nav-icon.active[b-hfi7sx74bc]{
        background: rgba(255,255,255,.14);
        opacity:1;
    }

    .bottom-nav .nav-icon.is-disabled[b-hfi7sx74bc]{
        opacity:.5;
        background: transparent;
    }

    .bottom-nav .center-icon[b-hfi7sx74bc]{ font-size:1.25rem; }
}

/* hide bar on desktop */
@media (min-width: 769px){
    .bottom-nav[b-hfi7sx74bc]{ display:none; }
}

/* reduced motion */
@media (prefers-reduced-motion: reduce){
    .bottom-nav .nav-icon[b-hfi7sx74bc]{ transition:none; }
}
/* /Pages/Builds/Health/Client/Sessions/Components/HealthClientSessionActiveTimer.razor.rz.scp.css */
/* ==================================== */
/* ⏱️ SessionActive Component Styling     */
/* Scoped to SessionActive.razor only     */
/* ==================================== */

.timer-wrapper[b-2d5lq1v3b9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 0;
    margin-bottom: 2rem;
}

.timer-label[b-2d5lq1v3b9] {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--element-color-text-strong);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.timer-bar-container[b-2d5lq1v3b9] {
    width: 100%;
    max-width: 500px;
    height: 14px;
    background-color: var(--element-color-surface);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: inset 0 0 4px rgba(0,0,0,0.1);
}

.timer-bar[b-2d5lq1v3b9] {
    height: 100%;
    background-color: var(--element-color-primary);
    transition: width 0.3s linear;
    width: 0%; /* Set dynamically */
}

.timer-state-active[b-2d5lq1v3b9] {
    background-color: #d1f5e2;
    color: #198754;
}

.timer-state-rest[b-2d5lq1v3b9] {
    background-color: #fffbe6;
    color: #ffc107;
}

.set-log-entry[b-2d5lq1v3b9] {
    background-color: var(--element-color-surface);
    border-radius: var(--element-radius-card);
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    font-size: 0.85rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: var(--element-shadow-card);
}

.set-log-entry .label[b-2d5lq1v3b9] {
    font-weight: 600;
    color: var(--element-color-label);
}

.set-log-entry .value[b-2d5lq1v3b9] {
    font-weight: 700;
    color: var(--element-color-text-strong);
}
/* /Pages/Builds/Health/Client/Sessions/HealthClientSessionActivePage/HealthClientSessionActive.razor.rz.scp.css */
/* ===== Helpers ===== */
.input-sm[b-hnfzofodb8]{
    font-size: var(--font-size-sm);
    padding: var(--padding-xs) var(--padding-sm);
    min-height: 36px;
}

.row-current[b-hnfzofodb8]{
    background: var(--color-surface);
}

.alert-compact[b-hnfzofodb8]{
    padding: var(--padding-sm);
}

.form-label-compact[b-hnfzofodb8]{
    font-size:.85rem;
    font-weight:600;
    color:var(--color-label, #6c757d);
    transition: color .12s ease, opacity .12s ease;
}

/* Make identity links look like text links, not buttons */
.link-quiet[b-hnfzofodb8]{
    color: var(--color-primary);
    text-decoration: none;
}
.link-quiet:hover[b-hnfzofodb8]{
    text-decoration: underline;
}

/* Meta tiles: vertical stack (used under card + in modal) */
.metric-grid.ex-meta[b-hnfzofodb8]{
    display: grid;
    gap: var(--gap-sm);
}
.ex-meta.ex-meta--force-stack[b-hnfzofodb8]{
    grid-template-columns: 1fr !important;
}
.ex-meta.ex-meta--force-stack .info-panel[b-hnfzofodb8]{
    min-height: 72px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media (max-width: 575.98px){
    .ex-meta.ex-meta--force-stack .info-panel[b-hnfzofodb8]{
        min-height: 60px;
    }
}

/* Media block */
.exercise-media[b-hnfzofodb8]{
    background: var(--color-surface);
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: 0 1px 6px rgba(0,0,0,.04);
}
.exercise-video[b-hnfzofodb8]{
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:16 / 9;
}
@media (min-width: 992px){
    .exercise-video[b-hnfzofodb8]{
        max-height: clamp(260px, 42vh, 420px);
        object-fit: cover;
    }
}

/* Totals + footer */
.row-totals[b-hnfzofodb8]{
    background: var(--color-surface-alt);
    font-weight: var(--font-weight-medium);
}
.table-footer[b-hnfzofodb8]{
    padding-top: var(--padding-sm);
}

/* Stacked table mobile tweaks */
@media (max-width: 575.98px){
    .table-stacked tbody td[data-label][b-hnfzofodb8]{
        display: flex;
        align-items: center;
        gap: var(--gap-sm, 8px);
        justify-content: flex-end;
        text-align: right;
        flex-wrap: nowrap;
    }
    .table-stacked tbody td[data-label][b-hnfzofodb8]::before{
        margin-right: auto;
        text-align: left;
        flex: 1 1 auto;
    }
    .table-stacked tbody td[data-label="Result"][b-hnfzofodb8]{
        justify-content: flex-start;
        text-align: left;
        flex-wrap: wrap;
        white-space: normal;
    }
    .table-stacked tbody td[data-label="Result"][b-hnfzofodb8]::before{
        flex: 0 0 auto;
        margin-right: var(--gap-sm, 8px);
    }
}

/* =========================
   ACTIVE SESSION CARD (FT-style)
   ========================= */

.as-card[b-hnfzofodb8]{
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-card);
    background: var(--color-bg);
    box-shadow: var(--shadow-card, 0 2px 8px rgba(15,23,42,.08));
    overflow: hidden;
}

/* Header */
.as-head[b-hnfzofodb8]{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--gap-md);
    padding: .7rem .95rem;
    border-bottom: 1px solid var(--color-border-light);
    background: var(--color-surface);
}
.as-head-left[b-hnfzofodb8]{
    display: flex;
    flex-direction: column;
    gap: .15rem;
    min-width: 0;
}
.as-step-label[b-hnfzofodb8]{
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--color-text-muted);
}
.as-title[b-hnfzofodb8]{
    font-size: .98rem;
    font-weight: var(--font-weight-bold);
    color: var(--color-primary);
}
.as-head-summary[b-hnfzofodb8]{
    font-size: .8rem;
    color: var(--color-text-muted);
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    align-items: center;
}
.as-dot[b-hnfzofodb8]{
    font-size: .7rem;
    color: var(--color-text-muted);
}
.as-head-right[b-hnfzofodb8]{
    display: flex;
    align-items: center;
    gap: .4rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

/* FitnessTest-style time badge */
.badge-time[b-hnfzofodb8]{
    background: var(--color-primary);
    color: #fff;
    font-weight: 700;
    border-radius: 999px;
    padding: .25rem .75rem;
    line-height: 1;
    font-variant-numeric: tabular-nums;
    font-size: .8rem;
}

.as-phase-pill[b-hnfzofodb8]{
    background: color-mix(in srgb, #ffffff 80%, var(--color-primary) 20%);
    border-color: transparent;
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: .05em;
}

/* Body */
.as-body[b-hnfzofodb8]{
    display: grid;
    grid-template-columns: minmax(260px, 360px) minmax(0, 1.5fr);
    gap: var(--gap-lg);
    padding: .9rem .95rem 1rem;
}
@media (max-width: 991.98px){
    .as-body[b-hnfzofodb8]{
        grid-template-columns: 1fr;
    }
}

/* Media */
.as-media[b-hnfzofodb8]{
    display: flex;
    flex-direction: column;
    gap: .5rem;
}
.as-video[b-hnfzofodb8]{
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: var(--radius-md);
    border: 1px solid var(--color-border-light);
    background: #0f172a;
    overflow: hidden;
}
.as-video--ph[b-hnfzofodb8]{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .85rem;
    color: var(--color-text-muted);
}
@media (min-width: 992px){
    .as-video[b-hnfzofodb8]{
        max-height: clamp(260px, 42vh, 420px);
        object-fit: cover;
    }
}

/* Right-hand flow */
.as-right[b-hnfzofodb8]{
    display: flex;
    flex-direction: column;
    gap: .75rem;
}
.as-step[b-hnfzofodb8]{
    display: flex;
    flex-direction: column;
    gap: .25rem;
}
.as-step-title[b-hnfzofodb8]{
    font-size: .9rem;
    font-weight: 700;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: var(--color-primary);
}
.as-step-desc[b-hnfzofodb8]{
    font-size: .8rem;
    color: var(--color-text-muted);
}

/* Timer row */
.as-timer-row[b-hnfzofodb8]{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--gap-md);
    padding: .6rem .75rem;
    border-radius: var(--radius-md);
    border: 1px solid var(--color-border-light);
    background: var(--color-secondary);
    color: #fff;
}
.as-phase-time[b-hnfzofodb8]{
    font-weight: 800;
    font-size: 1.5rem;
    font-variant-numeric: tabular-nums;
    line-height: 1;
}
.as-cta[b-hnfzofodb8]{
    min-width: 170px;
}
@media (max-width: 767.98px){
    .as-timer-row[b-hnfzofodb8]{
        flex-direction: column;
        align-items: stretch;
        text-align: center;
    }
    .as-cta[b-hnfzofodb8]{
        width: 100%;
        min-width: 0;
    }
}

/* Optional fields (reps / weight) */
.as-fields[b-hnfzofodb8]{
    margin-top: .5rem;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--gap-sm);
}
@media (max-width: 575.98px){
    .as-fields[b-hnfzofodb8]{
        grid-template-columns: 1fr;
    }
}

/* Meta grid under fields */
.as-meta-grid[b-hnfzofodb8]{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--gap-sm);
}
.as-meta-grid .info-panel[b-hnfzofodb8]{
    padding: .45rem .6rem;
    border-radius: var(--radius-md);
    border: 1px solid var(--color-border-light);
    background: var(--color-surface);
    display: flex;
    flex-direction: column;
    gap: .1rem;
    font-size: .8rem;
}
.as-meta-grid .info-panel span[b-hnfzofodb8]{
    color: var(--color-text-muted);
}
.as-meta-grid .info-panel .value-strong[b-hnfzofodb8]{
    font-size: .9rem;
}
@media (max-width: 767.98px){
    .as-meta-grid[b-hnfzofodb8]{
        grid-template-columns: 1fr;
    }
}
/* /Pages/Builds/Health/Client/Sessions/HealthClientSessionModify.razor.rz.scp.css */
/* Toolbar */
.mod-toolbar[b-cvb32dxa11]{ padding: var(--card-padding); }
.mod-toolbar .section-title[b-cvb32dxa11]{ margin-bottom:0; }
.mod-toolbar .card-header-row[b-cvb32dxa11]{
    display:flex; align-items:center; justify-content:space-between; gap:1rem;
    padding-block: var(--spacing-sm);
    border-bottom:1px solid var(--color-border-light);
}
.mod-toolbar .toolbar-left[b-cvb32dxa11], .mod-toolbar .toolbar-right[b-cvb32dxa11]{ display:flex; align-items:center; gap:.75rem; }

/* Day-of options, overview tiles reuse metric-grid/info-panel defaults */

/* Exercise list */
.ex-list[b-cvb32dxa11]{ display:grid; gap: var(--gap-sm); }
.ex-row[b-cvb32dxa11]{ padding: var(--card-padding); transition: box-shadow .12s, transform .06s; }
.ex-row:hover[b-cvb32dxa11]{ box-shadow: var(--shadow-sm); }
.ex-head[b-cvb32dxa11]{
    display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap;
}
.ex-tools[b-cvb32dxa11]{ display:flex; align-items:center; gap:.5rem; flex-wrap:wrap; }

.ex-grid[b-cvb32dxa11]{
    display:grid; gap: var(--gap-sm);
    grid-template-columns: repeat(4, minmax(0,1fr));
    margin-top: var(--spacing-sm);
}
@media (max-width: 991.98px){ .ex-grid[b-cvb32dxa11]{ grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 575.98px){ .ex-grid[b-cvb32dxa11]{ grid-template-columns: 1fr; } }

.ex-field[b-cvb32dxa11]{ display:flex; flex-direction:column; gap:.25rem; min-width:0; }
.ex-notes[b-cvb32dxa11]{ grid-column: 1 / -1; }

.btn-circle[b-cvb32dxa11]{ border-radius:999px; width:36px; height:36px; padding:0; }

.mb-section[b-cvb32dxa11]{ margin-bottom: var(--spacing-xl); }
/* /Pages/Builds/Health/Client/Sessions/HealthClientSessionPreHE.razor.rz.scp.css */
/* =========================
   GENERAL PAGE STRUCTURE
   ========================= */
.prehe[b-etj4ts21fn] {
    padding-bottom: var(--spacing-xl);
}

.mb-section[b-etj4ts21fn] {
    margin-bottom: var(--spacing-xl);
}

.prehe-card[b-etj4ts21fn] {
    background: var(--color-bg);
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-lg);
    padding: var(--padding-md);
}

.prehe-head[b-etj4ts21fn] {
    font-weight: 700;
    letter-spacing: .03em;
    color: var(--color-primary);
    margin-bottom: .35rem;
}

.prehe-help[b-etj4ts21fn] {
    font-size: .8rem;
    color: var(--color-text-muted);
}

.prehe-sub[b-etj4ts21fn] {
    font-size: .75rem;
}

.form-label-compact[b-etj4ts21fn] {
    font-size: .85rem;
    font-weight: 600;
    color: var(--color-label);
}

.prehe-subheading[b-etj4ts21fn] {
    font-size: .8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--color-text-muted);
}

/* =========================
   WEIGHT + HIP / WAIST
   ========================= */
.prehe-ww-row[b-etj4ts21fn] {
    margin-top: .5rem;
}

.prehe-input-with-unit[b-etj4ts21fn] {
    display: flex;
    align-items: center;
    gap: .4rem;
}

.prehe-weight-row[b-etj4ts21fn] {
    max-width: 420px;
}

.prehe-weight-row .form-control[b-etj4ts21fn] {
    flex: 1 1 auto;
}

.prehe-unit-badge[b-etj4ts21fn] {
    font-size: .7rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--color-text-muted);
    padding: .1rem .45rem;
    border-radius: 999px;
    border: 1px solid var(--color-border-light);
    background: #f8fafc;
}

.prehe-wh-grid[b-etj4ts21fn] {
    display: grid;
    gap: var(--gap-sm);
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 767.98px) {
    .prehe-wh-grid[b-etj4ts21fn] {
        grid-template-columns: 1fr;
    }
}

.prehe-wh-field[b-etj4ts21fn] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
}

.prehe-wh-label[b-etj4ts21fn] {
    font-size: .75rem;
    font-weight: 600;
    color: var(--color-text-muted);
}

.prehe-ratio-field .prehe-ratio-pill[b-etj4ts21fn] {
    padding: .45rem .75rem;
    border-radius: var(--radius-md);
    border: 1px solid var(--color-border-light);
    background: var(--color-surface);
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

/* =========================
   SELF-RATINGS SLIDERS
   ========================= */
.prehe-ratings[b-etj4ts21fn],
.prehe-ratings-right[b-etj4ts21fn] {
    row-gap: .75rem;
}

.prehe-range[b-etj4ts21fn] {
    width: 100%;
    margin-top: .15rem;
}

.prehe-badge[b-etj4ts21fn] {
    display: inline-block;
    min-width: 1.7rem;
    text-align: center;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: var(--color-primary);
}

.prehe-ticks[b-etj4ts21fn] {
    display: flex;
    justify-content: space-between;
    gap: .15rem;
    font-size: .7rem;
    color: var(--color-text-muted);
    margin-top: .1rem;
}

.prehe-ticks span[b-etj4ts21fn] {
    flex: 1 1 0;
    text-align: center;
    white-space: nowrap;
    line-height: 1.1;
}

.prehe-range[b-etj4ts21fn]::-webkit-slider-runnable-track {
    height: 6px;
    border-radius: 999px;
    background: var(--color-border-light);
}

.prehe-range[b-etj4ts21fn]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: var(--color-primary);
    margin-top: -5px;
}

.prehe-range[b-etj4ts21fn]::-moz-range-track {
    height: 6px;
    border-radius: 999px;
    background: var(--color-border-light);
}

.prehe-range[b-etj4ts21fn]::-moz-range-thumb {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: var(--color-primary);
    border: none;
}

.prehe-range[b-etj4ts21fn] {
    background:
            linear-gradient(var(--color-primary), var(--color-primary)) 0/0% 6px no-repeat,
            var(--color-border-light);
    border-radius: 999px;
}

/* =========================
   READINESS LAYOUT + DIAL
   ========================= */
.prehe-grid[b-etj4ts21fn] {
    display: grid;
    gap: var(--gap-lg);
    grid-template-columns: minmax(260px, 320px) minmax(0, 1.6fr);
    align-items: flex-start;
}

@media (max-width: 991.98px) {
    .prehe-grid[b-etj4ts21fn] {
        grid-template-columns: 1fr;
    }
}

.dial-col[b-etj4ts21fn] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.dial[b-etj4ts21fn] {
    --val: 0;
    position: relative;
    width: 100%;
    max-width: 300px;
    aspect-ratio: 1 / 1;
}

.dial-svg[b-etj4ts21fn] {
    width: 100%;
    height: 100%;
    transform: rotate(-90deg);
}

.dial-track[b-etj4ts21fn] {
    fill: none;
    stroke: var(--color-border-light);
    stroke-width: 12;
    opacity: .35;
}

.dial-progress[b-etj4ts21fn] {
    fill: none;
    stroke: var(--color-success, #198754);
    stroke-width: 12;
    stroke-linecap: round;
    stroke-dasharray: 339.292;
    stroke-dashoffset: calc(339.292 * (1 - (var(--val, 0) / 100)));
    transition: stroke-dashoffset .25s ease, stroke .2s ease;
}

.dial-center[b-etj4ts21fn] {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    text-align: center;
}

.dial-value[b-etj4ts21fn] {
    font-size: clamp(2.6rem, 4.6vw, 3.4rem);
    font-weight: 800;
    line-height: 1;
}

.dial-sub[b-etj4ts21fn] {
    margin-top: .25rem;
}

.dial-legend[b-etj4ts21fn] {
    display: flex;
    align-items: center;
    gap: .5rem .75rem;
    flex-wrap: wrap;
    margin-top: .75rem;
}

.legend-bullet[b-etj4ts21fn] {
    width: .6rem;
    height: .6rem;
    border-radius: 999px;
    display: inline-block;
}

.legend-bullet.ok[b-etj4ts21fn]   { background: #1f9d55; }
.legend-bullet.warn[b-etj4ts21fn] { background: #c97a00; }
.legend-bullet.bad[b-etj4ts21fn]  { background: #cc3333; }

.legend-label[b-etj4ts21fn] {
    font-size: .8rem;
    color: var(--color-text-muted);
}

.dial.tone-good .dial-progress[b-etj4ts21fn] { stroke: var(--color-success); }
.dial.tone-warn .dial-progress[b-etj4ts21fn] { stroke: var(--color-warning); }
.dial.tone-bad  .dial-progress[b-etj4ts21fn] { stroke: var(--color-danger); }

.readiness-right[b-etj4ts21fn] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.flag-row[b-etj4ts21fn] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

/* =========================
   SINCE LAST SESSION PANEL
   ========================= */

.since-grid[b-etj4ts21fn] {
    margin-top: .25rem;
}

/* CE empty state */
.ce-empty[b-etj4ts21fn] {
    padding: .75rem .9rem;
    border-radius: var(--radius-md);
    background: #f8fafc;
    border: 1px dashed var(--color-border-light);
    margin-bottom: .5rem;
}

.ce-empty-title[b-etj4ts21fn] {
    font-weight: 600;
    font-size: .85rem;
    margin-bottom: .15rem;
}

.ce-empty-sub[b-etj4ts21fn] {
    font-size: .75rem;
    color: var(--color-text-muted);
}

/* CE entries as stacked cards */
.ce-entry[b-etj4ts21fn] {
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-md);
    padding: .65rem .75rem .7rem;
    background: var(--color-surface);
    margin-bottom: .5rem;
}

.ce-entry-head[b-etj4ts21fn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    margin-bottom: .4rem;
}

.ce-entry-type-date[b-etj4ts21fn] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem .75rem;
}

.ce-field-inline[b-etj4ts21fn] {
    min-width: 0;
}

.ce-field-inline .form-control[b-etj4ts21fn] {
    min-width: 130px;
}

.ce-label[b-etj4ts21fn] {
    display: block;
    font-size: .7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--color-text-muted);
    margin-bottom: .1rem;
}

.ce-entry-body .form-control[b-etj4ts21fn] {
    min-height: 34px;
}

/* compact remove button */
.ce-remove[b-etj4ts21fn] {
    padding: .15rem .5rem;
    width: auto;
    min-width: 0;
    align-self: flex-start;
}

.ce-remove:focus[b-etj4ts21fn],
.ce-remove:active[b-etj4ts21fn] {
    box-shadow: none;
}

@media (max-width: 575.98px) {
    .ce-entry[b-etj4ts21fn] {
        padding: .6rem .65rem .65rem;
    }
}

/* =========================
   MEAL PLAN COMPLIANCE
   ========================= */

.meal-section[b-etj4ts21fn] {
    border-radius: var(--radius-md);
    border: 1px solid var(--color-border-light);
    padding: .9rem .9rem 1rem;
    background: var(--color-surface);
}

.meal-help[b-etj4ts21fn] {
    margin-bottom: .25rem;
}

.pill-toggle[b-etj4ts21fn] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.pill-toggle .pill[b-etj4ts21fn] {
    border: 1px solid var(--color-border-light);
    background: #fff;
    padding: .4rem .9rem;
    border-radius: 999px;
    line-height: 1;
    font-weight: 600;
    font-size: .85rem;
}

.pill-toggle .pill.is-active[b-etj4ts21fn] {
    background: var(--color-primary);
    color: #fff;
    border-color: var(--color-primary);
}

.meal-legend[b-etj4ts21fn] {
    margin-top: .6rem;
    display: grid;
    gap: .25rem;
}

.meal-legend-row[b-etj4ts21fn] {
    display: flex;
    align-items: flex-start;
    gap: .3rem;
    font-size: .72rem;
    color: var(--color-text-muted);
}

.meal-dot[b-etj4ts21fn] {
    width: .55rem;
    height: .55rem;
    border-radius: 999px;
    margin-top: .2rem;
}

.meal-dot.full[b-etj4ts21fn]    { background: #1f9d55; }
.meal-dot.partial[b-etj4ts21fn] { background: #f4b000; }
.meal-dot.off[b-etj4ts21fn]     { background: #cc3333; }
/* /Pages/Builds/Health/Client/Sessions/HealthClientSessionPreview.razor.rz.scp.css */
/* ===== Session Preview (cleaned) ===== */

.sp .mb-section[b-am6pd180s3]{ margin-bottom: var(--spacing-xl); }

/* Hero */
.sp-hero[b-am6pd180s3]{
    background: var(--color-surface);
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-lg);
    padding: var(--padding-lg);
}

/* Card */
.sp-card[b-am6pd180s3]{
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-lg);
    background: var(--color-surface);
    padding: var(--padding-lg);
    box-shadow: var(--shadow-card);
}

/* Head (desktop/tablet) */
.sp-head[b-am6pd180s3]{
    display:flex; align-items:center; justify-content:space-between;
    gap: var(--gap-md); margin-bottom:.5rem;
}
.sp-head-left[b-am6pd180s3]{ display:flex; align-items:center; gap:.75rem; min-width:0; }
.sp-index[b-am6pd180s3]{
    width:36px; height:36px; border-radius:10px; flex:0 0 36px;
    display:grid; place-items:center;
    background: var(--color-bg);
    border:1px solid var(--color-border-light);
    color: var(--color-primary); font-weight:700;
}
.sp-head-main[b-am6pd180s3]{ min-width:0; display:grid; row-gap:.25rem; }
.sp-title[b-am6pd180s3]{ font-size:1.12rem; line-height:1.1; }
.sp-tags[b-am6pd180s3]{ display:none !important; }                 /* hide identity pills */
.sp-head-right[b-am6pd180s3]{ display:flex; align-items:center; gap:.4rem; }

/* Body layout */
.sp-body[b-am6pd180s3]{
    display:grid;
    grid-template-columns: 1fr minmax(500px, 560px);
    align-items:stretch;
    gap: var(--gap-md);
}
@media (max-width: 1399.98px){ .sp-body[b-am6pd180s3]{ grid-template-columns: 1fr 440px; } }
@media (max-width: 1199.98px){ .sp-body[b-am6pd180s3]{ grid-template-columns: 1fr; } .sp-video[b-am6pd180s3]{ order:2; } }

/* Tiles grid */
.sp-tiles[b-am6pd180s3]{
    display:grid; gap: var(--gap-md);
    grid-template-columns: repeat(2, minmax(260px, 1fr));
    align-content:start;
}
@media (max-width: 767.98px){ .sp-tiles[b-am6pd180s3]{ grid-template-columns: 1fr; } }

/* Tile anatomy (desktop/tablet) */
.sp-tile[b-am6pd180s3]{
    border:1px solid var(--color-border-light);
    background: var(--color-bg);
    border-radius: var(--radius-lg);
    padding:.75rem .85rem;
    display:grid; row-gap:.45rem; min-height:108px;
}
.sp-tile .tile-head[b-am6pd180s3]{
    display:grid;
    grid-template-columns:auto 1fr auto;
    grid-template-areas:"ico k chips";
    align-items:center; column-gap:.55rem; min-width:0;
}
.sp-tile .ico[b-am6pd180s3]{
    grid-area:ico; width:34px; height:34px; border-radius:10px;
    display:grid; place-items:center;
    background: var(--color-surface);
    border:1px solid var(--color-border-light);
    color: var(--color-primary); font-size:.95rem;
}
.sp-tile .k[b-am6pd180s3]{
    grid-area:k; font-size: var(--font-size-xs);
    font-weight:700; letter-spacing:.035em;
    text-transform:uppercase; color: var(--color-label); min-width:0;
}
.sp-tile .chip-row[b-am6pd180s3]{
    grid-area:chips; display:flex; gap:.35rem;
    justify-content:flex-end; flex-wrap:wrap; min-width:0;
}
.sp-tile .tile-body[b-am6pd180s3]{ display:grid; row-gap:.15rem; min-width:0; }
.sp-tile .v[b-am6pd180s3]{
    font-weight:700; color: var(--color-primary);
    font-size: var(--font-size-lg);
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

/* Compact density */
.tiles-compact .sp-tile[b-am6pd180s3]{ padding:.65rem .75rem; }
.tiles-compact .sp-tile .ico[b-am6pd180s3]{ width:32px; height:32px; }
.tiles-compact .sp-tile .v[b-am6pd180s3]{ font-size: var(--font-size-md); line-height:1.15; }

/* Video */
.sp-video[b-am6pd180s3]{ display:flex; }
.sp-video-wrap[b-am6pd180s3]{
    width:100%; border:1px solid var(--color-border-light);
    border-radius: var(--radius-lg); overflow:hidden; background:#000;
    box-shadow: var(--shadow-sm); display:flex;
}
.sp-video video[b-am6pd180s3]{ width:100%; aspect-ratio:16/9; height:auto; object-fit:cover; }

/* Divider + actions */
.sp-divider[b-am6pd180s3]{ height:1px; background: var(--color-border-light); margin: var(--spacing-md) 0 var(--spacing-sm); }
.sp-actions[b-am6pd180s3]{ display:flex; align-items:center; gap:.5rem; }

/* ==================== Mobile polish (≤575.98px) ==================== */
@media (max-width: 575.98px){

    /* Head reflow: title full-width; metrics on their own row that never stack */
    .sp-head[b-am6pd180s3]{
        display:grid;
        grid-template-columns:auto 1fr;
        grid-template-areas:
      "idx  title"
      "mets mets";
        align-items:center; row-gap:.55rem; margin-bottom:.65rem;
    }
    .sp-index[b-am6pd180s3]{ grid-area:idx; }
    .sp-head-main[b-am6pd180s3]{ grid-area:title; min-width:0; }
    .sp-title[b-am6pd180s3]{ font-size:1.08rem; line-height:1.15; }

    .sp-head-right[b-am6pd180s3]{
        grid-area:mets; display:block; white-space:nowrap;
        overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch;
        padding:.15rem 0 .2rem;
        margin-left: calc(36px + .75rem);   /* aligns under title, clears index */
        scrollbar-width:none;
    }
    .sp-head-right[b-am6pd180s3]::-webkit-scrollbar{ display:none; }
    .sp-head-right .btn-icon[b-am6pd180s3]{ margin-right:.45rem; }

    /* Tiles: value on the right; chips drop beneath label and side-scroll */
    .sp-tile[b-am6pd180s3]{
        grid-template-columns: 1fr auto;
        grid-template-areas: "head value";
        align-items:center; row-gap:.4rem;
    }
    .sp-tile .tile-head[b-am6pd180s3]{
        grid-area:head; display:flex; align-items:center;
        gap:.5rem; flex-wrap:wrap; min-width:0;
    }
    .sp-tile .tile-head .chip-row[b-am6pd180s3]{
        order:2; flex-basis:100%; margin-top:.2rem; justify-content:flex-start;
        display:block; white-space:nowrap; overflow-x:auto; overflow-y:hidden;
        -webkit-overflow-scrolling:touch; padding-bottom:.1rem; scrollbar-width:none;
    }
    .sp-tile .tile-head .chip-row[b-am6pd180s3]::-webkit-scrollbar{ display:none; }
    .sp-tile .tile-head .chip-row .pill[b-am6pd180s3]{ display:inline-block; margin-right:.35rem; padding:.28rem .5rem; line-height:1; }

    .sp-tile .tile-body[b-am6pd180s3]{ grid-area:value; text-align:right; min-width:0; }
    .sp-tile .v[b-am6pd180s3]{ max-width:46vw; font-size:var(--font-size-md); line-height:1.15; }

    /* Breathing room */
    .sp-card[b-am6pd180s3]{ padding: calc(var(--padding-lg) - .25rem); }
    .sp-tiles[b-am6pd180s3]{ row-gap:.85rem; }
}

/* Ultra-narrow phones */
@media (max-width: 360px){
    .btn-icon[b-am6pd180s3]{ padding:.40rem .62rem; }
    .sp-title[b-am6pd180s3]{ font-size:1.05rem; }
}
/* /Pages/Builds/Health/Client/Sessions/HealthClientSessions.razor.rz.scp.css */
/* Rhythm */
.mb-section[b-lpj3djbbgk]{ margin-bottom: var(--spacing-xl); }

/* HERO polish */
.client-hero[b-lpj3djbbgk]{ padding: 12px 16px; }
.client-hero-top[b-lpj3djbbgk]{ display:flex; align-items:center; gap:12px; }
.metric-grid.grid-4[b-lpj3djbbgk]{ grid-template-columns: repeat(4, minmax(0,1fr)) !important; }
@media (max-width: 991.98px){ .metric-grid.grid-4[b-lpj3djbbgk]{ grid-template-columns: repeat(2, minmax(0,1fr)) !important; } }
@media (max-width: 575.98px){ .metric-grid.grid-4[b-lpj3djbbgk]{ grid-template-columns: 1fr !important; } }

/* Neutral hover for tiles/links */
.metric-action[b-lpj3djbbgk], .tile-link[b-lpj3djbbgk]{
    color: inherit; text-decoration: none;
    transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.metric-action:hover[b-lpj3djbbgk], .metric-action:focus-visible[b-lpj3djbbgk],
.tile-link:hover[b-lpj3djbbgk], .tile-link:focus-visible[b-lpj3djbbgk]{
    transform: translateY(-1px);
    box-shadow: var(--shadow-sm);
    outline: none;
}

/* ===== Sessions: toolbar + list ===== */
.sessions-toolbar[b-lpj3djbbgk]{
    top: 0; z-index: 2;
    padding: .5rem .25rem;
    display:flex; align-items:center; justify-content:space-between; gap:.75rem;
    border-bottom: 1px solid var(--color-border-light);
}
.toolbar-left[b-lpj3djbbgk]{ display:flex; align-items:center; gap:1rem; flex-wrap:wrap; }

.filters[b-lpj3djbbgk]{ display:flex; gap:.35rem; }
.filter[b-lpj3djbbgk]{
    border:1px solid var(--color-border-light); background:var(--color-surface);
    border-radius:999px; padding:.3rem .65rem; font-weight:600; color: var(--color-text-muted);
}
.filter.is-active[b-lpj3djbbgk]{ border-color: var(--color-primary); color: var(--color-primary); }

/* ===== Session Row v2 ===== */
.session-list[b-lpj3djbbgk]{ display:grid; gap:12px; }
.session-row[b-lpj3djbbgk]{
    display:grid; grid-template-columns: 100px 1fr; gap:12px;
    background: var(--color-surface); border:1px solid var(--color-border-light);
    border-radius: var(--radius-card); padding:12px; box-shadow: var(--shadow-card);
    transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.session-row:hover[b-lpj3djbbgk]{
    box-shadow: var(--shadow-md);
    border-color: var(--color-primary);
}
/* rail */
.sr-rail[b-lpj3djbbgk]{
    display:grid; place-items:center; text-align:center; text-decoration:none;
    background: var(--color-bg); border:1.5px solid var(--color-border-light); border-radius: var(--radius-card);
    padding:.5rem;
}
.sr-dow[b-lpj3djbbgk]{ font-weight:700; text-transform:uppercase; letter-spacing:.03em; color: var(--color-primary); }
.sr-day[b-lpj3djbbgk]{ font-size:1.6rem; font-weight:800; line-height:1; color: var(--color-primary); }
.sr-time[b-lpj3djbbgk]{ font-size:.9rem; color: var(--color-text-muted); }

/* main */
.sr-main[b-lpj3djbbgk]{ display:grid; gap:.35rem; align-content:start; }
.sr-top[b-lpj3djbbgk]{ display:flex; align-items:center; justify-content:space-between; gap:.75rem; flex-wrap:wrap; }
.sr-title[b-lpj3djbbgk]{ display:flex; align-items:center; gap:.5rem; }
.seq-k[b-lpj3djbbgk]{ font-weight:700; letter-spacing:.04em; text-transform:uppercase; font-size:.72rem; color: var(--color-text-muted); }
.seq-v[b-lpj3djbbgk]{ font-weight:800; font-size:1.05rem; color: var(--color-primary); }
.sr-chips[b-lpj3djbbgk]{ display:flex; align-items:center; gap:.4rem; flex-wrap:wrap; }
.sr-meta[b-lpj3djbbgk]{ font-size:.9rem; }
.sr-meta .sep[b-lpj3djbbgk]{ opacity:.4; margin:0 .35rem; }

/* CTAs */
.sr-ctas[b-lpj3djbbgk]{ display:flex; gap:.5rem; flex-wrap:wrap; margin-top:.25rem; }
.sr-ctas .btn[b-lpj3djbbgk]{ min-width:110px; }

/* Disabled Start look (still primary color but inert) */
.btn-disabled[b-lpj3djbbgk]{
    opacity:.55; cursor:not-allowed;
    filter:saturate(0.9);
}

/* mobile */
@media (max-width: 575.98px){
    .session-row[b-lpj3djbbgk]{ grid-template-columns: 72px 1fr; padding:10px; }
    .sr-day[b-lpj3djbbgk]{ font-size:1.4rem; }
    .sr-ctas[b-lpj3djbbgk]{ display:grid; grid-template-columns: 1fr 1fr; }
    .sr-ctas .btn[b-lpj3djbbgk]{ min-width:0; width:100%; }
}
/* --- THR pill (Sessions page) ------------------------------------------- */
/* 1) Map each zone to local vars (scoped so we don't affect other pills) */
.sr-pill.pill-zone-z1[b-lpj3djbbgk] { --thr-bg: var(--pill-zone-z1-bg); --thr-fg: var(--pill-zone-z1-text); }
.sr-pill.pill-zone-z2[b-lpj3djbbgk] { --thr-bg: var(--pill-zone-z2-bg); --thr-fg: var(--pill-zone-z2-text); }
.sr-pill.pill-zone-z3[b-lpj3djbbgk] { --thr-bg: var(--pill-zone-z3-bg); --thr-fg: var(--pill-zone-z3-text); }
.sr-pill.pill-zone-z4[b-lpj3djbbgk] { --thr-bg: var(--pill-zone-z4-bg); --thr-fg: var(--pill-zone-z4-text); }

/* 2) Base + reset: use the mapped vars for color */
.sr-pill[b-lpj3djbbgk]{
    background: var(--thr-bg);
    color: var(--thr-fg);
    border: 0;
    box-shadow: none;
    appearance: none;
    -webkit-appearance: none;
    transition: transform .12s ease, box-shadow .12s ease, background-color .12s ease;
}
.sr-pill:focus[b-lpj3djbbgk] { outline: none; }
.sr-pill:focus-visible[b-lpj3djbbgk] { outline: 2px solid var(--color-primary); outline-offset: 2px; }

/* 3) Hover: keep the same zone palette, just nudge it a touch */
@supports (background: color-mix(in srgb, white, black)) {
    .sr-pill:hover[b-lpj3djbbgk] {
        background: color-mix(in srgb, var(--thr-bg) 92%, white 8%); border-color: var(--thr-fg);
    }
}
/* /Pages/Builds/Health/Client/Sessions/HealthClientSessionSummary.razor.rz.scp.css */
.mb-section[b-zzri0rs6ep]{ margin-bottom: var(--spacing-xl); }

/* ===== Overview ===== */
.overview[b-zzri0rs6ep]{ display:grid; gap: var(--gap-md); }
.overview .identity--card .identity-name[b-zzri0rs6ep]{ font-size: var(--font-size-header); }

/* KPI row */
.kpi-row[b-zzri0rs6ep]{
    display:grid; gap: var(--gap-sm);
    grid-template-columns: repeat(5, minmax(0,1fr));
}
@media (max-width:1200px){ .kpi-row[b-zzri0rs6ep]{ grid-template-columns: repeat(3, minmax(0,1fr)); } }
@media (max-width:991.98px){ .kpi-row[b-zzri0rs6ep]{ grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width:575.98px){ .kpi-row[b-zzri0rs6ep]{ grid-template-columns: 1fr; } }

.kpi[b-zzri0rs6ep]{
    background: var(--stat-tile-bg);
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-card);
    padding: .9rem .95rem;
    box-shadow: var(--shadow-xs);
}
.kpi .kpi-val[b-zzri0rs6ep]{ color: var(--color-primary); font-weight: var(--font-weight-bold); font-size: var(--font-size-xl); }
.kpi .kpi-sub[b-zzri0rs6ep]{ margin-top:.15rem; }

/* ===== Insights grid ===== */
.insights-grid[b-zzri0rs6ep]{
    display:grid; gap: var(--gap-md);
    grid-template-columns: repeat(3, minmax(0,1fr));
}
@media (max-width:1200px){ .insights-grid[b-zzri0rs6ep]{ grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width:575.98px){ .insights-grid[b-zzri0rs6ep]{ grid-template-columns: 1fr; } }

.insight[b-zzri0rs6ep]{ display:grid; gap:.75rem; }

/* ---- Intensity (zones) ---- */
.zones[b-zzri0rs6ep]{ display:grid; gap:.5rem; }
.zone-bar[b-zzri0rs6ep]{
    display:grid;
    grid-template-columns: 1fr auto auto;
    align-items:center;
    gap:.5rem;
}
.zb-fill[b-zzri0rs6ep]{
    --h: 10px;
    height: var(--h);
    border-radius: 999px;
    background: var(--color-border-light);
    position: relative;
    overflow: hidden;
}
.zb-fill[b-zzri0rs6ep]::before{
    content:"";
    position:absolute; inset:0;
    width: calc(100% * var(--pct, 0));
    border-radius: inherit;
    background: var(--progress-info-fill);
}
.zb-fill.pill-success[b-zzri0rs6ep]::before{ background: var(--color-success-light); }
.zb-fill.pill-warning[b-zzri0rs6ep]::before{ background: var(--color-warning-light); }
.zb-fill.pill-danger[b-zzri0rs6ep]::before{  background: var(--color-danger-light, var(--color-danger)); }
.zb-label[b-zzri0rs6ep]{ font-size: var(--font-size-xs); color: var(--label-color-default); }
.zb-val[b-zzri0rs6ep]{   font-size: var(--font-size-xs); color: var(--color-text-muted); }
.hint[b-zzri0rs6ep]{ margin-top:.25rem; }

/* ---- Heart metrics ---- */
.hr-surface[b-zzri0rs6ep]{ display:grid; gap:.5rem; }
.hr-pillset[b-zzri0rs6ep]{ display:flex; flex-wrap:wrap; gap:.35rem; }
.hr-spark[b-zzri0rs6ep]{
    --h: 42px;
    --max: 1;           /* default to avoid IDE warnings */
    position:relative;
    height:var(--h);
    display:grid;
    grid-auto-flow:column;
    gap:6px; align-items:flex-end;
    padding-top:.25rem;
    background: linear-gradient(to bottom, transparent calc(100% - 1px), var(--color-border-light) 0);
}
.hr-dot[b-zzri0rs6ep]{
    --v: 0;             /* default to avoid IDE warnings */
    /* scale = v / max (defaults protect editors that complain about undefined vars) */
    --scale: calc(var(--v, 0) / var(--max, 1));
    width:6px; height: calc(var(--h) * var(--scale));
    background: var(--progress-info-fill); border-radius:2px;
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--progress-info-fill) 60%, transparent);
}

/* ---- Coaching ---- */
.coach-list[b-zzri0rs6ep]{
    display:grid; gap:.35rem;
    padding-left:1.1rem; margin:0;
}
.coach-flags[b-zzri0rs6ep]{ display:flex; flex-wrap:wrap; gap:.35rem; margin-top:.5rem; }

/* Totals row polish */
.row-totals[b-zzri0rs6ep]{ background: var(--color-surface-alt); font-weight: var(--font-weight-medium); }
/* /Pages/Builds/Health/Client/Sessions/History/HealthClientSessionsHistory.razor.rz.scp.css */
/* ---------- HealthClientSessionsHistory.razor (scoped) ---------- */

/* PAGE FRAME */
.history-wrap[b-ocjzm5rumm] {
    display: grid;
    gap: var(--spacing-lg);
}

/* ===== Toolbar ===== */
.toolbar[b-ocjzm5rumm] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--gap-sm);
    justify-content: space-between;
}

.toolbar-left[b-ocjzm5rumm],
.toolbar-right[b-ocjzm5rumm] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--gap-sm);
}

.range-switch[b-ocjzm5rumm] {
    display: flex;
    gap: var(--gap-sm, .5rem);
}

.range-switch .chip[b-ocjzm5rumm] {
    cursor: pointer;
    user-select: none;
}

.range-switch .chip.is-active[b-ocjzm5rumm] {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 18%, transparent);
}

/* Filters block (date + status etc.) */
.filters[b-ocjzm5rumm] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--gap-sm);
}

.filters .form-control[b-ocjzm5rumm],
.filters .form-select[b-ocjzm5rumm] {
    min-width: 180px;
}

/* Search box keeps a sensible width but collapses on small screens */
.search[b-ocjzm5rumm] {
    min-width: 220px;
}

/* ===== Table ===== */
.table-wrap[b-ocjzm5rumm] {
    background: var(--color-surface);
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-card);
    padding: var(--spacing-sm);
    box-shadow: var(--shadow-xs);
}

.table-sm[b-ocjzm5rumm] {
    width: 100%;
}

.table-sm thead th[b-ocjzm5rumm] {
    background: var(--table-header-bg, transparent);
    color: var(--table-header-text, inherit);
    border-bottom: 1px solid var(--table-row-border);
    font-weight: var(--font-weight-bold);
}

.table-sm tbody tr:hover[b-ocjzm5rumm] {
    background: var(--table-row-hover-bg);
}

.title-cell[b-ocjzm5rumm] {
    min-width: 220px;
}

.meta[b-ocjzm5rumm] {
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
}

/* ===== Zone mini bar (Z1..Z5) ===== */
/* Render spans with inline style="--p:0.25" etc. in markup */
.zone-mini[b-ocjzm5rumm] {
    display: flex;
    height: 10px;
    width: 120px;
    background: var(--color-surface-dark);
    border-radius: 999px;
    overflow: hidden;
    outline: 1px solid color-mix(in srgb, var(--color-border-light) 70%, transparent);
}

.zone-mini .z[b-ocjzm5rumm] {
    display: block;
    height: 100%;
    width: calc(var(--p, 0) * 100%); /* percentage set inline */
}

.zone-mini .z.z1[b-ocjzm5rumm] { background: var(--pill-zone-z1-text); opacity: .55; }
.zone-mini .z.z2[b-ocjzm5rumm] { background: var(--pill-zone-z2-text); opacity: .55; }
.zone-mini .z.z3[b-ocjzm5rumm] { background: var(--pill-zone-z3-text); opacity: .55; }
.zone-mini .z.z4[b-ocjzm5rumm] { background: var(--pill-zone-z4-text); opacity: .55; }
.zone-mini .z.z5[b-ocjzm5rumm] { background: var(--pill-zone-z4-text); opacity: .85; }

/* ===== HR mini (start/end columns) ===== */
.hr-mini[b-ocjzm5rumm] {
    --h: 36px;
    display: grid;
    grid-auto-flow: column;
    align-items: end;
    gap: 6px;
    height: var(--h);
    padding-top: .25rem;
}

.hr-mini .hbar[b-ocjzm5rumm] {
    width: 6px;
    height: calc( var(--h) * ( var(--v, 0) / max(1, var(--max, 1)) ) );
    background: var(--progress-info-fill);
    border-radius: 2px;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.08);
}

/* ===== Notes cell ===== */
.note[b-ocjzm5rumm] {
    max-width: 340px;
}

.note .pill[b-ocjzm5rumm] {
    margin-right: .35rem;
}

.note .t[b-ocjzm5rumm] {
    display: inline-block;
    vertical-align: middle;
    max-width: 260px;
}

/* ===== Pagination ===== */
.pager[b-ocjzm5rumm] {
    display: flex;
    justify-content: center;
    gap: var(--gap-sm);
}

.pager .btn[b-ocjzm5rumm] {
    min-width: 2.25rem;
}

/* ===== Empty state ===== */
.empty[b-ocjzm5rumm] {
    text-align: center;
    padding: var(--spacing-xl) var(--spacing-lg);
    color: var(--color-text-muted);
}

/* ===== Responsive tweaks ===== */
@media (max-width: 991.98px) {
    .title-cell[b-ocjzm5rumm] { min-width: 180px; }
    .zone-mini[b-ocjzm5rumm] { width: 100px; }
    .note .t[b-ocjzm5rumm] { max-width: 200px; }
}

@media (max-width: 575.98px) {
    .toolbar[b-ocjzm5rumm] { gap: var(--gap-sm); }
    .filters .form-control[b-ocjzm5rumm],
    .filters .form-select[b-ocjzm5rumm],
    .search[b-ocjzm5rumm] { min-width: 100%; }
    .zone-mini[b-ocjzm5rumm] { width: 90px; }
    .note .t[b-ocjzm5rumm] { max-width: 160px; }
}
/* /Pages/Builds/Health/Client/Sessions/Sequences/HealthClientSessionSequences.razor.rz.scp.css */
/* Pair wrapper card */
.pair-card[b-8gjc72fffm]{
    padding: var(--padding-md);
    border: 2px solid var(--color-border-light);
    background: var(--color-surface);
}
.pair-card.is-default[b-8gjc72fffm]{
    border-color: color-mix(in srgb, var(--color-primary) 60%, var(--color-border-light));
    box-shadow: 0 2px 18px rgba(0,0,0,.06);
}
.pair-head[b-8gjc72fffm]{ margin-bottom: var(--spacing-md); }

/* Sequence tiles inside the pair */
.sequence-card[b-8gjc72fffm]{
    background: var(--color-white);
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-lg);
}

/* Click-to-select affordance (radio-like) */
.select-card[b-8gjc72fffm]{
    position:relative;
    cursor:pointer;
    transition: border-color var(--transition-fast), box-shadow var(--transition-fast), transform .06s ease-out;
}
.select-card:hover[b-8gjc72fffm]{
    border-color: color-mix(in srgb, var(--color-primary) 45%, var(--color-border-light));
    box-shadow: 0 2px 10px rgba(0,0,0,.04);
}
.select-card:active[b-8gjc72fffm]{ transform: translateY(1px); }
.select-card:focus[b-8gjc72fffm],
.select-card:focus-visible[b-8gjc72fffm]{
    outline:none;
    box-shadow: var(--focus-ring);
}
.select-card.is-selected[b-8gjc72fffm]{
    border-color: var(--color-primary);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary) 20%, transparent),
    0 4px 14px rgba(0,0,0,.06);
}

/* Exercise metric grid */
.metric-grid.ex-grid[b-8gjc72fffm]{
    display:grid;
    gap: var(--gap-sm);
    grid-template-columns: repeat(3, minmax(0,1fr));
}
@media (max-width: 991.98px){
    .metric-grid.ex-grid[b-8gjc72fffm]{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 575.98px){
    .metric-grid.ex-grid[b-8gjc72fffm]{ grid-template-columns: 1fr; }
}
.ex-grid .ex-tile[b-8gjc72fffm]{
    display:flex; align-items:center; justify-content:space-between; gap:.5rem;
    padding: var(--padding-xs) var(--padding-sm);
    border:1px solid var(--color-border-light);
    border-radius: var(--radius-lg);
    background: var(--color-white);
    box-shadow: 0 1px 4px rgba(0,0,0,.03);
}
.ex-grid .ex-tile span[b-8gjc72fffm]{
    min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.ex-grid .ex-tile .value-strong[b-8gjc72fffm]{ color: var(--color-primary); }

/* CTA: hidden until card is selected */
.seq-cta[b-8gjc72fffm]{
    display:none;
    margin-top:auto;
    justify-content:flex-end;
}
.select-card.is-selected .seq-cta[b-8gjc72fffm]{ display:flex; }
.seq-cta .btn[b-8gjc72fffm]{ min-width: 140px; }

/* --- Hero -------------------------------------------------------------- */
.seq-hero[b-8gjc72fffm]{
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-lg);
    background: var(--color-surface);
}

.seq-hero-inner[b-8gjc72fffm]{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap: var(--gap-lg);
    padding: clamp(1rem, 1.5vw + 0.75rem, 1.5rem) clamp(1rem, 2vw + 0.5rem, 2rem);
    background:
            radial-gradient(1200px 200px at 30% -40%, color-mix(in srgb, var(--color-primary) 12%, transparent), transparent),
            linear-gradient(180deg, var(--color-surface) 0%, var(--color-surface) 100%);
}

/* Tabs (like affiliate profile tabs) */
.seq-tabs[b-8gjc72fffm]{
    display:flex; flex-wrap:wrap;
    gap:.5rem 1rem;
    padding: .5rem clamp(1rem, 2vw + 0.5rem, 2rem) 1rem;
    border-top: 1px solid var(--color-border-light);
    background: #fff;
}

.seq-tab[b-8gjc72fffm]{
    display:inline-flex; align-items:center; justify-content:center;
    padding:.5rem .9rem;
    border:1px solid var(--color-border-light);
    border-radius: 999px;
    font-weight:600;
    color: var(--color-text-strong);
    background: var(--color-surface);
    text-decoration:none;
    transition: .15s ease;
}

.seq-tab:hover[b-8gjc72fffm]{
    border-color: color-mix(in srgb, var(--color-primary) 45%, var(--color-border-light));
    color: var(--color-primary);
    background: var(--color-surface);
}

.seq-tab.is-active[b-8gjc72fffm]{
    background: var(--color-primary);
    border-color: var(--color-primary);
    color:#fff;
    box-shadow: 0 1px 8px rgba(0,0,0,.06);
}

/* /Pages/Builds/Health/Client/Trainers/Components/HealthClientTrainersCard.razor.rz.scp.css */
.card-panel[b-o6x44kkaxt] {
    background-color: #fff;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Trainer Image */
.trainer-image[b-o6x44kkaxt] {
    width: 72px;
    height: 72px;
    object-fit: cover;
    border-radius: 50%;
    border: 2px solid #003366;
}

/* Name + Meta */
.trainer-name[b-o6x44kkaxt] {
    font-size: 1rem;
    font-weight: 700;
    color: #003366;
    margin-bottom: 0.2rem;
}

.trainer-meta[b-o6x44kkaxt] {
    font-size: 0.85rem;
    color: #666;
    margin-bottom: 0.25rem;
}

.trainer-rating[b-o6x44kkaxt] {
    margin-left: 0.5rem;
    font-size: 0.85rem;
    vertical-align: middle;
}

.trainer-rating .fa-star[b-o6x44kkaxt] {
    margin-right: 2px;
}

/* Pills */
.pill-group[b-o6x44kkaxt] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.25rem;
}

.pill[b-o6x44kkaxt] {
    background-color: #edf2f7;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 500;
}

/* Stats */
.stat-box[b-o6x44kkaxt] {
    background-color: #f5f5f5;
    border-radius: 10px;
    padding: 0.75rem;
    margin-top: 0.75rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02);
    text-align: center;
}

.stat-box label[b-o6x44kkaxt] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #666;
    text-transform: uppercase;
    display: block;
    margin-bottom: 0.25rem;
}

.stat-value[b-o6x44kkaxt] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #003366;
}

/* Button Footer */
.card-panel .btn[b-o6x44kkaxt] {
    width: 48%;
    font-size: 0.8rem;
    padding: 0.4rem 0.75rem;
    font-weight: 500;
}
/* /Pages/Builds/Health/Client/Trainers/HealthClientTrainers.razor.rz.scp.css */
.trainers-container[b-e9njqha38a] {
    padding: 2rem;
}

/* Section Header */
.section-header[b-e9njqha38a] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #003366;
    margin: 1.5rem 0 1rem;
}

/* Card Panels */
.card-panel[b-e9njqha38a] {
    background-color: #fff;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    height: 100%;
}

/* Trainer Image */
.trainer-image[b-e9njqha38a] {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 50%;
    border: 2px solid #003366;
}

/* Trainer Name & Meta */
.trainer-name[b-e9njqha38a] {
    font-size: 1.2rem;
    font-weight: 700;
    color: #003366;
    margin-bottom: 0.3rem;
}

.trainer-meta[b-e9njqha38a] {
    font-size: 0.9rem;
    color: #666;
    margin-bottom: 0.5rem;
}

.trainer-rating[b-e9njqha38a] {
    margin-left: 0.5rem;
    font-size: 0.9rem;
    vertical-align: middle;
}

.trainer-rating .fa-star[b-e9njqha38a] {
    margin-right: 2px;
}

/* Pill Group Reuse */
.pill-group[b-e9njqha38a] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-bottom: 0.5rem;
}

.pill[b-e9njqha38a] {
    background-color: #edf2f7;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 500;
}

/* Notes Block */
.trainer-notes[b-e9njqha38a] {
    background-color: #f8f9fa;
    padding: 1rem;
    border-left: 4px solid #003366;
    border-radius: 8px;
    font-size: 0.9rem;
    color: #333;
}

/* Stat Boxes */
.stat-box[b-e9njqha38a] {
    background-color: #f5f5f5;
    border-radius: 12px;
    padding: 1rem;
    text-align: center;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
}

.stat-box label[b-e9njqha38a] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #666;
    text-transform: uppercase;
    display: block;
    margin-bottom: 0.25rem;
}

.stat-value[b-e9njqha38a] {
    font-size: 1.3rem;
    font-weight: 700;
    color: #003366;
}
/* /Pages/Builds/Health/Client/Wellness/Biometrics/HealthClientWellnessBiometrics.razor.rz.scp.css */
/* page spacing & hero */
.mb-section[b-owgdtze7lr]{ margin-bottom: var(--spacing-xl); }
.mb-tight[b-owgdtze7lr]{ margin-bottom:.5rem; }
.legend-semantic[b-owgdtze7lr]{ color:var(--color-text-muted); font-size:var(--font-size-sm); }
.head-row[b-owgdtze7lr]{ display:grid; grid-template-columns:1fr auto; gap:var(--gap-md); align-items:end; }
.range-group[b-owgdtze7lr]{ display:flex; gap:.5rem; flex-wrap:wrap; }
.summary-title[b-owgdtze7lr]{ font-family:var(--font-family-header),sans-serif; font-size:var(--font-size-header); font-weight:var(--font-weight-bold); color:var(--color-primary); }
.summary-sub[b-owgdtze7lr]{ color:var(--color-text-muted); font-size:var(--font-size-sm); }

/* vitals: responsive grid */
.vitals-grid[b-owgdtze7lr]{
    display:grid; gap:var(--gap-md);
    grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));
}

/* unified card layout (all cards look like the screenshot) */
.bio-card[b-owgdtze7lr]{
    display:grid;
    grid-template-areas:
    "head"
    "value"
    "assist"
    "delta";
    row-gap:.5rem;
    padding: var(--spacing-md);
}

/* 1) title + pill — pill hard-right */
.bio-card .tile-title-row[b-owgdtze7lr]{
    grid-area: head;
    display:flex; align-items:center; gap:.5rem; min-width:0;
}
.bio-card .tile-title[b-owgdtze7lr]{
    color: var(--color-primary);
    font-weight: var(--font-weight-bold);
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0;
}
.bio-card .tile-title-row .pill[b-owgdtze7lr]{
    margin-left:auto;        /* push to right edge */
    flex:0 0 auto;
}

/* 2) big value line */
.bio-card .value-row[b-owgdtze7lr]{
    grid-area:value;
    display:flex; align-items:baseline; gap:.35rem;
    font-size: clamp(1rem, .6rem + 1vw, 1.25rem);
}
.bio-card .value-strong[b-owgdtze7lr]{ font-variant-numeric: tabular-nums; }

/* 3) status/target lines */
.bio-card .assist-row[b-owgdtze7lr]{
    grid-area:assist;
    display:grid; row-gap:.15rem;
}

/* 4) change line (optional) */
.bio-card .delta-row[b-owgdtze7lr]{ grid-area:delta; margin-top:.1rem; }
.vital-delta[b-owgdtze7lr]{ font-weight:var(--font-weight-bold); font-size:var(--font-size-xs); }
.vital-delta.up[b-owgdtze7lr]{ color: var(--color-success); }
.vital-delta.down[b-owgdtze7lr]{ color: var(--color-danger); }

/* metric stacks: left info card + right chart */
.metric-stack[b-owgdtze7lr]{ display:grid; gap: var(--gap-sm); }
.metric-row[b-owgdtze7lr]{
    display:grid;
    grid-template-columns: minmax(0,1fr) minmax(320px, 42%);
    gap: var(--gap-md);
    align-items:stretch;
}
@media (max-width:991.98px){
    .metric-row[b-owgdtze7lr]{ grid-template-columns:1fr; }
}
.chart-slot[b-owgdtze7lr]{
    min-height:140px;
    border:1px dashed var(--color-border-light);
    border-radius: var(--radius-card);
    background: linear-gradient(#fff,#fafbfc);
}

/* align the two section columns into a single 2-col grid at desktop */
@media (min-width:1200px){
    .row.g-3.mb-section[b-owgdtze7lr]{
        display:grid;
        grid-template-columns: 1fr 1fr;
        gap: var(--gap-md);
    }
    .row.g-3.mb-section > [class*="col-"][b-owgdtze7lr]{ display: contents; }     /* flatten wrappers */
    .row.g-3.mb-section > [class*="col-"] > .card[b-owgdtze7lr]{ margin: 0; }      /* rely on grid gap */
}

/* chips */
.btn-chip[b-owgdtze7lr]{
    appearance:none; border:1px solid var(--color-border-light);
    background:#fff; color:var(--color-text-strong);
    border-radius:999px; padding:.4rem .9rem; line-height:1;
    font-weight:var(--font-weight-bold); font-size: var(--font-size-xs);
}
.btn-chip:hover[b-owgdtze7lr]{ box-shadow: var(--shadow-sm); }
.btn-chip.is-active[b-owgdtze7lr]{ background: var(--color-primary); color:#fff; border-color: transparent; }

/* Fix uneven space above the first section grid (Performance/Compliance) */
@media (min-width: 1200px){
    .row.g-3.mb-section[b-owgdtze7lr]{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: var(--gap-md);

        /* kill Bootstrap row gutters in grid mode */
        --bs-gutter-x: 0;
        --bs-gutter-y: 0;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;          /* prevent extra top offset */
    }

    /* flatten col wrappers and remove their top margins/padding */
    .row.g-3.mb-section > [class*="col-"][b-owgdtze7lr]{
        display: contents;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* cards rely on grid gap, not margins */
    .row.g-3.mb-section > [class*="col-"] > .card[b-owgdtze7lr]{
        margin: 0;
    }
}
/* /Pages/Builds/Health/Client/Wellness/HealthClientWellness.razor.rz.scp.css */
.mb-section[b-2vg91upjx6] { margin-bottom: var(--spacing-xl); }

/* Module cards become non-interactive shells and align CTAs at the bottom */
.module-card[b-2vg91upjx6] {
    display: flex;
    flex-direction: column;
}
.module-card .module-body[b-2vg91upjx6] {
    display: flex;
    flex-direction: column;
    gap: var(--gap-md);
    flex: 1 1 auto;          /* fills height so the CTA can sit at the bottom */
}

/* Remove clickable/hover affordances entirely */
.module-card:hover[b-2vg91upjx6] { outline: none; box-shadow: var(--shadow-sm); }

/* CTA row pinned to bottom, consistent across cards */
.module-card .seq-cta[b-2vg91upjx6] { margin-top: auto; }
.module-card .cta-row[b-2vg91upjx6] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--gap-sm);
}

@media (max-width: 575.98px){
    .module-card .cta-row[b-2vg91upjx6] { grid-template-columns: 1fr; }
}

/* chip/legend rows */
.module-card .chip-row[b-2vg91upjx6] { display: flex; gap: var(--gap-sm); flex-wrap: wrap; }

/* quick links row */
.card .cta-row.wrap[b-2vg91upjx6] { display: flex; flex-wrap: wrap; gap: var(--gap-sm); }

/* ---- Mini THR rail (Heart module) ---- */
.mini-thr-rail[b-2vg91upjx6]{
    display:flex;
    height:10px;
    width:100%;
    border-radius:999px;
    overflow:hidden;
    background:var(--progress-rail-bg);
    border:1px solid var(--progress-rail-border);
}
.mini-chunk[b-2vg91upjx6]{height:100%;}
.mini-chunk.z1[b-2vg91upjx6]{background:var(--pill-zone-z1-bg);}
.mini-chunk.z2[b-2vg91upjx6]{background:var(--pill-zone-z2-bg);}
.mini-chunk.z3[b-2vg91upjx6]{background:var(--pill-zone-z3-bg);}
.mini-chunk.z4[b-2vg91upjx6]{background:var(--pill-zone-z4-bg);}
.mini-chunk.z5[b-2vg91upjx6]{background:var(--alert-bg-danger);}
.mini-legend[b-2vg91upjx6]{display:flex; gap:8px; align-items:center; margin-top:.5rem; flex-wrap:wrap;}
/* /Pages/Builds/Health/Client/Wellness/HealthEvaluation/HealthClientWellnessHE.razor.rz.scp.css */
.mb-section[b-x4xht9a37g] { margin-bottom: var(--spacing-xl); }
/* /Pages/Builds/Health/Client/Wellness/HeartHealth/HealthClientWellnessHeart.razor.rz.scp.css */
.mb-section[b-u9rd0321pa] { margin-bottom: var(--spacing-xl); }

/* THR rail + list rhythm (surgical only; relies on global tokens) */
.thr-trend-list[b-u9rd0321pa] { display: flex; flex-direction: column; gap: 12px; }
.thr-row[b-u9rd0321pa] {
    display: grid;
    grid-template-columns: minmax(220px,1fr) 3fr auto;
    gap: 12px;
    align-items: center;
}
.thr-row .row-left[b-u9rd0321pa] { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.thr-row .row-title[b-u9rd0321pa] { font-weight: var(--font-weight-bold); display: flex; align-items: baseline; gap: 8px; }
.thr-row .row-title .kv-quiet[b-u9rd0321pa] { white-space: nowrap; }

.thr-row-bar[b-u9rd0321pa] {
    display: flex;
    height: 14px;
    width: 100%;
    border-radius: 999px;
    overflow: hidden;
    background: var(--progress-rail-bg);
    border: 1px solid var(--progress-rail-border);
}
.thr-row-bar.big[b-u9rd0321pa] { height: 18px; }
.thr-chunk[b-u9rd0321pa] { height: 100%; }
.thr-chunk.z1[b-u9rd0321pa] { background: var(--pill-zone-z1-bg); }
.thr-chunk.z2[b-u9rd0321pa] { background: var(--pill-zone-z2-bg); }
.thr-chunk.z3[b-u9rd0321pa] { background: var(--pill-zone-z3-bg); }
.thr-chunk.z4[b-u9rd0321pa] { background: var(--pill-zone-z4-bg); }
.thr-chunk.z5[b-u9rd0321pa] { background: var(--alert-bg-danger); }

.thr-legend[b-u9rd0321pa] { display: flex; align-items: center; gap: 8px; }

@media (max-width: 991.98px) {
    .thr-row[b-u9rd0321pa] { grid-template-columns: 1fr; }
    .thr-legend[b-u9rd0321pa] { justify-content: flex-start; }
}

/* Training tiles: keep consistent card rhythm; center values */
.training-tiles[b-u9rd0321pa] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: var(--gap-sm);
}
@media (min-width: 1280px){
    .training-tiles[b-u9rd0321pa] { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}
.training-zone-tile[b-u9rd0321pa] { text-align: center; }
.training-zone-tile .stat-title[b-u9rd0321pa] {
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: .25rem;
}
.training-zone-tile .stat-value[b-u9rd0321pa] {
    display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
    font-size: var(--font-size-xl);
}
.training-zone-tile .stat-value .kv-quiet[b-u9rd0321pa] { white-space: nowrap; }
/* /Pages/Builds/Health/Client/Wellness/Meals/HealthClientWellnessMeals.razor.rz.scp.css */
/* ===== Minimal glue; everything else from globals ===== */

/* Rhythm */
.mb-section[b-cfh2b5ywv4] { margin-bottom: var(--spacing-xl); }
.meals-page h2[b-cfh2b5ywv4] { margin: 0; }

/* Guidance chips */
.meal-guidance-chips[b-cfh2b5ywv4] { display:flex; flex-wrap:wrap; gap: var(--gap-sm); }
.meal-guidance-chips .pill[b-cfh2b5ywv4] { cursor: default; }

/* Meal grid */
.meal-grid[b-cfh2b5ywv4] { display:grid; gap: var(--gap-md); grid-template-columns: 1fr 1fr; }
@media (max-width: 991.98px){ .meal-grid[b-cfh2b5ywv4] { grid-template-columns: 1fr; } }

/* Daily tiles */
.tile-link.meal-tile[b-cfh2b5ywv4]{
    transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
    background-color: var(--color-surface-light);
}
.tile-link.meal-tile:hover[b-cfh2b5ywv4]{
    transform: translateY(-1px);
    box-shadow: var(--shadow-sm);
    border-color: var(--color-primary);
}
.meal-head[b-cfh2b5ywv4] { display:flex; justify-content:space-between; align-items:center; gap: var(--gap-sm); color: var(--color-primary);}
.meal-type[b-cfh2b5ywv4] { font-weight: var(--font-weight-bold); }
.meal-body[b-cfh2b5ywv4] { margin-top: .25rem; }
.meal-item[b-cfh2b5ywv4] { font-weight: var(--font-weight-medium); }
.meal-tile .meal-item[b-cfh2b5ywv4] { font-size: var(--font-size-sm); }

/* Snacks */
.snack-list[b-cfh2b5ywv4] { display:grid; gap:.25rem; margin-top:.25rem; }
.snack-row[b-cfh2b5ywv4]  { display:grid; grid-template-columns: 80px 1fr auto; gap:.5rem; align-items:center; }
.snack-label[b-cfh2b5ywv4]{ color: var(--color-text-muted); }

/* Progress */
.meter-bar[b-cfh2b5ywv4] { height: .5rem; }

/* Weekly day grid */
.week-grid[b-cfh2b5ywv4] { display:grid; gap: var(--gap-md); grid-template-columns: repeat(7, minmax(0,1fr)); }
@media (max-width: 1199.98px){ .week-grid[b-cfh2b5ywv4] { grid-template-columns: repeat(4, minmax(0,1fr)); } }
@media (max-width: 767.98px){  .week-grid[b-cfh2b5ywv4] { grid-template-columns: repeat(2, minmax(0,1fr)); } }

/* Weekly day tiles */
.tile-link.week-tile[b-cfh2b5ywv4]{
    transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
    background: var(--color-surface-light);
    padding: var(--spacing-md);
    border: 1px solid var(--color-border-default);
    border-radius: var(--radius-card);
    box-shadow: var(--shadow-xs);
    color: inherit; text-decoration: none;
}
.tile-link.week-tile:hover[b-cfh2b5ywv4]{
    transform: translateY(-1px);
    box-shadow: var(--shadow-sm);
    border-color: var(--color-primary);
}
.week-tile.is-today[b-cfh2b5ywv4] { outline: 2px solid var(--color-primary); outline-offset: 2px; }
.week-tile.is-past[b-cfh2b5ywv4]  { opacity: .9; }

/* ===== Planner (Next Week) ===== */
#planner :where(.plan-tile.card.tile-link)[b-cfh2b5ywv4]{
    display:block;
    padding: var(--spacing-md);
    border-radius: var(--radius-card);
    border: 1px solid var(--color-border-default);
    box-shadow: var(--shadow-xs);
    height: 100%;
}
#planner :where(.plan-tile.card.tile-link):hover[b-cfh2b5ywv4],
#planner :where(.plan-tile.card.tile-link):focus-visible[b-cfh2b5ywv4]{
    transform: translateY(-1px);
    box-shadow: var(--shadow-sm);
    border-color: var(--color-primary);
    outline: none;
}
#planner .plan-tile.is-selected[b-cfh2b5ywv4]{
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

/* Header (accent title) */
#planner .plan-header[b-cfh2b5ywv4]{
    display:flex; align-items:center; justify-content:space-between;
    gap: var(--gap-sm); margin-bottom: .5rem;
}
#planner .plan-title[b-cfh2b5ywv4] { font-size: 1.125rem; font-weight: var(--font-weight-bold); color: var(--color-primary); }

/* --- Tile Grid (stat cards) --- */
#planner .tile-grid[b-cfh2b5ywv4]{
    display:grid;
    gap: var(--gap-md);
    grid-template-columns: repeat(3, minmax(0,1fr));
}
@media (max-width: 1199.98px){ #planner .tile-grid[b-cfh2b5ywv4]{ grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 767.98px){  #planner .tile-grid[b-cfh2b5ywv4]{ grid-template-columns: 1fr; } }

#planner .kv-tile[b-cfh2b5ywv4]{
    background: var(--color-surface-light);
    border: 1px solid var(--color-border-default);
    border-radius: var(--radius-card);
    box-shadow: var(--shadow-xs);
    padding: var(--spacing-md);
    display:flex;
    flex-direction: column;
    gap: .35rem;
}
#planner .kv-tile.kv-span-2[b-cfh2b5ywv4]{ grid-column: span 2; }
@media (max-width: 767.98px){ #planner .kv-tile.kv-span-2[b-cfh2b5ywv4]{ grid-column: auto; } }

/* subtle colored accents per tile kind */
#planner .kv-accent-primary[b-cfh2b5ywv4]   { border-color: color-mix(in srgb, var(--color-primary) 35%, transparent); }
#planner .kv-accent-secondary[b-cfh2b5ywv4] { border-color: color-mix(in srgb, var(--color-secondary) 35%, transparent); }
#planner .kv-accent-danger[b-cfh2b5ywv4]    { border-color: color-mix(in srgb, var(--color-danger) 35%, transparent); }
#planner .kv-accent-info[b-cfh2b5ywv4]      { border-color: color-mix(in srgb, var(--color-info, var(--color-secondary)) 35%, transparent); }

#planner .kv-label[b-cfh2b5ywv4]{
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-bold);
    color: var(--color-text-muted);
    text-transform: uppercase;
    letter-spacing: .02em;
}
#planner .kv-value[b-cfh2b5ywv4]{ font-weight: var(--font-weight-medium); }
#planner .kv-sub[b-cfh2b5ywv4]{ margin-top: .15rem; }

/* Chips (colorized) */
#planner .chip-row[b-cfh2b5ywv4]{ display:flex; flex-wrap:wrap; gap: var(--gap-sm); }
#planner .chip[b-cfh2b5ywv4]{
    display:inline-block;
    padding: .35rem .6rem;
    line-height: 1;
    border-radius: 999px;
    background: var(--color-surface);
    border: 1px solid var(--color-border-default);
    box-shadow: var(--shadow-xs);
    font-size: var(--font-size-sm);
    white-space: nowrap;
}

/* semantic chip colors using your tokens */
#planner .chip-primary[b-cfh2b5ywv4]  { border-color: var(--color-primary);   color: var(--color-primary);   background: color-mix(in srgb, var(--color-primary) 10%, #fff); }
#planner .chip-secondary[b-cfh2b5ywv4]{ border-color: var(--color-secondary); color: var(--color-secondary); background: color-mix(in srgb, var(--color-secondary) 10%, #fff); }
#planner .chip-success[b-cfh2b5ywv4]  { border-color: var(--color-success);   color: var(--color-success);   background: color-mix(in srgb, var(--color-success) 10%, #fff); }
#planner .chip-warning[b-cfh2b5ywv4]  { border-color: var(--color-warning);   color: var(--color-warning);   background: color-mix(in srgb, var(--color-warning) 10%, #fff); }
#planner .chip-danger[b-cfh2b5ywv4]   { border-color: var(--color-danger);    color: var(--color-danger);    background: color-mix(in srgb, var(--color-danger) 10%, #fff); }
#planner .chip-info[b-cfh2b5ywv4]     { border-color: var(--color-info, var(--color-secondary)); color: var(--color-info, var(--color-secondary)); background: color-mix(in srgb, var(--color-info, var(--color-secondary)) 10%, #fff); }

/* Corner badge anchor */
.card[b-cfh2b5ywv4] { position: relative; }
.corner-badge[b-cfh2b5ywv4] { position: absolute; top: var(--spacing-md); right: var(--spacing-md); }

/* Modal radius */
.modal-content[b-cfh2b5ywv4] { border-radius: var(--radius-card); }
/* /Pages/Builds/Health/Client/Wellness/Scoring/HealthClientWellnessScoring.razor.rz.scp.css */
/* ===== Wellness • Scoring (scoped) =================================== */

.mb-section[b-3hbir92uly] { margin-bottom: var(--spacing-xl); }

/* keep cards passive */
.card:hover[b-3hbir92uly] { box-shadow: var(--card-shadow); transform: none; }

/* chips in section titles */
.section-title .chip-group[b-3hbir92uly], .section-title .chip[b-3hbir92uly] { margin-top: -2px; }

/* ---------- key/value rows (numbers right-hug) ---------- */
.kv-row[b-3hbir92uly]{
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: .75rem;
    width: 100%;
}
.kv-label[b-3hbir92uly]{ color: var(--color-text-muted); }
.kv-value[b-3hbir92uly]{
    color: var(--color-primary);
    font-weight: var(--font-weight-bold);
    text-align: right;
    margin-left: auto;
}
.kv-major[b-3hbir92uly] { font-size: var(--font-size-value-lg); }

/* ---------- rails ---------- */
.rail[b-3hbir92uly]{
    display: flex;
    width: 100%;
    height: 12px;
    border-radius: 999px;
    overflow: hidden;
    background: var(--color-surface-dark);
    border: 1px solid var(--color-border-light);
}
.rail.rail-lg[b-3hbir92uly]{ height: 14px; }
.rail.rail-sm[b-3hbir92uly]{ height: 10px; }
.rail .bar[b-3hbir92uly]{ height: 100%; background: var(--color-primary); transition: width .25s ease; }

/* ---------- ACTIVE INFLUENCE (bulletproof) ---------- */
.ai-panel[b-3hbir92uly] { position: relative; }

/* wrapper ensures the pin anchors to the rail and not the card */
.ai-rail-wrap[b-3hbir92uly]{
    position: relative;
    width: 100%;
    min-height: 28px;        /* guarantees space for pin + rail */
    display: grid;
    align-items: center;     /* vertically center rail inside wrapper */
}

/* rail itself sits in stacking context below the pin */
.ai-rail[b-3hbir92uly]{ position: relative; z-index: 1; }

/* pin sits above, anchored to the rail width via left:% */
.rail-pin[b-3hbir92uly]{
    position: absolute;
    left: 0;
    top: -6px;               /* dot sits just above the rail */
    transform: translateX(-50%);
    z-index: 2;
    display: grid;
    justify-items: center;
    gap: 4px;
    pointer-events: none;
}
.pin-dot[b-3hbir92uly]{
    width: 10px; height: 10px; border-radius: 50%;
    background: var(--color-primary);
    box-shadow: 0 0 0 2px var(--color-white);
}
.pin-stick[b-3hbir92uly]{
    width: 2px; height: 12px; background: var(--color-primary);
    border-radius: 1px; margin-top: -2px;
}
.pin-label[b-3hbir92uly]{ font-weight: var(--font-weight-bold); }

/* axis under the rail */
.axis[b-3hbir92uly]{ display:flex; justify-content:space-between; align-items:center; }
.axis-end[b-3hbir92uly]{ color: var(--color-label); }

/* ---------- base blend + multipliers ---------- */
.pair-line[b-3hbir92uly]{ display:flex; align-items:baseline; justify-content:space-between; gap:.75rem; }
.inline-metric[b-3hbir92uly]{ display:inline-flex; align-items:baseline; gap:.5rem; }
.preview-line[b-3hbir92uly]{ display:flex; align-items:center; gap:.75rem; margin-top:.5rem; }
.preview-item[b-3hbir92uly]{ display:inline-flex; align-items:baseline; gap:.5rem; }

/* ---------- recent sessions impact ---------- */
.impact-row[b-3hbir92uly] { align-items: center; }
.impact-row .row-extras[b-3hbir92uly]{
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: var(--gap-sm);
    align-items: center;
    min-width: 240px;
}
.impact-stats[b-3hbir92uly]{ display: grid; gap: 6px; text-align: right; }
@media (max-width: 991.98px){
    .impact-row .row-extras[b-3hbir92uly]{ grid-template-columns: auto 1fr; }
    .impact-stats[b-3hbir92uly]{ text-align: left; }
}

/* tighten tile type on this page */
.info-panel[b-3hbir92uly], .graph-stat-panel[b-3hbir92uly]{ font-size: var(--font-size-sm); font-weight: var(--font-weight-bold); }
.info-panel .pill[b-3hbir92uly], .graph-stat-panel .pill[b-3hbir92uly]{ align-self: center; }
/* /Pages/Builds/Health/Components/Cards/Branding/ThemeEditorSampleCard.razor.rz.scp.css */
/* =======================================================
   THEME EDITOR — token-aligned (layout only)
   ======================================================= */
.theme-card3-wrap *[b-cc0gxw1j41]{ box-sizing:border-box; min-width:0; }
.theme3-shell[b-cc0gxw1j41]{ align-items: stretch; }

/* ---- Form (left) ---- */
.theme3-form[b-cc0gxw1j41]{ display:grid; row-gap:.7rem; }
.field[b-cc0gxw1j41]{
    display:grid;
    grid-template-columns: 130px 1fr;
    column-gap:.75rem;
    align-items:center;
}
@media (max-width:575.98px){ .field[b-cc0gxw1j41]{ grid-template-columns:1fr; row-gap:.35rem; } }
.field-label[b-cc0gxw1j41]{
    font-size: var(--font-size-sm);
    color: var(--label-color-strong);
    font-weight: var(--font-weight-bold);
    letter-spacing:.02em;
}
.field-body[b-cc0gxw1j41]{ display:block; }
.chip-group[b-cc0gxw1j41]{ display:flex; flex-wrap:wrap; gap:.45rem; }
.color-row[b-cc0gxw1j41]{
    display:grid;
    grid-template-columns: 36px minmax(140px, 220px);
    gap:.5rem; align-items:center;
    max-width: 320px;
}
.chip-color[b-cc0gxw1j41]{
    appearance:none; width:36px; height:36px; padding:0;
    border:1px solid var(--color-border-light);
    border-radius: var(--radius-sm);
    background:#fff; box-shadow: var(--shadow-xs);
}
.hex[b-cc0gxw1j41]{
    width:100%;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
    padding: var(--padding-sm);
}
.form-actions[b-cc0gxw1j41]{ display:flex; flex-wrap:wrap; gap:.45rem; margin-top:.2rem; }

/* ---- Sample (right) ---- */
/* The sandbox simply injects live brand tokens; visuals are from your kit */
.sample-sandbox[b-cc0gxw1j41]{
    /* Live brand tokens for the previewed subtree */
    --color-primary: var(--color-primary);
    --color-secondary: var(--color-secondary);
    --color-accent: var(--color-accent);
}

/* Optional theme hooks if your kit responds to theming classes/attrs.
   We DO NOT set colors here; your global theme should. These are just hooks. */
.sample-sandbox.theme-dark[b-cc0gxw1j41] { /* e.g., body.theme-dark equivalents might apply */ }
.sample-sandbox.theme-light[b-cc0gxw1j41] {}

/* Card internals: layout only */
.sample-card[b-cc0gxw1j41]{ display:flex; flex-direction:column; gap: var(--gap-md); min-height: 260px; color: var(--color-primary); }
.sample-head[b-cc0gxw1j41]{
    display:flex; align-items:center; gap: var(--gap-sm);
    justify-content:space-between;
}
.sample-title[b-cc0gxw1j41]{ font-weight: var(--font-weight-bold); }
.sample-sub[b-cc0gxw1j41]{ /* text color comes from .text-muted */ }

.sample-tiles[b-cc0gxw1j41]{
    display:grid; grid-template-columns: repeat(3, minmax(0,1fr));
    gap: var(--gap-sm);
}
@media (max-width: 991.98px){ .sample-tiles[b-cc0gxw1j41]{ grid-template-columns: 1fr 1fr; } }
@media (max-width: 575.98px){ .sample-tiles[b-cc0gxw1j41]{ grid-template-columns: 1fr; } }

/* info-panel / btn / pill use your global styles; no overrides here */
.sample-actions[b-cc0gxw1j41]{ display:flex; flex-wrap:wrap; gap:.45rem; }

/* ===== THEME BRIDGE (local to .sample-sandbox) ===== */
/* Map brand inputs to app tokens (brand-alias.css :root mapping) */
.sample-sandbox[b-cc0gxw1j41]{
    --color-primary:         var(--brand-primary);
    --color-primary-light:   color-mix(in srgb, var(--brand-primary) 82%, #ffffff);
    --color-primary-dark:    color-mix(in srgb, var(--brand-primary) 70%, #000000);

    --color-secondary:       var(--brand-secondary);
    --color-secondary-light: color-mix(in srgb, var(--brand-secondary) 82%, #ffffff);
    --color-secondary-dark:  color-mix(in srgb, var(--brand-secondary) 70%, #000000);

    --color-accent:          var(--brand-accent);

    --color-bg:              var(--brand-surface, #ffffff);
    --color-surface:         var(--brand-surface-2, #f7f9fc);
    --color-text-body:       var(--brand-on-surface, #1b1f24);
    --color-text-strong:     #111;
    --color-text-muted:      #888;

    --btn-text-primary:      var(--brand-on-primary, #ffffff);
    --stat-tile-bg:          #fff;
}

/* ABS — LIGHT (values from your abs-light block; kept token-consistent) */
.sample-sandbox[data-theme="abs"][data-mode="light"][b-cc0gxw1j41]{
    --color-bg:            #fffffe;
    --color-surface:       #f7f8fa;
    --color-surface-light: #fafbfc;
    --color-surface-dark:  #eef2f6;
    --color-surface-alt:   #f2f5f9;
    --color-surface-hover: #eef3f8;

    --font-family-header: "Archivo Black","News Gothic SH","Segoe UI",Inter,system-ui,sans-serif;
    --font-family-body:   "Roboto","Normalidad Compact",Inter,system-ui,sans-serif;

    --color-text-body:   #374151;
    --color-text-muted:  #6b7280;
    --color-text-strong: var(--color-primary);

    --color-border-default: #d8dee6;
    --color-border-light:   #e6ebf2;
    --color-border-strong:  #c3cada;
    --color-border-dark:    #8a94a6;
    --color-shadow:         rgba(2, 6, 23, 0.06);
    --color-overlay:        rgba(2, 6, 23, 0.12);

    --card-default-bg:     var(--color-surface-light);
    --card-default-text:   var(--color-text-body);
    --card-default-border: var(--color-border-light);

    --card-muted-bg:       var(--color-surface);
    --card-muted-text:     var(--color-label);
    --card-muted-border:   var(--color-border-light);

    --card-info-bg:        var(--color-info-light, #e3f8fc);
    --card-info-text:      #074b7a;

    --color-success:        #198754;   --color-success-light: #daf5e9;
    --color-warning:        #d4700f;   --color-warning-light: #fdd9bf;
    --color-danger:         #a30000;   --color-danger-light:  #ffe5e5;
    --color-info:           #0dcaf0;   --color-info-light:    #e3f8fc;

    --table-header-bg:     #ffffff;
    --table-row-border:    var(--color-border-light);
    --table-row-hover-bg:  var(--color-surface-hover);
    --table-row-stripe-bg: var(--color-surface-alt);

    --progress-rail-bg:       #e7eef7;
    --progress-rail-border:   var(--color-border-light);

    --btn-bg-primary:       #0b2a4a;
    --btn-primary-bg:       var(--btn-bg-primary);
    --btn-primary-text:     #fffffe;
    --btn-primary-bg-hover: #0a2440;

    --btn-secondary-bg:       var(--color-primary);
    --btn-secondary-text:     #fffffe;
    --btn-secondary-bg-hover: color-mix(in srgb, var(--color-primary) 86%, #000);

    --btn-border-outline: var(--color-primary);
    --btn-text-outline:   var(--color-primary);

    --pill-bg:    var(--color-primary-light);
    --pill-text:  var(--color-primary-dark);
    --pill-border:var(--color-primary);
}

/* ABS — DARK (values from your abs-dark block; keep brand-driven primaries) */
.sample-sandbox[data-theme="abs"][data-mode="dark"][b-cc0gxw1j41]{
    --color-bg:            #2e2c2c;
    --color-surface:       #2e2c2c;
    --color-surface-light: #383636;
    --color-surface-dark:  #242222;
    --color-surface-alt:   #3d3a3a;
    --color-surface-hover: #464242;

    --font-family-header: "Archivo Black","News Gothic SH","Segoe UI",Inter,system-ui,sans-serif;
    --font-family-body:   "Roboto","Normalidad Compact",Inter,system-ui,sans-serif;

    --color-text-body:   #fffffe;
    --color-text-strong: #fffffe;
    --color-text-muted:  #94a1b2;

    --color-border-default: #444040;
    --color-border-light:   #3a3636;
    --color-border-strong:  #565252;
    --color-border-dark:    #6a6666;
    --color-shadow:         rgba(0, 0, 0, 0.45);
    --color-overlay:        rgba(2, 6, 23, 0.55);

    /* Keep primaries brand-driven so HEX edits reflect live */
    /* If you want to mimic your exact dark tuning, you can color-mix here */
    --color-primary-light:  color-mix(in srgb, var(--brand-primary) 22%, #2e2c2c);
    --color-primary-dark:   color-mix(in srgb, var(--brand-primary) 65%, #000);
    --color-secondary-light:color-mix(in srgb, var(--brand-secondary) 25%, #2e2c2c);
    --color-secondary-dark: color-mix(in srgb, var(--brand-secondary) 65%, #000);

    --card-default-bg:     var(--color-surface);
    --card-default-text:   var(--color-text-body);
    --card-default-border: var(--color-border-default);

    --card-muted-bg:       var(--color-surface-dark);
    --card-muted-text:     var(--color-label);
    --card-muted-border:   var(--color-border-light);

    --color-success:        #29a36e;   --color-success-light: color-mix(in srgb,#29a36e 18%, #2e2c2c);
    --color-warning:        #ffb020;   --color-warning-light: color-mix(in srgb,#ffb020 14%, #2e2c2c);
    --color-danger:         #ff6b6b;   --color-danger-light:  color-mix(in srgb,#ff6b6b 16%, #2e2c2c);
    --color-info:           #44c6f5;   --color-info-light:    color-mix(in srgb,#44c6f5 14%, #2e2c2c);

    --table-header-bg:     var(--color-surface);
    --table-header-text:   var(--color-text-strong);
    --table-row-border:    var(--color-border-light);
    --table-row-hover-bg:  var(--color-surface-hover);
    --table-row-stripe-bg: var(--color-surface-alt);

    --progress-rail-bg:     #3a3636;
    --progress-rail-border: var(--color-border-light);

    --btn-bg-primary:       #1a2a4a;
    --btn-primary-bg:       var(--btn-bg-primary);
    --btn-primary-text:     #fffffe;
    --btn-primary-bg-hover: #15243f;

    --btn-secondary-bg:       var(--color-primary);
    --btn-secondary-text:     #2e2c2c;
    --btn-secondary-bg-hover: color-mix(in srgb, var(--color-primary) 80%, #000);

    --btn-border-outline: var(--color-primary);
    --btn-text-outline:   var(--color-primary);

    --pill-bg:    var(--color-primary-light);
    --pill-text:  var(--color-text-strong);
    --pill-border:var(--color-primary);
}
/* /Pages/Builds/Health/Components/Cards/ClientProfile/ClientProfileHeroCard.razor.rz.scp.css */
/* /Pages/Builds/Health/Components/Cards/Sequences/SequencePicker.razor.rz.scp.css */
/* Card shell (same hover/selected behavior as Sequences page) */
.sequence-card[b-i6a4kryvb1] {
    background: var(--color-white);
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-lg);
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    cursor: pointer;
    transition: border-color var(--transition-fast), box-shadow var(--transition-fast), transform .06s ease-out;
}
.select-card:hover[b-i6a4kryvb1] {
    border-color: color-mix(in srgb, var(--color-primary) 45%, var(--color-border-light));
    box-shadow: 0 2px 10px rgba(0,0,0,.04);
}
.select-card:active[b-i6a4kryvb1] { transform: translateY(1px); }
.select-card:focus[b-i6a4kryvb1],
.select-card:focus-visible[b-i6a4kryvb1] { outline: none; box-shadow: var(--focus-ring); }

.select-card.is-selected[b-i6a4kryvb1] {
    border-color: var(--color-primary);
    box-shadow:
            0 0 0 2px color-mix(in srgb, var(--color-primary) 20%, transparent),
            0 4px 14px rgba(0,0,0,.06);
}

/* Title + right-aligned meta on a single line */
.seq-head[b-i6a4kryvb1] { display:flex; align-items:center; gap:10px; }
.seq-title[b-i6a4kryvb1] { color: var(--color-primary); font-weight: var(--font-weight-bold); }
.seq-meta[b-i6a4kryvb1] { margin-left:auto; display:inline-flex; align-items:center; gap:6px; flex-wrap:wrap; }

/* Table layout */
.seq-table .table[b-i6a4kryvb1] { margin: 0; }
.seq-table thead th[b-i6a4kryvb1] {
    font-weight: var(--font-weight-bold);
    color: var(--color-text-strong);
    background: var(--color-surface);
}
.col-idx[b-i6a4kryvb1] { width: 44px; }
.col-target[b-i6a4kryvb1] { width: 110px; }
.col-weight[b-i6a4kryvb1] { width: 140px; }
.kv-mono[b-i6a4kryvb1] { font-variant-numeric: tabular-nums; }

.ex-link[b-i6a4kryvb1] {
    padding: 0;
    background: transparent;
    border: 0;
    color: var(--color-primary);
    text-decoration: none;
}
.ex-link:hover[b-i6a4kryvb1] { text-decoration: underline; }
.ex-notes[b-i6a4kryvb1] { line-height: 1.05; }

/* CTA only when selected */
.seq-cta[b-i6a4kryvb1] {
    display: none;
    margin-top: auto;
    justify-content: flex-end;
    gap: var(--gap-sm);
}
.select-card.is-selected .seq-cta[b-i6a4kryvb1] { display: flex; }
@media (max-width: 991.98px) {
    .select-card.is-selected .seq-cta[b-i6a4kryvb1] {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr;
    }
}
/* /Pages/Builds/Health/Components/HealthEvaluation/RecurringHEPanel.razor.rz.scp.css */
/* Parent wizard card keeps consistent interior gutters */
.wizard-card[b-f8gkyu70cy] { padding: var(--padding-lg); }

/* Header progress gap */
.wizard-card > .progress[b-f8gkyu70cy] { margin-top: var(--spacing-sm); }
.wizard-card .label-sm[b-f8gkyu70cy] { margin-bottom: .25rem; }

/* Inner blocks should sit comfortably inside the parent card */
.section-card[b-f8gkyu70cy]{
    background: var(--color-surface);
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
    padding: var(--padding-md) var(--padding-lg);
    margin: var(--spacing-md) 0;
}

.section-cta[b-f8gkyu70cy]{
    border-top: 1px solid var(--color-border-light);
    padding: var(--padding-md) var(--padding-lg);
    margin-top: var(--spacing-md);
}

/* Stepper badge */
.stepper .step-badge[b-f8gkyu70cy]{
    min-width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;
    border-radius:999px;background:var(--color-primary);color:#fff;font-weight:700;
}
.stepper .step-total[b-f8gkyu70cy]{ font-weight:700; }

/* ===== Even chip rows (no gaps, perfect stacking) ===== */
.chip-grid[b-f8gkyu70cy]{
    --chip-min: 84px;                                   /* default minimum width per chip cell */
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(var(--chip-min), 1fr));
    gap: .5rem;
}
/* Tighter minimums for 1–10 number rows */
.chip-grid-tight[b-f8gkyu70cy]{ --chip-min: 56px; }

/* Make each chip fill its grid cell and center its label */
.chip-grid .choice-chip[b-f8gkyu70cy]{
    width: 100%;
    justify-content: center;
}

/* Choice controls (chip) */
.choice-chip[b-f8gkyu70cy]{
    appearance:none; border:1px solid var(--color-border-light); background:#fff; color:var(--color-text-strong);
    border-radius:999px; padding:.5rem .9rem; font-weight:600; line-height:1;
}
.choice-chip.is-active[b-f8gkyu70cy]{ background:var(--color-primary); border-color:var(--color-primary); color:#fff; }

/* Responsive tiles */
.choice-grid[b-f8gkyu70cy]{
    display:grid; gap:.6rem; grid-template-columns:repeat(auto-fit, minmax(180px,1fr));
}
@media (max-width: 575.98px){
    .choice-grid[b-f8gkyu70cy]{ grid-template-columns: 1fr; } /* avoid half-cut tiles on phones */
}

/* Tiles */
.choice-tile[b-f8gkyu70cy]{
    text-align:left; background:#fff; border:1px solid var(--color-border-default); border-radius:var(--radius-md);
    padding:.8rem .95rem; font-weight:600; transition:box-shadow .15s,border-color .15s,background .15s;
}
.choice-tile:hover[b-f8gkyu70cy]{ box-shadow:var(--shadow-sm); }
.choice-tile.is-active[b-f8gkyu70cy]{ background:var(--color-primary); border-color:var(--color-primary); color:#fff; }

/* Helpers */
.field-hint[b-f8gkyu70cy]{ font-size:.875rem; }
.progress[b-f8gkyu70cy]{ height:6px; background:var(--color-border-light); }
.progress .progress-bar[b-f8gkyu70cy]{ background: var(--color-primary); }

/* Smallest screens: gently relax the min width so 5–6 per row can still pack nicely */
@media (max-width: 380px){
    .chip-grid-tight[b-f8gkyu70cy]{ --chip-min: 52px; }
}

/* Existing styles unchanged … add these: */

.photo-section .h6[b-f8gkyu70cy]{ font-weight:700; }
.photo-grid[b-f8gkyu70cy]{
    display:grid;
    grid-template-columns: repeat(4, minmax(88px, 1fr));
    gap:.75rem;
}
@media (max-width: 767.98px){
    .photo-grid[b-f8gkyu70cy]{ grid-template-columns: repeat(2, minmax(120px, 1fr)); }
}
.photo-tile[b-f8gkyu70cy]{ display:flex; flex-direction:column; align-items:stretch; }
.photo-frame[b-f8gkyu70cy]{
    aspect-ratio: 1 / 1; border:1px solid var(--color-border-light); border-radius: var(--radius-md);
    background: var(--color-surface); display:flex; align-items:center; justify-content:center;
    overflow:hidden;
}
.photo-frame img[b-f8gkyu70cy]{ width:100%; height:100%; object-fit:cover; }
.photo-placeholder[b-f8gkyu70cy]{
    font-weight:700; color: var(--color-text-muted, #6c757d);
    letter-spacing:.02em; user-select:none;
}
/* /Pages/Builds/Health/Components/Modals/ActiveScore/ActiveScorePopup.razor.rz.scp.css */
/* ===== Container spacing ===== */
.as-root[b-ehpoupwt7d] {
    display: grid;
    gap: var(--spacing-lg);
}

/* ===== Header ===== */
.as-header[b-ehpoupwt7d] {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: end;
    gap: var(--gap-md);
}

.as-score-label[b-ehpoupwt7d] {
    font-size: var(--font-size-sm);
    opacity: .75;
    margin-bottom: .25rem;
}

.as-score-value[b-ehpoupwt7d] {
    font-size: clamp(1.75rem, 1.2rem + 1.5vw, 2.25rem);
    line-height: 1.1;
    color: var(--color-primary);
    font-weight: bold;
}

/* meta chips (phase / session / weight) */
.as-meta[b-ehpoupwt7d] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap-sm);
}

.meta-chip[b-ehpoupwt7d] {
    display: grid;
    align-items: center;
    grid-auto-flow: column;
    gap: .5rem;
    padding: .375rem .625rem;
    border: 1px solid var(--color-primary);
    border-radius: var(--radius-md);
    background: var(--color-surface);
}

.meta-title[b-ehpoupwt7d] {
    font-size: var(--font-size-sm);
    opacity: .75;
}

/* divider */
.as-divider[b-ehpoupwt7d] {
    height: 1px;
    background: var(--color-primary);
    opacity: .6;
}

/* ===== KPI chips row ===== */
.as-chips[b-ehpoupwt7d] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: var(--gap-md);
}

.chip[b-ehpoupwt7d] {
    padding: .75rem .875rem;
    border: 1px solid var(--color-primary);
    border-radius: var(--radius-md);
    background: var(--color-surface);
    display: grid;
    gap: .25rem;
}

.chip-k[b-ehpoupwt7d] {
    font-size: var(--font-size-sm);
    opacity: .8;
}

.chip-v[b-ehpoupwt7d] {
    font-size: 1.05rem;
}

/* ===== Formula box ===== */
.as-formula[b-ehpoupwt7d] {
    border: 1px dashed var(--color-primary);
    background: var(--color-surface);
    border-radius: var(--radius-md);
    padding: .75rem .875rem;
}

.as-formula .formula-title[b-ehpoupwt7d] {
    font-size: var(--font-size-sm);
    opacity: .8;
    margin-bottom: .25rem;
}

/* ===== Cards spacing ===== */
.as-card[b-ehpoupwt7d] {
    padding-top: var(--spacing-sm);
    padding-bottom: var(--spacing-sm);
}

/* subtle row separators inside table-sm */
.as-table tbody tr + tr td[b-ehpoupwt7d] {
    border-top: 1px solid var(--color-primary);
}

/* ===== List spacing ===== */
.list-table.is-hoverable .list-row[b-ehpoupwt7d] {
    padding-block: .5rem;
}

/* ===== Footer ===== */
.as-footer[b-ehpoupwt7d] {
    display: flex;
    justify-content: flex-start;
    padding-top: .25rem;
}

/* make modal body breathe a bit on XL container */
:host[b-ehpoupwt7d]  .modal-body {
    padding-bottom: var(--spacing-lg);
}
/* /Pages/Builds/Health/Components/Modals/Clients/NewClientPopup.razor.rz.scp.css */
/* Backdrop */
.modal-backdrop[b-kc6m1fncv5]{
    position:fixed; inset:0;
    background:rgba(0,0,0,.35);
    backdrop-filter:blur(2px);
    z-index:1050;
}

/* Modal card */
.newclient-modal[b-kc6m1fncv5]{
    position:fixed; inset:50% auto auto 50%;
    transform:translate(-50%, -50%);
    width:min(640px, 94vw);
    background:#fff; border-radius:16px;
    box-shadow:0 12px 32px rgba(0,0,0,.2);
    z-index:1060; overflow:hidden;
}

/* Head/Foot */
.newclient-modal .modal-head[b-kc6m1fncv5],
.newclient-modal .modal-foot[b-kc6m1fncv5]{
    display:flex; align-items:center; justify-content:space-between;
    gap:12px; padding:14px 18px;
}
.newclient-modal .modal-head[b-kc6m1fncv5]{ border-bottom:1px solid var(--color-border-light); }
.newclient-modal .modal-foot[b-kc6m1fncv5]{ border-top:1px solid var(--color-border-light); justify-content:flex-end; gap:10px; }

/* Body + form rhythm */
.newclient-modal .modal-body[b-kc6m1fncv5]{ padding:16px 18px; }
.form-group[b-kc6m1fncv5]{ display:grid; gap:6px; margin-bottom:12px; }
.form-group:last-child[b-kc6m1fncv5]{ margin-bottom:0; }

.newclient-modal .form-control[b-kc6m1fncv5]{
    min-height:44px;
    padding:.5rem .875rem;
    padding-right:44px; /* room for extension icons */
}

.newclient-modal .label-sm[b-kc6m1fncv5]{
    letter-spacing:.02em;
    color:var(--color-text-strong);
}
/* /Pages/Builds/Health/Components/Modals/HealthEvaluation/HEWizardModal.razor.rz.scp.css */
/* Only if needed — surgical tweaks for this modal instance */

/* cap width a bit tighter than default Medium */
:host[b-aw0rxgms9r]  .modal-dialog { max-width: 760px; }

/* normalize body padding */
:host[b-aw0rxgms9r]  .modal-body { padding: var(--spacing-md); }

/* collapse trailing spacing from wizard’s stacked cards when inside modal */
:host[b-aw0rxgms9r]  .modal-body .mb-section:last-child { margin-bottom: 0; }

/* guard against tall viewports; allow internal scroll */
@media (min-height: 640px) {
    :host[b-aw0rxgms9r]  .modal-body { max-height: 75vh; overflow:auto; }
}
/* /Pages/Builds/Health/Components/Modals/Insights/MealCompliancePopup.razor.rz.scp.css */
/* /Pages/Builds/Health/Components/Modals/Insights/SequencesPopup.razor.rz.scp.css */
/* /Pages/Builds/Health/Components/Modals/Insights/ThrRecoveryPopup.razor.rz.scp.css */
/* /Pages/Builds/Health/Components/Modals/PostSessionHE/PostSessionHE.razor.rz.scp.css */
/* Container */
.pssm[b-ti41lxdynw] { display: grid; gap: var(--spacing-lg); }

/* Headline */
.headline[b-ti41lxdynw] {
    font-size: clamp(1.5rem, 1.2rem + 1.5vw, 2.25rem);
    font-weight: var(--font-weight-bold);
    text-align: center;
    margin: 0;
}

.perf-value[b-ti41lxdynw] {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-xl);
    color: var(--color-primary);
}

/* Soft card wrapper blocks */
.card-soft[b-ti41lxdynw] {
    background: var(--color-surface-light);
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-card);
    padding: var(--spacing-md);
    box-shadow: var(--shadow-xs);
}

/* Section title matches small caps label pattern */
.section-title[b-ti41lxdynw] { margin-bottom: .5rem; }

/* Perf grid */
.perf-grid[b-ti41lxdynw] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-md);
}
@media (min-width: 576px) { .perf-grid[b-ti41lxdynw] { grid-template-columns: repeat(4, 1fr); } }
.perf-tile[b-ti41lxdynw] {
    background: var(--color-bg);
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-card);
    padding: .9rem .95rem;
    display: grid; gap: .25rem; text-align: center;
    box-shadow: var(--shadow-sm);
}
.perf-value .unit[b-ti41lxdynw] { font-size: var(--font-size-sm); color: var(--color-text-muted); margin-left: .2rem; }
.perf-label[b-ti41lxdynw] { color: var(--color-text-muted); font-size: var(--font-size-xs); }

/* Sliders grid (uses space wisely; max 4 cards) */
.sliders-grid[b-ti41lxdynw]{
    display:grid;
    gap: var(--spacing-md);
    grid-template-columns: 1fr;
}
@media (min-width: 768px){
    .sliders-grid[b-ti41lxdynw]{ grid-template-columns: 1fr 1fr; }
}

/* Slider cards */
.slider-card[b-ti41lxdynw] { background: var(--color-bg); }
.slider-title[b-ti41lxdynw] { margin: 0 0 .25rem; font-weight: var(--font-weight-bold); }
.slider-row[b-ti41lxdynw] { display: grid; gap: .4rem; align-content: start; }

/* Native range (token-friendly) */
.slider-row input[type="range"][b-ti41lxdynw] {
    width: 100%;
    appearance: none;
    height: 4px;
    background: var(--color-border-light);
    border-radius: 999px;
    outline: none;
}
.slider-row input[type="range"][b-ti41lxdynw]::-webkit-slider-thumb {
    appearance: none; width: 20px; height: 20px; border-radius: 50%;
    background: var(--color-primary);
    border: 2px solid var(--color-bg);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary) 35%, transparent);
    cursor: pointer;
}
.slider-row input[type="range"][b-ti41lxdynw]::-moz-range-thumb {
    width: 20px; height: 20px; border-radius: 50%;
    background: var(--color-primary);
    border: 2px solid var(--color-bg);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary) 35%, transparent);
    cursor: pointer;
}

/* Scale & anchors */
.slider-scale[b-ti41lxdynw] { display:flex; justify-content:space-between; font-size:var(--font-size-xs); color:var(--color-text-muted); }
.slider-anchors[b-ti41lxdynw] { display:grid; grid-template-columns:1fr 1fr 1fr; font-size:var(--font-size-sm); color:var(--color-text-muted); }
.slider-anchors .left[b-ti41lxdynw]  { color: var(--color-danger); }
.slider-anchors .mid[b-ti41lxdynw]   { text-align: center; color: var(--color-text-strong); }
.slider-anchors .right[b-ti41lxdynw] { text-align: right; color: var(--color-success); }

/* HR confirmation */
.hr-row[b-ti41lxdynw] { display: grid; gap: .45rem; }
.form-switch[b-ti41lxdynw] { display: inline-flex; align-items: center; gap: .5rem; }
.warn[b-ti41lxdynw] { margin-top: .25rem; }
.btn-inline[b-ti41lxdynw] { padding: 0; margin-left: .35rem; }

/* Actions */
.actions[b-ti41lxdynw] {
    display: flex; flex-wrap: wrap; gap: var(--gap-sm);
    justify-content: flex-end;
}
/* /Pages/Builds/Health/Components/Modals/PreSessionHE/WarmupCheckInModal.razor.rz.scp.css */
/* -------- Plan strip ------------------------------------------------------- */
.plan-strip[b-quqehb88dq] { display: grid; gap: .5rem; }
.plan-strip-title[b-quqehb88dq]{
    font-weight: 700; letter-spacing: .02em; text-transform: uppercase;
    color: var(--color-text-strong);
}
.plan-legend[b-quqehb88dq]{ color: var(--color-text-muted); font-weight: 600; }

.plan-strip-scroller[b-quqehb88dq]{
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(260px, 1fr);
    gap: .6rem;
    overflow-x: auto;
    padding-bottom: .25rem;
    scroll-snap-type: x proximity;
}
.plan-strip-scroller > *[b-quqehb88dq]{ scroll-snap-align: start; min-width: 0; }

/* NEW: simple row for freeform warmup input */
.warmup-input-row[b-quqehb88dq]{
    margin-top: .25rem;
}

/* (existing identity-chip styles are now unused but harmless) */
.identity--chip[b-quqehb88dq]{
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-md);
    background: #fff;
    padding: .6rem .75rem;
    transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}
.identity--chip.is-active[b-quqehb88dq]{
    border-color: var(--color-primary);
    box-shadow: var(--shadow-sm);
    background: var(--color-surface);
}
.identity--chip.is-locked[b-quqehb88dq]{ opacity: .5; pointer-events: none; }

/* -------- Main layout: Exercise + HR -------------------------------------- */
.warmup-layout[b-quqehb88dq]{
    --colA: 1.2fr; /* HR */
    --colB: 2fr;   /* Exercise */
    display: grid;
    grid-template-columns: var(--colA) var(--colB);
    gap: var(--gap-md);
    align-items: start;
}
@media (max-width: 992px){
    .warmup-layout[b-quqehb88dq]{ grid-template-columns: 1fr; }
}

/* Panel chrome */
.panel[b-quqehb88dq]{
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-md);
    display: grid;
    grid-template-rows: auto 1fr;
}
.panel-head[b-quqehb88dq]{
    padding: .7rem .9rem;
    font-weight: 700; letter-spacing: .02em;
    color: var(--color-text-strong);
    border-bottom: 1px solid var(--color-border-light);
    background: var(--color-surface);
}
.panel-body[b-quqehb88dq]{ padding: .9rem; }

/* Exercise title */
.ex-title[b-quqehb88dq]{
    font-weight: 700;
    display:flex;
    gap:.5rem;
    align-items: baseline;
    flex-wrap: wrap;
}
.ex-type[b-quqehb88dq]{
    font-weight: 800; letter-spacing:.02em; color: var(--color-primary);
    border:1px solid var(--color-border-light); border-radius: .5rem;
    padding: .05rem .45rem; background: #fff;
}
.ex-name[b-quqehb88dq]{ font-size: 1.05rem; }

/* Timer layout */
.timer-wrap[b-quqehb88dq]{
    display: grid;
    grid-template-columns: 1fr 180px;
    align-items: center;
    gap: var(--gap-md);
}
@media (max-width: 575.98px){
    .timer-wrap[b-quqehb88dq]{ grid-template-columns: 1fr; gap: var(--gap-sm); }
}

/* Big timer number */
.timer-display[b-quqehb88dq]{
    font-variant-numeric: tabular-nums;
    font-weight: var(--font-weight-bold);
    font-size: clamp(2.6rem, 5.2vw, 3.8rem);
    line-height: 1;
    text-align: center;
}

/* HR panel bits */
.current-row[b-quqehb88dq]{ display:flex; gap:.5rem; }
.current-row .form-control[b-quqehb88dq]{ flex:1 1 auto; min-width:0; }

.thr-block[b-quqehb88dq]{ margin-top: .75rem; }
.thr-line[b-quqehb88dq]{ display:flex; flex-wrap: wrap; gap: .35rem; }

.badge-time[b-quqehb88dq]{
    font-weight: 700; font-variant-numeric: tabular-nums;
    border: 1px solid var(--color-border-light);
    background: var(--color-primary); border-radius: .75rem; padding: .25rem .5rem;
}

/* Modal width */
.lp-modal .modal-dialog.modal-xl[b-quqehb88dq]{
    max-width: min(1200px, 96vw);
}

/* Inline action row for timer controls */
.btn-row[b-quqehb88dq]{
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: flex-end;
    align-items: center;
}

/* Emphasize inputs that are required at this moment */
.field-required[b-quqehb88dq]{
    border: 2px solid var(--color-primary) !important;
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary) 20%, transparent);
}
.field-required[b-quqehb88dq]::placeholder{ color: color-mix(in srgb, var(--color-primary) 70%, #999); }
/* /Pages/Builds/Health/Components/Modals/Programs/AdvancedSchedulePopup.razor.rz.scp.css */
.schedule-grid-head[b-fiplcvihpk]{ display:grid; grid-template-columns:40px 1fr 1fr 90px; gap:.5rem; padding:.25rem 0; color:var(--color-text-muted); }
.schedule-grid-body .schedule-row[b-fiplcvihpk]{ display:grid; grid-template-columns:40px 1fr 1fr 90px; gap:.5rem; align-items:center; padding:.35rem 0; border-top:1px solid var(--color-border-light); }
.schedule-grid-body .schedule-row:first-child[b-fiplcvihpk]{ border-top:none; }
/* /Pages/Builds/Health/Components/Modals/Programs/AssignProgramPopup.razor.rz.scp.css */
/* ============ Structure & Rhythm (mobile-first) ============ */

.apx-header[b-005a2et8gq]{
    display:flex; align-items:center; gap: var(--gap-sm);
    flex-wrap:wrap;
    margin-bottom: var(--spacing-sm);
}
.apx-synopsis[b-005a2et8gq]{
    display:flex; flex-wrap:wrap; gap:.35rem;
}
.apx-synopsis .pill[b-005a2et8gq]{
    background: var(--color-surface-light);
    border: 1px solid var(--color-border-light);
}

.section-title[b-005a2et8gq]{ margin-bottom: .4rem; }

/* Panel chrome aligned to your tokens */
.apx-panel[b-005a2et8gq]{
    background: #fff;
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-card);
    box-shadow: var(--shadow-sm);
    padding: .75rem .9rem;
}

/* Section spacing */
.apx-section + .apx-section[b-005a2et8gq]{
    margin-top: .9rem;
    padding-top: .9rem;
    border-top: 1px solid var(--color-border-light);
}

/* Leave space for sticky footer so content isn't covered */
.apx-section:last-of-type[b-005a2et8gq]{
    padding-bottom: 92px; /* matches sticky footer height */
}

/* ============ Basics block ============ */

.apx-basics[b-005a2et8gq]{
    display:grid; gap: .9rem;
    grid-template-columns: 1fr;             /* mobile */
}
@media (min-width: 900px){
    .apx-basics[b-005a2et8gq]{ grid-template-columns: 1fr 1fr; }
}
.apx-block .chip-group[b-005a2et8gq]{ row-gap:.4rem; }
.apx-help[b-005a2et8gq]{ color: var(--color-text-muted); margin-top: .25rem; }

/* ============ Two-up grid for Start section ============ */

.apx-grid-2[b-005a2et8gq]{
    display:grid; gap: .75rem;
    grid-template-columns: 1fr;             /* mobile */
}
@media (min-width: 640px){
    .apx-grid-2[b-005a2et8gq]{ grid-template-columns: 1fr 1fr; }
}

/* ============ Weekly Pattern ============ */

/* Day chips: horizontal scroll-snap on phones */
.week-grid[b-005a2et8gq]{
    display:flex; gap:.5rem;
    overflow-x:auto; -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    padding-bottom: .25rem;
}
.week-grid .day-chip[b-005a2et8gq]{
    min-width: 84px; height: 42px;          /* touch target */
    scroll-snap-align: start;
}

/* When there’s room, switch to a tidy grid */
@media (min-width: 880px){
    .week-grid[b-005a2et8gq]{
        display:grid; overflow:visible;
        grid-template-columns: repeat(7, minmax(0,1fr));
    }
    .week-grid .day-chip[b-005a2et8gq]{ min-width: 0; }
}

/* Per-day time inputs */
.daytime-grid[b-005a2et8gq]{
    display:grid; gap:.6rem;
    grid-template-columns: repeat(2, minmax(0,1fr));
}
@media (min-width: 700px){
    .daytime-grid[b-005a2et8gq]{ grid-template-columns: repeat(3, minmax(0,1fr)); }
}
.daytime-item .label-sm[b-005a2et8gq]{ margin-bottom:.25rem; }

/* ============ Chips (size & feel tuned for modal) ============ */

.chip[b-005a2et8gq]{
    display:inline-flex; align-items:center; justify-content:center;
    gap:.45rem; padding:.38rem .85rem;
    border-radius:999px; line-height:1.05; font-weight:600;
    font-size:.93rem; user-select:none; cursor:pointer;
    border:1.5px solid var(--color-border-light);
    background:#fff; color:var(--color-text-strong);
    transition: background .12s, border-color .12s, color .12s, box-shadow .12s;
}
.chip:hover[b-005a2et8gq]{ border-color: color-mix(in srgb, var(--color-primary) 35%, var(--color-border-light)); background:#f7faff; }
.chip:focus-visible[b-005a2et8gq]{ outline:0; box-shadow: var(--focus-ring); }
.chip-sm[b-005a2et8gq]{ padding:.30rem .65rem; font-size:.86rem; }
.chip-lg[b-005a2et8gq]{ padding:.48rem .95rem; font-size:.95rem; }
.chip.is-active[b-005a2et8gq]{
    background: var(--color-surface-primary, #EAF3FF);
    border-color: var(--color-primary);
    color: color-mix(in srgb, var(--color-primary) 70%, #0b2e78);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-primary) 18%, transparent);
}

/* ============ Inputs ============ */

input[type="date"][b-005a2et8gq],
input[type="time"][b-005a2et8gq],
.form-control[b-005a2et8gq]{
    min-height: 44px;                        /* finger target */
    font-size: var(--font-size-sm);
}

/* ============ Sticky footer (safe on mobile) ============ */

.apx-actions[b-005a2et8gq]{
    position: sticky; bottom: 0; z-index: var(--z-index-overlay);
    background:
            linear-gradient(to top, var(--color-surface) 70%, transparent),
            var(--color-surface);
    border-top: 1px solid var(--color-border-light);
    padding: .6rem .75rem calc(.6rem + env(safe-area-inset-bottom));
    display:flex; align-items:center; gap:.5rem; flex-wrap:wrap;
}
.apx-summary[b-005a2et8gq]{ display:flex; flex-wrap:wrap; gap:.35rem; }
.apx-summary .pill[b-005a2et8gq]{
    background: var(--color-surface-light);
    border: 1px solid var(--color-border-light);
}
.apx-cta[b-005a2et8gq]{ margin-left:auto; display:flex; gap:.5rem; }
@media (max-width: 680px){
    .apx-cta[b-005a2et8gq]{ width:100%; display:grid; grid-template-columns: 1fr 1fr; gap:.5rem; }
    .apx-cta .btn[b-005a2et8gq]{ width:100%; min-height:44px; }
}

/* ============ Minor visual refinements ============ */

/* Tighten title weight & spacing to match modal chrome */
:host[b-005a2et8gq] (.modal-title){
    font-weight: var(--font-weight-bold);
}

/* Make header action (Advanced Schedule) look like a control chip */
.apx-header .btn.btn-outline.btn-sm[b-005a2et8gq]{
    border-radius: var(--radius-pill);
    padding: .4rem .7rem;
}

/* Info tiles stack feel */
.info-panel.info-panel--stack[b-005a2et8gq]{
    gap:.25rem;
}
.info-panel.info-panel--stack .tile-title[b-005a2et8gq]{
    color: var(--color-label);
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
    letter-spacing: .03em;
    font-size: var(--font-size-xs);
}
.info-panel.info-panel--stack .tile-main[b-005a2et8gq]{
    font-weight: var(--font-weight-bold);
    color: var(--color-text-strong);
}

/* Keep everything crisp on very small screens */
@media (max-width: 380px){
    .chip[b-005a2et8gq]{ font-size:.9rem; padding:.34rem .7rem; }
    .chip-lg[b-005a2et8gq]{ padding:.42rem .85rem; }
    .week-grid .day-chip[b-005a2et8gq]{ min-width: 78px; }
}
/* /Pages/Builds/Health/Components/Modals/Sequences/SequencePairPickerPopup.razor.rz.scp.css */
/* Overlay */
.seqpair-overlay[b-dvhu1vo2se]{
    position: fixed; inset: 0;
    background: rgba(2, 8, 23, .42);
    -webkit-backdrop-filter: blur(1px);
    backdrop-filter: blur(1px);
    z-index: 1040;
}

/* Centered modal card */
.seqpair-card[b-dvhu1vo2se]{
    position: fixed;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: min(1120px, calc(100vw - 32px));
    max-height: min(86vh, 780px);
    overflow: auto;
    background: var(--color-white);
    border-radius: var(--radius-lg);
    border: 1px solid var(--color-border-light);
    box-shadow: 0 20px 50px rgba(0,0,0,.18);
    z-index: 1050;
}

/* Head / body */
.seqpair-head[b-dvhu1vo2se]{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px 20px; }
.seqpair-head-left[b-dvhu1vo2se]{ display:flex; flex-direction:column; gap:2px; }
.seqpair-body[b-dvhu1vo2se]{ padding: 12px 20px 20px; }

/* Two-column grid (stacks on md-) */
.pair-grid[b-dvhu1vo2se]{
    display:grid; grid-template-columns: 1fr 1fr; gap: var(--gap-lg);
}
@media (max-width: 991.98px){ .pair-grid[b-dvhu1vo2se]{ grid-template-columns: 1fr; } }

/* Light card chrome match */
.sequence-card[b-dvhu1vo2se]{
    background: var(--color-white);
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-lg);
}
.select-card[b-dvhu1vo2se]{ cursor:pointer; }
/* /Pages/Builds/Health/Components/Modals/Sessions/ClientSessionHistoryPopup.razor.rz.scp.css */
.section-title .cell-label[b-3serpzvwk6] { color: var(--color-label); }
.btn.is-active[b-3serpzvwk6] { box-shadow: inset 0 0 0 1px var(--color-primary); }
/* /Pages/Builds/Health/Components/Modals/Sessions/SessionPreview.razor.rz.scp.css */
/* Keep it surgical; global styles handle most of the look. */
:host[b-xv9m23mgon]  .client-hero-top .avatar-xs { border-radius: 50%; }
:host[b-xv9m23mgon]  .metric-grid { margin-top: var(--spacing-sm); }
:host[b-xv9m23mgon]  .metric-grid .info-panel { min-height: 72px; }
/* /Pages/Builds/Health/Components/Modals/Summary/ActiveClientsPopup.razor.rz.scp.css */
/* /Pages/Builds/Health/Components/Modals/Summary/AvgClientScorePopup.razor.rz.scp.css */
/* /Pages/Builds/Health/Components/Modals/Summary/FlagsPopup.razor.rz.scp.css */
/* /Pages/Builds/Health/Components/Modals/Summary/SessionsTodayPopup.razor.rz.scp.css */
/* /Pages/Builds/Health/Components/Modals/THRZone/THRZonePopup.razor.rz.scp.css */
.tz-root[b-ng8bwx8elx]{ display:grid; gap:var(--spacing-lg); }

/* Header */
.tz-header[b-ng8bwx8elx]{
    display:grid;
    grid-template-columns:1fr auto;
    align-items:end;
    gap:var(--gap-md);
}
.tz-target-label[b-ng8bwx8elx]{ font-size:var(--font-size-sm); opacity:.75; margin-bottom:.25rem; }
.tz-target-value[b-ng8bwx8elx]{ display:flex; align-items:center; gap:.5rem; }
.tz-context[b-ng8bwx8elx]{ margin-top:.25rem; }

.tz-meta[b-ng8bwx8elx]{ display:flex; flex-wrap:wrap; gap:var(--gap-sm); }
.meta-chip[b-ng8bwx8elx]{
    display:grid; align-items:center; grid-auto-flow:column; gap:.5rem;
    padding:.375rem .625rem; border:1px solid var(--color-primary);
    border-radius:var(--radius-md); background:var(--color-surface);
}
.meta-title[b-ng8bwx8elx]{ font-size:var(--font-size-sm); opacity:.75; }

/* Divider */
.tz-divider[b-ng8bwx8elx]{ height:1px; background:var(--color-primary); opacity:.6; }

/* Guidance tiles */
.tz-guidance[b-ng8bwx8elx]{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(220px,1fr));
    gap:var(--gap-sm);
}
.tz-guidance .stat-tile[b-ng8bwx8elx]{ text-align:center; }
.tz-guidance .stat-title[b-ng8bwx8elx]{ font-size:.85rem; opacity:.8; margin-bottom:.25rem; }
.tz-guidance .stat-value[b-ng8bwx8elx]{
    display:inline-flex; align-items:center; gap:.5rem;
    font-weight:var(--font-weight-bold);
}

/* Cards & tables */
.tz-card[b-ng8bwx8elx]{ padding-block:var(--spacing-sm); }
.tz-table tbody tr.is-current td[b-ng8bwx8elx]{ background:var(--color-surface-light); }

/* List spacing */
.list-table.is-hoverable .list-row[b-ng8bwx8elx]{ padding-block:.5rem; }

/* Footer */
.tz-footer[b-ng8bwx8elx]{ display:flex; justify-content:flex-start; padding-top:.25rem; }

/* Modal body breathing room */
:host[b-ng8bwx8elx]  .modal-body{ padding-bottom:var(--spacing-lg); }

/* optional: gentle hover lift for the pill trigger */
:host button.pill:hover[b-ng8bwx8elx],
:host button.pill:focus[b-ng8bwx8elx],
:host button.pill:focus-visible[b-ng8bwx8elx] { transform: translateY(-1px); }
/* /Pages/Builds/Health/Components/Profile/IdentityForm.razor.rz.scp.css */
.chip.is-active[b-jo84s3uz3f]{ color: var(--chip-fg-active, #fff); }

.pfp-uploader[b-jo84s3uz3f]{ display:flex; align-items:center; gap:.75rem; }
.pfp-preview[b-jo84s3uz3f]{
    width:72px; height:72px; border-radius:999px; object-fit:cover;
    border:1px solid var(--color-border-light); background:var(--color-surface);
    display:flex; align-items:center; justify-content:center; font-weight:700; opacity:.85;
}
.pfp-placeholder[b-jo84s3uz3f]{ letter-spacing:.03em; }
.pfp-actions .form-text[b-jo84s3uz3f]{ margin-top:.25rem; }
/* /Pages/Builds/Health/HealthIndex.razor.rz.scp.css */
/* /Pages/Builds/Health/Layout/HealthFooter.razor.rz.scp.css */
.health-footer[b-kcj88i4fde] {
    border-top: 1px solid #ddd;
    padding: 1rem 0;
    font-size: 0.85rem;
    color: #555;
}

.health-footer .container[b-kcj88i4fde] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    text-align: center;
}

.footer-text[b-kcj88i4fde] {
    font-weight: 500;
}

.footer-links[b-kcj88i4fde] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    justify-content: center;
}

.footer-links a[b-kcj88i4fde] {
    color: #336699;
    text-decoration: none;
    transition: color 0.2s ease;
}

.footer-links a:hover[b-kcj88i4fde] {
    color: #003366;
}
/* /Pages/Builds/Health/Layout/HealthHeader.razor.rz.scp.css */
.health-header[b-vtwq3lol7c] {
    background-color: var(--color-primary);
    width: 100%;
    padding: 0.5rem 1rem;
    font-size: 0.75rem;
    position: sticky;
    top: 0;
    z-index: 100;
}

.header-inner[b-vtwq3lol7c] {
    display: flex;
    justify-content: end;
    align-items: center;
    width: 100%;
}

.logo-text[b-vtwq3lol7c] {
    font-size: 1rem;
    font-weight: 700;
    color: #ffffff;
}

.user-info[b-vtwq3lol7c] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.user-name[b-vtwq3lol7c] {
    font-size: 0.75rem;
    font-weight: 400;
    color: #ffffff;
}

.logout-link[b-vtwq3lol7c] {
    font-size: 0.75rem;
    font-weight: 500;
    color: #ffdd57;
    text-decoration: none;
}

.logout-link:hover[b-vtwq3lol7c] {
    color: #ffffff;
}
/* /Pages/Builds/Health/Layout/HealthLayout.razor.rz.scp.css */
/* /Pages/Builds/Health/Onboarding/HealthClientOnboarding.razor.rz.scp.css */
.nav-section[b-xge58tn54z] { }

.nav-heading[b-xge58tn54z]{
    font-weight:700;
    letter-spacing:.03em;
    text-transform:uppercase;
    color:var(--color-primary);
    margin-bottom:.5rem;
    font-size:.9rem;
}

.nav-card[b-xge58tn54z]{
    border:1px solid var(--color-border-light);
    border-radius:var(--radius-md);
    background:var(--color-surface);
    text-decoration:none;
    color:inherit;
    display:flex;
    gap:.75rem;
    align-items:flex-start;
    transition: box-shadow .15s ease, border-color .15s ease, background-color .15s ease;
    margin-bottom:.75rem;
}

.nav-card:hover[b-xge58tn54z]{
    box-shadow:var(--shadow-sm);
    border-color:var(--color-border-default);
    background:var(--color-surface-hover);
}

.nav-icon[b-xge58tn54z]{
    font-size:1.4rem;
    line-height:1;
    width:2rem;
    text-align:center;
    margin-top:.15rem;
}

.nav-title[b-xge58tn54z]{ font-weight:700; }
.nav-sub[b-xge58tn54z]{ font-size:.92rem; }
.nav-cta[b-xge58tn54z]{
    font-weight:700;
    color:var(--color-primary);
    margin-left:auto;
}

/* Post-wizard layout */
.postwizard-hub[b-xge58tn54z]{
    padding-top:.25rem;
}

.hub-hero[b-xge58tn54z]{
    border-bottom: 1px solid var(--color-border-light);
    padding-bottom: .75rem;
}

.hub-right[b-xge58tn54z]{
    display:flex;
    flex-direction:column;
}

/* Video box */
.video-wrap-sm[b-xge58tn54z]{
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    background: var(--color-surface);
    border-radius: var(--radius-md);
    overflow: hidden;
    box-shadow: var(--shadow-xs);
}

@media (min-width: 768px){
    .video-wrap-sm[b-xge58tn54z]{
        max-height: 260px;
    }

    .hub-head[b-xge58tn54z]{
        margin-bottom:.75rem !important;
    }
}

/* Make sure the iframe fills the box */
.video-wrap-sm iframe[b-xge58tn54z]{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* Fallback for older browsers without aspect-ratio */
@supports not (aspect-ratio: 1) {
    .video-wrap-sm[b-xge58tn54z] { padding-top: 56.25%; }
    .video-wrap-sm iframe[b-xge58tn54z] {
        position: absolute;
        top: 0; left: 0;
        width: 100%; height: 100%;
    }
}
/* /Pages/Builds/Health/Onboarding/Wizard/Components/BodyPhotosUpload/BodyPhotosUpload.razor.rz.scp.css */
.bpu[b-6ve3adc26l] { display: grid; gap: var(--gap-md); }

/* shared wrapper */
.bpu-wrap[b-6ve3adc26l]{
    border:1px solid var(--color-border-light);
    border-radius: var(--radius-lg);
    background: var(--color-surface);
    padding: var(--padding-md);
}
.bpu-title[b-6ve3adc26l]{
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.03em;
    color:var(--color-primary);
    margin-bottom:.5rem;
}

/* ===== Profile avatar uploader ===== */
.avatar-wrap[b-6ve3adc26l]{ display:block; }
.avatar-row[b-6ve3adc26l]{ display:flex; align-items:center; gap:1rem; }
.avatar-preview[b-6ve3adc26l]{
    width:120px; height:120px; border-radius:999px; overflow:hidden;
    box-shadow: var(--shadow-sm);
    background: var(--color-bg);
}
.avatar-preview img[b-6ve3adc26l]{ width:100%; height:100%; object-fit:cover; }
.avatar-actions[b-6ve3adc26l]{ display:flex; gap:.5rem; }

.avatar-drop[b-6ve3adc26l]{
    position:relative;
    display:flex; align-items:center; justify-content:flex-start;
    gap:1rem;
    padding:.9rem;
    border-radius: var(--radius-lg);
}
.avatar-drop-inner[b-6ve3adc26l]{ display:flex; align-items:center; gap:1rem; }

/* The circular placeholder and its label act as the “click to upload” target */
.avatar-empty[b-6ve3adc26l]{
    width:96px; height:96px; border-radius:999px;
    display:flex; align-items:center; justify-content:center;
    background:var(--color-bg);
}
.avatar-empty label[b-6ve3adc26l]{
    display:flex; align-items:center; justify-content:center;
    width:100%; height:100%; border-radius:inherit;
    border:1px solid var(--color-primary);
    background: color-mix(in srgb, var(--color-primary-light) 16%, var(--color-bg));
    color: var(--color-primary);
    font-weight:700;
    cursor:pointer; user-select:none;
    transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease, transform .05s ease;
}
.avatar-empty label:hover[b-6ve3adc26l]{
    background: color-mix(in srgb, var(--color-primary-light) 32%, var(--color-bg));
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 16%, transparent);
}
.avatar-empty label:active[b-6ve3adc26l]{ transform: scale(.98); }

.avatar-icon[b-6ve3adc26l]{ font-size:1.35rem; }
.avatar-copy .lead[b-6ve3adc26l]{ font-weight:700; color: var(--color-text-strong); }
.avatar-copy .sub[b-6ve3adc26l]{ font-size:.9rem; color: var(--color-text-muted); }

/* invisible input overlay supports click+drop */
.dz-input[b-6ve3adc26l]{
    position:absolute; inset:0; opacity:0; cursor:pointer;
}

/* ===== Body slots ===== */
.bpu-section[b-6ve3adc26l]{ margin-top: .25rem; }
.bpu-section-title[b-6ve3adc26l]{
    font-weight:700; color: var(--color-text-strong);
    margin: .25rem 0 .5rem;
}

.slot-grid[b-6ve3adc26l]{
    display:grid; gap: .75rem;
    grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 768px){
    .slot-grid[b-6ve3adc26l]{ grid-template-columns: repeat(4, 1fr); }
}

.slot[b-6ve3adc26l]{
    background: var(--color-bg);
    border:1px solid var(--color-border-light);
    border-radius: var(--radius-md);
    padding:.6rem;
    display:flex; flex-direction:column; gap:.5rem;
}
.slot-label[b-6ve3adc26l]{ font-weight:600; color: var(--color-label); }

/* Upload target for empty body slots */
.slot-empty[b-6ve3adc26l]{
    border:1px solid var(--color-border-default);
    border-radius: var(--radius-sm);
    height:180px; display:flex; align-items:center; justify-content:center;
    background: var(--color-bg);
    color: var(--color-primary);
    font-weight:700;
    cursor:pointer; user-select:none;
    transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease, transform .05s ease;
}
.slot-empty:hover[b-6ve3adc26l]{
    border-color: var(--color-primary);
    background: color-mix(in srgb, var(--color-primary-light) 28%, var(--color-bg));
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 12%, transparent);
}
.slot-empty:active[b-6ve3adc26l]{ transform: scale(.995); }

/* Filled slot image */
.slot-img img[b-6ve3adc26l]{
    width:100%; height:180px; object-fit:cover; border-radius: var(--radius-sm);
    border:1px solid var(--color-border-light);
}
.slot-actions[b-6ve3adc26l]{ display:flex; gap:.5rem; }

/* keyboard-accessible focus ring on label-based uploaders */
.slot-empty:focus-within[b-6ve3adc26l],
.avatar-empty label:focus-visible[b-6ve3adc26l]{
    outline: none;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 18%, transparent);
    border-color: var(--color-primary);
}
/* /Pages/Builds/Health/Onboarding/Wizard/Components/FitnessTest/FitnessTest.razor.rz.scp.css */
.ft-grid[b-swzebloz25]{
    display:grid;
    gap:var(--gap-sm);
}

/* base card */
.ft-card[b-swzebloz25]{
    border:1px solid var(--color-border-light);
    border-radius:var(--radius-md);
    background:var(--color-bg);
    overflow:hidden;
    transition:
            border-color .15s ease,
            box-shadow .15s ease,
            background-color .15s ease;
}

/* ACTIVE card highlight */
.ft-card-active[b-swzebloz25]{
    border-color: var(--color-primary);
    background: var(--color-surface-light);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 35%, transparent);
}

.ft-head[b-swzebloz25]{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:.75rem .9rem;
    border-bottom:1px solid var(--color-border-light);
    background:var(--color-surface);
}

.ft-title[b-swzebloz25]{
    color:var(--color-primary);
    font-weight:var(--font-weight-bold);
    font-size:.9rem;
}

.badge-time[b-swzebloz25]{
    background:var(--color-primary);
    color:#fff;
    font-weight:700;
    border-radius:999px;
    padding:.25rem .6rem;
    line-height:1;
    font-variant-numeric: tabular-nums;
}

.ft-body[b-swzebloz25]{
    display:grid;
    grid-template-columns: minmax(240px, 360px) 1fr;
    gap: var(--gap-lg);
    padding:.9rem;
}
@media (max-width: 991.98px){
    .ft-body[b-swzebloz25]{ grid-template-columns:1fr; }
}

.ft-media .ft-video[b-swzebloz25]{
    width:100%;
    aspect-ratio:16/9;
    border:1px solid var(--color-border-light);
    border-radius:var(--radius-sm);
    background:#f8f9fa;
}
.ft-video--ph[b-swzebloz25]{
    display:flex;
    align-items:center;
    justify-content:center;
    color: var(--color-text-muted);
    font-weight:600;
}

.ft-right[b-swzebloz25]{
    display:flex;
    flex-direction:column;
    gap:.75rem;
}
.ft-right.is-locked[b-swzebloz25]{
    opacity:.6;
}

.ft-notes[b-swzebloz25]{
    margin-top:.25rem;
}

.ft-timer--bar[b-swzebloz25]{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:.6rem .9rem;
    min-height:52px;
    border:1px solid var(--color-border-light);
    border-radius:var(--radius-md);
    background:var(--color-secondary);
}
.ft-time[b-swzebloz25]{
    font-weight:800;
    font-variant-numeric: tabular-nums;
    font-size:1.5rem;
    line-height:1;
    color:var(--color-white);
}

/* Labels + inputs */
.form-label-compact[b-swzebloz25]{
    font-size:.85rem;
    font-weight:600;
    color:var(--color-label, #6c757d);
    transition: color .12s ease, opacity .12s ease;
}

/* Base primary-light emphasis for inputs in this component */
.ft-right .form-control[b-swzebloz25]{
    border: 1.5px solid var(--color-primary-light);
    background: color-mix(in srgb, var(--color-primary-light) 24%, #fff);
    transition:
            border-color .15s ease,
            box-shadow .15s ease,
            background-color .15s ease,
            opacity .12s ease,
            filter .12s ease;
}
.ft-right .form-control:focus[b-swzebloz25]{
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 20%, transparent);
    background:var(--color-surface-light);
}

/* Contextual emphasis */
.form-label-compact.is-active[b-swzebloz25]{
    color: var(--color-primary);
}
.form-label-compact.is-muted[b-swzebloz25]{
    color: var(--color-text-muted);
    opacity:.75;
}

.form-control.is-active[b-swzebloz25]{
    border-color: var(--color-primary);
    background:var(--color-surface-light);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 50%, transparent);
    opacity: 1;
    filter: none;
}
.form-control.is-muted[b-swzebloz25]{
    opacity:.7;
    filter: saturate(.85);
    box-shadow:none;
}

/* Slight dim on whole right pane when locked */
.ft-right.is-locked .form-control[b-swzebloz25]{
    filter:saturate(.8) opacity(.7);
}

/* Step layout */
.ft-step[b-swzebloz25]{
    display:flex;
    flex-direction:column;
    gap:.4rem;
}

.ft-step-title[b-swzebloz25]{
    font-weight:700;
    font-size:.85rem;
    letter-spacing:.02em;
    text-transform:uppercase;
    color:var(--color-primary);
}

.ft-step-desc[b-swzebloz25]{
    font-size:.8rem;
    color:var(--color-text-muted);
}

/* Ready panel at the top */
.ft-ready-panel[b-swzebloz25]{
    border: 1px solid var(--color-primary);
    border-radius: var(--radius-lg);
    background: linear-gradient(
            135deg,
            color-mix(in srgb, var(--color-secondary-light) 70%, #fff),
            color-mix(in srgb, var(--color-primary-light) 70%, #fff)
    );
    padding: .85rem 1rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .75rem;
    box-shadow: var(--shadow-sm);
}

.ft-ready-title[b-swzebloz25]{
    font-weight: 700;
    font-size: .85rem;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: var(--color-primary-dark);
    margin-bottom: .25rem;
}

.ft-ready-text[b-swzebloz25]{
    font-size: .85rem;
    color: var(--color-text-strong);
}

.ft-small-text[b-swzebloz25]{
    font-size: .75rem;
    color: var(--color-primary-light);
}

/* Actions column in banner */
.ft-ready-actions[b-swzebloz25]{
    display: flex;
    flex-direction: column;
    gap: .35rem;
    align-items: flex-end;
}

/* Button tuning inside banner */
.ft-ready-panel .btn-primary[b-swzebloz25]{
    background: var(--color-primary);
    border-color: var(--color-primary-dark);
}

.ft-ready-panel .btn-primary:hover[b-swzebloz25]{
    background: var(--color-primary-dark);
    border-color: var(--color-primary-dark);
}

.ft-ready-panel .btn-ghost[b-swzebloz25]{
    color: var(--color-secondary-dark);
    border-color: transparent;
    background: color-mix(in srgb, var(--color-secondary-light) 25%, transparent);
}

.ft-ready-panel .btn-ghost:hover[b-swzebloz25]{
    background: color-mix(in srgb, var(--color-secondary-light) 45%, transparent);
    color: var(--color-primary-dark);
}

/* Mobile: stack actions under text */
@media (max-width: 575.98px){
    .ft-ready-panel[b-swzebloz25]{
        flex-direction: column;
        align-items: stretch;
    }
    .ft-ready-actions[b-swzebloz25]{
        align-items: flex-start;
    }
}

/* Subtle inline restart link (still used near fields) */
.ft-restart-link[b-swzebloz25]{
    border: none;
    padding: 0;
    background: none;
    font-size: .8rem;
    color: var(--color-primary);
    text-decoration: underline dotted;
    cursor: pointer;
}

.ft-restart-link:hover[b-swzebloz25]{
    color: var(--color-primary-dark);
    text-decoration: underline;
}

/* /Pages/Builds/Health/Onboarding/Wizard/Components/GoalsPreferences/GoalsPreferences.razor.rz.scp.css */
.gp[b-9vq2p7vb0h] {
    max-width: 100%;
    overflow-x: hidden; /* safety net for mobile */
}

.gp-grid[b-9vq2p7vb0h] {
    display: flex;
    flex-direction: column;
    gap: var(--gap-md);
}

/* On md+ we can go to two columns, but cards still respect padding */
@media (min-width: 992px) {
    .gp-grid[b-9vq2p7vb0h] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: flex-start;
    }
}

.gp-span-2[b-9vq2p7vb0h] {
    grid-column: 1 / -1;
}

.gp-card[b-9vq2p7vb0h] {
    background: var(--color-bg);
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-lg);
    padding: var(--padding-md);
}

.gp-head[b-9vq2p7vb0h] {
    margin-bottom: .75rem;
}

.gp-title[b-9vq2p7vb0h] {
    font-weight: 700;
    letter-spacing: .03em;
    color: var(--color-primary);
    margin-bottom: .25rem;
}

.gp-sub[b-9vq2p7vb0h] {
    font-size: .9rem;
    color: var(--color-text-muted);
}

/* Options grid */

.gp-options[b-9vq2p7vb0h] {
    display: grid;
    gap: .6rem;
}

/* 2-up on tablet/desktop, 1-up on small screens */
.gp-options-2[b-9vq2p7vb0h] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 576px) {
    .gp-options-2[b-9vq2p7vb0h] {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Option tile */

.gp-option[b-9vq2p7vb0h] {
    width: 100%;
    border-radius: var(--radius-md);
    border: 1px solid var(--color-border-light);
    background: var(--color-surface);
    color: var(--color-text-muted);
    padding: .75rem .75rem;
    text-align: center;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: normal;          /* allow wrapping */
}

.gp-option-sm[b-9vq2p7vb0h] {
    padding: .55rem .6rem;
    font-size: .9rem;
}

.gp-option.is-active[b-9vq2p7vb0h] {
    border-color: var(--color-primary);
    background: #e7f1ff;
    color: var(--color-primary);
}

/* Other text area */

.gp-other textarea[b-9vq2p7vb0h] {
    min-height: 60px;
}

/* Tighten on very small screens */
@media (max-width: 576px) {
    .gp-card[b-9vq2p7vb0h] {
        border-radius: var(--radius-md);
        padding: .85rem .85rem .95rem;
    }

    .gp-title[b-9vq2p7vb0h] {
        font-size: 1rem;
    }
}
/* /Pages/Builds/Health/Onboarding/Wizard/Components/HealthEvaluation/QuickHealthEval.razor.rz.scp.css */
.qhe-grid[b-b56568s7ho] {
    display: grid;
    gap: var(--gap-md);
}

@media (min-width: 768px) {
    .qhe-grid[b-b56568s7ho] {
        grid-template-columns: 1fr 1fr;
    }
}

/* Cards */
.qhe-card[b-b56568s7ho] {
    background: var(--color-bg);
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-lg);
    padding: var(--padding-md);
    max-width: 100%;
}

.qhe-head[b-b56568s7ho] {
    font-weight: 700;
    letter-spacing: .03em;
    color: var(--color-primary);
    margin-bottom: .5rem;
}

.qhe-help[b-b56568s7ho] {
    font-size: .7rem;
    color: var(--color-text-muted);
}

.form-label-compact[b-b56568s7ho] {
    font-size: .85rem;
    font-weight: 600;
    color: var(--color-label);
}

/* Chips (gender / environment / equipment) */
.qhe-chips[b-b56568s7ho] {
    display: grid;
    gap: .6rem;
}

.qhe-chips.equal-3[b-b56568s7ho] {
    grid-template-columns: repeat(3, 1fr);
}

.qhe-chips > .chip[b-b56568s7ho] {
    width: 100%;
    justify-content: center;
}

.qhe .form-control[b-b56568s7ho] {
    min-height: 38px;
}

/* ---------------------------------
   Self-Ratings (sliders + ticks)
   --------------------------------- */

.qhe-ratings[b-b56568s7ho] {
    row-gap: .75rem;
}

.qhe-range[b-b56568s7ho] {
    width: 100%;
    margin-top: .15rem;
}

/* small value badge at the right of each label */
.qhe-badge[b-b56568s7ho] {
    display: inline-block;
    min-width: 1.75rem;
    text-align: center;
    font-weight: 700;
    color: var(--color-primary);
    font-variant-numeric: tabular-nums;
}

/* tick labels under the slider */
.qhe-ticks[b-b56568s7ho] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .15rem;
    font-size: .75rem;
    color: var(--color-text-muted);
    margin-top: .05rem;
}

.qhe-ticks span[b-b56568s7ho] {
    flex: 1 1 0;
    text-align: center;
    white-space: nowrap;      /* prevent wrapping like “1 0” for 10 */
    line-height: 1.1;
}

/* base track + thumb */
.qhe-range[b-b56568s7ho]::-webkit-slider-runnable-track {
    height: 6px;
    border-radius: 999px;
    background: var(--color-border-light);
}

.qhe-range[b-b56568s7ho]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: var(--color-primary);
    margin-top: -5px;
}

.qhe-range[b-b56568s7ho]::-moz-range-track {
    height: 6px;
    border-radius: 999px;
    background: var(--color-border-light);
}

.qhe-range[b-b56568s7ho]::-moz-range-thumb {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: var(--color-primary);
    border: none;
}

/* subtle filled-track effect */
.qhe-range[b-b56568s7ho] {
    background: linear-gradient(var(--color-primary), var(--color-primary)) 0/0% 6px no-repeat,
    var(--color-border-light);
    border-radius: 999px;
}

/* ---------------------------------
   Mobile tightening
   --------------------------------- */

@media (max-width: 576px) {
    .qhe-card[b-b56568s7ho] {
        border-radius: var(--radius-md);
        padding: .8rem .8rem .9rem;
    }

    .qhe-ratings[b-b56568s7ho] {
        row-gap: .5rem;
    }

    .qhe-range[b-b56568s7ho] {
        margin-top: .1rem;
    }

    .qhe-ticks[b-b56568s7ho] {
        font-size: .7rem;
        margin-top: 0;
    }
}
/* /Pages/Builds/Health/Onboarding/Wizard/Components/MealPlan/MealPlanSelector.razor.rz.scp.css */
.mp[b-pbl9rjxs40] {
    max-width: 100%;
}

/* Provider row */
.mp-provider-grid[b-pbl9rjxs40] {
    margin-bottom: .25rem;
}

.chip-grid[b-pbl9rjxs40] {
    display: grid;
    gap: .75rem;
}

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

@media (min-width: 576px) {
    .chip-grid.equal-2[b-pbl9rjxs40] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Provider tiles */
.mp-chip[b-pbl9rjxs40] {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    padding: .75rem .9rem;
    gap: .75rem;
}

.mp-chip-main[b-pbl9rjxs40] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    min-width: 0;
}

.mp-chip-title[b-pbl9rjxs40] {
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mp-chip-sub[b-pbl9rjxs40] {
    font-size: .8rem;
    color: var(--color-surface-secondary);
}

/* Right-side pill */
.mp-badge[b-pbl9rjxs40] {
    font-size: .7rem;
    padding: .15rem .45rem;
    border-radius: 999px;
    border: 1px solid var(--color-border-light);
    white-space: nowrap;
}

.mp-badge-soon[b-pbl9rjxs40] {
    border-style: dashed;
}

/* Disabled / future provider */
.is-disabled[b-pbl9rjxs40] {
    opacity: .55;
    cursor: not-allowed;
}

/* Info panel */
.mp-panel[b-pbl9rjxs40] {
    border-radius: var(--radius-lg);
    border: 1px solid var(--color-border-light);
    background: var(--color-bg);
    padding: 1rem 1rem 1.05rem;
}

.mp-panel-head[b-pbl9rjxs40] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    margin-bottom: .75rem;
}

/* Two-column layout for ABS preview */
.mp-layout[b-pbl9rjxs40] {
    display: grid;
    gap: 1rem;
}

@media (min-width: 768px) {
    .mp-layout[b-pbl9rjxs40] {
        grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    }
}

.mp-label[b-pbl9rjxs40] {
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--color-label);
    margin-bottom: .35rem;
}

.mp-week-grid[b-pbl9rjxs40] {
    display: grid;
    gap: .5rem;
}

.mp-week-card[b-pbl9rjxs40] {
    border-radius: var(--radius-md);
    border: 1px solid var(--color-border-light);
    padding: .6rem .7rem;
    background: var(--color-surface);
}

.mp-week-days[b-pbl9rjxs40] {
    font-size: .8rem;
    font-weight: 600;
    margin-bottom: .15rem;
}

.mp-week-main[b-pbl9rjxs40] {
    font-size: .82rem;
}

.mp-week-footnote[b-pbl9rjxs40] {
    margin-top: .4rem;
    font-size: .78rem;
}

/* Rules list */
.mp-rules[b-pbl9rjxs40] {
    font-size: .85rem;
}

.mp-list[b-pbl9rjxs40] {
    margin: .2rem 0 0;
    padding-left: 1.1rem;
    font-size: .85rem;
}

.mp-list li + li[b-pbl9rjxs40] {
    margin-top: .2rem;
}
/* /Pages/Builds/Health/Onboarding/Wizard/Components/OnboardingReport/OnboardingReport.razor.rz.scp.css */
/* =========================================================
   Onboarding Report — chip harmony + alignment (primary)
   ========================================================= */
:host[b-r4s53asjr1] { display:block; }

/* Outer card */
.card[b-r4s53asjr1]{
    border:1px solid var(--color-border-light);
    border-radius: var(--radius-lg, 16px);
    background: var(--color-bg);
    box-shadow: var(--shadow-md);
}

/* Section header */
.section-header[b-r4s53asjr1]{
    color: var(--color-primary);
    font-weight: var(--font-weight-bold, 800);
    letter-spacing:.01em;
    margin-bottom: var(--spacing-sm, .75rem);
}

/* Grid rhythm */
.review-grid[b-r4s53asjr1]{ row-gap: var(--spacing-md, 1rem); }
.review-grid > [class*="col-"][b-r4s53asjr1]{ padding-top:.25rem; }

/* Tile */
.card-panel.review-tile[b-r4s53asjr1]{
    border:1px solid var(--color-border-light);
    border-radius: var(--radius-card, 14px);
    background:var(--color-surface);
    box-shadow: var(--shadow-sm);
    overflow:hidden;
}
.review-head[b-r4s53asjr1]{
    display:flex; align-items:center; justify-content:space-between;
    padding:.5rem;
}
.review-head .label-sm[b-r4s53asjr1]{
    text-transform:uppercase; letter-spacing:.08em; color: var(--color-label);
}
.review-body[b-r4s53asjr1]{ padding: var(--padding-md, 1rem); background: var(--color-bg); }

/* Key–value grid */
.kv-list[b-r4s53asjr1]{ list-style:none; padding:0; margin:.25rem 0 0; display:grid; row-gap:.35rem; }
.kv-list li[b-r4s53asjr1],
.kv-row[b-r4s53asjr1]{
    display:grid;
    grid-template-columns: minmax(120px, 40%) auto;
    align-items:center;
    column-gap: var(--gap-md, .9rem);
    padding:.45rem 0;
    border-bottom:1px dotted color-mix(in srgb, var(--color-border-light) 65%, transparent);
}
.kv-list li:last-child[b-r4s53asjr1],
.kv-row:last-child[b-r4s53asjr1]{ border-bottom:0; }
.kv-key[b-r4s53asjr1]{ color:var(--color-label); font-weight: var(--font-weight-bold); }

/* Lead chips (right-column single values) */
.kv-val[b-r4s53asjr1]{
    justify-self:end;
    display:inline-flex; align-items:center; justify-content:center;
    gap:.35rem;
    padding:.35rem .6rem;
    min-height:1.55rem;
    border-radius: var(--radius-md);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    line-height:1.1;

    /* default to primary look (in case chip-primary class isn't present) */
    background: var(--color-primary-light);
    color: var(--color-primary);
    border: 1px solid var(--color-primary);
    box-shadow:none;

    max-width:100%;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    text-align:right;
    font-variant-numeric: tabular-nums;

    margin-top:1px; margin-bottom:1px;
}

/* Multi-value (Equipment) — right-aligned primary chips */
.kv-val.kv-chipset[b-r4s53asjr1]{
    display:flex; flex-wrap:wrap; gap:.35rem .4rem;
    align-items:center; justify-content:flex-end;
    background:transparent; border:0; padding:0; min-height:unset;
}
.kv-val.kv-chipset .chip[b-r4s53asjr1]{
    pointer-events:none; transition:none;
    border-radius: var(--radius-md);
    padding:.35rem .6rem; min-height:1.55rem;
    font-size: var(--font-size-sm); font-weight: var(--font-weight-medium); line-height:1.1;
}

/* Self Ratings chip group — make tiles uniform width */
.kv-chipset-left[b-r4s53asjr1]{
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap:.45rem .55rem;
    align-items:stretch;
    margin-top:.2rem;
}
.kv-chipset-left .chip[b-r4s53asjr1]{
    pointer-events:none;
    transition:none;
    border-radius: var(--radius-md);
    padding:.35rem .6rem;
    min-height:2.2rem;
    font-size: calc(var(--font-size-sm) * .95);
    font-weight: var(--font-weight-medium);
    line-height:1.1;
    width:100%;
    justify-content:center;
    text-align:center;
}

/* Make all chips on this report non-interactive */
.chip-static[b-r4s53asjr1]{ pointer-events:none; transition:none; }

/* Fitness table (kept for dev dump / future use) */
.table-responsive[b-r4s53asjr1]{
    border:1px solid var(--color-border-light);
    border-radius: var(--radius-md, 12px);
    overflow:hidden;
    margin-top:.35rem;
}
.table-sm[b-r4s53asjr1]{ width:100%; border-collapse:separate; border-spacing:0; }
.table-sm thead th[b-r4s53asjr1]{
    background: color-mix(in srgb, var(--color-primary-light) 10%, var(--color-bg));
    color: var(--color-label);
    font-size: var(--font-size-sm, .8rem);
    white-space:nowrap;
    padding:.55rem .6rem;
    border-bottom:1px solid var(--color-border-light);
}
.table-sm tbody td[b-r4s53asjr1]{
    font-size:.92rem;
    padding:.5rem .6rem;
    border-top:1px solid var(--color-border-light);
}
.table-sm tbody tr:nth-child(odd) td[b-r4s53asjr1]{
    background: color-mix(in srgb, var(--color-surface-light) 60%, var(--color-white));
}

/* =========================================================
   Health Snapshot — Current Health Score tile
   ========================================================= */

.hs-grid[b-r4s53asjr1] {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
    gap: var(--gap-lg, 1.25rem);
    align-items: stretch;
}

@media (max-width: 768px) {
    .hs-grid[b-r4s53asjr1] {
        grid-template-columns: 1fr;
    }
}

/* Gauge block */
.hs-gauge[b-r4s53asjr1] {
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-lg);
    padding: 1rem 1.25rem 1.1rem;
    background: var(--color-bg);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.hs-label[b-r4s53asjr1] {
    font-weight: 700;
    font-size: .95rem;
    margin-bottom: .65rem;
    color: var(--color-label);
}

/* Simple half-circle meter with score text */
.hs-meter[b-r4s53asjr1] {
    width: 160px;
    max-width: 100%;
    height: 80px;
    border-radius: 160px 160px 0 0;
    border: 10px solid var(--color-primary-light);
    border-bottom: none;
    position: relative;
    overflow: hidden;
    background: linear-gradient(
            to right,
            color-mix(in srgb, var(--color-primary) 90%, transparent) 0%,
            var(--color-primary-light) 55%,
            color-mix(in srgb, var(--color-border-light) 80%, transparent) 100%
    );
}

.hs-score[b-r4s53asjr1] {
    position: absolute;
    inset: auto 0 0 0;
    bottom: 10px;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 800;
    color: var(--color-primary);
    font-variant-numeric: tabular-nums;
}

/* Right-hand stat cards */
.hs-stats[b-r4s53asjr1] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.hs-stat-card[b-r4s53asjr1] {
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-md);
    padding: .7rem .9rem;
    background: var(--color-bg);
    display: flex;
    flex-direction: column;
    gap: .2rem;
}

.hs-stat-value[b-r4s53asjr1] {
    font-weight: 700;
    font-size: 1rem;
    color: var(--color-primary);
}

/* =========================================================
   Quick Health — Client Hero panel
   ========================================================= */

.qh-hero[b-r4s53asjr1] {
    display: flex;
    flex-direction: column;
    gap: .85rem;
}

/* Top row: title + primary body metrics */
.qh-top[b-r4s53asjr1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.qh-title[b-r4s53asjr1] {
    font-weight: 700;
    font-size: 1rem;
    letter-spacing: .01em;
}

.qh-sub[b-r4s53asjr1] {
    font-size: .9rem;
}

/* Primary pills (Height / Weight / BMI) */
.qh-primary-pills[b-r4s53asjr1] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem .4rem;
    justify-content: flex-end;
}

.qh-pill[b-r4s53asjr1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .32rem .6rem;
    min-height: 1.4rem;
    border-radius: var(--radius-md);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    font-variant-numeric: tabular-nums;

    background: var(--color-primary-light);
    color: var(--color-primary);
    border: 1px solid var(--color-primary);
}

/* Middle metrics row */
.qh-metrics[b-r4s53asjr1] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem 1.2rem;
    margin-top: .15rem;
}

.qh-metric[b-r4s53asjr1] {
    min-width: 140px;
}

.qh-key[b-r4s53asjr1] {
    font-size: .78rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--color-label);
    margin-bottom: .1rem;
}

.qh-value[b-r4s53asjr1] {
    font-weight: 600;
    font-size: .95rem;
    color: var(--color-primary);
}

/* Self ratings spacing inside hero */
.qh-self[b-r4s53asjr1] {
    margin-top: .35rem;
}

/* Responsive tweaks */
@media (max-width: 992px){
    .review-body[b-r4s53asjr1]{ padding:.9rem; }
    .kv-list li[b-r4s53asjr1], .kv-row[b-r4s53asjr1]{ grid-template-columns: minmax(110px, 46%) auto; }
}
@media (max-width: 768px) {
    .hs-grid[b-r4s53asjr1] {
        grid-template-columns: 1fr;
    }
    .qh-top[b-r4s53asjr1] {
        flex-direction: column;
        align-items: flex-start;
    }
    .qh-primary-pills[b-r4s53asjr1] {
        justify-content: flex-start;
    }
}
@media (max-width: 576px){
    .card[b-r4s53asjr1]{ border-radius: var(--radius-md); }
    .review-head[b-r4s53asjr1]{ padding:.55rem .75rem; }
    .review-body[b-r4s53asjr1]{ padding:.75rem; }
    .kv-list li[b-r4s53asjr1], .kv-row[b-r4s53asjr1]{ grid-template-columns: 1fr auto; }
    .kv-val[b-r4s53asjr1]{ padding:.32rem .52rem; min-height:1.45rem; }
}
/* /Pages/Builds/Health/Onboarding/Wizard/Components/Program/ProgramSetup.razor.rz.scp.css */
.ps[b-2btptw1dnw] {
    max-width: 100%;
    overflow-x: hidden;
}

.chip-grid[b-2btptw1dnw] {
    display: grid;
    gap: .6rem .6rem;
    align-items: stretch;
}

.chip-grid > .chip[b-2btptw1dnw] {
    width: 100%;
    justify-content: center;
}

.chip-sm[b-2btptw1dnw] {
    padding: .35rem .6rem;
    font-size: .92rem;
}

.chip-grid.days-7[b-2btptw1dnw] {
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: .45rem;
}

.chip-grid.days-7 .chip[b-2btptw1dnw] {
    padding: .38rem .45rem;
    font-size: .92rem;
}

.chip-grid.equal-4[b-2btptw1dnw] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (min-width: 576px) {
    .chip-grid.equal-4[b-2btptw1dnw] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

/* Simple section wrapper to keep spacing consistent */
.ps-section[b-2btptw1dnw] {
    max-width: 100%;
}

/* Optional “disabled” visual for cardio days that conflict with weight days */
.is-disabled[b-2btptw1dnw] {
    opacity: .45;
    cursor: not-allowed;
}
/* /Pages/Builds/Health/Onboarding/Wizard/Components/WellnessHistory/WellnessHistory.razor.rz.scp.css */
.wh[b-7n17p9k9w1] {
    max-width: 100%;
    overflow-x: hidden; /* safety against horizontal bleed */
}

.wh-grid[b-7n17p9k9w1] {
    display: flex;
    flex-direction: column;
    gap: var(--gap-md);
}

@media (min-width: 992px) {
    .wh-grid[b-7n17p9k9w1] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: flex-start;
    }
}

.wh-span-2[b-7n17p9k9w1] {
    grid-column: 1 / -1;
}

.wh-card[b-7n17p9k9w1] {
    background: var(--color-bg);
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-lg);
    padding: var(--padding-md);
}

.wh-head[b-7n17p9k9w1] {
    margin-bottom: .5rem;
}

.wh-title[b-7n17p9k9w1] {
    font-weight: 700;
    letter-spacing: .03em;
    color: var(--color-primary);
}

/* Question blocks */
.wh-block[b-7n17p9k9w1] {
    margin-top: .75rem;
    display: flex;
    flex-direction: column;
    gap: .4rem;
}

.wh-followup textarea[b-7n17p9k9w1] {
    min-height: 60px;
}

/* Options grid (mirrors GoalsPreferences) */

.wh-options[b-7n17p9k9w1] {
    display: grid;
    gap: .6rem;
}

.wh-options-2[b-7n17p9k9w1] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.wh-options-3[b-7n17p9k9w1] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* Collapse to single-column tiles on small screens */
@media (max-width: 576px) {
    .wh-options-2[b-7n17p9k9w1] {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Tile buttons */

.wh-option[b-7n17p9k9w1] {
    width: 100%;
    border-radius: var(--radius-md);
    border: 1px solid var(--color-border-light);
    background: var(--color-surface);
    color: var(--color-text-muted);
    padding: .6rem .75rem;
    text-align: center;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: normal; /* allow wrapping */
}

.wh-option-sm[b-7n17p9k9w1] {
    padding: .45rem .55rem;
    font-size: .9rem;
}

.wh-option.is-active[b-7n17p9k9w1] {
    border-color: var(--color-primary);
    background: #e7f1ff;
    color: var(--color-primary);
}

/* Existing-condition tag chips reuse global .chip styles */
.wh-tags[b-7n17p9k9w1] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}

/* Tighten cards on very small screens */
@media (max-width: 576px) {
    .wh-card[b-7n17p9k9w1] {
        padding: .85rem .85rem .95rem;
        border-radius: var(--radius-md);
    }
}
/* /Pages/Builds/Health/Onboarding/Wizard/HealthClientOnboardingWizard.razor.rz.scp.css */
.onboarding-wizard .progress-line[b-ndar97vf7r]{
    display:flex;
    align-items:baseline;
    gap:.25rem;
    font-weight:600;
}

.onboarding-wizard .progress-line .kv[b-ndar97vf7r]{
    font-variant-numeric: tabular-nums;
}

.onboarding-wizard .progress-line .slash[b-ndar97vf7r]{
    opacity:.6;
}

.progress[b-ndar97vf7r]{
    height:6px;
    background:var(--color-border-light);
}

.progress .progress-bar[b-ndar97vf7r]{
    background: var(--color-primary);
}

.review-tile[b-ndar97vf7r]{
    padding: var(--padding-md);
    border-radius: var(--radius-card);
    display:grid;
    grid-template-rows:auto 1fr;
    gap: var(--gap-sm);
}

.review-body[b-ndar97vf7r]{
    background:var(--color-surface);
    border:1px solid var(--color-border-light);
    border-radius:var(--radius-card);
    padding:.9rem;
}

.kv-list[b-ndar97vf7r]{
    list-style:none;
    padding:0;
    margin:.5rem 0 0;
    display:grid;
    row-gap:.35rem;
}

.kv-row[b-ndar97vf7r]{
    display:grid;
    grid-template-columns:1fr auto;
    align-items:baseline;
    column-gap: var(--gap-sm);
}

.kv-key[b-ndar97vf7r]{
    font-weight: var(--font-weight-bold);
    color: var(--color-label);
}

.kv-val[b-ndar97vf7r]{
    color: var(--color-text-strong);
}

.pill-line[b-ndar97vf7r]{
    display:flex;
    flex-wrap:wrap;
    gap:.4rem;
}
/* /Pages/Builds/Health/Trainer/Account/HealthTrainerAccount.razor.rz.scp.css */
/* HealthTrainerAccount.razor.css */

.trainer-avatar[b-fnyajmnrz0]{
    width: 80px; height: 80px; border-radius: 50%;
    object-fit: cover; border: 2px solid var(--color-primary);
}

.profile-name-link[b-fnyajmnrz0]{
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-bold);
    color: var(--color-text-strong);
    text-decoration: none;
}
.profile-name-link:hover[b-fnyajmnrz0]{ color: var(--color-primary); text-decoration: underline; }

/* two-up micro tiles under each card header */
.field-grid[b-fnyajmnrz0]{
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: var(--gap-sm);
}
@media (max-width: 575.98px){
    .field-grid[b-fnyajmnrz0]{ grid-template-columns: 1fr; }
}

/* align actions on small screens */
.card-actions .btn[b-fnyajmnrz0]{ width: 100%; }
@media (min-width: 576px){
    .card-actions .btn[b-fnyajmnrz0]{ width: auto; }
}

/* 2-up responsive button row */
.btn-row-2[b-fnyajmnrz0]{
    display: grid;
    grid-template-columns: 1fr;               /* stack on mobile */
    gap: var(--gap-sm);
}
@media (min-width: 576px){
    .btn-row-2[b-fnyajmnrz0]{ grid-template-columns: 1fr 1fr; }  /* 50/50 from sm+ */
}
.btn-row-2 > .btn[b-fnyajmnrz0]{ width: 100%; }
/* /Pages/Builds/Health/Trainer/Account/Profile/HealthTrainerAccountProfile.razor.rz.scp.css */
/* ===== Client Profile — mirrors trainer profile ===== */
.profile-hero[b-ub8zywiygq]{
    display:grid;
    grid-template-columns:auto 1fr auto;
    gap: var(--gap-md);
    align-items:start;
}
@media (max-width: 991.98px){
    .profile-hero[b-ub8zywiygq]{
        grid-template-columns:auto 1fr;
        grid-template-areas:
      "pfp main"
      "ctas ctas";
    }
    .pfp[b-ub8zywiygq]{ grid-area:pfp; }
    .profile-main[b-ub8zywiygq]{ grid-area:main; }
    .profile-ctas[b-ub8zywiygq]{ grid-area:ctas; }
}

.trainer-avatar[b-ub8zywiygq]{ width:96px; height:96px; border-radius:50%; object-fit:cover; border:2px solid var(--color-primary); display:block; }
.pfp-wrapper[b-ub8zywiygq]{ position:relative; width:96px; height:96px; }
.pfp-overlay[b-ub8zywiygq]{
    all:unset; position:absolute; inset:0; display:grid; place-items:center; border-radius:50%;
    background: color-mix(in srgb, var(--color-primary) 22%, transparent); color:#fff;
    font-size: var(--font-size-xs); font-weight: var(--font-weight-bold); opacity:0; cursor:pointer;
    transition: opacity var(--transition-fast);
}
.pfp-wrapper:hover .pfp-overlay[b-ub8zywiygq], .pfp-wrapper:focus-within .pfp-overlay[b-ub8zywiygq]{ opacity:1; }

.profile-bio[b-ub8zywiygq]{ line-height:1.6; max-width:72ch; }

.field-grid[b-ub8zywiygq]{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap: var(--gap-sm); }
@media (max-width:575.98px){ .field-grid[b-ub8zywiygq]{ grid-template-columns:1fr; } }

.profile-ctas .cta-pair[b-ub8zywiygq]{ display:grid; grid-template-columns:1fr 1fr; gap: var(--gap-sm); }
@media (max-width:575.98px){ .profile-ctas .cta-pair[b-ub8zywiygq]{ grid-template-columns:1fr; } }

/* Lists */
.list[b-ub8zywiygq]{ list-style:none; padding:0; margin:0; }
.list-striped .list-item[b-ub8zywiygq]{ padding:.6rem .8rem; border-top:1px solid var(--color-border-light); }
.list-striped .list-item:first-child[b-ub8zywiygq]{ border-top:none; }

/* Program modal */
.program-modal[b-ub8zywiygq]{ width:min(960px, 96vw); }
.form-section[b-ub8zywiygq]{ padding-block:10px; }
.form-section + .form-section[b-ub8zywiygq]{ margin-top:8px; padding-top:14px; border-top:1px solid rgba(232,237,245,.9); }

/* Choice chips – same system you liked */
.chip[b-ub8zywiygq]{ display:inline-flex; align-items:center; justify-content:center; gap:.45rem; padding:.40rem .85rem; border-radius:999px;
    border:1.5px solid #d9e3f2; background:#fff; color:#1f2a37; line-height:1.05; font-size:.93rem; font-weight:500;
    transition: background .12s, border-color .12s, color .12s, box-shadow .12s;
}
.chip:hover[b-ub8zywiygq]{ border-color:#c6d6ef; background:#f7faff; }
.chip.is-active[b-ub8zywiygq]{ background:#EAF3FF; border-color:#2E6FED; color:#113B8E; box-shadow: inset 0 0 0 1px rgba(46,111,237,.08); }
.chip-sm[b-ub8zywiygq]{ padding:.30rem .65rem; font-size:.88rem; }
.chip-lg[b-ub8zywiygq]{ padding:.48rem .95rem; font-size:.92rem; }
.chip-group[b-ub8zywiygq]{ display:flex; flex-wrap:wrap; gap:.48rem .55rem; }

.week-grid[b-ub8zywiygq]{ display:grid; gap:.55rem; grid-template-columns:repeat(7, minmax(0,1fr)); }
@media (max-width:1200px){ .week-grid[b-ub8zywiygq]{ grid-template-columns:repeat(5,1fr); } }
@media (max-width:992px){ .week-grid[b-ub8zywiygq]{ grid-template-columns:repeat(4,1fr); } }
@media (max-width:680px){ .week-grid[b-ub8zywiygq]{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:420px){ .week-grid[b-ub8zywiygq]{ grid-template-columns:repeat(2,1fr); } }
.day-chip[b-ub8zywiygq]{ height:40px; }

.focus-grid[b-ub8zywiygq]{ display:grid; gap:.55rem; grid-template-columns:repeat(auto-fit, minmax(170px,1fr)); }
@media (max-width:480px){ .focus-grid[b-ub8zywiygq]{ grid-template-columns:repeat(2,1fr); } }

.daytime-grid[b-ub8zywiygq]{ display:grid; grid-template-columns:repeat(auto-fit, minmax(140px,1fr)); gap:.6rem; }
.daytime-item .label-sm[b-ub8zywiygq]{ margin-bottom:.25rem; }

.assign-actions[b-ub8zywiygq]{ row-gap:.6rem; }
@media (max-width:680px){
    .assign-actions .ms-auto[b-ub8zywiygq]{ margin-left:0 !important; width:100%; display:grid; grid-template-columns:1fr 1fr; gap:10px; }
    .assign-actions .ms-auto .btn[b-ub8zywiygq]{ width:100%; min-height:48px; justify-content:center; }
}

/* Schedule modal grid */
.schedule-modal[b-ub8zywiygq]{ width:min(820px, 95vw); }
.schedule-grid-head[b-ub8zywiygq]{ display:grid; grid-template-columns:40px 1fr 1fr 90px; gap:.5rem; padding:.25rem 0; color:var(--color-text-muted); }
.schedule-grid-body .schedule-row[b-ub8zywiygq]{ display:grid; grid-template-columns:40px 1fr 1fr 90px; gap:.5rem; align-items:center; padding:.35rem 0; border-top:1px solid var(--color-border-light); }
.schedule-grid-body .schedule-row:first-child[b-ub8zywiygq]{ border-top:none; }

/* Modal shell (reuses your global tokens) */
.modal-backdrop[b-ub8zywiygq]{ position:fixed; inset:0; background:rgba(0,0,0,.35); z-index:1050; }
.modal-card[b-ub8zywiygq]{ position:fixed; z-index:1060; inset:50% auto auto 50%; transform:translate(-50%,-50%); background:#fff; border-radius:16px; width:min(560px,92vw); box-shadow:0 12px 32px rgba(0,0,0,.2); }
.modal-head[b-ub8zywiygq], .modal-foot[b-ub8zywiygq]{ display:flex; align-items:center; justify-content:space-between; padding:16px 20px; }
.modal-body[b-ub8zywiygq]{ padding:0 20px 16px 20px; max-height:min(72vh, 720px); overflow:auto; }
/* /Pages/Builds/Health/Trainer/Account/Settings/HealthTrainerAccountSettings.razor.rz.scp.css */
.trainer-settings-container[b-nqvkawduti] {
    padding: 2rem;
}

.page-header[b-nqvkawduti] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #003366;
    margin-bottom: 1.5rem;
}

.section-header[b-nqvkawduti] {
    font-size: 0.75rem;
    color: #1565c0;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 1rem;
}

.card-panel[b-nqvkawduti] {
    background-color: #fff;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.stat-label[b-nqvkawduti] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #6c757d;
    text-transform: uppercase;
    display: block;
    margin-bottom: 0.3rem;
}

.form-select[b-nqvkawduti] {
    font-size: 0.9rem;
    padding: 0.45rem 0.75rem;
    border-radius: 6px;
    border: 1px solid #ccc;
}

.btn-sm[b-nqvkawduti] {
    font-size: 0.85rem;
    padding: 0.45rem 1rem;
    font-weight: 600;
}

@media (max-width: 768px) {
    .btn-sm[b-nqvkawduti] {
        width: 100%;
    }
}

.form-check-input[b-nqvkawduti] {
    margin-right: 0.5rem;
}

.form-check-label[b-nqvkawduti] {
    font-size: 0.85rem;
    color: #003366;
    font-weight: 600;
}

.card-panel .form-check[b-nqvkawduti] {
    margin-bottom: 0.75rem;
}

.card-panel select.form-select[b-nqvkawduti] {
    background-color: #fff;
    font-size: 0.9rem;
}
/* /Pages/Builds/Health/Trainer/Clients/Biometrics/HealthTrainerClientBiometrics.razor.rz.scp.css */
/* spacing */
.mb-section[b-t4v6mdkayd]{ margin-bottom: var(--spacing-xl); }

/* hero */
.client-hero[b-t4v6mdkayd]{ padding:12px 16px; }
.hero-grid[b-t4v6mdkayd]{
    display:grid;
    grid-template-columns: 1fr auto;
    grid-template-areas:
    "id profile"
    "chips chips";
    gap:12px;
    align-items:center;
}
.hero-id[b-t4v6mdkayd]{ grid-area:id; display:flex; align-items:center; gap:12px; min-width:0; }
.btn-profile[b-t4v6mdkayd]{ grid-area:profile; justify-self:end; }
.hero-chips[b-t4v6mdkayd]{ grid-area:chips; display:flex; gap:.5rem; flex-wrap:wrap; }

/* selector sizing (mobile-friendly) */
.client-hero .select-lg[b-t4v6mdkayd]{ width:100%; min-width:0; }
@media (min-width:576px){
    .client-hero .select-lg[b-t4v6mdkayd]{ width:auto; min-width:clamp(220px,30vw,420px); }
}

/* Selector styled like sequence modify dropdown */
.select-lg[b-t4v6mdkayd] {
    appearance: none;
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-card);
    padding: .55rem .85rem;
    font-weight: var(--font-weight-bold);
    min-width: clamp(220px, 30vw, 420px);
    color: var(--color-primary);
    background:
            linear-gradient(to bottom, transparent, transparent) no-repeat,
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath fill='%2390A4AE' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") no-repeat right .65rem center / 18px 18px;
    background-color: var(--color-bg);
}
.select-lg:focus[b-t4v6mdkayd]{ outline:none; box-shadow: var(--focus-ring); }

/* chips */
.range-group[b-t4v6mdkayd]{ display:flex; gap:.5rem; flex-wrap:wrap; }
.btn-chip[b-t4v6mdkayd]{
    appearance:none; border:1px solid var(--color-border-light);
    background:#fff; color:var(--color-text-strong);
    border-radius:999px; padding:.4rem .9rem; line-height:1;
    font-weight:var(--font-weight-bold); font-size:var(--font-size-xs);
}
.btn-chip:hover[b-t4v6mdkayd]{ box-shadow:var(--shadow-sm); }
.btn-chip.is-active[b-t4v6mdkayd]{ background:var(--color-primary); color:#fff; border-color:transparent; }

/* summary strip */
.summary-card[b-t4v6mdkayd]{ display:flex; gap:var(--gap-md); align-items:center; justify-content:space-between; }
.summary-left[b-t4v6mdkayd]{ display:flex; align-items:center; gap:var(--gap-sm); }
.summary-text[b-t4v6mdkayd]{ display:grid; row-gap:2px; }
.summary-title[b-t4v6mdkayd]{
    font-family:var(--font-family-header),sans-serif;
    font-size:var(--font-size-header);
    font-weight:var(--font-weight-bold);
    color:var(--color-primary);
}
.summary-sub[b-t4v6mdkayd]{ color:var(--color-text-muted); font-size:var(--font-size-sm); }

/* dt icon */
.dt-icon[b-t4v6mdkayd]{
    width:28px; height:28px; border-radius:50%;
    display:grid; place-items:center; font-size:14px; line-height:1;
    box-shadow:inset 0 0 0 1px var(--color-border-light);
    color:var(--color-primary); background:var(--color-bg);
}

/* vitals tiles */
.vitals-grid[b-t4v6mdkayd]{
    display:grid; gap:var(--gap-md);
    grid-template-columns:repeat(3, minmax(240px,1fr));
}
@media (max-width:1199.98px){ .vitals-grid[b-t4v6mdkayd]{ grid-template-columns:repeat(2, minmax(240px,1fr)); } }
@media (max-width:575.98px){  .vitals-grid[b-t4v6mdkayd]{ grid-template-columns:1fr; } }
.vitals-grid .info-panel[b-t4v6mdkayd]{ align-items:center; gap:.75rem; }
.vitals-grid .info-panel .value-strong[b-t4v6mdkayd]{ margin-left:auto; }
.vital-delta[b-t4v6mdkayd]{ font-weight:var(--font-weight-bold); font-size:var(--font-size-xs); }
.vital-delta.up[b-t4v6mdkayd]{ color:var(--color-success); }
.vital-delta.down[b-t4v6mdkayd]{ color:var(--color-danger); }

/* metric rows + chart placeholders */
.metric-row[b-t4v6mdkayd]{
    display:grid;
    grid-template-columns:1fr minmax(280px,42%);
    gap:var(--gap-md);
    align-items:stretch;
    margin-bottom:var(--spacing-sm);
}
@media (max-width:991.98px){ .metric-row[b-t4v6mdkayd]{ grid-template-columns:1fr; } }
.chart-slot[b-t4v6mdkayd]{
    border:1px dashed var(--color-border-light);
    border-radius:var(--radius-card);
    background:linear-gradient(#fff,#fafbfc);
    min-height:140px;
}

/* section head (clean, not a card) */
.section-head[b-t4v6mdkayd]{
    display:flex; align-items:center; justify-content:space-between;
    padding: 4px 0 6px; /* tight baseline */
}
.section-head-left[b-t4v6mdkayd]{ display:flex; align-items:center; gap:12px; min-width:0; }
.section-head-text[b-t4v6mdkayd]{ display:grid; row-gap:2px; min-width:0; }
.section-head-title[b-t4v6mdkayd]{
    font-family:var(--font-family-header),sans-serif;
    font-weight:var(--font-weight-bold);
    font-size: clamp(1.1rem, 1.6vw, var(--font-size-header));
    color: var(--color-primary);
    line-height:1.15;
}
.section-head-sub[b-t4v6mdkayd]{ color: var(--color-text-muted); font-size: var(--font-size-sm); }

/* optional: make the section head sticky on desktop so chips stay put up top */
@media (min-width: 992px){
    .section-head.sticky[b-t4v6mdkayd]{
        position: sticky;
        top: calc(var(--spacing-md) * 0.5);
        z-index: 2;
        background: var(--color-bg);
        padding-top: 8px;
        padding-bottom: 8px;
    }
}

/* /Pages/Builds/Health/Trainer/Clients/Evaluation/HealthTrainerClientEvaluation.razor.rz.scp.css */
/* Section spacing */
.mb-section[b-n2dywkc1v0]{ margin-bottom: var(--spacing-xl); }

/* ---- HERO tweaks (no structure changes) ---- */
.card .identity-line[b-n2dywkc1v0]{
    gap: var(--gap-sm);
    margin-bottom: var(--spacing-sm);
}
.identity-right .inline-actions.wrap[b-n2dywkc1v0]{
    display: flex;
    gap: var(--gap-sm);
    flex-wrap: wrap;
    justify-content: flex-end;
}
.card .metric-grid[b-n2dywkc1v0]{ gap: var(--gap-sm); }

/* ---- THR Zones header controls (keep compact, prevent crowding) ---- */
.section-title .kv-quiet[b-n2dywkc1v0]{ margin-bottom: 0; }
.section-title .form-control[b-n2dywkc1v0]{
    height: 30px; /* small control height to align with label-sm */
    line-height: 1.2;
}
.section-title .form-control + label.kv-quiet[b-n2dywkc1v0]{ margin-left: var(--spacing-sm); }

/* ---- Lists & tiles breathing room ---- */
.label-sm + .metric-grid[b-n2dywkc1v0]{ margin-top: .25rem; }
.label-sm.mt-3[b-n2dywkc1v0]{ margin-top: var(--spacing-md) !important; } /* training zones heading */

/* ---- THR Trend list layout (rail + legend) ---- */
.thr-trend-list[b-n2dywkc1v0]{ display:flex; flex-direction:column; gap:12px; }
.thr-row[b-n2dywkc1v0]{
    display:grid;
    grid-template-columns: minmax(220px,1fr) 3fr auto; /* left | bar | legend */
    gap:12px;
    align-items:center;
}
.thr-row .row-left[b-n2dywkc1v0]{
    display:flex; flex-direction:column; gap:4px; min-width:0;
}
.thr-row .row-title[b-n2dywkc1v0]{ font-weight: var(--font-weight-bold); display:flex; align-items:baseline; gap:8px; }
.thr-row .row-title .kv-quiet[b-n2dywkc1v0]{ white-space:nowrap; }

.thr-row-bar[b-n2dywkc1v0]{
    display:flex; height:14px; width:100%;
    border-radius:999px; overflow:hidden;
    background: var(--progress-rail-bg);
    border: 1px solid var(--progress-rail-border);
}
.thr-row-bar.big[b-n2dywkc1v0]{ height:18px; }

.thr-chunk[b-n2dywkc1v0]{ height:100%; }
.thr-chunk.z1[b-n2dywkc1v0]{ background: var(--pill-zone-z1-bg); }
.thr-chunk.z2[b-n2dywkc1v0]{ background: var(--pill-zone-z2-bg); }
.thr-chunk.z3[b-n2dywkc1v0]{ background: var(--pill-zone-z3-bg); }
.thr-chunk.z4[b-n2dywkc1v0]{ background: var(--pill-zone-z4-bg); }
.thr-chunk.z5[b-n2dywkc1v0]{ background: var(--alert-bg-danger); }

.thr-legend[b-n2dywkc1v0]{ display:flex; align-items:center; gap:8px; }

@media (max-width: 991.98px){
    .thr-row[b-n2dywkc1v0]{ grid-template-columns: 1fr; }
    .thr-legend[b-n2dywkc1v0]{ justify-content:flex-start; }
}

/* ---- Range switch (7d/14d/30d) spacing only ---- */
.range-group[b-n2dywkc1v0]{ display:flex; gap:8px; flex-wrap:nowrap; }
@media (max-width: 575.98px){ .range-group[b-n2dywkc1v0]{ flex-wrap:wrap; } }
.range-group .btn.is-active[b-n2dywkc1v0]{
    background: var(--btn-outline-hover-bg);
    color: var(--btn-outline-hover-text);
}

/* ---- Evaluation lists: subtle padding to avoid crowding ---- */
.list-table[b-n2dywkc1v0]{ margin-top: var(--spacing-sm); }
.list-table .list-row[b-n2dywkc1v0]{ padding-block: .75rem; }

/* ---- Flags row spacing (wrap nicely) ---- */
.inline-actions.wrap[b-n2dywkc1v0]{
    display:flex;
    flex-wrap:wrap;
    gap:.5rem;
}
.inline-actions.wrap .text-muted[b-n2dywkc1v0]{ margin: 0 .25rem; }

/* ---- Avg distribution spacing ---- */
.label-sm + .thr-row-bar[b-n2dywkc1v0]{ margin-top: .25rem; }

/* Wider, card-style layout for Training Zones */
.training-grid[b-n2dywkc1v0]{
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: var(--gap-sm);
}

/* Reuse the link-as-card chrome, but keep our title/value alignment */
.training-stat[b-n2dywkc1v0]{
    display:flex;
    align-items:center;
    gap: .75rem;
}

/* Right-side value hugs edge like the info-panel pattern */
.training-stat .value-strong[b-n2dywkc1v0]{
    margin-left:auto;
    display:flex;
    align-items:center;
    gap:.5rem;
    color: var(--color-primary);
    font-weight: var(--font-weight-bold);
    white-space: nowrap;
}

/* Make the zone pill sit nicely beside the numbers */
.training-stat .pill[b-n2dywkc1v0]{ align-self:center; }

/* Wide, responsive grid specifically for the stat-tile Training Zones */
.training-tiles[b-n2dywkc1v0]{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
    gap: var(--gap-sm);
}

/* Align pill + numbers nicely on one centered line */
.training-zone-tile .stat-value[b-n2dywkc1v0]{
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    white-space: nowrap;
}

/* === Training Zones: stat-tile layout (no global changes) === */

/* Grid: responsive → force 5-up on wide screens */
.training-tiles[b-n2dywkc1v0]{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: var(--gap-sm);
}

/* ≥1280px (or bump to 1400px if you prefer): lock to 5 columns */
@media (min-width: 1280px){
    .training-tiles[b-n2dywkc1v0]{
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

/* Center the stat tile content like your system cards */
.training-zone-tile[b-n2dywkc1v0]{
    text-align: center;
}

/* Keep the title to one line so tiles stay even height */
.training-zone-tile .stat-title[b-n2dywkc1v0]{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: .25rem;
}

/* Big, centered value line with pill + bpm */
.training-zone-tile .stat-value[b-n2dywkc1v0]{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    /* Optional: nudge value size a touch without touching global tokens */
    font-size: var(--font-size-xl);
}

/* Prevent wrap inside the value row so numbers don't split */
.training-zone-tile .stat-value .kv-quiet[b-n2dywkc1v0]{ white-space: nowrap; }
/* /Pages/Builds/Health/Trainer/Clients/HealthTrainerClients.razor.rz.scp.css */
/* ===== Page-only styles ===== */

/* Head */
.page-head[b-oyr0gqal02]{ margin-bottom:.5rem; }
.page-title[b-oyr0gqal02]{ margin:0 0 .25rem 0; }
.page-sub[b-oyr0gqal02]{ color:var(--color-text-muted); }

/* Actions */
.actions-bar[b-oyr0gqal02]{ display:flex; align-items:center; justify-content:space-between; gap:.75rem; margin:.5rem 0 1rem; }
.actions-bar .sort-group[b-oyr0gqal02]{ display:flex; gap:.5rem; }

/* Sort chips */
.chip[b-oyr0gqal02]{
    display:inline-flex; align-items:center; gap:.4rem;
    padding:.35rem .8rem; border-radius:999px;
    border:1.5px solid var(--color-border-light);
    background:#fff; font-weight:500; cursor:pointer;
    transition:background .12s ease, border-color .12s ease, color .12s ease;
}
.chip:hover[b-oyr0gqal02]{ background:#f7faff; border-color:#c6d6ef; }
.chip.is-active[b-oyr0gqal02]{ background:#eaf3ff; border-color:#2e6fed; color:#113b8e; }

/* Table */
.clients-wrap[b-oyr0gqal02]{ overflow:visible; }
.clients-table th[b-oyr0gqal02], .clients-table td[b-oyr0gqal02]{ vertical-align:middle; }
.clients-table td[data-align="end"][b-oyr0gqal02]{ text-align:right; }

/* Inline value + quiet action link */
.cell-cta .cta-row[b-oyr0gqal02]{
    display:flex; align-items:baseline; gap:.5rem;
    justify-content:flex-end; flex-wrap:wrap;
}
.cell-cta .kv-val[b-oyr0gqal02]{
    font-weight:600;
    color:var(--color-text-strong, #111);
}
.cell-cta .cta-link[b-oyr0gqal02]{
    font-size:var(--font-size-xs);
    color:var(--color-text-muted);
    text-decoration:none;
    padding:.125rem .25rem;
    border-radius:6px;
}
.cell-cta .cta-link:hover[b-oyr0gqal02]{ text-decoration:underline; color:var(--color-primary); }

/* Emphasis for score value */
.score-val[b-oyr0gqal02]{
    font-variant-numeric: tabular-nums;
    font-size: clamp(0.95rem, 0.9rem + 0.2vw, 1.05rem);
}

/* Identity line column baseline spacing (desktop) */
.client-cell .identity-line[b-oyr0gqal02]{ margin:.2rem 0; }

/* Mobile/stacked cards (no horizontal scroll) */
@media (max-width: 767.98px){
    .clients-table thead[b-oyr0gqal02]{ display:none; }
    .clients-table[b-oyr0gqal02], .clients-table tbody[b-oyr0gqal02], .clients-table tr[b-oyr0gqal02], .clients-table td[b-oyr0gqal02]{ display:block; width:100%; }
    .clients-table tr[b-oyr0gqal02]{
        background:#fff; border-radius:16px; box-shadow:var(--shadow-card);
        padding:.9rem 1rem; margin-bottom:.9rem;
    }
    .clients-table td[b-oyr0gqal02]{ border:0; padding:.35rem 0; }

    /* Show label above value for non-identity cells */
    .clients-table td[data-label][b-oyr0gqal02]::before{
        content:attr(data-label);
        display:block; margin-bottom:.15rem;
        font-size:var(--font-size-xxs); color:var(--color-label);
        letter-spacing:.02em;
    }

    /* Identity header look */
    .clients-table td.client-cell[b-oyr0gqal02]::before{ content:none; }
    .clients-table td.client-cell[b-oyr0gqal02]{
        padding-bottom:.55rem; margin-bottom:.35rem;
        border-bottom:1px solid var(--color-border-light);
    }

    /* Bump identity name size per mobile rule */
    .clients-table .identity-line .identity-name[b-oyr0gqal02]{
        font-size:var(--font-size-xl, 1.1875rem);
        line-height:1.2;
    }

    /* Value left | action right */
    .cell-cta .cta-row[b-oyr0gqal02]{ justify-content:space-between; gap:.4rem; }
    .cell-cta .kv-val[b-oyr0gqal02]{ font-weight:700; }
}
/* /Pages/Builds/Health/Trainer/Clients/Profile/HealthTrainerClientProfile.razor.rz.scp.css */
/* ===== Client Profile (page-only) =============================== */

/* Layout */
.profile-hero[b-xaihjc5ee5]{
    display:grid;
    grid-template-columns:auto 1fr auto;
    gap:var(--gap-md);
    align-items:start;
}
@media (max-width:991.98px){
    .profile-hero[b-xaihjc5ee5]{
        grid-template-columns:auto 1fr;
        grid-template-areas:
      "pfp  main"
      "ctas ctas";
    }
    .pfp[b-xaihjc5ee5]{grid-area:pfp;}
    .profile-main[b-xaihjc5ee5]{grid-area:main;}
    .profile-ctas[b-xaihjc5ee5]{grid-area:ctas;}
}

/* Avatar + overlay */
.trainer-avatar[b-xaihjc5ee5]{
    width:96px;height:96px;border-radius:50%;
    object-fit:cover;border:2px solid var(--color-primary);display:block;
}
.pfp-wrapper[b-xaihjc5ee5]{position:relative;width:96px;height:96px;}
.pfp-overlay[b-xaihjc5ee5]{
    all:unset;position:absolute;inset:0;display:grid;place-items:center;border-radius:50%;
    background:rgba(0,0,0,.22);
    background:color-mix(in srgb,var(--color-primary) 22%, transparent);
    color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.02em;
    opacity:0;cursor:pointer;transition:opacity var(--transition-fast);
}
.pfp-wrapper:hover .pfp-overlay[b-xaihjc5ee5],
.pfp-wrapper:focus-within .pfp-overlay[b-xaihjc5ee5]{opacity:1;}
.pfp-overlay:focus-visible[b-xaihjc5ee5]{box-shadow:var(--focus-ring);}

/* Bio */
.profile-bio[b-xaihjc5ee5]{font-size:var(--font-size-body);line-height:1.6;max-width:72ch;}
@media (max-width:575.98px){.profile-bio[b-xaihjc5ee5]{max-width:none;}}

/* Contact tiles grid */
.field-grid[b-xaihjc5ee5]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap-sm);}
@media (max-width:575.98px){.field-grid[b-xaihjc5ee5]{grid-template-columns:1fr;}}

/* CTAs — keep side-by-side on all screens */
.profile-ctas[b-xaihjc5ee5]{align-self:start;}
.profile-ctas .cta-pair[b-xaihjc5ee5]{
    display:grid;
    grid-template-columns:1fr 1fr !important;
    gap:var(--gap-sm);
}
.profile-ctas .cta-pair .btn[b-xaihjc5ee5]{width:100%;}

/* Lists (Schedule / History) */
.list[b-xaihjc5ee5]{list-style:none;padding:0;margin:0;}
.list-striped .list-item[b-xaihjc5ee5]{padding:.6rem .8rem;border-top:1px solid var(--color-border-light);}
.list-striped .list-item:first-child[b-xaihjc5ee5]{border-top:none;}

/* Height / Weight mini tiles */
.profile-hero > .metric-tiles[b-xaihjc5ee5]{
    grid-column: 1 / -1;
    margin-top: var(--spacing-sm);
}
.metric-tiles[b-xaihjc5ee5]{
    display:grid;
    grid-template-columns: repeat(2, minmax(0, 260px));
    gap: var(--gap-sm);
    align-content:start;
}
@media (max-width:575.98px){
    .metric-tiles[b-xaihjc5ee5]{ grid-template-columns: 1fr 1fr; }
}
.metric-tile[b-xaihjc5ee5]{
    background:#fff;border-radius:var(--radius-card);
    box-shadow:var(--shadow-card);
    padding:.85rem 1rem;
    display:grid;row-gap:.35rem;cursor:pointer;
}
.metric-tile:focus-visible[b-xaihjc5ee5]{ box-shadow: var(--focus-ring); }
.metric-tile .tile-label[b-xaihjc5ee5]{
    color: var(--color-label);
    font-weight: var(--font-weight-bold);
}
.metric-tile .tile-value[b-xaihjc5ee5]{
    color: var(--color-primary);
    font-weight: var(--font-weight-bold);
}
.metric-tile .tile-hint[b-xaihjc5ee5]{
    font-size: var(--font-size-xs);
    color: var(--color-text-muted);
    letter-spacing:.01em;
}
.metric-edit[b-xaihjc5ee5]{ display:grid; row-gap:.5rem; }
.metric-edit .mm-input[b-xaihjc5ee5]{ width:100%; max-width:140px; }
.metric-edit .mm-actions[b-xaihjc5ee5]{ display:flex; flex-wrap:wrap; gap:.4rem; }
.metric-edit .btn[b-xaihjc5ee5]{ min-width:0; padding-inline:.75rem; }

/* tables inside cards: keep it light */
.card .table-responsive-sm[b-xaihjc5ee5]{ margin-top:.25rem; }
.card .table-sm[b-xaihjc5ee5]{ box-shadow:none; border-radius: var(--radius-card); }

/* ===== Weekly Sessions row ===== */
.weekly-sessions[b-xaihjc5ee5] { }
.ws-row[b-xaihjc5ee5]{
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:minmax(260px, 1fr);
    gap:12px;
    overflow-x:auto;
    padding-bottom:4px;
    scroll-snap-type:x mandatory;
}
.ws-row[b-xaihjc5ee5]::-webkit-scrollbar{ height:8px; }
.ws-row[b-xaihjc5ee5]::-webkit-scrollbar-thumb{ background:var(--color-border-light); border-radius:999px; }

.ws-card[b-xaihjc5ee5]{
    background:#fff;
    border-radius:16px;
    box-shadow:var(--shadow-card);
    display:flex;
    flex-direction:column;
    min-height:168px;
    padding:12px 12px 10px 12px;
    scroll-snap-align:start;
}

/* head */
.ws-head[b-xaihjc5ee5]{
    display:flex; align-items:center; justify-content:space-between;
    gap:8px; padding-bottom:4px; border-bottom:1px solid var(--color-border-light);
}

/* body */
.ws-body[b-xaihjc5ee5]{ padding:8px 0; display:grid; gap:6px; }
.ws-title[b-xaihjc5ee5]{ font-weight:700; font-size:.95rem; line-height:1.2; }
.ws-meta[b-xaihjc5ee5]{ display:flex; align-items:center; gap:6px; font-size:.825rem; color:var(--color-text-muted); }
.ws-meta .meta-sep[b-xaihjc5ee5]{ color:var(--color-border-light); }

/* pills (reuse palette) */
.ws-pills[b-xaihjc5ee5]{ display:flex; flex-wrap:wrap; gap:6px; }
.pill[b-xaihjc5ee5]{ display:inline-flex; align-items:center; padding:.2rem .5rem; border-radius:999px; font-size:.75rem; }
.pill-muted[b-xaihjc5ee5]{ background:#f5f7fb; color:#5b6b7d; }
.pill-intensity[b-xaihjc5ee5]{ background:#e9f2ff; color:#195dbb; }
.pill-zone[b-xaihjc5ee5]{ background:#eefaf1; color:#1e7a3e; }
.pill-effort[b-xaihjc5ee5]{ background:#fff6e6; color:#a06011; }

/* foot */
.ws-foot[b-xaihjc5ee5]{ margin-top:auto; display:flex; gap:8px; justify-content:flex-end; }

/* responsive */
@media (max-width: 767.98px){
    .ws-row[b-xaihjc5ee5]{ grid-auto-columns:85%; }
    .ws-card[b-xaihjc5ee5]{ min-height:180px; }
}

/* ===== Weekly Sessions (full-width card row) ===== */
.ws-row[b-xaihjc5ee5]{
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:minmax(260px, 1fr);
    gap:12px;
    overflow-x:auto;
    padding-bottom:4px;
    scroll-snap-type:x mandatory;
}
.ws-row[b-xaihjc5ee5]::-webkit-scrollbar{ height:8px; }
.ws-row[b-xaihjc5ee5]::-webkit-scrollbar-thumb{ background:var(--color-border-light); border-radius:999px; }

.ws-card[b-xaihjc5ee5]{
    background:#fff;
    border-radius:16px;
    box-shadow:var(--shadow-card);
    display:flex;
    flex-direction:column;
    min-height:168px;
    padding:12px 12px 10px 12px;
    scroll-snap-align:start;
}

/* Head */
.ws-head[b-xaihjc5ee5]{
    display:flex; align-items:center; justify-content:space-between;
    gap:8px; padding-bottom:4px; border-bottom:1px solid var(--color-border-light);
}

/* Body */
.ws-body[b-xaihjc5ee5]{ padding:8px 0; display:grid; gap:6px; }
.ws-title[b-xaihjc5ee5]{ font-weight:700; font-size:.95rem; line-height:1.2; }
.ws-meta[b-xaihjc5ee5]{ display:flex; align-items:center; gap:6px; font-size:.825rem; color:var(--color-text-muted); }
.ws-meta .meta-sep[b-xaihjc5ee5]{ color:var(--color-border-light); }

/* Pills (reuse palette) */
.ws-pills[b-xaihjc5ee5]{ display:flex; flex-wrap:wrap; gap:6px; }
.pill[b-xaihjc5ee5]{ display:inline-flex; align-items:center; padding:.2rem .5rem; border-radius:999px; font-size:.75rem; }
.pill-muted[b-xaihjc5ee5]{ background:#f5f7fb; color:#5b6b7d; }
.pill-intensity[b-xaihjc5ee5]{ background:#e9f2ff; color:#195dbb; }
.pill-zone[b-xaihjc5ee5]{ background:#eefaf1; color:#1e7a3e; }
.pill-effort[b-xaihjc5ee5]{ background:#fff6e6; color:#a06011; }

/* Foot */
.ws-foot[b-xaihjc5ee5]{ margin-top:auto; display:flex; gap:8px; justify-content:flex-end; }

/* Mobile */
@media (max-width: 767.98px){
    .ws-row[b-xaihjc5ee5]{ grid-auto-columns:85%; }
    .ws-card[b-xaihjc5ee5]{ min-height:180px; }
}
/* /Pages/Builds/Health/Trainer/Clients/Programs/HealthTrainerClientsPrograms.razor.rz.scp.css */
/* ===== Page rhythm ===================================================== */
.mb-section[b-tm89b99klw]{ margin-bottom: var(--spacing-xl, 28px); }

/* Header: title left, tools right */
.program-toolbar[b-tm89b99klw]{
    display:flex; align-items:center; justify-content:space-between;
    gap:.75rem 1rem; margin-bottom:10px; flex-wrap:wrap;
}
.assign-toolbar[b-tm89b99klw]{
    display:flex; align-items:center; gap:.6rem; flex-wrap:nowrap;
}
.assign-toolbar .client-select[b-tm89b99klw]{
    min-width:260px; max-width: clamp(260px, 30vw, 360px);
    height:44px;                         /* match button height */
}
.assign-toolbar .btn[b-tm89b99klw]{
    height:44px; display:inline-flex; align-items:center; gap:.5rem;
    padding-inline: 1rem; border-radius:999px;
}

@media (max-width: 992px){
    .assign-toolbar[b-tm89b99klw]{ width:100%; gap:.5rem; flex-wrap:wrap; }
    .assign-toolbar .client-select[b-tm89b99klw]{ flex:1 1 auto; min-width:0; max-width:none; }
    .assign-toolbar .btn[b-tm89b99klw]{ flex:0 0 auto; }
}

/* keep tools on one line */
.assign-toolbar[b-tm89b99klw]{ flex-wrap: nowrap; }

/* let the select be the flexible piece */
.assign-toolbar .client-select[b-tm89b99klw]{
    flex: 1 1 220px;   /* grows & shrinks; base ~220px */
    min-width: 0;      /* allow shrinking below intrinsic width */
    max-width: none;   /* don’t cap it so it can negotiate space */
}

/* keep the button from wrapping or shrinking */
.assign-toolbar .btn[b-tm89b99klw],
.assign-toolbar .btn-rounded[b-tm89b99klw]{
    white-space: nowrap;  /* “+ New Client” never breaks */
    flex: 0 0 auto;       /* don’t let it shrink */
    height: 44px;         /* keep parity with the select */
    padding-inline: 1rem; /* enough breathing room */
}

/* ===== Form sections (even breathing room) ============================ */
.form-section[b-tm89b99klw]{ padding-block: 10px; }
.form-section + .form-section[b-tm89b99klw]{
    margin-top: 8px; padding-top: 14px;
    border-top: 1px solid rgba(232,237,245,.9); /* light, unobtrusive */
}

/* Labels / inputs */
.program-card .label-sm[b-tm89b99klw]{ margin-bottom:.25rem; }
.program-card .input-group .input-group-text[b-tm89b99klw]{ min-width:40px; }

/* ===== Chips (one source of truth) ==================================== */
.program-card .chip[b-tm89b99klw]{
    display:inline-flex; align-items:center; justify-content:center;
    gap:.45rem; padding:.40rem .85rem; border-radius:999px;
    border:1.5px solid #d9e3f2; background:#fff; color:#1f2a37;
    line-height:1.05; font-size:.93rem; font-weight:500;
    transition: background .12s, border-color .12s, color .12s, box-shadow .12s;
}
.program-card .chip:hover[b-tm89b99klw]{ border-color:#c6d6ef; background:#f7faff; }
.program-card .chip.is-active[b-tm89b99klw]{
    background:#EAF3FF; border-color:#2E6FED; color:#113B8E;
    box-shadow: inset 0 0 0 1px rgba(46,111,237,.08);
}
.program-card .chip-sm[b-tm89b99klw]{ padding:.30rem .65rem; font-size:.88rem; }
.program-card .chip-lg[b-tm89b99klw]{ padding:.48rem .95rem; font-size:.92rem; }
.program-card .chip-group[b-tm89b99klw]{ display:flex; flex-wrap:wrap; gap:.48rem .55rem; }

/* ===== Weekly pattern grid (always tidy) =============================== */
.program-card .week-grid[b-tm89b99klw]{
    display:grid; gap:.55rem;
    grid-template-columns: repeat(7, minmax(0,1fr));
}
@media (max-width:1200px){ .program-card .week-grid[b-tm89b99klw]{ grid-template-columns:repeat(5,1fr); } }
@media (max-width:992px) { .program-card .week-grid[b-tm89b99klw]{ grid-template-columns:repeat(4,1fr); } }
@media (max-width:680px) { .program-card .week-grid[b-tm89b99klw]{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:420px) { .program-card .week-grid[b-tm89b99klw]{ grid-template-columns:repeat(2,1fr); } }

.program-card .day-chip[b-tm89b99klw]{ height:40px; }   /* smaller -> less vertical clutter */

/* ===== Focus tags: auto-fit grid ====================================== */
.program-card .focus-grid[b-tm89b99klw]{
    display:grid; gap:.55rem;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}
@media (max-width:480px){ .program-card .focus-grid[b-tm89b99klw]{ grid-template-columns: repeat(2,1fr); } }

/* ===== Footer actions ================================================== */
.assign-actions[b-tm89b99klw]{ row-gap:.6rem; }
@media (max-width:575.98px){
    .assign-actions[b-tm89b99klw]{ gap:.6rem; }
    .assign-actions .btn[b-tm89b99klw]{ flex:1 1 180px; min-width:0; }
}

/* ===== Modal (unchanged, tidy) ======================================== */
.modal-backdrop[b-tm89b99klw]{ position:fixed; inset:0; background:rgba(0,0,0,.35); z-index:1050; }
.modal-card[b-tm89b99klw]{
    position:fixed; z-index:1060; inset:auto 0 0 0; margin:0 auto; max-width:560px;
    background:#fff; border-radius:16px 16px 0 0; box-shadow:0 -8px 24px rgba(0,0,0,.18);
}
@media (min-width:576px){
    .modal-card[b-tm89b99klw]{ inset:50% auto auto 50%; transform:translate(-50%,-50%); border-radius:16px; width:min(560px,92vw); }
}
.modal-head[b-tm89b99klw], .modal-foot[b-tm89b99klw]{ display:flex; align-items:center; justify-content:space-between; padding:16px 20px; }
.modal-body[b-tm89b99klw]{ padding:0 20px 16px; }

/* ===== Small-phone smoothing ========================================== */
@media (max-width:680px){
    .program-card[b-tm89b99klw]{ padding: 16px; }
    .program-card .chip-lg[b-tm89b99klw]{ font-size:.9rem; }
    .program-card .chip-sm[b-tm89b99klw]{ font-size:.86rem; }
}

/* Mobile: make Preview / Assign share the row 50/50 */
@media (max-width: 680px){
    .assign-actions .ms-auto[b-tm89b99klw]{
        margin-left: 0 !important;      /* stop pushing to the right */
        width: 100%;
        display: grid;                   /* two equal columns */
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }
    .assign-actions .ms-auto .btn[b-tm89b99klw]{
        width: 100%;                     /* fill each grid cell */
        min-height: 48px;                /* comfy tap target */
        justify-content: center;
    }
}
/* /Pages/Builds/Health/Trainer/Dashboard/HealthTrainerDashboard.razor.rz.scp.css */
/* ===== TrainerDashboard (scoped) — cleaned ===== */

.mb-section[b-acj5v1klg0] { margin-bottom: var(--spacing-xl); }

/* Small link rows used on a few cards in this page */
.inline-actions[b-acj5v1klg0] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap-sm);
    font-size: var(--font-size-sm);
}

/* Corner status pill inside session cards */
.card[b-acj5v1klg0] { position: relative; } /* anchor for absolute children */
.session-card .corner-badge[b-acj5v1klg0] {
    position: absolute;
    top: var(--spacing-md);
    right: var(--spacing-md);
}

/* Session card polish */
.session-card .identity-line[b-acj5v1klg0] { margin-bottom: var(--spacing-sm); }

/* TEMP: keep hiding the trailing Status col for old markup that still uses
   ".has-integrated-status". Once you switch the table markup to use the
   global ".table-hide-status" utility, you can delete this block. */
.table-sm.has-integrated-status thead th:last-child[b-acj5v1klg0],
.table-sm.has-integrated-status tbody td:last-child[b-acj5v1klg0] { display: none; }
/* /Pages/Builds/Health/Trainer/Layout/HealthTrainerLayout.razor.rz.scp.css */
/* ===== Header rhythm ===== */
.page-header[b-tx8ql1rxzt] { padding-top: var(--spacing-sm); }
.page-header-top[b-tx8ql1rxzt] { gap: var(--gap-md); }
.ph-left[b-tx8ql1rxzt] { min-width: 0; }
.ph-subtitle[b-tx8ql1rxzt] { margin-top: .15rem; }
.ph-actions[b-tx8ql1rxzt] { margin-top: var(--spacing-xs); }
.ph-divider[b-tx8ql1rxzt] { margin-top: var(--spacing-sm); border-bottom: 1px solid var(--color-border-light); }

/* ===== Chips cluster (same as Client) ===== */
.ph-right .chip[b-tx8ql1rxzt]{
    display:inline-flex; align-items:center; gap:.55rem;
    background: var(--color-surface);
    border:1px solid var(--color-border-light);
    border-radius: var(--radius-input);
    padding:.45rem .65rem; height: 40px; line-height: 1;
    box-shadow: var(--shadow-xs); text-decoration: none;
    color: var(--color-text-strong); font-weight: var(--font-weight-bold);
    transition: border-color .12s ease, box-shadow .12s ease, background-color .12s ease, transform .06s ease;
}
.ph-right .chip:hover[b-tx8ql1rxzt]{
    border-color: var(--color-primary);
    box-shadow: var(--shadow-lg);
    background: var(--color-surface-light);
}
.ph-right .chip:active[b-tx8ql1rxzt] { transform: translateY(1px); }

/* Icons primary */
.ph-right .chip :is(i, svg, .svg-inline--fa)[b-tx8ql1rxzt]{ color: var(--color-primary); }

/* Heart-style numeric */
.chip.heart[b-tx8ql1rxzt]{ padding-right:.6rem; }
.chip.heart .hrt-val[b-tx8ql1rxzt]{ color: var(--color-text-strong); }
.chip.heart .hrt-unit[b-tx8ql1rxzt]{ color: var(--color-text-muted); font-size:.81rem; font-weight: bold; }

/* Risk nuance */
.chip.heart.is-warn :is(i, .hrt-val)[b-tx8ql1rxzt]{ color: var(--color-warning); }
.chip.heart.is-bad  :is(i, .hrt-val)[b-tx8ql1rxzt]{ color: var(--color-danger); }

/* Mode toggle (icon-only) */
.chip.mode-toggle[b-tx8ql1rxzt] { cursor: pointer; }

/* ===== Content spacing ===== */
.content-container[b-tx8ql1rxzt]{ padding-top: var(--spacing-md); padding-bottom: var(--spacing-xl); }

/* ===== Sub-nav tiles ===== */
.tile-subnav[b-tx8ql1rxzt]{
    display:flex;
    gap: var(--gap-sm);
    padding-top: calc(var(--spacing-sm) + 2px);
    padding-bottom: calc(var(--spacing-sm) + 2px);
    margin: var(--spacing-sm) 0 var(--spacing-lg);
    overflow:hidden;
    max-width:100%;
    box-sizing:border-box;
}
.tile-subnav .tile[b-tx8ql1rxzt]{
    --tile-pad-x: .9rem;
    --tile-pad-y: .72rem;

    display:inline-flex; align-items:center; gap:.55rem;

    background: var(--color-surface);
    border:1px solid var(--color-border-light);
    border-radius: var(--radius-lg);
    padding: var(--tile-pad-y) var(--tile-pad-x);
    min-height:56px;

    text-decoration:none;
    color: var(--color-text-strong);
    font-weight: var(--font-weight-bold);
    box-shadow: var(--shadow-xs);
    transition: transform .06s ease, box-shadow .12s ease, border-color .12s ease, background-color .12s ease;

    flex:0 0 auto;
    max-width:100%;
}
.tile-subnav .tile:hover[b-tx8ql1rxzt]{
    border-color: var(--color-primary);
    box-shadow: var(--shadow-sm);
    background: var(--color-surface-light);
}
.tile-subnav .tile:active[b-tx8ql1rxzt]{ transform: translateY(1px); }
.tile-subnav .tile:focus-visible[b-tx8ql1rxzt]{
    outline: 2px solid color-mix(in srgb, var(--color-primary) 70%, transparent);
    outline-offset: 2px;
}
.tile-subnav .tile.is-active[b-tx8ql1rxzt]{
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 18%, transparent);
    background: color-mix(in srgb, var(--color-primary) 3%, var(--color-surface));
}

/* Icon + text */
.tile-icon[b-tx8ql1rxzt]{
    width:22px; height:22px;
    display:inline-flex; align-items:center; justify-content:center;
    color: var(--color-primary);
    flex:0 0 auto;
}
.tile-icon i[b-tx8ql1rxzt]{ font-size:1.05rem; line-height:1; }
.tile-body[b-tx8ql1rxzt]{ display:grid; align-content:center; gap:0; min-width:0; }
.tile-label[b-tx8ql1rxzt]{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* Force tile icons to primary even when FA injects <svg> */
.tile-subnav .tile .tile-icon :is(i, svg, .svg-inline--fa)[b-tx8ql1rxzt]{ color: var(--color-primary); }

/* ===== Responsive ===== */
@media (max-width: 767.98px){
    .page-header-top[b-tx8ql1rxzt]{ flex-direction: column; align-items: stretch; gap: var(--gap-sm); }

    .ph-right[b-tx8ql1rxzt]{
        order:2; width:100%; display:flex; align-items:center;
        justify-content: space-between; gap:.25rem; flex-wrap: nowrap;
    }
    .ph-right .chip[b-tx8ql1rxzt]{
        height: 42px; padding:.60rem .75rem;
        font-size: clamp(.78rem, 3.2vw, .95rem);
        flex: 0 0 auto; white-space: nowrap;
    }

    /* Tiles → grid */
    .tile-subnav[b-tx8ql1rxzt]{
        display:grid;
        grid-template-columns: repeat(3, minmax(0,1fr));
        gap: var(--gap-sm);
        width:100%;
        margin: var(--spacing-md) 0 var(--spacing-xl);
        padding-top: var(--spacing-sm);
        padding-bottom: var(--spacing-sm);
    }

    .tile-subnav .tile[b-tx8ql1rxzt]{
        width:100%;
        min-height:62px;
        padding:.62rem .6rem;
        box-sizing:border-box;
        justify-content:flex-start;
    }

    .tile-icon[b-tx8ql1rxzt]{ width:20px; height:20px; }
    .tile-icon i[b-tx8ql1rxzt]{ font-size:1rem; }

    .tile-label[b-tx8ql1rxzt]{
        font-size: clamp(.9rem, 2.9vw, 1rem);
        white-space: normal;
        overflow: visible;
        text-overflow: unset;
        line-height: 1.2;
    }
}

@media (max-width: 380px){
    .tile-subnav[b-tx8ql1rxzt]{ grid-template-columns: repeat(2, 1fr); }
    .tile-subnav .tile[b-tx8ql1rxzt]{ padding:.55rem .55rem; }
    .tile-icon[b-tx8ql1rxzt]{ width:19px; height:19px; }
    .tile-icon i[b-tx8ql1rxzt]{ font-size:.95rem; }
}

/* Mode toggle icon swap (reads body[data-mode]) */
.mode-toggle .icon-moon[b-tx8ql1rxzt] { display: none; }
[data-mode="dark"] .mode-toggle .icon-sun[b-tx8ql1rxzt]  { display: none; }
[data-mode="dark"] .mode-toggle .icon-moon[b-tx8ql1rxzt] { display: inline-block; }
/* /Pages/Builds/Health/Trainer/Layout/HealthTrainerNavLeft.razor.rz.scp.css */
@property --abs-blue-dark{
    syntax: '<color>';
    initial-value: #002b5c;
    inherits: false;
}

@property --abs-blue-light{
    syntax: '<color>';
    initial-value: #003f7f;
    inherits: false;
}

@property --abs-white{
    syntax: '<color>';
    initial-value: #ffffff;
    inherits: false;
}

/* ========== Desktop Left Nav ========== */
.side-nav[b-a1s3acoua7] {
    width: 200px;
    min-height: 100vh;
    flex-direction: column;
    box-shadow: 2px 0 6px rgba(0, 0, 0, 0.1);
}

.nav-item a[b-a1s3acoua7] {
    color: var(--abs-blue-light);
    opacity: 0.85;
    transition: color 0.2s ease;
}

.nav-item a:hover[b-a1s3acoua7] {
    color: var(--abs-blue-light);
    opacity: 1;
}

.nav-item a.active[b-a1s3acoua7] {
    color: var(--abs-blue-light);
    font-weight: 600;
}

.logo-text[b-a1s3acoua7] {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--abs-blue-light);
}

[b-a1s3acoua7] .left-nav-list {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

[b-a1s3acoua7] .left-nav-link {
    display: block;
    padding: 0.75rem 1rem;
    font-weight: 500;
    font-size: 1rem;
    text-decoration: none;
    border-left: 4px solid transparent;
    transition: all 0.2s ease;
}

[b-a1s3acoua7] .left-nav-link:hover,
[b-a1s3acoua7] .left-nav-link.active {
    background-color: rgba(255, 255, 255, 0.1);
    color: var(--abs-blue-light);
    border-left: 4px solid #ffffff;
}

.logout-btn[b-a1s3acoua7] {
    display: block;
    width: 100%;
    background: none;
    border: 1px solid var(--abs-white);
    color: var(--abs-white);
    font-weight: 600;
    text-align: center;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    text-decoration: none;
    transition: background 0.2s ease;
}

.left-nav-logo[b-a1s3acoua7] {
    max-width: 200px;
    box-sizing: border-box;
    padding: 1rem;
    margin-left:0;
}

.logout-btn:hover[b-a1s3acoua7] {
    background: rgba(255, 255, 255, 0.15);
}

.left-nav-list-item[b-a1s3acoua7]{
    margin-bottom: 1rem;
}

/* ========== Mobile Bottom Nav ========== */


@media screen and (max-width: 768px) {
    .bottom-nav[b-a1s3acoua7] {
        display: flex;
        justify-content: space-around;
        align-items: center;
        padding: 0.75rem 1rem;
        background: linear-gradient(to right, #003366, #004c99);
        border-top: 1px solid #002b5c;
        width: 100%;
        position: sticky;
        bottom: 0;
        left: 0;
        z-index: 100;
    }
}
@media screen and (min-width: 769px) {
    .bottom-nav[b-a1s3acoua7] {
        display: none;
    }
}

.bottom-nav .nav-item[b-a1s3acoua7] {
    flex: 1;
    text-align: center;
}

.bottom-nav .nav-icon[b-a1s3acoua7] {
    width: 100%;
    text-align: center;
}

.nav-icon[b-a1s3acoua7] {
    color: #ffffff;
    font-size: 1.25rem;
    padding: 0.5rem 0.75rem;
    text-align: center;
    flex: 1;
    transition: color 0.2s ease;
}

.nav-icon.active[b-a1s3acoua7] {
    color: #ffdd57;
}

.nav-icon:hover[b-a1s3acoua7] {
    color: #ffffff;
}

.center-icon[b-a1s3acoua7] {
    font-size: 1.5rem;
}
/* /Pages/Builds/Health/Trainer/Sessions/HealthTrainerSessionActive.razor.rz.scp.css */
/* ============================= */
/* ACTIVE SESSION — SCOPED CSS   */
/* ============================= */

/* ---- Helpers (used on page) ---- */
.input-sm[b-fvumkvvup5]{ font-size: var(--font-size-sm); padding: var(--padding-xs) var(--padding-sm); min-height: 36px; }
.row-current[b-fvumkvvup5]{ background: var(--color-surface); }
.alert-compact[b-fvumkvvup5]{ padding: var(--padding-sm); }

/* ---- Meta tiles (Equipment/Position/Sets/Reps + score strip) ---- */
.metric-grid.ex-meta[b-fvumkvvup5]{
    display:grid;
    gap: var(--gap-sm);
    grid-template-columns: repeat(4, minmax(0,1fr));
}
@media (max-width: 991.98px){
    .metric-grid.ex-meta[b-fvumkvvup5]{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}

/* --------------------------------- */
/* LIVE SESSION BAR (ABS-themed rail)*/
/* --------------------------------- */
.session-live[b-fvumkvvup5]{
    margin-block: var(--spacing-md);
    display: flex;
    align-items: center;
    gap: var(--gap-sm);
    background: var(--color-secondary);
    color: #fff;
    border-radius: var(--radius-card);
    padding: clamp(12px, 1.8vw, var(--padding-lg));
    box-shadow: var(--shadow-card);
}

.sb-left[b-fvumkvvup5]{
    display: inline-flex;
    align-items: center;
    gap: var(--gap-sm);
    min-width: 0;
}
.sb-timer[b-fvumkvvup5]{
    font-weight: var(--font-weight-bold);
    font-variant-numeric: tabular-nums;
    letter-spacing: .5px;
    font-size: clamp(2rem, 4.2vw, 3rem);
    line-height: 1;
}
.sb-phase[b-fvumkvvup5]{
    background: rgba(255,255,255,.15);
    border-color: transparent;
    color: #fff;
}

/* actions live NEXT TO the timer on desktop */
.sb-cta-wrap[b-fvumkvvup5]{
    display: inline-flex;
    align-items: center;
    gap: var(--gap-sm);
}
.sb-cta[b-fvumkvvup5]{ min-width: 170px; }

/* text-only “Complete All Sets” */
.sb-ghost[b-fvumkvvup5]{
    all: unset; cursor: pointer;
    font-weight: var(--font-weight-medium);
    color: rgba(255,255,255,.85);
}
.sb-ghost:hover[b-fvumkvvup5]{ text-decoration: underline; text-underline-offset: 2px; }
.sb-ghost[disabled][b-fvumkvvup5]{ opacity:.5; cursor:not-allowed; text-decoration: none; }

/* inputs on the right */
.sb-inputs[b-fvumkvvup5]{
    margin-left: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--gap-sm);
    align-items: center;
}
.session-live .form-control[b-fvumkvvup5]{
    background:#fff; color: var(--color-text-body);
    border-color: rgba(255,255,255,.35);
    min-width: 120px;
}

/* -------- Mobile polish -------- */
@media (max-width: 767.98px){
    .session-live[b-fvumkvvup5]{
        flex-direction: column; text-align: center;
    }
    .sb-left[b-fvumkvvup5]{ justify-content: center; }
    .sb-cta-wrap[b-fvumkvvup5]{
        width: 100%; flex-direction: column;
    }
    .sb-cta[b-fvumkvvup5]{ width: 100%; min-width: 0; }
    .sb-inputs[b-fvumkvvup5]{
        width: 100%; margin-left: 0;
        grid-template-columns: 1fr; align-self: stretch;
    }
    .session-live .form-control[b-fvumkvvup5]{ width: 100%; min-width: 0; }
}

/* ---- Table footer (session duration) ---- */
.table-footer[b-fvumkvvup5]{ padding-top: var(--padding-sm); }

/* ============================= */
/* MOBILE STACKED TABLE OVERRIDES*/
/* keep numeric values pinned to the right; leave “Result” left-aligned */
/* ============================= */
@media (max-width: 575.98px){
    .table-stacked tbody td[data-label][b-fvumkvvup5]{
        display: flex;                 /* make the ::before label + value share one row */
        align-items: center;
        gap: var(--gap-sm, 8px);
        justify-content: flex-end;     /* push value to the right edge */
        text-align: right;
        flex-wrap: nowrap;             /* keep 3/3 together */
    }
    .table-stacked tbody td[data-label][b-fvumkvvup5]::before{
        margin-right: auto;            /* label stays on the left */
        text-align: left;
        flex: 1 1 auto;
    }
    /* ensure numbers/units/pills stay inline on the right */
    .table-stacked tbody td[data-label] > *[b-fvumkvvup5],
    .table-stacked tbody td[data-label] strong[b-fvumkvvup5],
    .table-stacked tbody td[data-label] span[b-fvumkvvup5]{
        flex: 0 0 auto;
        white-space: nowrap;
    }

    /* Long text rows should stay left-aligned and wrap */
    .table-stacked tbody td[data-label="Result"][b-fvumkvvup5]{
        justify-content: flex-start;
        text-align: left;
        flex-wrap: wrap;
        white-space: normal;
    }
    .table-stacked tbody td[data-label="Result"][b-fvumkvvup5]::before{
        flex: 0 0 auto;
        margin-right: var(--gap-sm, 8px);
    }
}
/* /Pages/Builds/Health/Trainer/Sessions/HealthTrainerSessionModify.razor.rz.scp.css */
/* ------- Toolbar made to look like a real card header ------- */
.mod-toolbar[b-ep4ifeoyt3] { /* keep it a card, but tighten */
    padding: var(--card-padding);
}
.mod-toolbar .section-title[b-ep4ifeoyt3] { margin-bottom: 0; }

.mod-toolbar .card-header-row[b-ep4ifeoyt3]{
    display:flex; align-items:center; justify-content:space-between; gap:1rem;
    padding-top: var(--spacing-sm);
    padding-bottom: var(--spacing-sm);
    border-bottom: 1px solid var(--color-border-light);
}

.mod-toolbar .toolbar-left[b-ep4ifeoyt3],
.mod-toolbar .toolbar-right[b-ep4ifeoyt3]{
    display:flex; align-items:center; gap:.75rem; flex-wrap:wrap;
}
.mod-toolbar .toolbar-right[b-ep4ifeoyt3]{ margin-left:auto; }

/* Picker width behaves on small screens */
.mod-toolbar .seq-picker[b-ep4ifeoyt3]{ width: min(360px, 100%); }

/* Actions adopt the card action shelf (border + spacing) via .card-actions class */
.mod-toolbar .toolbar-actions[b-ep4ifeoyt3]{ margin-top: 0; }

/* Hide top actions on phones; keep bottom actions visible */
@media (max-width:768px){
    .mod-toolbar .card-header-row[b-ep4ifeoyt3]{ flex-direction:column; align-items:flex-start; gap:.5rem; }
    .mod-toolbar .toolbar-right[b-ep4ifeoyt3]{ margin-left:0; }
    .mod-toolbar .seq-picker[b-ep4ifeoyt3]{ width:100%; }
    .mod-toolbar .toolbar-actions[b-ep4ifeoyt3]{ display:none !important; }
}

/* ------- Exercise cards: give fields a real grid contract ------- */
.ex-card[b-ep4ifeoyt3]{ padding: var(--card-padding); }
.ex-card .ex-head[b-ep4ifeoyt3]{
    display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap;
}

/* Field grid: 4 → 2 → 1, with notes spanning full width */
.ex-grid[b-ep4ifeoyt3]{
    display:grid; gap: var(--gap-sm);
    grid-template-columns: repeat(4, minmax(0,1fr));
    margin-top: var(--spacing-sm);
}
@media (max-width: 991.98px){ .ex-grid[b-ep4ifeoyt3]{ grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 575.98px){ .ex-grid[b-ep4ifeoyt3]{ grid-template-columns: 1fr; } }

.ex-field[b-ep4ifeoyt3]{ display:flex; flex-direction:column; gap:.25rem; min-width:0; }
.ex-notes[b-ep4ifeoyt3]{ grid-column: 1 / -1; } /* always full width */

/* Identity line behaves on phones */
@media (max-width:576px){
    .ex-card .ex-head .identity-line[b-ep4ifeoyt3]{ width:100%; }
    .ex-card .ex-head > .d-flex[b-ep4ifeoyt3]{ width:100%; flex-wrap:wrap; gap:.5rem; }
}

/* Round tiny arrows */
.btn-circle[b-ep4ifeoyt3]{ border-radius: 999px; width:38px; height:38px; padding:0; line-height:38px; text-align:center; }

/* Page rhythm */
.mb-section[b-ep4ifeoyt3] { margin-bottom: var(--spacing-xl); }
/* /Pages/Builds/Health/Trainer/Sessions/HealthTrainerSessionReport.razor.rz.scp.css */
/* ---------- HealthTrainerSessionReport.razor (scoped) ---------- */

/* page spacing */
.mb-section[b-uxv2vpfevd] { margin-bottom: var(--spacing-xl); }

/* ===================== */
/* SUMMARY (top card)    */
/* ===================== */
.session-summary[b-uxv2vpfevd] { gap: var(--gap-md); }
.session-summary .identity--card .identity-name[b-uxv2vpfevd]{ font-size: var(--font-size-header); }
.session-summary .identity-right .pill[b-uxv2vpfevd]{ white-space: nowrap; }

/* metric tiles under the summary header */
.summary-kpis[b-uxv2vpfevd]{
    display: grid;
    gap: var(--gap-sm);
    grid-template-columns: repeat(5, minmax(0,1fr)); /* includes Session Duration */
    align-items: stretch;
}
@media (max-width: 1200px){
    .summary-kpis[b-uxv2vpfevd]{ grid-template-columns: repeat(3, minmax(0,1fr)); }
}
@media (max-width: 991.98px){
    .summary-kpis[b-uxv2vpfevd]{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 575.98px){
    .summary-kpis[b-uxv2vpfevd]{ grid-template-columns: 1fr; }
}

/* ===================== */
/* PERFORMANCE TABLE     */
/* ===================== */
.table-footer[b-uxv2vpfevd]{ padding-top: var(--padding-sm); }

/* ===================== */
/* EXERCISE CARDS        */
/* ===================== */
.exercise-card[b-uxv2vpfevd]{
    padding: var(--padding-md);
    display: flex;
    flex-direction: column;
    gap: var(--gap-md);
}

.ex-header[b-uxv2vpfevd]{ margin-bottom: .25rem; }

/* three KPI tiles per row, collapse to two on small screens */
.metric-grid.ex-kpis[b-uxv2vpfevd]{
    display: grid;
    gap: var(--gap-sm);
    grid-template-columns: repeat(3, minmax(0,1fr));
}
@media (max-width: 575.98px){
    .metric-grid.ex-kpis[b-uxv2vpfevd]{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}

/* effort controls */
.ex-effort[b-uxv2vpfevd]{ display: grid; gap: var(--gap-sm); }
.effort-row[b-uxv2vpfevd]{
    display: flex;
    align-items: center;
    gap: var(--gap-sm);
    flex-wrap: wrap;
}

/* active effort state */
.pill.is-active[b-uxv2vpfevd]{
    background: var(--color-secondary);
    color: #fff;
}

/* notes */
textarea.form-control[b-uxv2vpfevd]{ resize: vertical; }

/* actions */
.report-actions[b-uxv2vpfevd]{ margin-top: var(--spacing-lg); }

/* Keep the global ring for normal controls, but NOT for .pill buttons */
a:focus-visible[b-uxv2vpfevd],
button:focus-visible:not(.pill)[b-uxv2vpfevd],
[role="button"]:focus-visible:not(.pill)[b-uxv2vpfevd],
input:focus-visible[b-uxv2vpfevd],
select:focus-visible[b-uxv2vpfevd],
textarea:focus-visible[b-uxv2vpfevd]{
    outline: none;
    box-shadow: var(--focus-ring);
    border-color: var(--color-primary);
}

/* Pills used as buttons: no ring / no border color swap */
button.pill:focus[b-uxv2vpfevd],
button.pill:active[b-uxv2vpfevd],
button.pill:focus-visible[b-uxv2vpfevd]{
    outline: none;
    box-shadow: none;
    border-color: inherit;
    -webkit-tap-highlight-color: transparent;
}

/* /Pages/Builds/Health/Trainer/Sessions/HealthTrainerSessions.razor.rz.scp.css */
.mb-section[b-yesllh6leq] { margin-bottom: 32px; }
.header-row[b-yesllh6leq] { margin-bottom: 8px; }

.session-card[b-yesllh6leq] { position: relative; }
.session-card > .corner-badge[b-yesllh6leq]{
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 3;
    pointer-events: none;
}

/* avatar | text | time | spacer (for corner badge) */
.session-card .identity-line.header-row[b-yesllh6leq]{
    display: grid;
    grid-template-columns: auto 1fr auto 160px;
    column-gap: 12px;
}
@media (max-width: 576px){
    .session-card .identity-line.header-row[b-yesllh6leq]{
        grid-template-columns: auto 1fr auto 120px;
    }
}

/* range pills (active only – base pill styles come from global) */
.pill-group[b-yesllh6leq] { display:flex; gap: 8px; align-items:center; }
.pill-group .pill.is-active[b-yesllh6leq]{
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: #fff;
}

/* stat cards */
.stat-card-link[b-yesllh6leq] { padding: 20px 16px; }

/* KPI grid: 3 → 2 → 1 */
.metric-grid.sess-grid[b-yesllh6leq]{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}
@media (max-width: 992px){ .metric-grid.sess-grid[b-yesllh6leq]{ grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 576px){ .metric-grid.sess-grid[b-yesllh6leq]{ grid-template-columns: 1fr; } }

.metric-grid.sess-grid > .info-panel[b-yesllh6leq]{
    display: flex; align-items: center; justify-content: space-between;
    height: 64px; min-height: 64px; padding: 8px 12px;
}
@media (max-width: 576px){
    .metric-grid.sess-grid > .info-panel[b-yesllh6leq]{ height: 60px; min-height: 60px; }
}

.metric-grid.sess-grid > .info-panel > *[b-yesllh6leq]{
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.metric-grid.sess-grid .value-strong[b-yesllh6leq]{
    margin-left: auto; display: inline-flex; align-items: center;
}
.metric-grid.sess-grid .value-strong .pill[b-yesllh6leq]{
    max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

/* hover affordance for tile links */
.metric-action[b-yesllh6leq]{
    text-decoration: none; color: inherit;
    transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.metric-action:hover[b-yesllh6leq],
.metric-action:focus-visible[b-yesllh6leq]{
    box-shadow: 0 6px 16px rgba(0,0,0,.08);
    transform: translateY(-1px);
    border-color: rgba(0,0,0,.2);
}

/* quick note */
.quick-note .note-input[b-yesllh6leq]{ min-height: 72px; resize: vertical; }

/* CTA shelf */
.card-actions[b-yesllh6leq]{
    margin-top: 16px; padding-top: 8px;
    border-top: 1px solid rgba(0,0,0,.08);
    display: flex; justify-content: flex-end; gap: 12px;
}
.session-ctas[b-yesllh6leq]{ display: flex; gap: 12px; width: auto; }
.session-ctas .btn[b-yesllh6leq]{ width: auto; min-width: 220px; min-height: 48px; }

@media (max-width: 991.98px){
    .card-actions[b-yesllh6leq]{ justify-content: stretch; }
    .session-ctas[b-yesllh6leq]{
        display: grid; grid-template-columns: 1fr 1fr; gap: 12px; width: 100%;
    }
    .session-ctas .btn[b-yesllh6leq]{ min-width: 0; width: 100%; }
}
@media (max-width: 480px){
    .session-ctas[b-yesllh6leq]{ grid-template-columns: 1fr; }
}

/* quiet links (history table) */
.link-quiet[b-yesllh6leq]{ text-decoration: none; }
.link-quiet:hover[b-yesllh6leq]{ text-decoration: none; filter: brightness(.95); }
/* /Pages/Builds/Health/Trainer/Sessions/HealthTrainerSessionsClient.razor.rz.scp.css */
.mb-section[b-3i66wtwop8]{ margin-bottom: var(--spacing-xl); }

/* Client hero */
.client-hero[b-3i66wtwop8] { padding: 12px 16px; }
.client-hero-top[b-3i66wtwop8] { display:flex; align-items:center; gap:12px; }

/* Selector styled like sequence modify dropdown */
.select-lg[b-3i66wtwop8] {
    appearance: none;
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-card);
    padding: .55rem .85rem;
    font-weight: var(--font-weight-bold);
    min-width: clamp(220px, 30vw, 420px);
    color: var(--color-primary);
    background:
            linear-gradient(to bottom, transparent, transparent) no-repeat,
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath fill='%2390A4AE' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") no-repeat right .65rem center / 18px 18px;
    background-color: var(--color-bg);
}
.select-lg:focus[b-3i66wtwop8]{ outline:none; box-shadow: var(--focus-ring); }

/* Weekly card head (time + compact pill on the right) */
.pill-compact[b-3i66wtwop8]{ display:inline-flex; font-size: var(--font-size-xs); white-space:nowrap; }

/* 4-up tiles like dashboard metric rows */
.metric-grid.grid-4[b-3i66wtwop8]{ grid-template-columns: repeat(4, minmax(0,1fr)) !important; }
@media (max-width: 991.98px){
    .metric-grid.grid-4[b-3i66wtwop8]{ grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
}
@media (max-width: 575.98px){
    .metric-grid.grid-4[b-3i66wtwop8]{ grid-template-columns: 1fr !important; }
}
/* /Pages/Builds/Health/Trainer/Sessions/HealthTrainerSessionsPreHE.razor.rz.scp.css */
/* spacing */
.mb-section[b-aihr8q3c3a] { margin-bottom: var(--spacing-xl); }

/* ================= Slider tiles (fixed layout) ================= */
.info-panel.slider-tile[b-aihr8q3c3a]{
    /* override global .info-panel horizontal flex */
    display: grid !important;
    grid-template-rows: auto auto;
    row-gap: .5rem;
}

.slider-head[b-aihr8q3c3a]{
    display: grid;
    grid-template-columns: 1fr auto;   /* label left, value right */
    align-items: baseline;
    column-gap: .75rem;
}

.slider-label[b-aihr8q3c3a]{
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
}

.slider-value[b-aihr8q3c3a]{
    font-variant-numeric: tabular-nums;
    text-align: right;
    min-width: 2ch;
}

.slider-range[b-aihr8q3c3a]{
    width: 100%;
    display: block;
    margin-top: .1rem;
}

/* ================= CE rows grid (unchanged) ================= */
.ce-row[b-aihr8q3c3a]{
    display:grid; gap: var(--gap-sm);
    grid-template-columns: 140px 1fr 120px 160px 180px 44px;
    align-items:center;
}
@media (max-width: 991.98px){
    .ce-row[b-aihr8q3c3a]{ grid-template-columns: 120px 1fr 100px 130px 1fr 44px; }
}
@media (max-width: 575.98px){
    .ce-row[b-aihr8q3c3a]{ grid-template-columns: 1fr 1fr; }
    .ce-row > *:nth-child(n+3)[b-aihr8q3c3a]{ grid-column: 1 / -1; }
}

/* misc */
.thr-zones[b-aihr8q3c3a]{ display:flex; flex-wrap:wrap; gap:.35rem; }
/* /Pages/Builds/Health/Trainer/Sessions/Sequences/HealthTrainerSequences.razor.rz.scp.css */
/* Page rhythm (consistent with other screens) */
.mb-section[b-syag4mj8mw] { margin-bottom: var(--spacing-xl); }
.card-panel .mb-row[b-syag4mj8mw] { margin-bottom: var(--spacing-md); }

/* Sequence tiles: true white on panel surface */
.sequence-card[b-syag4mj8mw] {
    background: var(--color-white);
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-lg);
}

/* Click-to-select card behavior */
.select-card[b-syag4mj8mw] {
    position: relative;
    cursor: pointer;
    transition: border-color var(--transition-fast), box-shadow var(--transition-fast), transform .06s ease-out;
}
.select-card:hover[b-syag4mj8mw] {
    border-color: color-mix(in srgb, var(--color-primary) 45%, var(--color-border-light));
    box-shadow: 0 2px 10px rgba(0,0,0,.04);
}
.select-card:active[b-syag4mj8mw] { transform: translateY(1px); }
.select-card:focus[b-syag4mj8mw],
.select-card:focus-visible[b-syag4mj8mw] {
    outline: none;
    box-shadow: var(--focus-ring);
}

/* Selected state = clear "picked" affordance */
.select-card.is-selected[b-syag4mj8mw] {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary) 20%, transparent),
    0 4px 14px rgba(0,0,0,.06);
}

/* Metric grid — exactly 3/2/1 columns */
.metric-grid.ex-grid[b-syag4mj8mw] {
    display: grid;
    gap: var(--gap-sm);
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 991.98px) {
    .metric-grid.ex-grid[b-syag4mj8mw] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 575.98px) {
    .metric-grid.ex-grid[b-syag4mj8mw] { grid-template-columns: 1fr; }
}

/* Metric tiles (exercise name + blue sets/reps) */
.ex-grid .ex-tile[b-syag4mj8mw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    padding: var(--padding-xs) var(--padding-sm);
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-lg);
    background: var(--color-white);
    box-shadow: 0 1px 4px rgba(0,0,0,.03);
}
.ex-grid .ex-tile span[b-syag4mj8mw] {
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ex-grid .ex-tile .value-strong[b-syag4mj8mw] {
    color: var(--color-primary);
}

/* CTAs: hidden until selected; right-aligned on desktop; 50/50 on tablet/mobile */
.seq-cta[b-syag4mj8mw] {
    display: none;
    margin-top: auto;
    justify-content: flex-end;
    gap: var(--gap-sm);
}
.select-card.is-selected .seq-cta[b-syag4mj8mw] { display: flex; }
.seq-cta .btn[b-syag4mj8mw] { min-width: 120px; }

@media (max-width: 991.98px) {
    .select-card.is-selected .seq-cta[b-syag4mj8mw] {
        width: 100%;
        justify-content: initial;
        display: grid;
        grid-template-columns: 1fr 1fr; /* 50/50 split */
        gap: var(--gap-sm);
    }
    .seq-cta .btn[b-syag4mj8mw] { min-width: 0; width: 100%; }
}

/* --- Filter bar (match Sequences page) ---------------------------------- */
.filters[b-syag4mj8mw]{
    display:flex; flex-wrap:wrap;
    align-items:center;
    gap: var(--gap-lg) var(--gap-lg);
}
.filter-group[b-syag4mj8mw]{
    display:flex; align-items:center; flex-wrap:wrap;
    gap: var(--gap-sm);
}
.filter-label[b-syag4mj8mw]{ margin-right: var(--spacing-xs); }

/* Intensity pills: muted when unselected, semantic when active */
.filter-pill[b-syag4mj8mw]{ cursor:pointer; }
.filter-int.is-muted[b-syag4mj8mw]{
    border: 1px solid var(--color-border-light);
    background: var(--color-surface);
    color: var(--color-text-strong);
}
.filter-int.pill-success[b-syag4mj8mw],
.filter-int.pill-warning[b-syag4mj8mw],
.filter-int.pill-danger[b-syag4mj8mw]{
    border-color: transparent; /* selected has solid fill */
}

/* keep the search input from shrinking in the input-group */
.input-group input[b-syag4mj8mw]{ min-width: 0; }

/* /Pages/Builds/Health/Trainer/Sessions/Sequences/Library/HealthTrainerSequencesLibrary.razor.rz.scp.css */
/* -------- Page rhythm --------------------------------------------------- */
.mb-section[b-1ckwg3cv9d] { margin-bottom: var(--spacing-xl); }

/* -------- Filter bar ---------------------------------------------------- */
.filters[b-1ckwg3cv9d]{
    display:flex; flex-wrap:wrap; align-items:center;
    gap: var(--gap-lg);
}
.filter-group[b-1ckwg3cv9d]{
    display:flex; align-items:center; flex-wrap:wrap;
    gap: var(--gap-sm);
}
.filter-label[b-1ckwg3cv9d]{ margin-right: var(--spacing-xs); }

.filter-pill[b-1ckwg3cv9d]{ cursor:pointer; }

/* Category chips — active uses secondary */
.filter-cat.is-active[b-1ckwg3cv9d]{
    background: var(--color-secondary);
    border-color: var(--color-secondary);
    color:#fff;
}

/* Intensity chips
   - Unselected: muted gray only (no success/warn/danger tones)
   - Selected: use semantic pill-* classes (colors come from global) */
.filter-int.is-muted[b-1ckwg3cv9d]{
    background: var(--color-surface);
    border: 1px solid var(--color-border-light);
    color: var(--color-text-strong);
}
.filter-int.pill-success[b-1ckwg3cv9d],
.filter-int.pill-warning[b-1ckwg3cv9d],
.filter-int.pill-danger[b-1ckwg3cv9d]{
    border-color: transparent;            /* no hard outline on selected */
}

/* Remove heavy default focus outline on these chips */
.filter-pill:focus[b-1ckwg3cv9d],
.filter-pill:focus-visible[b-1ckwg3cv9d]{
    outline: 0;
    box-shadow: none;
}

/* -------- Pair panel spacing ------------------------------------------- */
.pair-panel .mb-row[b-1ckwg3cv9d]{ margin-bottom: var(--spacing-md); }

/* -------- Sequence cards ------------------------------------------------
   True white tiles on a card-panel, and flex column so CTAs pin bottom/right */
.sequence-card[b-1ckwg3cv9d]{
    background: var(--color-white);
    border: 1px solid var(--color-border-light);
    display:flex;
    flex-direction:column;
}

/* -------- Metric grid (exercises) -------------------------------------- */
/* Exactly 3 per row on desktop, 2 on tablet, 1 on small phones */
.metric-grid.ex-grid[b-1ckwg3cv9d]{ grid-template-columns: repeat(3, minmax(0,1fr)); }
@media (max-width: 991.98px){
    .metric-grid.ex-grid[b-1ckwg3cv9d]{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 575.98px){
    .metric-grid.ex-grid[b-1ckwg3cv9d]{ grid-template-columns: minmax(0,1fr); }
}

/* Keep labels tidy inside tiles */
.ex-grid .info-panel span[b-1ckwg3cv9d]{
    min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

/* -------- Card actions (Assign / Modify) --------------------------------
   Right-aligned on desktop; 50/50 split on tablet/mobile */
.seq-cta[b-1ckwg3cv9d]{
    margin-top: auto;                 /* push to bottom of card */
    margin-left: auto;                /* hug right edge */
    display:flex; gap: var(--gap-sm);
}
.seq-cta .btn[b-1ckwg3cv9d]{ min-width: 120px; }

@media (max-width: 991.98px){
    .seq-cta[b-1ckwg3cv9d]{
        width: 100%;
        margin-left: 0;
        display:grid;
        grid-template-columns: 1fr 1fr; /* 50 / 50 */
        gap: var(--gap-sm);
    }
    .seq-cta .btn[b-1ckwg3cv9d]{
        min-width: 0;
        width: 100%;
    }
}

/* -------- Misc ---------------------------------------------------------- */
.input-group input[b-1ckwg3cv9d]{ min-width:0; }   /* prevent shrink in input-group */
/* /Pages/Builds/Health/Trainer/Sessions/Sequences/Modify/HealthTrainerSequenceModify.razor.rz.scp.css */
/* ------- Toolbar normalized to card header rhythm ------- */
.mod-toolbar[b-vdkwfg471p] { padding: var(--card-padding); }
.mod-toolbar .section-title[b-vdkwfg471p] { margin-bottom: 0; }

.mod-toolbar .card-header-row[b-vdkwfg471p]{
    display:flex; align-items:center; justify-content:space-between; gap:1rem;
    padding-top: var(--spacing-sm);
    padding-bottom: var(--spacing-sm);
    border-bottom: 1px solid var(--color-border-light);
}
.mod-toolbar .toolbar-left[b-vdkwfg471p],
.mod-toolbar .toolbar-right[b-vdkwfg471p]{
    display:flex; align-items:center; gap:.75rem; flex-wrap:wrap;
}
.mod-toolbar .toolbar-right[b-vdkwfg471p]{ margin-left:auto; }
.mod-toolbar .seq-picker[b-vdkwfg471p]{ width: min(360px, 100%); }

/* Actions pick up the standard shelf via .card-actions */
.mod-toolbar .toolbar-actions[b-vdkwfg471p]{ margin-top: 0; }

/* Mobile: collapse header row; hide the desktop-only action shelf */
@media (max-width:768px){
    .mod-toolbar .card-header-row[b-vdkwfg471p]{ flex-direction:column; align-items:flex-start; gap:.5rem; }
    .mod-toolbar .toolbar-right[b-vdkwfg471p]{ margin-left:0; }
    .mod-toolbar .seq-picker[b-vdkwfg471p]{ width:100%; }
    .mod-toolbar .toolbar-actions[b-vdkwfg471p]{ display:none !important; }
}

/* ------- Exercise cards: same grid contract as Session Modify ------- */
.ex-card[b-vdkwfg471p]{ padding: var(--card-padding); }
.ex-card .ex-head[b-vdkwfg471p]{
    display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap;
}

.ex-grid[b-vdkwfg471p]{
    display:grid; gap: var(--gap-sm);
    grid-template-columns: repeat(4, minmax(0,1fr));
    margin-top: var(--spacing-sm);
}
@media (max-width: 991.98px){ .ex-grid[b-vdkwfg471p]{ grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 575.98px){ .ex-grid[b-vdkwfg471p]{ grid-template-columns: 1fr; } }

.ex-field[b-vdkwfg471p]{ display:flex; flex-direction:column; gap:.25rem; min-width:0; }
.ex-notes[b-vdkwfg471p]{ grid-column: 1 / -1; }

@media (max-width:576px){
    .ex-card .ex-head .identity-line[b-vdkwfg471p]{ width:100%; }
    .ex-card .ex-head > .d-flex[b-vdkwfg471p]{ width:100%; flex-wrap:wrap; gap:.5rem; }
}

.btn-circle[b-vdkwfg471p]{ border-radius:999px; width:38px; height:38px; padding:0; line-height:38px; text-align:center; }

/* Page rhythm */
.mb-section[b-vdkwfg471p] { margin-bottom: var(--spacing-xl); }
/* /Pages/Builds/Law/LawLayout.razor.rz.scp.css */
/* /Pages/Builds/Lunarspace/CRM/Account/LunarspaceCrmAccount.razor.rz.scp.css */
/* /Pages/Builds/Lunarspace/Dashboard/LunarspaceDashboard.razor.rz.scp.css */
/* spacing */
.mb-section[b-d3muu1v51v] { margin-bottom: var(--spacing-xl); }

/* small circular avatars */
.avatar-xs[b-d3muu1v51v] {
    width: 28px; height: 28px; border-radius: 50%; object-fit: cover; flex: 0 0 28px;
}

/* subtle red attention strip on the left of alert cards */
.attention-card[b-d3muu1v51v] { position: relative; }
.attention-card[b-d3muu1v51v]::before {
    content: ""; position: absolute; inset: 0 auto 0 0; width: 6px;
    border-top-left-radius: var(--radius-card); border-bottom-left-radius: var(--radius-card);
    background: var(--card-danger-border); opacity: 0.9;
}

/* inline actions utility */
.inline-actions[b-d3muu1v51v] { display: flex; flex-wrap: wrap; gap: var(--gap-sm); font-size: var(--font-size-sm); }

/* pin CTA rows to bottom inside cards */
.card-actions[b-d3muu1v51v] { margin-top: auto; }

/* corner status on session cards */
.card[b-d3muu1v51v] { position: relative; }
.corner-badge[b-d3muu1v51v] { position: absolute; top: var(--spacing-md); right: var(--spacing-md); }

/* alert “×” dismiss icon (text button style) */
.alert[b-d3muu1v51v] { position: relative; }
.alert-dismiss[b-d3muu1v51v] {
    position: absolute; top: var(--spacing-sm); right: var(--spacing-sm);
    border: none; background: transparent; color: var(--color-text-muted);
    font-size: 1rem; line-height: 1; cursor: pointer;
}
.alert-dismiss:hover[b-d3muu1v51v] { color: var(--color-text-strong); }

/* reuse our “white tile” look for info panels (already themed) */
.info-panel[b-d3muu1v51v] {
    display: flex; align-items: center; justify-content: space-between; gap: .75rem;
    padding: var(--padding-sm) var(--padding-md);
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-card);
    background: var(--stat-tile-bg);
    box-shadow: var(--shadow-sm);
}

/* two-col KPI grid */
.metric-grid[b-d3muu1v51v] {
    display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: var(--gap-sm);
}
@media (max-width: 575.98px){ .metric-grid[b-d3muu1v51v] { grid-template-columns: 1fr; } }

/* Sessions: make cards feel like the client "today" tiles */
.session-card .value-lg[b-d3muu1v51v] { margin-top: .25rem; }
.session-card .inline-actions[b-d3muu1v51v] { font-size: var(--font-size-sm); }
.session-card .metric-grid .info-panel strong[b-d3muu1v51v] { font-weight: var(--font-weight-bold); }

/* keep the corner status tidy on these cards */
.session-card .corner-badge[b-d3muu1v51v] { top: var(--spacing-md); right: var(--spacing-md); }

/* clickable micro-tiles inside cards */
.tile-link[b-d3muu1v51v] {
    text-decoration: none;
    color: inherit;
    transition: transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);
}
.tile-link:hover[b-d3muu1v51v] {
    box-shadow: var(--card-hover-shadow);
    transform: translateY(-1px);
    border-color: var(--color-border-strong);
}

/* /Pages/Builds/Lunarspace/GAP/Settings/LunarspaceGapSettings.razor.rz.scp.css */
/* /Pages/Builds/Lunarspace/Layout/LunarspaceLayout.razor.rz.scp.css */
.dashboard-container[b-3sq7xiuhc3] {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

/* Avatar */
.user-avatar[b-3sq7xiuhc3] {
    font-size: 1.25rem;
    font-weight: bold;
    width: 64px;
    height: 64px;
    border-radius: 50%;
}

/* Score Ring */
.active-score[b-3sq7xiuhc3] {
    position: relative;
    display: inline-block;
    width: 64px;
    height: 64px;
}

.active-score svg[b-3sq7xiuhc3] {
    position: absolute;
    top: 0;
    left: 0;
}

.active-score-text[b-3sq7xiuhc3] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 0.9rem;
    font-weight: bold;
    color: #003366;
}

/* Subnav Tabs */
.nav-tabs-wrapper[b-3sq7xiuhc3] {
    margin-bottom: 1.5rem;
    border-bottom: 1px solid #dee2e6;
}

.nav-tabs[b-3sq7xiuhc3] {
    border-bottom: none;
}

.nav-tabs .nav-link[b-3sq7xiuhc3] {
    color: #003366;
    font-weight: 500;
    border: none;
    padding: 0.5rem 1rem;
}

.nav-tabs .nav-link.active[b-3sq7xiuhc3] {
    color: #007bff;
    border-bottom: 3px solid #007bff;
    font-weight: 600;
}

/* General Layout */
.content-container[b-3sq7xiuhc3] {
    padding-bottom: 2rem;
}
/* /Pages/Builds/Lunarspace/LunarspaceIndex.razor.rz.scp.css */