/* /Common/AccordionItem.razor.rz.scp.css */
.accordion-item[b-j91fl7ahyl] {
    border: 1px solid rgba(var(--stroke-rgb), 0.18);
    border-radius: 12px;
    background: rgba(var(--glass-rgb), 0.64);
    overflow: hidden;
}

.accordion-item:hover[b-j91fl7ahyl] {
    border-color: rgba(var(--stroke-rgb), 0.3);
}

.accordion-item.is-open[b-j91fl7ahyl] {
    border-color: rgba(var(--stroke-rgb), 0.3);
}

.accordion-item-summary[b-j91fl7ahyl] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 0;
    padding: 0;
    cursor: pointer;
    font-size: 12px;
    color: var(--text);
    background: rgba(var(--glass-rgb), 0.42);
    letter-spacing: 0.02em;
    user-select: none;
}

.accordion-item-summary:hover[b-j91fl7ahyl] {
    background: rgba(var(--glass-rgb), 0.6);
}

.accordion-item.is-open > .accordion-item-summary[b-j91fl7ahyl] {
    border-bottom: 1px solid rgba(var(--stroke-rgb), 0.12);
}

.accordion-item-label[b-j91fl7ahyl] {
    padding: 10px 12px;
    align-self: center;
    font-weight: 600;
    color: var(--muted);
}

.accordion-item-badge[b-j91fl7ahyl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    margin-right: 8px;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    border: 1px solid rgba(var(--accent-rgb), 0.55);
    background: rgba(var(--accent-rgb), 0.9);
    color: #fff3ef;
    font-size: 11px;
    font-weight: 700;
    line-height: 16px;
    text-align: center;
    font-variant-numeric: tabular-nums;
}

.accordion-item-caret[b-j91fl7ahyl] {
    margin-left: 0;
    width: 32px;
    min-height: 100%;
    border-left: 1px solid rgba(var(--stroke-rgb), 0.12);
    color: rgba(var(--stroke-rgb), 0.78);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    transform: none;
}

.accordion-item-caret[b-j91fl7ahyl]::before {
    content: "";
    width: 7px;
    height: 7px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(-45deg) translate(-1px, -1px);
    transform-origin: center;
    transition: transform 140ms ease;
}

.accordion-item-summary:hover > .accordion-item-caret[b-j91fl7ahyl] {
    color: var(--text);
    background: rgba(var(--stroke-rgb), 0.1);
}

.accordion-item.is-open > .accordion-item-summary > .accordion-item-caret[b-j91fl7ahyl]::before {
    transform: rotate(45deg) translate(-1px, -1px);
}

.accordion-item-content[b-j91fl7ahyl] {
    max-height: none;
    overflow: visible;
    border-top: 0;
    padding: 9px 10px;
    display: grid;
    gap: 6px;
    background: rgba(var(--glass-rgb), 0.42);
}

/* ── No-toggle variant ── */
.accordion-item.no-toggle > .accordion-item-summary[b-j91fl7ahyl] {
    pointer-events: none;
}

.accordion-item.no-toggle > .accordion-item-summary > .accordion-item-caret[b-j91fl7ahyl] {
    visibility: hidden;
}
/* /Common/ActionButton.razor.rz.scp.css */
.action-button[b-vcf3ux3aag] {
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
}

.action-button:disabled[b-vcf3ux3aag] {
    opacity: 0.4;
    cursor: default;
    pointer-events: none;
}
/* /Common/ActionMenu.razor.rz.scp.css */
/* ── List ── */
.action-menu-list[b-wykqk90m4y] {
    display: block;
}

/* ── Buttons ── */
[b-wykqk90m4y] .action-menu-btn {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 48px;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid rgba(var(--stroke-rgb), 0.12);
    background: transparent;
    color: var(--text);
    font: inherit;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.02em;
    padding: 12px 16px;
    cursor: pointer;
}

[b-wykqk90m4y] .action-menu-btn:last-child {
    border-bottom: 0;
}

[b-wykqk90m4y] .action-menu-btn:hover {
    background: rgba(var(--stroke-rgb), 0.06);
}

[b-wykqk90m4y] .action-menu-btn:active {
    background: rgba(var(--stroke-rgb), 0.12);
}

[b-wykqk90m4y] .action-menu-btn svg {
    width: 16px;
    height: 16px;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
    flex: 0 0 auto;
}

[b-wykqk90m4y] .action-menu-btn.action-delete {
    color: #ffc1c1;
}
/* /Common/BodyPartInfoPanel.razor.rz.scp.css */
.body-part-info[b-gmhs7qqnky] {
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
    z-index: 11;
    width: auto;
    padding: 12px 42px 12px 14px;
    background: rgba(var(--glass-rgb), 0.9);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(var(--stroke-rgb), 0.12);
    border-radius: 12px;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.28);
}

.body-part-info-fullscreen[b-gmhs7qqnky] {
    bottom: 24px;
}

.body-part-info-name[b-gmhs7qqnky] {
    font-size: 16px;
    font-weight: 700;
    color: var(--text);
}

.body-part-info-type[b-gmhs7qqnky] {
    margin-bottom: 2px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--muted);
}

.body-part-info-description[b-gmhs7qqnky] {
    margin-top: 6px;
    font-size: 13px;
    line-height: 1.4;
    color: rgba(var(--stroke-rgb), 0.75);
}

.body-part-info-groups[b-gmhs7qqnky] {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.body-part-info-group[b-gmhs7qqnky] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 8px;
    border-radius: 999px;
    background: rgba(var(--link-rgb), 0.12);
    border: 1px solid rgba(var(--link-rgb), 0.24);
    color: var(--text);
    font-size: 12px;
    line-height: 1;
}

.body-part-info-close[b-gmhs7qqnky] {
    all: unset;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    color: rgba(var(--stroke-rgb), 0.72);
    cursor: pointer;
}

@media (hover: hover) {
    .body-part-info-close:hover[b-gmhs7qqnky] {
        color: var(--text);
        background: rgba(var(--stroke-rgb), 0.08);
    }
}
/* /Common/Card.razor.rz.scp.css */
.card-shell[b-68a7dl1uwb] {
    border: 1px solid rgba(var(--stroke-rgb), 0.22);
    border-radius: 14px;
    background: rgba(var(--glass-rgb), 0.95);
    padding: 10px;
    display: grid;
    grid-template-rows: auto 1fr;
    gap: 10px;
    text-decoration: none;
    color: var(--text);
    transition:
        border-color 140ms ease,
        transform 140ms ease,
        box-shadow 140ms ease;
    font: inherit;
    cursor: pointer;
    text-align: left;
    outline: 0;
    -webkit-tap-highlight-color: transparent;
}

.card-shell.is-selected[b-68a7dl1uwb] {
    border-color: rgba(var(--active-rgb), 0.7);
    background: rgba(var(--glass-rgb), 0.95);
}

@media (hover: hover) {
    .card-shell:hover[b-68a7dl1uwb] {
        border-color: rgba(var(--stroke-rgb), 0.56);
        transform: translateY(-1px);
    }
}

.card-shell:focus-visible[b-68a7dl1uwb] {
    outline: none;
    border-color: rgba(var(--accent-rgb), 0.82);
    box-shadow: inset 0 0 0 1px rgba(var(--accent-rgb), 0.22), 0 12px 30px rgba(0, 0, 0, 0.32);
}

.card-thumb[b-68a7dl1uwb] {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid rgba(var(--stroke-rgb), 0.22);
    background: rgba(var(--glass-rgb), 0.92);
    aspect-ratio: 16 / 9;
}

.card-thumb[b-68a7dl1uwb]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(var(--glass-rgb), 0.28), transparent 58%);
    pointer-events: none;
}

.card-thumb-img[b-68a7dl1uwb] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 180ms ease;
}

@media (hover: hover) {
    .card-shell:hover .card-thumb-img[b-68a7dl1uwb] {
        transform: scale(1.03);
    }
}

.card-thumb.missing[b-68a7dl1uwb] {
    display: grid;
    place-items: center;
    background:
        radial-gradient(circle at 18% 20%, rgba(var(--accent-rgb), 0.2), transparent 44%),
        rgba(var(--glass-rgb), 0.92);
}

.card-thumb-fallback[b-68a7dl1uwb] {
    position: relative;
    z-index: 1;
    border: 1px dashed rgba(var(--stroke-rgb), 0.36);
    border-radius: 999px;
    padding: 5px 10px;
    color: rgba(var(--stroke-rgb), 0.86);
    font-size: 11px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.card-body[b-68a7dl1uwb] {
    display: grid;
    gap: 4px;
}

[b-68a7dl1uwb] .card-body h3 {
    margin: 0 0 4px;
    font-size: 13px;
    font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    line-height: 1.02;
}

[b-68a7dl1uwb] .card-body p {
    margin: 0;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.3;
    letter-spacing: 0.01em;
}
/* /Common/ConfirmDialog.razor.rz.scp.css */
[b-3c1axqe8eg] .confirm-dialog {
    position: relative;
    width: min(460px, calc(100vw - 24px));
    border: 1px solid rgba(var(--stroke-rgb), 0.24);
    border-radius: 12px;
    background: rgba(var(--glass-rgb), 1);
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.42);
    color: var(--text);
    opacity: 0;
    transform: translateY(10px);
    pointer-events: none;
    transition: opacity 180ms ease, transform 180ms ease;
}

[b-3c1axqe8eg] .confirm-dialog.visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

[b-3c1axqe8eg] .confirm-dialog > * {
    opacity: 0;
    transition: opacity 80ms ease;
}

[b-3c1axqe8eg] .confirm-dialog.visible > * {
    opacity: 1;
    transition: opacity 140ms ease 80ms;
}

.confirm-message[b-3c1axqe8eg] {
    margin: 0;
    padding: 4px 0;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.45;
}
/* /Common/DragReorderList.razor.rz.scp.css */
.drag-reorder-list[b-8ng04b9wta] {
    display: flex;
    flex-direction: column;
}

.drag-reorder-item.hold-ready[b-8ng04b9wta],
.drag-reorder-item.dragging[b-8ng04b9wta] {
    opacity: 0.4;
}

.drag-reorder-item.hold-ready[b-8ng04b9wta] {
    transition: opacity 120ms ease-out;
}

.drag-reorder-list.is-dragging[b-8ng04b9wta]  .drag-reorder-item:not(.dragging) > * {
    pointer-events: none;
}

.drag-reorder-item.drop-before[b-8ng04b9wta],
.drag-reorder-item.drop-after[b-8ng04b9wta] {
    position: relative;
    overflow: visible;
}

.drag-reorder-item.drop-before[b-8ng04b9wta]::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 3px;
    background: rgba(var(--link-rgb), 0.95);
    pointer-events: none;
    z-index: 2;
}

.drag-reorder-item.drop-after[b-8ng04b9wta]::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    background: rgba(var(--link-rgb), 0.95);
    pointer-events: none;
    z-index: 2;
}

[b-8ng04b9wta] [draggable="true"] {
    cursor: grab;
    user-select: none;
    -webkit-user-select: none;
}

[b-8ng04b9wta] [draggable="true"]:active {
    cursor: grabbing;
}
/* /Common/FilterModal.razor.rz.scp.css */
/* ── Content layout: scrollable facets, fixed summary footer ── */
[b-1ayjxluu6m] .filter-body {
    overflow: hidden !important;
}

[b-1ayjxluu6m] .filter-content {
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    gap: 12px;
    height: 100%;
    min-height: 0;
}

[b-1ayjxluu6m] .modal-summary-content {
    max-height: 40vh;
    overflow-y: auto;
}

/* ── Content toggles (rendered via ContentSection RenderFragment) ── */
[b-1ayjxluu6m] .toggle-row {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: var(--text);
    cursor: pointer;
    padding: 6px 0;
}

[b-1ayjxluu6m] .toggle-row input[type="checkbox"] {
    accent-color: var(--accent);
}

/* ── Gym toggle buttons inside facet sections ── */
[b-1ayjxluu6m] .gym-toggles {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(var(--stroke-rgb), 0.1);
    margin-bottom: 4px;
}

[b-1ayjxluu6m] .gym-toggle-btn {
    padding: 6px 12px;
    border: 1px solid rgba(var(--stroke-rgb), 0.15);
    border-radius: 8px;
    background: transparent;
    color: var(--muted);
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: border-color 140ms ease, background 140ms ease, color 140ms ease;
}

[b-1ayjxluu6m] .gym-toggle-btn:hover {
    border-color: rgba(var(--stroke-rgb), 0.3);
}

[b-1ayjxluu6m] .gym-toggle-btn--active,
[b-1ayjxluu6m] .gym-toggle-btn--active:hover {
    border-color: var(--accent);
    background: rgba(var(--accent-rgb), 0.1);
    color: var(--text);
}

/* ── Facet accordions ── */
[b-1ayjxluu6m] .facets {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-right: 6px;
    overflow-y: auto;
    overflow-x: hidden;
}

[b-1ayjxluu6m] .facets > * {
    flex-shrink: 0;
}

[b-1ayjxluu6m] .facet-option {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 8px;
    align-items: center;
    font-size: 12px;
    color: var(--text);
    cursor: pointer;
    padding: 6px 7px;
    border-radius: 8px;
}

[b-1ayjxluu6m] .facet-option:hover {
    background: rgba(var(--stroke-rgb), 0.08);
}

[b-1ayjxluu6m] .facet-option input[type="checkbox"] {
    accent-color: var(--accent);
    width: 14px;
    height: 14px;
    margin: 0;
    flex-shrink: 0;
}

[b-1ayjxluu6m] .facet-option span:first-of-type {
    flex: 1;
    min-width: 0;
}

[b-1ayjxluu6m] .facet-count {
    color: var(--muted);
    font-variant-numeric: tabular-nums;
}

[b-1ayjxluu6m] .facet-group-header {
    margin: 8px 0 2px;
    padding: 0 7px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--muted);
}

[b-1ayjxluu6m] .facet-group-header:first-child {
    margin-top: 0;
}

[b-1ayjxluu6m] .facet-option--locked {
    opacity: 0.5;
    cursor: default;
    pointer-events: none;
}

/* ── Match mode toggle ── */
[b-1ayjxluu6m] .match-mode-toggle {
    display: flex;
    gap: 4px;
    margin-bottom: 6px;
}

[b-1ayjxluu6m] .match-mode-btn {
    min-height: 26px;
    border: 1px solid rgba(var(--stroke-rgb), 0.24);
    border-radius: 6px;
    background: rgba(var(--glass-rgb), 0.7);
    color: var(--muted);
    font: inherit;
    font-size: 11px;
    font-weight: 600;
    padding: 0 10px;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

[b-1ayjxluu6m] .match-mode-btn.is-active {
    border-color: rgba(var(--accent-rgb), 0.56);
    background: rgba(var(--accent-rgb), 0.16);
    color: #ffd9cc;
}

/* ── Filter summary content ── */
[b-1ayjxluu6m] .filter-summary-stats {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    width: 100%;
    font-size: 14px;
}

[b-1ayjxluu6m] .filter-summary-filters {
    color: var(--text);
    font-weight: 700;
}

[b-1ayjxluu6m] .filter-summary-divider {
    color: rgba(var(--muted-rgb), 0.5);
}

[b-1ayjxluu6m] .filter-summary-results {
    color: var(--muted);
    font-size: 14px;
    font-variant-numeric: tabular-nums;
}

/* ── Active filter pills ── */
[b-1ayjxluu6m] .filter-rows {
    display: grid;
    gap: 12px;
    justify-items: start;
}

[b-1ayjxluu6m] .filter-row {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 6px;
    align-items: start;
}

[b-1ayjxluu6m] .filter-row + .filter-row {
    border-top: 1px solid rgba(var(--stroke-rgb), 0.14);
    padding-top: 10px;
}

[b-1ayjxluu6m] .filter-row-key {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--muted);
    padding-right: 6px;
}

[b-1ayjxluu6m] .filter-row-values {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    width: 100%;
    min-width: 0;
}

[b-1ayjxluu6m] .filter-row-joiner {
    display: inline-flex;
    align-items: center;
    font-size: 10px;
    text-transform: uppercase;
    color: rgba(var(--muted-rgb), 0.76);
}

[b-1ayjxluu6m] .filter-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 28px;
    max-width: 280px;
    border: 1px solid rgba(var(--stroke-rgb), 0.26);
    border-radius: 999px;
    background: rgba(var(--glass-rgb), 0.62);
    color: var(--text);
    font: inherit;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    padding: 0 8px 0 10px;
    cursor: pointer;
}

[b-1ayjxluu6m] .filter-pill:hover {
    border-color: rgba(var(--accent-rgb), 0.56);
    background: rgba(var(--accent-rgb), 0.16);
    color: var(--text);
}

[b-1ayjxluu6m] .filter-pill-value {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--text);
}

[b-1ayjxluu6m] .filter-pill-close {
    display: inline-grid;
    place-items: center;
    width: 16px;
    height: 16px;
    border: 1px solid rgba(var(--stroke-rgb), 0.26);
    border-radius: 999px;
    font-size: 12px;
    flex-shrink: 0;
    line-height: 1;
}

/* ── Mobile ── */
@media (max-width: 680px) {
    [b-1ayjxluu6m] .filter-pill {
        max-width: 100%;
    }
}
/* /Common/InputDialog.razor.rz.scp.css */
[b-qkv96d8cxv] .input-dialog {
    position: relative;
    width: min(620px, calc(100vw - 24px));
    max-height: calc(100vh - 48px);
    max-height: calc(100dvh - 48px);
    grid-template-rows: none;
    border: 1px solid rgba(var(--stroke-rgb), 0.24);
    border-radius: 12px;
    background: rgba(var(--glass-rgb), 1);
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.42);
    color: var(--text);
    padding: 0;
    opacity: 0;
    transform: translateY(10px);
    pointer-events: none;
    transition: opacity 180ms ease, transform 180ms ease;
}

[b-qkv96d8cxv] .input-dialog.visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.input-title[b-qkv96d8cxv] {
    margin: 0;
    padding: 12px 16px 10px;
    color: var(--muted);
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(var(--stroke-rgb), 0.18);
}

.input-field[b-qkv96d8cxv] {
    display: block;
    padding: 12px 16px 0;
}

.input-label[b-qkv96d8cxv] {
    display: block;
    margin-bottom: 8px;
    color: var(--muted);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.03em;
}

.input-control[b-qkv96d8cxv] {
    width: 100%;
    box-sizing: border-box;
    border-radius: 9px;
    border: 1px solid rgba(var(--stroke-rgb), 0.24);
    background: rgba(var(--glass-rgb), 0.85);
    color: var(--text);
    font: inherit;
    font-size: 16px;
    line-height: 1.4;
    padding: 10px 12px;
    outline: none;
    transition: border-color 140ms ease, box-shadow 140ms ease;
}

.input-control:focus[b-qkv96d8cxv] {
    border-color: rgba(var(--active-rgb), 0.7);
    box-shadow: 0 0 0 1px rgba(var(--active-rgb), 0.35);
}

.input-control[b-qkv96d8cxv]::placeholder {
    color: rgba(var(--muted-rgb), 0.5);
}

.input-textarea[b-qkv96d8cxv] {
    min-height: 128px;
    max-height: calc(100dvh - 200px);
    field-sizing: content;
    resize: vertical;
}

.input-actions[b-qkv96d8cxv] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    padding: 12px 16px 16px;
}

.input-btn[b-qkv96d8cxv] {
    min-height: 40px;
    border-radius: 9px;
    border: 1px solid rgba(var(--stroke-rgb), 0.24);
    background: var(--overlay-bg);
    color: var(--text);
    font: inherit;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: border-color 120ms ease, background 120ms ease;
}

.input-btn:hover[b-qkv96d8cxv] {
    border-color: rgba(var(--stroke-rgb), 0.4);
    background: rgba(var(--glass-rgb), 0.85);
}

.input-btn.primary[b-qkv96d8cxv] {
    border-color: rgba(var(--active-rgb), 0.65);
    color: var(--active);
}

.input-btn.primary:hover:not(:disabled)[b-qkv96d8cxv] {
    border-color: rgba(var(--active-rgb), 0.85);
    background: rgba(var(--glass-rgb), 0.9);
}

.input-btn:disabled[b-qkv96d8cxv] {
    opacity: 0.35;
    cursor: default;
    pointer-events: none;
}
/* /Common/ListToolbar.razor.rz.scp.css */
/* ── Shared card + panel ── */
.card[b-hnqgqbgopq] {
    border: 1px solid rgba(var(--stroke-rgb), 0.22);
    border-radius: 16px;
    background: rgba(var(--glass-rgb), 0.96);
}

.panel[b-hnqgqbgopq] {
    padding: 14px;
}

/* ── Title ── */
.toolbar-title[b-hnqgqbgopq] {
    font-size: 28px;
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1.1;
    margin: 0 0 12px;
    color: var(--text);
}

.toolbar-title-suffix[b-hnqgqbgopq] {
    color: var(--muted);
    font-weight: 600;
}

/* ── Toolbar ── */
.toolbar-row[b-hnqgqbgopq] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.search-wrap[b-hnqgqbgopq] {
    flex: 1;
    position: relative;
    display: flex;
    align-items: center;
}

.search-icon[b-hnqgqbgopq] {
    position: absolute;
    left: 10px;
    width: 16px;
    height: 16px;
    fill: none;
    stroke: var(--muted);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    pointer-events: none;
}

.search-input[b-hnqgqbgopq] {
    width: 100%;
    min-height: 36px;
    border: 1px solid rgba(var(--stroke-rgb), 0.24);
    border-radius: 10px;
    background: rgba(var(--glass-rgb), 0.7);
    color: var(--text);
    font: inherit;
    font-size: 14px;
    padding: 7px 32px 7px 32px;
}

.search-clear[b-hnqgqbgopq] {
    position: absolute;
    right: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 999px;
    background: transparent;
    color: var(--muted);
    cursor: pointer;
    padding: 0;
}

.search-clear svg[b-hnqgqbgopq] {
    width: 14px;
    height: 14px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.search-clear:hover[b-hnqgqbgopq] {
    color: var(--text);
    background: rgba(var(--stroke-rgb), 0.1);
}

.search-input[b-hnqgqbgopq]::placeholder {
    color: rgba(var(--stroke-rgb), 0.35);
}

.search-input:focus[b-hnqgqbgopq] {
    outline: none;
    border-color: rgba(var(--accent-rgb), 0.6);
}

/* ── Icon buttons (sort + filter) ── */
.icon-btn[b-hnqgqbgopq] {
    position: relative;
    min-height: 38px;
    min-width: 44px;
    border: 1px solid rgba(var(--stroke-rgb), 0.24);
    border-radius: 8px;
    background: rgba(var(--glass-rgb), 0.82);
    color: var(--text);
    font: inherit;
    padding: 0;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.icon-btn svg[b-hnqgqbgopq] {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.icon-btn:hover[b-hnqgqbgopq] {
    border-color: rgba(var(--stroke-rgb), 0.56);
}

.icon-btn.is-active[b-hnqgqbgopq] {
    border-color: rgba(var(--accent-rgb), 0.56);
    background: rgba(var(--accent-rgb), 0.12);
    color: #ffd9cc;
}

.icon-badge[b-hnqgqbgopq] {
    position: absolute;
    top: -6px;
    right: -6px;
    min-width: 18px;
    height: 18px;
    border-radius: 999px;
    background: rgba(var(--accent-rgb), 0.9);
    border: 1px solid rgba(var(--accent-rgb), 0.55);
    color: #fff3ef;
    font-size: 11px;
    font-weight: 700;
    display: grid;
    place-items: center;
    padding: 0 4px;
    line-height: 1;
}

/* ── Mobile ── */
@media (max-width: 680px) {
    .panel[b-hnqgqbgopq] {
        padding: 12px;
    }
}
/* /Common/LoadingSpinner.razor.rz.scp.css */
.loading-spinner[b-8eonu20ywe] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--glass-rgb), 0.85);
    backdrop-filter: blur(6px);
}

.loading-spinner-panel[b-8eonu20ywe] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
}

.loading-spinner-ring[b-8eonu20ywe] {
    width: 36px;
    height: 36px;
    border: 3px solid rgba(var(--stroke-rgb), 0.15);
    border-top-color: var(--muted);
    border-radius: 50%;
    animation: spin-b-8eonu20ywe 0.8s linear infinite;
}

.loading-spinner-label[b-8eonu20ywe] {
    font-size: 14px;
    color: var(--muted);
}

@keyframes spin-b-8eonu20ywe {
    to { transform: rotate(360deg); }
}
/* /Common/Modals/ModalHost.razor.rz.scp.css */
/* Panel styles for modal types rendered through ModalHost.
   These override the base .modal-panel sizing from ModalShell.razor.css. */

[b-8x4apbvmc1] .confirm-dialog {
    position: relative;
    width: min(460px, calc(100vw - 24px));
    border: 1px solid rgba(var(--stroke-rgb), 0.24);
    border-radius: 12px;
    background: rgba(var(--glass-rgb), 1);
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.42);
    color: var(--text);
    opacity: 0;
    transform: translateY(10px);
    pointer-events: none;
    transition: opacity 180ms ease, transform 180ms ease;
}

[b-8x4apbvmc1] .confirm-dialog.visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

[b-8x4apbvmc1] .input-dialog {
    position: relative;
    width: min(620px, calc(100vw - 24px));
    max-height: calc(100vh - 48px);
    max-height: calc(100dvh - 48px);
    grid-template-rows: none;
    border: 1px solid rgba(var(--stroke-rgb), 0.24);
    border-radius: 12px;
    background: rgba(var(--glass-rgb), 1);
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.42);
    color: var(--text);
    opacity: 0;
    transform: translateY(10px);
    pointer-events: none;
    transition: opacity 180ms ease, transform 180ms ease;
}

[b-8x4apbvmc1] .input-dialog.visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

[b-8x4apbvmc1] .phase-edit-dialog {
    position: relative;
    width: min(620px, calc(100vw - 24px));
    max-height: calc(100vh - 48px);
    max-height: calc(100dvh - 48px);
    grid-template-rows: none;
    border: 1px solid rgba(var(--stroke-rgb), 0.24);
    border-radius: 12px;
    background: rgba(var(--glass-rgb), 1);
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.42);
    color: var(--text);
    opacity: 0;
    transform: translateY(10px);
    pointer-events: none;
    transition: opacity 180ms ease, transform 180ms ease;
}

[b-8x4apbvmc1] .phase-edit-dialog.visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

[b-8x4apbvmc1] .workout-edit-dialog {
    position: relative;
    width: min(620px, calc(100vw - 24px));
    max-height: calc(100vh - 48px);
    max-height: calc(100dvh - 48px);
    grid-template-rows: none;
    border: 1px solid rgba(var(--stroke-rgb), 0.24);
    border-radius: 12px;
    background: rgba(var(--glass-rgb), 1);
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.42);
    color: var(--text);
    opacity: 0;
    transform: translateY(10px);
    pointer-events: none;
    transition: opacity 180ms ease, transform 180ms ease;
}

[b-8x4apbvmc1] .workout-edit-dialog.visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

[b-8x4apbvmc1] .training-focus-dialog {
    position: relative;
    width: min(420px, calc(100vw - 24px));
    max-height: calc(100vh - 48px);
    max-height: calc(100dvh - 48px);
    grid-template-rows: none;
    border: 1px solid rgba(var(--stroke-rgb), 0.24);
    border-radius: 12px;
    background: rgba(var(--glass-rgb), 1);
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.42);
    color: var(--text);
    opacity: 0;
    transform: translateY(10px);
    pointer-events: none;
    transition: opacity 180ms ease, transform 180ms ease;
}

[b-8x4apbvmc1] .training-focus-dialog.visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}
/* /Common/Modals/TextInputModalView.razor.rz.scp.css */
.input-field[b-9z6skq0r6u] {
    display: block;
    padding: 12px 0 0;
}

.input-textarea[b-9z6skq0r6u] {
    min-width: 0;
    min-height: 128px;
    max-height: calc(100dvh - 200px);
    field-sizing: content;
    resize: vertical;
}
/* /Common/ModalShell.razor.rz.scp.css */
/* Root overlay + backdrop styles live in app.css (global)
   because modalInterop.moveToBody relocates the element
   outside the Blazor component tree, stripping scoped attrs. */

/* ── Panel (base) ── */
[b-pfl1qruut5] .modal-panel {
    --filter-modal-gap: 12px;
    --filter-modal-pad: 14px;
    z-index: 10101;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    border: 1px solid rgba(var(--stroke-rgb), 0.22);
    border-radius: 14px;
    background: rgba(var(--glass-rgb), 1);
    box-shadow: 0 22px 50px rgba(0, 0, 0, 0.44);
    padding: 0 var(--filter-modal-pad) var(--filter-modal-pad);
    opacity: 0;
    pointer-events: none;
    transition: opacity 140ms ease, transform 140ms ease;
    overflow: hidden;
}

[b-pfl1qruut5] .modal-panel.visible {
    opacity: 1;
    pointer-events: auto;
}

[b-pfl1qruut5] .modal-panel > * {
    opacity: 0;
    transition: opacity 80ms ease;
}

[b-pfl1qruut5] .modal-panel.visible > * {
    opacity: 1;
    transition: opacity 120ms ease 60ms;
}

/* ── Small modal (sort) ── */
[b-pfl1qruut5] .modal-panel.modal-sm {
    position: relative;
    width: min(380px, calc(100vw - 20px));
    gap: 10px;
}

/* ── Large modal (filter) ── */
[b-pfl1qruut5] .modal-panel.modal-lg {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0.98);
    width: min(840px, calc(100% - (var(--filter-modal-gap) * 2)));
    gap: 6px;
}

[b-pfl1qruut5] .modal-panel.modal-lg.visible {
    transform: translate(-50%, -50%) scale(1);
}

/* ── Full-screen height ── */
[b-pfl1qruut5] .modal-panel.modal-full {
    height: calc(100vh - 48px);
    height: calc(100dvh - 48px);
    max-height: calc(100vh - 48px);
    max-height: calc(100dvh - 48px);
}

/* ── Common inner elements ── */
[b-pfl1qruut5] .modal-head {
    display: block;
}

[b-pfl1qruut5] .modal-header {
    margin: 0;
    margin-left: calc(-1 * var(--filter-modal-pad));
    margin-right: calc(-1 * var(--filter-modal-pad));
    padding: 12px var(--filter-modal-pad) 10px;
    color: var(--muted);
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(var(--stroke-rgb), 0.18);
}

[b-pfl1qruut5] .modal-body {
    min-height: 0;
    overflow: auto;
    overflow-x: hidden;
    scrollbar-gutter: stable;
    margin-left: calc(-1 * var(--filter-modal-pad));
    margin-right: calc(-1 * var(--filter-modal-pad));
    padding-top: var(--filter-modal-gap);
    padding-left: var(--filter-modal-pad);
    padding-right: var(--filter-modal-pad);
}

[b-pfl1qruut5] .modal-foot {
    display: grid;
    gap: 8px;
    padding-top: 8px;
}

/* ── Summary accordion (collapsible filter bar) ── */
[b-pfl1qruut5] .modal-summary-panel {
    margin: 0;
    width: 100%;
    border: 1px solid rgba(var(--stroke-rgb), 0.2);
    border-radius: 12px;
    background: rgba(var(--glass-rgb), 0.88);
    overflow: hidden;
}

[b-pfl1qruut5] .modal-summary-panel > summary {
    list-style: none;
}

[b-pfl1qruut5] .modal-summary-panel > summary::-webkit-details-marker {
    display: none;
}

[b-pfl1qruut5] .modal-summary-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 32px;
    align-items: stretch;
    gap: 0;
    padding: 0;
    cursor: pointer;
    user-select: none;
    background: transparent;
}

[b-pfl1qruut5] .modal-summary-head:hover {
    background: rgba(var(--stroke-rgb), 0.04);
}

[b-pfl1qruut5] .modal-summary-label {
    min-width: 0;
    align-self: center;
    padding: 8px 10px;
}

[b-pfl1qruut5] .modal-summary-toggle {
    width: 32px;
    min-height: 100%;
    border-left: 1px solid rgba(var(--stroke-rgb), 0.12);
    color: rgba(var(--stroke-rgb), 0.78);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
}

[b-pfl1qruut5] .modal-summary-head:hover .modal-summary-toggle {
    color: var(--text);
    background: rgba(var(--stroke-rgb), 0.1);
}

[b-pfl1qruut5] .modal-summary-toggle::before {
    content: "";
    width: 7px;
    height: 7px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(-45deg) translate(-1px, -1px);
    transform-origin: center;
    transition: transform 140ms ease;
}

[b-pfl1qruut5] .modal-summary-panel[open] > .modal-summary-head .modal-summary-toggle::before {
    transform: rotate(45deg) translate(-1px, -1px);
}

[b-pfl1qruut5] .modal-summary-panel[open] > .modal-summary-head {
    border-bottom: 1px solid rgba(var(--stroke-rgb), 0.12);
}

[b-pfl1qruut5] .modal-summary-content {
    padding: 8px 10px 10px;
    background: transparent;
}

[b-pfl1qruut5] .modal-summary-panel.no-toggle > .modal-summary-head {
    grid-template-columns: minmax(0, 1fr);
    pointer-events: none;
}

[b-pfl1qruut5] .modal-summary-panel.no-toggle .modal-summary-toggle {
    display: none;
}

[b-pfl1qruut5] .modal-actions {
    display: flex;
    justify-content: stretch;
    align-items: center;
    gap: 8px;
}

[b-pfl1qruut5] .modal-actions .btn-clear {
    flex: 0 0 auto;
    border: 1px solid rgba(var(--accent-rgb), 0.4);
    border-radius: 10px;
    background: rgba(var(--glass-rgb), 0.8);
    color: var(--accent);
    font: inherit;
    font-size: 12px;
    min-height: 38px;
    padding: 7px 14px;
    cursor: pointer;
}

[b-pfl1qruut5] .modal-actions .btn-clear:hover {
    border-color: rgba(var(--accent-rgb), 0.7);
    background: rgba(var(--accent-rgb), 0.1);
}

[b-pfl1qruut5] .modal-actions .btn-confirm {
    flex: 1;
    border: 1px solid rgba(var(--active-rgb), 0.65);
    border-radius: 10px;
    background: rgba(var(--glass-rgb), 0.8);
    color: var(--active);
    font: inherit;
    font-size: 12px;
    min-height: 38px;
    padding: 7px 10px;
    cursor: pointer;
}

[b-pfl1qruut5] .modal-actions .btn-confirm:hover {
    border-color: rgba(var(--active-rgb), 0.85);
    background: rgba(var(--glass-rgb), 0.9);
}

/* ── Mobile ── */
[b-pfl1qruut5] .modal-panel {
    min-width: 666px;
}

@media (max-width: 680px) {
    [b-pfl1qruut5] .modal-panel {
        --filter-modal-gap: 7px;
        --filter-modal-pad: 12px;
        min-width: 0;
        width: calc(100% - (var(--filter-modal-gap) * 2));
    }
}
/* /Common/OverlayPanel.razor.rz.scp.css */
/* Styles live in app.css (global) because moveToBody relocates
   the element outside the Blazor component tree, stripping scoped attrs. */
/* /Common/RangeSlider.razor.rz.scp.css */
.range-slider[b-sgpavvnror] {
    position: relative;
    display: block;
    width: 100%;
    height: 44px;
    cursor: pointer;
    touch-action: none;
    user-select: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    outline: none;
}

.range-slider-track[b-sgpavvnror] {
    position: absolute;
    top: 50%;
    left: 10px;
    right: 10px;
    height: 8px;
    transform: translateY(-50%);
    border-radius: 999px;
    background: rgba(var(--stroke-rgb), 0.2);
    overflow: visible;
}

.range-slider-fill[b-sgpavvnror] {
    height: 100%;
    border-radius: 999px;
    background: rgba(var(--link-rgb), 0.34);
    pointer-events: none;
}

.range-slider-thumb[b-sgpavvnror] {
    position: absolute;
    top: 50%;
    width: 20px;
    height: 34px;
    transform: translateY(-50%);
    border-radius: 5px;
    background: var(--link);
    border: 1px solid rgba(var(--stroke-rgb), 0.92);
    box-shadow: 0 4px 10px rgba(var(--glass-rgb), 0.32);
    pointer-events: none;
}

.range-slider:focus-visible .range-slider-thumb[b-sgpavvnror] {
    box-shadow:
        0 4px 10px rgba(var(--glass-rgb), 0.32),
        0 0 0 3px rgba(var(--link-rgb), 0.22);
}
/* /Common/SortModal.razor.rz.scp.css */
.sort-body[b-94thgpx3ux] {
    display: grid;
    gap: 7px;
}

.sort-label[b-94thgpx3ux] {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: rgba(var(--stroke-rgb), 0.82);
}

.sort-select[b-94thgpx3ux] {
    width: 100%;
    min-height: 38px;
    border: 1px solid rgba(var(--stroke-rgb), 0.3);
    border-radius: 10px;
    background: rgba(var(--glass-rgb), 0.8);
    color: var(--text);
    font: inherit;
    font-size: 16px;
    padding: 9px 34px 9px 10px;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23cfe1f2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 14px 14px;
}
/* /Common/StringListEditPanel.razor.rz.scp.css */
.edit-panel[b-xo4f57d6t4] {
    display: grid;
    gap: 6px;
}

[b-xo4f57d6t4] .drag-reorder-list {
    gap: 4px;
}

.edit-panel--numbered[b-xo4f57d6t4] {
    counter-reset: step;
}

.edit-list-item[b-xo4f57d6t4] {
    display: flex;
    align-items: center;
    gap: 6px;
    border: 1px solid rgba(var(--stroke-rgb), 0.16);
    border-radius: 10px;
    background: rgba(var(--glass-rgb), 0.5);
    padding: 6px 8px;
    min-height: 36px;
}

.edit-panel--numbered .edit-list-item[b-xo4f57d6t4] {
    counter-increment: step;
}

.edit-panel--numbered .edit-list-item[b-xo4f57d6t4]::before {
    content: counter(step) ".";
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 700;
    color: var(--muted);
    min-width: 20px;
}

.edit-item-text[b-xo4f57d6t4] {
    flex: 1;
    min-width: 0;
    font: inherit;
    font-size: 12px;
    color: var(--text);
    background: none;
    border: none;
    padding: 0;
    text-align: left;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.45;
}

.edit-item-text:hover[b-xo4f57d6t4] {
    color: #fff;
}

.edit-item-actions[b-xo4f57d6t4] {
    display: flex;
    align-items: center;
    gap: 2px;
    flex-shrink: 0;
}

.edit-action-btn[b-xo4f57d6t4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: var(--muted);
    cursor: pointer;
    padding: 0;
}

.edit-action-btn svg[b-xo4f57d6t4] {
    width: 14px;
    height: 14px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.edit-action-btn:hover[b-xo4f57d6t4] {
    background: rgba(var(--stroke-rgb), 0.1);
    color: var(--text);
}

.edit-action-btn--delete:hover[b-xo4f57d6t4] {
    background: rgba(var(--targeted-rgb), 0.15);
    color: var(--targeted);
}

.edit-add-btn[b-xo4f57d6t4] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px dashed rgba(var(--stroke-rgb), 0.25);
    border-radius: 10px;
    background: transparent;
    color: var(--muted);
    font: inherit;
    font-size: 12px;
    padding: 7px 10px;
    cursor: pointer;
    transition: border-color 140ms ease, color 140ms ease;
}

.edit-add-btn svg[b-xo4f57d6t4] {
    width: 14px;
    height: 14px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.edit-add-btn:hover[b-xo4f57d6t4] {
    border-color: rgba(var(--active-rgb), 0.5);
    color: var(--active);
}
/* /Common/Tooltip.razor.rz.scp.css */
.tooltip-anchor[b-bwj3rgbyv7] {
    display: inline-flex;
    align-items: center;
}

.tooltip-trigger[b-bwj3rgbyv7] {
    display: inline-flex;
    align-items: center;
}

.tooltip-backdrop[b-bwj3rgbyv7] {
    position: fixed;
    inset: 0;
    z-index: 100;
}

.tooltip-panel[b-bwj3rgbyv7] {
    position: fixed;
    z-index: 101;
    visibility: hidden;
    min-width: 240px;
    max-width: 320px;
    padding: 8px 10px;
    border-radius: 8px;
    border: 1px solid;
    background: rgba(var(--glass-rgb), 0.95);
    font-size: 12px;
    line-height: 1.5;
    color: var(--muted);
}
/* /Features/Anatomy/Explorer/AnatomyExplorer.razor.rz.scp.css */
/* ── Layout ── */

.anatomy-layout[b-m6ue7oun9j] {
    width: 100%;
    height: 100%;
    display: flex;
}

/* ── Model toggle ── */

.model-toggle[b-m6ue7oun9j] {
    display: flex;
    padding: 8px 12px;
    gap: 0;
    border-bottom: 1px solid rgba(var(--stroke-rgb), 0.08);
    flex-shrink: 0;
}

.model-btn[b-m6ue7oun9j] {
    all: unset;
    flex: 1;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    font-family: inherit;
    font-weight: 500;
    color: rgba(226, 232, 240, 0.4);
    cursor: pointer;
    border-bottom: 2px solid transparent;
    transition: color 0.15s, border-color 0.15s;
}

@media (hover: hover) {
    .model-btn:hover[b-m6ue7oun9j] {
        color: #e2e8f0;
    }
}

.model-btn.active[b-m6ue7oun9j] {
    color: #e2e8f0;
    border-bottom-color: rgba(99, 179, 237, 0.7);
}

/* ── Panel ── */

.muscle-panel[b-m6ue7oun9j] {
    width: 50%;
    max-width: 280px;
    flex-shrink: 0;
    background: rgba(var(--glass-rgb), 1);
    border-right: 1px solid rgba(var(--stroke-rgb), 0.08);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.muscle-list[b-m6ue7oun9j] {
    flex: 1;
    overflow-y: auto;
    padding: 6px;
    scrollbar-width: thin;
    scrollbar-color: rgba(var(--stroke-rgb), 0.12) transparent;
}

/* ── Content toggle ── */

.content-toggle[b-m6ue7oun9j] {
    position: relative;
    display: flex;
    padding: 8px 8px 6px;
    flex-shrink: 0;
}

.content-select[b-m6ue7oun9j] {
    all: unset;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    font-size: 14px;
    font-family: inherit;
    font-weight: 600;
    color: #e2e8f0;
    background: rgba(var(--glass-rgb), 0.6);
    border: 1px solid rgba(var(--stroke-rgb), 0.12);
    border-radius: 6px;
    cursor: pointer;
    transition: border-color 0.15s;
    box-sizing: border-box;
}

@media (hover: hover) {
    .content-select:hover[b-m6ue7oun9j] {
        border-color: rgba(99, 179, 237, 0.5);
    }
}

.content-select-label[b-m6ue7oun9j] {
    flex: 1;
}

.content-select-arrow[b-m6ue7oun9j] {
    flex-shrink: 0;
    opacity: 0.5;
}

.color-dot[b-m6ue7oun9j] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.content-dropdown[b-m6ue7oun9j] {
    position: absolute;
    top: 100%;
    left: 12px;
    right: 12px;
    z-index: 20;
    background: rgba(var(--glass-rgb), 0.95);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(var(--stroke-rgb), 0.12);
    border-radius: 8px;
    padding: 4px;
    display: flex;
    flex-direction: column;
}

.content-option[b-m6ue7oun9j] {
    all: unset;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 8px;
    font-size: 14px;
    font-family: inherit;
    font-weight: 500;
    color: #e2e8f0;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.12s;
}

@media (hover: hover) {
    .content-option:hover[b-m6ue7oun9j] {
        background: rgba(var(--stroke-rgb), 0.08);
    }
}

.content-option.active[b-m6ue7oun9j] {
    font-weight: 600;
}

.content-dropdown-divider[b-m6ue7oun9j] {
    height: 1px;
    margin: 4px 6px;
    background: rgba(var(--stroke-rgb), 0.12);
}

/* ── Search filter ── */

.search-filter[b-m6ue7oun9j] {
    display: flex;
    padding: 0 8px 8px;
    flex-shrink: 0;
}

.search-input[b-m6ue7oun9j] {
    width: 100%;
    padding: 6px 8px;
    font-family: inherit;
    color: #e2e8f0;
    background: rgba(var(--glass-rgb), 0.6);
    border: 1px solid rgba(var(--stroke-rgb), 0.12);
    border-radius: 6px;
    box-sizing: border-box;
    outline: none;
    transition: border-color 0.15s;
}

.search-input:focus[b-m6ue7oun9j] {
    border-color: rgba(99, 179, 237, 0.5);
}

@media (hover: hover) {
    .search-input:hover[b-m6ue7oun9j] {
        border-color: rgba(99, 179, 237, 0.5);
    }
}

.search-input[b-m6ue7oun9j]::placeholder {
    color: rgba(226, 232, 240, 0.4);
}

/* ── Grouping toggle ── */

.grouping-toggle[b-m6ue7oun9j] {
    display: flex;
    padding: 0 12px 8px;
    gap: 0;
    border-bottom: 1px solid rgba(var(--stroke-rgb), 0.08);
    flex-shrink: 0;
}

.grouping-btn[b-m6ue7oun9j] {
    all: unset;
    flex: 1;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    font-family: inherit;
    font-weight: 500;
    color: rgba(226, 232, 240, 0.4);
    cursor: pointer;
    border-bottom: 2px solid transparent;
    transition: color 0.15s, border-color 0.15s;
}

@media (hover: hover) {
    .grouping-btn:hover[b-m6ue7oun9j] {
        color: #e2e8f0;
    }
}

.grouping-btn.active[b-m6ue7oun9j] {
    color: #e2e8f0;
    border-bottom-color: rgba(99, 179, 237, 0.7);
}

/* ── Region ── */

.muscle-list[b-m6ue7oun9j]  .region.accordion-item {
    margin-top: 8px;
    border: 1px solid rgba(127, 211, 255, 0.18);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(127, 211, 255, 0.06), rgba(127, 211, 255, 0.02));
    overflow: hidden;
}

.muscle-list[b-m6ue7oun9j]  .region.accordion-item:first-child {
    margin-top: 0;
}

.muscle-list[b-m6ue7oun9j]  .region.accordion-item.active {
    border-color: color-mix(in srgb, var(--type-color) 70%, transparent);
}

.muscle-list[b-m6ue7oun9j]  .region.accordion-item.partial {
    border-color: color-mix(in srgb, var(--type-color) 35%, transparent);
}

.muscle-list[b-m6ue7oun9j]  .region.accordion-item.active > .region-header.accordion-item-summary {
    background: color-mix(in srgb, var(--type-color) 16%, transparent);
}

.muscle-list[b-m6ue7oun9j]  .region.accordion-item.partial > .region-header.accordion-item-summary {
    background: color-mix(in srgb, var(--type-color) 8%, transparent);
}

.region-name-btn[b-m6ue7oun9j] {
    all: unset;
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1;
    height: 100%;
    padding: 8px 4px 8px 10px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    color: var(--text);
    min-width: 0;
}

@media (hover: hover) {
    .region-name-btn:hover[b-m6ue7oun9j] {
        background: rgba(127, 211, 255, 0.08);
    }
}

.muscle-list[b-m6ue7oun9j]  .region-body.accordion-item-content {
    padding: 4px 6px 6px 6px;
    gap: 0;
}

.region-label[b-m6ue7oun9j],
.group-label[b-m6ue7oun9j] {
    flex: 1;
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
}

.muscle-count[b-m6ue7oun9j] {
    font-weight: 400;
    color: #a8bfd7;
    font-size: 11px;
    flex-shrink: 0;
}

/* ── Expand button ── */

.expand-btn[b-m6ue7oun9j] {
    all: unset;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    border: 1px solid rgba(168, 199, 231, 0.4);
    background: rgba(var(--glass-rgb), 0.5);
    border-radius: 999px;
    cursor: pointer;
    flex-shrink: 0;
    transition: border-color 0.14s, background 0.14s;
}

@media (hover: hover) {
    .expand-btn:hover[b-m6ue7oun9j] {
        border-color: rgba(198, 223, 246, 0.65);
        background: rgba(127, 211, 255, 0.18);
    }
}

.expand-btn.open[b-m6ue7oun9j] {
    border-color: rgba(140, 212, 255, 0.7);
    background: rgba(127, 211, 255, 0.22);
}

.expand-arrow[b-m6ue7oun9j] {
    font-size: 13px;
    font-weight: 700;
    color: rgba(224, 239, 255, 0.9);
    line-height: 1;
}

/* ── Group ── */

.muscle-list[b-m6ue7oun9j]  .group.accordion-item {
    margin-top: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
}

.muscle-list[b-m6ue7oun9j]  .group.accordion-item + .group.accordion-item {
    border-top: 1px solid rgba(168, 199, 231, 0.1);
}

.muscle-list[b-m6ue7oun9j]  .group-header.accordion-item-summary {
    background: transparent;
}

.muscle-list[b-m6ue7oun9j]  .group-body.accordion-item-content {
    padding: 4px 0 0 12px;
    gap: 0;
    background: transparent;
    position: relative;
}

.muscle-list[b-m6ue7oun9j]  .group-body.accordion-item-content::before {
    content: "";
    position: absolute;
    top: 2px;
    bottom: 4px;
    left: 4px;
    width: 1px;
    background: rgba(127, 211, 255, 0.12);
}

.muscle-list[b-m6ue7oun9j]  .group-body > .muscle-entries {
    padding-top: 4px;
}

.muscle-list[b-m6ue7oun9j]  .group-body > .muscle-entries:first-child {
    padding-top: 0;
}

.muscle-list[b-m6ue7oun9j]  .group-body > .muscle-entries + .accordion-item {
    margin-top: 4px;
    border-radius: 0;
}

.muscle-list[b-m6ue7oun9j]  .group.accordion-item > .group-header .accordion-item-caret::before {
    transform: rotate(-45deg) translate(-1px, -1px);
}

.muscle-list[b-m6ue7oun9j]  .group.accordion-item.is-open > .group-header .accordion-item-caret::before {
    transform: rotate(45deg) translate(-1px, -1px);
}

.muscle-list[b-m6ue7oun9j]  .group.accordion-item.is-open > .group-header.accordion-item-summary {
    background: rgba(127, 211, 255, 0.08);
}

.muscle-list[b-m6ue7oun9j]  .group.accordion-item.active > .group-header.accordion-item-summary {
    background: color-mix(in srgb, var(--type-color) 16%, transparent);
}

.muscle-list[b-m6ue7oun9j]  .group.accordion-item.partial > .group-header.accordion-item-summary {
    background: color-mix(in srgb, var(--type-color) 8%, transparent);
}

.group-name-btn[b-m6ue7oun9j] {
    all: unset;
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1;
    height: 100%;
    padding: 7px 4px 7px 8px;
    cursor: pointer;
    font-size: 11px;
    font-weight: 600;
    color: #c7dbef;
    min-width: 0;
}

@media (hover: hover) {
    .group-name-btn:hover[b-m6ue7oun9j] {
        background: rgba(127, 211, 255, 0.06);
    }
}

/* ── Muscle entries ── */

.muscle-entries[b-m6ue7oun9j] {
    list-style: none;
    margin: 0;
    padding: 0;
    border-left: none;
    margin-left: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding-top: 3px;
}

.muscle-entries.flat-list[b-m6ue7oun9j] {
    border-left: none;
    margin-left: 0;
    padding-left: 0;
}

.muscle-btn-row[b-m6ue7oun9j] {
    display: flex;
    align-items: center;
    gap: 0;
    padding-right: 4px;
    border: 1px solid rgba(168, 199, 231, 0.16);
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.02);
    transition: border-color 0.15s, background 0.15s;
}

.muscle-btn[b-m6ue7oun9j] {
    all: unset;
    flex: 1;
    display: flex;
    align-items: center;
    padding: 6px 8px;
    cursor: pointer;
    font-size: 12px;
    color: var(--text);
    box-sizing: border-box;
    min-width: 0;
}

.muscle-btn-label[b-m6ue7oun9j] {
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
}

@media (hover: hover) {
    .muscle-btn-row:hover[b-m6ue7oun9j] {
        border-color: rgba(127, 211, 255, 0.35);
        background: rgba(127, 211, 255, 0.08);
    }
}

.muscle-btn-row.active[b-m6ue7oun9j] {
    border-color: color-mix(in srgb, var(--type-color) 75%, transparent);
    background: color-mix(in srgb, var(--type-color) 18%, transparent);
}

.muscle-btn-row.focused[b-m6ue7oun9j] {
    border-color: rgba(242, 209, 76, 0.9);
    box-shadow: inset 0 0 0 1px rgba(242, 209, 76, 0.45);
}

.muscle-btn-row.active.focused[b-m6ue7oun9j] {
    border-color: rgba(242, 209, 76, 0.9);
}

.header-main[b-m6ue7oun9j] {
    display: flex;
    align-items: center;
    min-width: 0;
    width: 100%;
    padding-right: 4px;
    box-sizing: border-box;
}

.visibility-btn[b-m6ue7oun9j] {
    all: unset;
    width: 22px;
    min-width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(214, 230, 245, 0.72);
    cursor: pointer;
    flex-shrink: 0;
    transition: color 0.15s;
}

.muscle-list[b-m6ue7oun9j]  .region-header > .visibility-btn,
.muscle-list[b-m6ue7oun9j]  .group-header > .visibility-btn {
    margin-right: 0;
}

.visibility-btn.visible[b-m6ue7oun9j] {
    color: #dfeeff;
}

.visibility-btn.hidden[b-m6ue7oun9j] {
    color: rgba(214, 230, 245, 0.42);
}

.visibility-btn.partial[b-m6ue7oun9j] {
    color: #9fd2ff;
}

.visibility-icon[b-m6ue7oun9j] {
    width: 11px;
    height: 11px;
    display: block;
}

@media (hover: hover) {
    .visibility-btn:hover[b-m6ue7oun9j] {
        color: #eef7ff;
    }
}
/* /Features/Anatomy/Explorer/AnatomyGroupTree.razor.rz.scp.css */
.tree-root[b-7pd9puk560] {
    display: block;
}

.tree-root > .muscle-entries[b-7pd9puk560] {
    padding-top: 0;
}

.tree-root[b-7pd9puk560]  .group.accordion-item {
    margin-top: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
}

.tree-root[b-7pd9puk560]  .group.accordion-item + .group.accordion-item {
    border-top: 1px solid rgba(168, 199, 231, 0.1);
}

.tree-root[b-7pd9puk560]  .group-header.accordion-item-summary {
    background: transparent;
}

.tree-root[b-7pd9puk560]  .group.accordion-item > .group-header .accordion-item-caret::before {
    transform: rotate(-45deg) translate(-1px, -1px);
}

.tree-root[b-7pd9puk560]  .group.accordion-item.is-open > .group-header .accordion-item-caret::before {
    transform: rotate(45deg) translate(-1px, -1px);
}

.tree-root[b-7pd9puk560]  .group.accordion-item.is-open > .group-header.accordion-item-summary {
    background: rgba(127, 211, 255, 0.08);
}

.tree-root[b-7pd9puk560]  .group.accordion-item.active > .group-header.accordion-item-summary {
    background: color-mix(in srgb, var(--type-color) 16%, transparent);
}

.tree-root[b-7pd9puk560]  .group.accordion-item.partial > .group-header.accordion-item-summary {
    background: color-mix(in srgb, var(--type-color) 8%, transparent);
}

.tree-root[b-7pd9puk560]  .group-body.accordion-item-content {
    padding: 4px 0 0 12px;
    gap: 0;
    background: transparent;
    position: relative;
}

.tree-root[b-7pd9puk560]  .group-body.accordion-item-content::before {
    content: "";
    position: absolute;
    top: 2px;
    bottom: 4px;
    left: 4px;
    width: 1px;
    background: rgba(127, 211, 255, 0.12);
}

.tree-root[b-7pd9puk560]  .group-label {
    flex: 1;
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
}

.tree-root[b-7pd9puk560]  .group-name-btn {
    all: unset;
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1;
    height: 100%;
    padding: 7px 4px 7px 8px;
    cursor: pointer;
    font-size: 11px;
    font-weight: 600;
    color: #c7dbef;
    min-width: 0;
}

@media (hover: hover) {
    .tree-root[b-7pd9puk560]  .group-name-btn:hover {
        background: rgba(127, 211, 255, 0.06);
    }
}

.tree-root[b-7pd9puk560]  .muscle-entries {
    list-style: none;
    margin: 0;
    padding: 3px 0 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.tree-root[b-7pd9puk560]  .muscle-btn-row {
    display: flex;
    align-items: center;
    gap: 0;
    padding-right: 4px;
    border: 1px solid rgba(168, 199, 231, 0.16);
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.02);
    transition: border-color 0.15s, background 0.15s;
}

.tree-root[b-7pd9puk560]  .muscle-btn {
    all: unset;
    flex: 1;
    display: flex;
    align-items: center;
    padding: 6px 8px;
    cursor: pointer;
    font-size: 12px;
    color: var(--text);
    box-sizing: border-box;
    min-width: 0;
}

.tree-root[b-7pd9puk560]  .muscle-btn-label {
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
}

@media (hover: hover) {
    .tree-root[b-7pd9puk560]  .muscle-btn-row:hover {
        border-color: rgba(127, 211, 255, 0.35);
        background: rgba(127, 211, 255, 0.08);
    }
}

.tree-root[b-7pd9puk560]  .muscle-btn-row.active {
    border-color: color-mix(in srgb, var(--type-color) 75%, transparent);
    background: color-mix(in srgb, var(--type-color) 18%, transparent);
}

.tree-root[b-7pd9puk560]  .muscle-btn-row.focused {
    border-color: rgba(242, 209, 76, 0.9);
    box-shadow: inset 0 0 0 1px rgba(242, 209, 76, 0.45);
}

.tree-root[b-7pd9puk560]  .muscle-btn-row.active.focused {
    border-color: rgba(242, 209, 76, 0.9);
}

.tree-root[b-7pd9puk560]  .header-main {
    display: flex;
    align-items: center;
    min-width: 0;
    width: 100%;
    padding-right: 4px;
    box-sizing: border-box;
}

.tree-root[b-7pd9puk560]  .visibility-btn {
    all: unset;
    width: 22px;
    min-width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(214, 230, 245, 0.72);
    cursor: pointer;
    flex: 0 0 22px;
    transition: color 0.15s;
}

.tree-root[b-7pd9puk560]  .group-header > .visibility-btn {
    margin-right: 0;
}

.tree-root[b-7pd9puk560]  .visibility-btn.visible {
    color: #dfeeff;
}

.tree-root[b-7pd9puk560]  .visibility-btn.hidden {
    color: rgba(214, 230, 245, 0.42);
}

.tree-root[b-7pd9puk560]  .visibility-btn.partial {
    color: #9fd2ff;
}

.tree-root[b-7pd9puk560]  .visibility-icon {
    width: 16px;
    height: 16px;
    display: block;
}

@media (hover: hover) {
    .tree-root[b-7pd9puk560]  .visibility-btn:hover {
        color: #eef7ff;
    }
}
/* /Features/Anatomy/Viewport/AnatomyViewport.razor.rz.scp.css */
.anatomy-viewport[b-mvf4u0mb2q] {
    flex: 1;
    min-width: 0;
    position: relative;
    overflow: hidden;
    user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}

.anatomy-viewport.viewport-fullscreen[b-mvf4u0mb2q] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    width: 100vw;
    height: 100dvh;
    background: #000;
}


.anatomy-viewport[b-mvf4u0mb2q]  canvas {
    display: block;
    width: 100% !important;
    height: 100% !important;
    user-select: none;
    -webkit-user-select: none;
}

.settings-anchor[b-mvf4u0mb2q] {
    position: absolute;
    top: max(8px, calc(8px + env(safe-area-inset-top, 0px)));
    right: max(8px, calc(8px + env(safe-area-inset-right, 0px)));
    z-index: 11;
    display: flex;
    gap: 8px;
    align-items: flex-start;
}

.settings-btn[b-mvf4u0mb2q] {
    all: unset;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--glass-rgb), 0.85);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(var(--stroke-rgb), 0.12);
    border-radius: 10px;
    color: var(--text);
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s;
}

.viewport-icon[b-mvf4u0mb2q] {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    display: block;
}

@media (hover: hover) {
    .settings-btn:hover[b-mvf4u0mb2q] {
        border-color: rgba(var(--stroke-rgb), 0.25);
        background: rgba(var(--glass-rgb), 0.95);
    }
}

.settings-dialog[b-mvf4u0mb2q] {
    position: absolute;
    top: 48px;
    right: 0;
    background: rgba(var(--glass-rgb), 0.92);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(var(--stroke-rgb), 0.12);
    border-radius: 10px;
    padding: 12px 14px;
    min-width: 160px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.settings-label[b-mvf4u0mb2q] {
    font-size: 11px;
    font-weight: 600;
    color: var(--muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* ── Mode toggle ── */

.mode-toggle[b-mvf4u0mb2q] {
    display: flex;
    gap: 4px;
}

.mode-btn[b-mvf4u0mb2q] {
    all: unset;
    color: rgba(var(--stroke-rgb), 0.45);
    border: 1px solid rgba(var(--stroke-rgb), 0.08);
    border-radius: 999px;
    padding: 5px 14px;
    font-size: 12px;
    font-family: inherit;
    font-weight: 500;
    cursor: pointer;
    transition: border-color 0.15s, color 0.15s, background 0.15s;
}

@media (hover: hover) {
    .mode-btn:hover[b-mvf4u0mb2q] {
        border-color: rgba(var(--stroke-rgb), 0.2);
        color: var(--text);
    }
}

.mode-btn.active[b-mvf4u0mb2q] {
    border-color: rgba(var(--link-rgb), 0.5);
    background: rgba(var(--link-rgb), 0.1);
    color: var(--text);
}

.anatomy-viewport button[b-mvf4u0mb2q],
.anatomy-viewport svg[b-mvf4u0mb2q],
.anatomy-viewport path[b-mvf4u0mb2q],
.anatomy-viewport circle[b-mvf4u0mb2q],
.anatomy-viewport span[b-mvf4u0mb2q],
.anatomy-viewport div[b-mvf4u0mb2q] {
    user-select: none;
    -webkit-user-select: none;
}
/* /Features/Auth/Login.razor.rz.scp.css */
.login-card[b-qnwedyp959] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 28px;
    padding: 48px 36px;
    max-width: 400px;
    width: 100%;
}

.login-brand[b-qnwedyp959] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    text-align: center;
}

.login-title[b-qnwedyp959] {
    margin: 0;
    font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
    font-size: 38px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--text);
}

.login-subtitle[b-qnwedyp959] {
    margin: 0;
    font-size: 15px;
    color: var(--muted);
}

.login-error[b-qnwedyp959] {
    padding: 12px 16px;
    border-radius: 10px;
    background: rgba(var(--targeted-rgb), 0.12);
    border: 1px solid rgba(var(--targeted-rgb), 0.3);
    color: var(--targeted);
    font-size: 13px;
    text-align: center;
    width: 100%;
}

.login-loading[b-qnwedyp959] {
    font-size: 14px;
    color: var(--muted);
}

.login-btn-container[b-qnwedyp959] {
    display: flex;
    justify-content: center;
    min-height: 44px;
}
/* /Features/Auth/LoginLayout.razor.rz.scp.css */
.login-layout[b-cbzl1qxo5k] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 100dvh;
}
/* /Features/Auth/Onboarding.razor.rz.scp.css */
/* ── Animation ── */

@keyframes fadeUp-b-58qugy32on {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes barGrow-b-58qugy32on {
    from { transform: scaleX(0); }
    to { transform: scaleX(1); }
}

/* ── Card container ── */

.onboarding-card[b-58qugy32on] {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 420px;
    padding: 0 24px 0;
    max-height: 100dvh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

/* ── Header ── */

.onboarding-header[b-58qugy32on] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 48px 0 32px;
}

.onboarding-title[b-58qugy32on] {
    margin: 0;
    font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: rgba(var(--muted-rgb), 0.4);
    outline: none;
}

.onboarding-step-counter[b-58qugy32on] {
    display: none;
}

/* ── Progress bar (segmented) ── */

.onboarding-dots[b-58qugy32on] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}

.onboarding-dot[b-58qugy32on] {
    flex: 1;
    height: 3px;
    border-radius: 2px;
    background: rgba(var(--stroke-rgb), 0.06);
    transition: background 500ms ease, box-shadow 500ms ease;
    overflow: hidden;
    position: relative;
}

.onboarding-dot--active[b-58qugy32on] {
    background: var(--accent);
    box-shadow: 0 0 12px rgba(var(--accent-rgb), 0.35);
}

.onboarding-dot--done[b-58qugy32on] {
    background: rgba(var(--accent-rgb), 0.25);
}

/* ── Step content ── */

.onboarding-step[b-58qugy32on] {
    display: flex;
    flex-direction: column;
    gap: 28px;
    animation: fadeUp-b-58qugy32on 500ms cubic-bezier(0.16, 1, 0.3, 1);
}

.onboarding-step-title[b-58qugy32on] {
    margin: 0;
    font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--text);
    line-height: 1;
}

.onboarding-step-subtitle[b-58qugy32on] {
    margin: -16px 0 0;
    font-size: 15px;
    font-weight: 400;
    color: rgba(var(--muted-rgb), 0.5);
    line-height: 1.4;
}

/* ── Fields ── */

.onboarding-field[b-58qugy32on] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.onboarding-field-label[b-58qugy32on] {
    font-size: 11px;
    font-weight: 700;
    color: rgba(var(--muted-rgb), 0.4);
    text-transform: uppercase;
    letter-spacing: 0.12em;
}

/* ── Toggle buttons ── */

.onboarding-toggle-group[b-58qugy32on] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.onboarding-toggle-group--three[b-58qugy32on] {
    grid-template-columns: 1fr 1fr 1fr;
}

.onboarding-toggle-btn[b-58qugy32on] {
    padding: 16px 16px;
    border: 1.5px solid rgba(var(--stroke-rgb), 0.07);
    border-radius: 12px;
    background: rgba(var(--stroke-rgb), 0.02);
    color: rgba(var(--muted-rgb), 0.55);
    font-weight: 600;
    font-size: 15px;
    cursor: pointer;
    transition: border-color 200ms ease, background 200ms ease, color 200ms ease, box-shadow 200ms ease;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    outline: none;
}

.onboarding-toggle-btn:hover[b-58qugy32on] {
    border-color: rgba(var(--stroke-rgb), 0.14);
    background: rgba(var(--stroke-rgb), 0.03);
    color: rgba(var(--muted-rgb), 0.75);
}

.onboarding-toggle-btn--selected[b-58qugy32on],
.onboarding-toggle-btn--selected:hover[b-58qugy32on] {
    border-color: var(--accent);
    background: rgba(var(--accent-rgb), 0.08);
    color: var(--text);
    box-shadow: 0 0 24px rgba(var(--accent-rgb), 0.1);
}

/* ── Inputs ── */

.onboarding-input-row[b-58qugy32on] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.onboarding-input[b-58qugy32on] {
    width: 100%;
    max-width: 140px;
    padding: 14px 16px;
    border: 1.5px solid rgba(var(--stroke-rgb), 0.07);
    border-radius: 12px;
    background: rgba(var(--stroke-rgb), 0.02);
    color: var(--text);
    font-size: 16px;
    font-weight: 600;
    outline: none;
    transition: border-color 200ms ease, box-shadow 200ms ease;
    color-scheme: dark;
}

.onboarding-input:focus[b-58qugy32on] {
    border-color: rgba(var(--accent-rgb), 0.5);
    box-shadow: 0 0 0 3px rgba(var(--accent-rgb), 0.08);
}

.onboarding-input[b-58qugy32on]::placeholder {
    color: rgba(var(--muted-rgb), 0.4);
    font-weight: 400;
}

.onboarding-input--short[b-58qugy32on] {
    max-width: 80px;
}

.onboarding-unit[b-58qugy32on] {
    font-size: 14px;
    font-weight: 600;
    color: rgba(var(--muted-rgb), 0.45);
    flex-shrink: 0;
}

/* ── Option cards (training focus) ── */

.onboarding-options[b-58qugy32on] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.onboarding-option[b-58qugy32on] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 16px 18px;
    border: 1.5px solid rgba(var(--stroke-rgb), 0.07);
    border-radius: 12px;
    background: rgba(var(--stroke-rgb), 0.02);
    color: rgba(var(--muted-rgb), 0.55);
    text-align: left;
    cursor: pointer;
    transition: border-color 200ms ease, background 200ms ease, color 200ms ease;
    -webkit-tap-highlight-color: transparent;
    outline: none;
}

.onboarding-option:hover[b-58qugy32on] {
    border-color: rgba(var(--stroke-rgb), 0.14);
    background: rgba(var(--stroke-rgb), 0.03);
}

.onboarding-option--selected[b-58qugy32on],
.onboarding-option--selected:hover[b-58qugy32on] {
    border-color: var(--accent);
    background: rgba(var(--accent-rgb), 0.06);
    color: var(--text);
}

.onboarding-option-name[b-58qugy32on] {
    font-weight: 600;
    font-size: 15px;
}

.onboarding-option-desc[b-58qugy32on] {
    font-size: 13px;
    color: rgba(var(--muted-rgb), 0.5);
    transition: color 200ms ease;
}

.onboarding-option--selected .onboarding-option-desc[b-58qugy32on] {
    color: rgba(var(--muted-rgb), 0.6);
}

/* ── Terms ── */

.onboarding-terms-scroll[b-58qugy32on] {
    max-height: 240px;
    overflow-y: auto;
    padding: 20px;
    border: 1.5px solid rgba(var(--stroke-rgb), 0.05);
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.15);
    font-size: 13px;
    line-height: 1.75;
    color: rgba(var(--muted-rgb), 0.55);
    mask-image: linear-gradient(to bottom, transparent, black 12px, black calc(100% - 12px), transparent);
    -webkit-mask-image: linear-gradient(to bottom, transparent, black 12px, black calc(100% - 12px), transparent);
}

.onboarding-terms-scroll p[b-58qugy32on] {
    margin: 0 0 14px;
}

.onboarding-terms-scroll p:last-child[b-58qugy32on] {
    margin-bottom: 0;
}

.onboarding-terms-scroll ul[b-58qugy32on] {
    margin: 0;
    padding-left: 18px;
}

.onboarding-terms-scroll li[b-58qugy32on] {
    margin-bottom: 6px;
}

.onboarding-terms-scroll strong[b-58qugy32on] {
    color: rgba(var(--muted-rgb), 0.75);
}

/* ── Custom checkbox ── */

.onboarding-checkbox-label[b-58qugy32on] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    font-size: 14px;
    line-height: 1.4;
    color: rgba(var(--muted-rgb), 0.6);
    cursor: pointer;
    padding: 4px 0;
    transition: color 180ms ease;
    -webkit-tap-highlight-color: transparent;
}

.onboarding-checkbox-label:hover[b-58qugy32on] {
    color: rgba(var(--muted-rgb), 0.85);
}

.onboarding-checkbox[b-58qugy32on] {
    appearance: none;
    -webkit-appearance: none;
    width: 22px;
    height: 22px;
    border: 2px solid rgba(var(--stroke-rgb), 0.12);
    border-radius: 7px;
    background: transparent;
    flex-shrink: 0;
    cursor: pointer;
    position: relative;
    transition: all 200ms ease;
    margin-top: 1px;
}

.onboarding-checkbox:checked[b-58qugy32on] {
    background: var(--accent);
    border-color: var(--accent);
    box-shadow: 0 0 14px rgba(var(--accent-rgb), 0.3);
}

.onboarding-checkbox:checked[b-58qugy32on]::after {
    content: "";
    position: absolute;
    left: 6px;
    top: 2px;
    width: 6px;
    height: 11px;
    border: solid #fff;
    border-width: 0 2.5px 2.5px 0;
    transform: rotate(45deg);
}

/* ── Error ── */

.onboarding-error[b-58qugy32on] {
    padding: 14px 18px;
    border-radius: 12px;
    background: rgba(var(--targeted-rgb), 0.06);
    border: 1.5px solid rgba(var(--targeted-rgb), 0.12);
    color: var(--targeted);
    font-size: 13px;
    text-align: center;
}

/* ── Navigation ── */

.onboarding-nav[b-58qugy32on] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 32px 0 48px;
}

.onboarding-back-btn[b-58qugy32on] {
    padding: 14px 24px;
    border: 1.5px solid rgba(var(--stroke-rgb), 0.07);
    border-radius: 12px;
    background: transparent;
    color: rgba(var(--muted-rgb), 0.5);
    font-weight: 600;
    font-size: 15px;
    cursor: pointer;
    transition: border-color 200ms ease, color 200ms ease;
    -webkit-tap-highlight-color: transparent;
    outline: none;
}

.onboarding-back-btn:hover[b-58qugy32on] {
    border-color: rgba(var(--stroke-rgb), 0.15);
    color: rgba(var(--muted-rgb), 0.8);
}

.onboarding-next-btn[b-58qugy32on] {
    flex: 1;
    padding: 16px 32px;
    border: none;
    border-radius: 12px;
    background: var(--accent);
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0.01em;
    cursor: pointer;
    transition: opacity 200ms ease, transform 120ms ease;
    -webkit-tap-highlight-color: transparent;
    outline: none;
}

.onboarding-next-btn:active:not(:disabled)[b-58qugy32on] {
    transform: scale(0.98);
}

.onboarding-next-btn:disabled[b-58qugy32on] {
    opacity: 0.2;
    cursor: default;
}
/* /Features/Ecorche/Viewport/EcorcheViewport.razor.rz.scp.css */
.anatomy-viewport[b-3biz2x4245] {
    flex: 1;
    min-width: 0;
    position: relative;
    overflow: hidden;
    user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}

.anatomy-viewport.viewport-fullscreen[b-3biz2x4245] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    width: 100vw;
    height: 100dvh;
    background: #000;
}


.anatomy-viewport[b-3biz2x4245]  canvas {
    display: block;
    width: 100% !important;
    height: 100% !important;
    user-select: none;
    -webkit-user-select: none;
}

.settings-anchor[b-3biz2x4245] {
    position: absolute;
    top: max(8px, calc(8px + env(safe-area-inset-top, 0px)));
    right: max(8px, calc(8px + env(safe-area-inset-right, 0px)));
    z-index: 11;
    display: flex;
    gap: 8px;
    align-items: flex-start;
}

.settings-btn[b-3biz2x4245] {
    all: unset;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--glass-rgb), 0.85);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(var(--stroke-rgb), 0.12);
    border-radius: 10px;
    color: var(--text);
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s;
}

.viewport-icon[b-3biz2x4245] {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    display: block;
}

@media (hover: hover) {
    .settings-btn:hover[b-3biz2x4245] {
        border-color: rgba(var(--stroke-rgb), 0.25);
        background: rgba(var(--glass-rgb), 0.95);
    }
}

.settings-dialog[b-3biz2x4245] {
    position: absolute;
    top: 48px;
    right: 0;
    background: rgba(var(--glass-rgb), 0.92);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(var(--stroke-rgb), 0.12);
    border-radius: 10px;
    padding: 12px 14px;
    min-width: 160px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.settings-label[b-3biz2x4245] {
    font-size: 11px;
    font-weight: 600;
    color: var(--muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* ── Mode toggle ── */

.mode-toggle[b-3biz2x4245] {
    display: flex;
    gap: 4px;
}

.mode-btn[b-3biz2x4245] {
    all: unset;
    color: rgba(var(--stroke-rgb), 0.45);
    border: 1px solid rgba(var(--stroke-rgb), 0.08);
    border-radius: 999px;
    padding: 5px 14px;
    font-size: 12px;
    font-family: inherit;
    font-weight: 500;
    cursor: pointer;
    transition: border-color 0.15s, color 0.15s, background 0.15s;
}

@media (hover: hover) {
    .mode-btn:hover[b-3biz2x4245] {
        border-color: rgba(var(--stroke-rgb), 0.2);
        color: var(--text);
    }
}

.mode-btn.active[b-3biz2x4245] {
    border-color: rgba(var(--link-rgb), 0.5);
    background: rgba(var(--link-rgb), 0.1);
    color: var(--text);
}

.anatomy-viewport button[b-3biz2x4245],
.anatomy-viewport svg[b-3biz2x4245],
.anatomy-viewport path[b-3biz2x4245],
.anatomy-viewport circle[b-3biz2x4245],
.anatomy-viewport span[b-3biz2x4245],
.anatomy-viewport div[b-3biz2x4245] {
    user-select: none;
    -webkit-user-select: none;
}
/* /Features/Equipment/EquipmentDetail.razor.rz.scp.css */
.equipment-detail-scroll[b-bq35deewhr] {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.page-shell[b-bq35deewhr] {
    position: relative;
    width: min(1320px, calc(100% - var(--grid-gutter) * 2));
    margin: var(--grid-gutter) auto;
    display: grid;
    gap: var(--grid-gutter);
}

/* ── Panel ── */
.card[b-bq35deewhr] {
    border: 1px solid var(--surface-border, rgba(var(--stroke-rgb), 0.22));
    border-radius: var(--radius-lg, 16px);
    background: linear-gradient(165deg, rgba(var(--glass-rgb), 0.96), rgba(var(--glass-rgb), 0.95));
}

/* ── Hero ── */
.hero[b-bq35deewhr] {
    padding: 18px 20px;
    position: relative;
    overflow: hidden;
}

.hero[b-bq35deewhr]::after {
    content: "";
    position: absolute;
    width: min(420px, 42vw);
    height: min(420px, 42vw);
    right: -140px;
    top: -140px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(var(--accent-rgb), 0.25), transparent 66%);
    pointer-events: none;
}

.kicker[b-bq35deewhr] {
    margin: 0;
    color: var(--muted);
    text-transform: uppercase;
    letter-spacing: 0.14em;
    font-size: 11px;
    font-weight: 700;
}

.hero h1[b-bq35deewhr] {
    margin: 4px 0 0;
    font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
    font-size: clamp(28px, calc(5.2vw + 10px), 62px);
    letter-spacing: 0.02em;
    line-height: 0.95;
    text-transform: uppercase;
}

.hero-title[b-bq35deewhr] {
    margin-right: 6px;
}

.user-badge[b-bq35deewhr] {
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0.06em;
    color: var(--accent);
    background: rgba(var(--accent-rgb), 0.12);
    padding: 3px 8px;
    border-radius: 6px;
    vertical-align: middle;
}

.hero-subtitle[b-bq35deewhr] {
    margin: 8px 0 0;
    font-size: 14px;
    color: var(--muted);
    max-width: 76ch;
    line-height: 1.55;
}

/* ── Edit Form (base styles in app.css) ── */

.edit-label[b-bq35deewhr] {
    font-size: 13px;
    font-weight: 600;
    color: var(--muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}


.edit-category-grid[b-bq35deewhr] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.edit-category-btn[b-bq35deewhr] {
    padding: 8px 14px;
    border: 1px solid rgba(var(--stroke-rgb), 0.15);
    border-radius: 8px;
    background: transparent;
    color: var(--muted);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: border-color 140ms ease, background 140ms ease, color 140ms ease;
}

.edit-category-btn:hover[b-bq35deewhr] {
    border-color: rgba(var(--stroke-rgb), 0.3);
}

.edit-category-btn--selected[b-bq35deewhr],
.edit-category-btn--selected:hover[b-bq35deewhr] {
    border-color: var(--accent);
    background: rgba(var(--accent-rgb), 0.08);
    color: var(--text);
}
/* /Features/Equipment/EquipmentList.razor.rz.scp.css */
.equipment-scroll[b-dguowrry8t] {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.page-shell[b-dguowrry8t] {
    position: relative;
    width: min(1320px, calc(100% - var(--grid-gutter) * 2));
    margin: var(--grid-gutter) auto;
    display: grid;
    gap: var(--grid-gutter);
}

.equipment-empty[b-dguowrry8t] {
    padding: 40px 20px;
    text-align: center;
    font-size: 14px;
    color: var(--muted);
}

.equipment-grid[b-dguowrry8t] {
    display: grid;
    gap: var(--grid-gutter);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (min-width: 920px) {
    .equipment-grid[b-dguowrry8t] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1120px) {
    .equipment-grid[b-dguowrry8t] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (min-width: 1320px) {
    .equipment-grid[b-dguowrry8t] {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

[b-dguowrry8t] .badge {
    display: inline-block;
    margin-left: 6px;
    font-size: 9px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 2px 6px;
    border-radius: 5px;
    vertical-align: middle;
}

[b-dguowrry8t] .badge.user {
    color: var(--accent);
    background: rgba(var(--accent-rgb), 0.14);
}

.scroll-sentinel[b-dguowrry8t] {
    height: 1px;
}
/* /Features/Exercise/Detail/EditPanels/EquipmentEditPanel.razor.rz.scp.css */
.edit-panel[b-xjk0m3qy2x] {
    display: grid;
    gap: 6px;
}

[b-xjk0m3qy2x] .drag-reorder-list {
    gap: 4px;
}

.edit-list-item[b-xjk0m3qy2x] {
    display: flex;
    align-items: center;
    gap: 6px;
    border: 1px solid rgba(var(--stroke-rgb), 0.16);
    border-radius: 10px;
    background: rgba(var(--glass-rgb), 0.5);
    padding: 6px 8px;
    min-height: 36px;
}

.equip-badge[b-xjk0m3qy2x] {
    flex-shrink: 0;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding: 2px 7px;
    border-radius: 999px;
}

.equip-badge--required[b-xjk0m3qy2x] {
    background: rgba(255, 159, 28, 0.18);
    color: #ffc46a;
    border: 1px solid rgba(255, 159, 28, 0.35);
}

.equip-badge--optional[b-xjk0m3qy2x] {
    background: rgba(129, 173, 255, 0.14);
    color: var(--link);
    border: 1px solid rgba(129, 173, 255, 0.3);
}

.edit-item-text[b-xjk0m3qy2x] {
    flex: 1;
    min-width: 0;
    font: inherit;
    font-size: 13px;
    color: var(--text);
    background: none;
    border: none;
    padding: 0;
    text-align: left;
    cursor: pointer;
}

.edit-item-text:hover[b-xjk0m3qy2x] {
    color: #fff;
}

.edit-action-btn[b-xjk0m3qy2x] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: var(--muted);
    cursor: pointer;
    padding: 0;
    flex-shrink: 0;
}

.edit-action-btn svg[b-xjk0m3qy2x] {
    width: 14px;
    height: 14px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.edit-action-btn:hover[b-xjk0m3qy2x] {
    background: rgba(var(--stroke-rgb), 0.1);
    color: var(--text);
}

.edit-action-btn--delete:hover[b-xjk0m3qy2x] {
    background: rgba(255, 70, 70, 0.15);
    color: var(--targeted);
}

.edit-add-btn[b-xjk0m3qy2x] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px dashed rgba(var(--stroke-rgb), 0.25);
    border-radius: 10px;
    background: transparent;
    color: var(--muted);
    font: inherit;
    font-size: 12px;
    padding: 7px 10px;
    cursor: pointer;
}

.edit-add-btn svg[b-xjk0m3qy2x] {
    width: 14px;
    height: 14px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.edit-add-btn:hover[b-xjk0m3qy2x] {
    border-color: rgba(var(--active-rgb), 0.5);
    color: var(--active);
}
/* /Features/Exercise/Detail/EditPanels/LinkListEditPanel.razor.rz.scp.css */
.edit-panel[b-2mroxbzatm] {
    display: grid;
    gap: 6px;
}

[b-2mroxbzatm] .drag-reorder-list {
    gap: 4px;
}

.edit-list-item[b-2mroxbzatm] {
    display: flex;
    align-items: center;
    gap: 6px;
    border: 1px solid rgba(var(--stroke-rgb), 0.16);
    border-radius: 10px;
    background: rgba(var(--glass-rgb), 0.5);
    padding: 6px 8px;
    min-height: 36px;
}

.edit-item-text[b-2mroxbzatm] {
    flex: 1;
    min-width: 0;
    font: inherit;
    color: var(--text);
    background: none;
    border: none;
    padding: 0;
    text-align: left;
    cursor: pointer;
    display: grid;
    gap: 1px;
}

.edit-item-text:hover[b-2mroxbzatm] {
    color: #fff;
}

.link-name[b-2mroxbzatm] {
    font-size: 13px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.link-url[b-2mroxbzatm] {
    font-size: 11px;
    color: var(--muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.edit-action-btn[b-2mroxbzatm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: var(--muted);
    cursor: pointer;
    padding: 0;
    flex-shrink: 0;
}

.edit-action-btn svg[b-2mroxbzatm] {
    width: 14px;
    height: 14px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.edit-action-btn:hover[b-2mroxbzatm] {
    background: rgba(var(--stroke-rgb), 0.1);
    color: var(--text);
}

.edit-action-btn--delete:hover[b-2mroxbzatm] {
    background: rgba(255, 70, 70, 0.15);
    color: var(--targeted);
}

.edit-add-btn[b-2mroxbzatm] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px dashed rgba(var(--stroke-rgb), 0.25);
    border-radius: 10px;
    background: transparent;
    color: var(--muted);
    font: inherit;
    font-size: 12px;
    padding: 7px 10px;
    cursor: pointer;
}

.edit-add-btn svg[b-2mroxbzatm] {
    width: 14px;
    height: 14px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.edit-add-btn:hover[b-2mroxbzatm] {
    border-color: rgba(var(--active-rgb), 0.5);
    color: var(--active);
}
/* /Features/Exercise/Detail/EditPanels/MuscleEditPanel.razor.rz.scp.css */
.edit-panel[b-yx8rck5szj] {
    display: grid;
    gap: 6px;
}
/* /Features/Exercise/Detail/EditPanels/MuscleEditTree.razor.rz.scp.css */
.muscle-tree[b-eem0rfoqob] {
    display: grid;
    gap: 2px;
}

.muscle-tree-node[b-eem0rfoqob] {
    display: grid;
    gap: 0;
}

.muscle-tree-header[b-eem0rfoqob] {
    display: grid;
    grid-template-columns: 20px 1fr;
    align-items: center;
    cursor: pointer;
    border-radius: 6px;
    padding: 2px 0;
}

.muscle-tree-header:hover[b-eem0rfoqob] {
    background: rgba(var(--stroke-rgb), 0.06);
}

/* -- Caret -- */
.muscle-tree-caret[b-eem0rfoqob] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    color: rgba(var(--stroke-rgb), 0.6);
    font-size: 0;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
}

.muscle-tree-caret[b-eem0rfoqob]::before {
    content: "";
    width: 6px;
    height: 6px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(-45deg);
    transform-origin: center;
    transition: transform 140ms ease;
}

.muscle-tree-caret.is-expanded[b-eem0rfoqob]::before {
    transform: rotate(45deg);
}

.muscle-tree-caret.is-hidden[b-eem0rfoqob] {
    visibility: hidden;
}

/* -- Region name -- */
.muscle-tree-region-name[b-eem0rfoqob] {
    font-size: 12px;
    font-weight: 600;
    color: var(--text);
    padding: 4px 6px;
}

/* -- Group row (name + buttons) -- */
.muscle-tree-group-row[b-eem0rfoqob] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 2px 4px;
    min-height: 28px;
}

.muscle-tree-group-name[b-eem0rfoqob] {
    flex: 1;
    min-width: 0;
    font-size: 12px;
    color: var(--text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* -- Leaf muscle row -- */
.muscle-tree-leaf[b-eem0rfoqob] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-left: 20px;
    padding: 2px 4px;
    min-height: 28px;
    border-radius: 6px;
}

.muscle-tree-leaf:hover[b-eem0rfoqob] {
    background: rgba(var(--stroke-rgb), 0.06);
}

.muscle-tree-leaf-name[b-eem0rfoqob] {
    flex: 1;
    min-width: 0;
    font-size: 12px;
    color: var(--text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* -- Children indentation -- */
.muscle-tree-children[b-eem0rfoqob] {
    padding-left: 14px;
}

/* -- Involvement buttons -- */
.involvement-buttons[b-eem0rfoqob] {
    display: flex;
    gap: 3px;
    flex-shrink: 0;
}

.involvement-btn[b-eem0rfoqob] {
    min-width: 22px;
    height: 22px;
    border: 1px solid rgba(var(--stroke-rgb), 0.2);
    border-radius: 4px;
    background: transparent;
    color: var(--muted);
    font: inherit;
    font-size: 11px;
    font-weight: 600;
    padding: 0;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 80ms ease, border-color 80ms ease;
}

.involvement-btn:hover[b-eem0rfoqob] {
    border-color: rgba(var(--stroke-rgb), 0.4);
    background: rgba(var(--stroke-rgb), 0.08);
}

.involvement-btn.is-active[b-eem0rfoqob] {
    border-color: transparent;
    font-weight: 700;
}

/* -- Clickable / selected state (filter interaction) -- */
.muscle-tree-group-row.is-clickable[b-eem0rfoqob],
.muscle-tree-leaf.is-clickable[b-eem0rfoqob] {
    cursor: pointer;
}

.muscle-tree-group-row.is-selected[b-eem0rfoqob] {
    background: rgba(141, 200, 255, 0.12);
    border-radius: 6px;
}

.muscle-tree-leaf.is-selected[b-eem0rfoqob] {
    background: rgba(141, 200, 255, 0.12);
}

/* -- Read-only badge -- */
.involvement-badge[b-eem0rfoqob] {
    min-width: 22px;
    height: 22px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: 0 4px;
}
/* /Features/Exercise/Detail/ExerciseDetail.razor.rz.scp.css */
/* ── Notes ── */

.notes-section[b-7zu5n2rhpn] {
    padding: 0;
}

.notes-input[b-7zu5n2rhpn] {
    width: 100%;
    min-height: 80px;
    padding: 10px 12px;
    border-radius: 10px;
    border: 1px solid rgba(var(--stroke-rgb), 0.2);
    background: rgba(var(--glass-rgb), 0.5);
    color: var(--text);
    font: inherit;
    font-size: 14px;
    line-height: 1.5;
    resize: vertical;
}

.notes-input[b-7zu5n2rhpn]::placeholder {
    color: var(--muted);
    opacity: 0.6;
}

.notes-save-btn[b-7zu5n2rhpn] {
    margin-top: 8px;
    width: 100%;
    padding: 8px 20px;
    border-radius: 10px;
    border: 1px solid rgba(var(--stroke-rgb), 0.28);
    background: rgba(var(--link-rgb), 0.15);
    color: var(--link);
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.notes-save-btn:active[b-7zu5n2rhpn] {
    background: rgba(var(--link-rgb), 0.25);
}

.exercise-detail-scroll[b-7zu5n2rhpn] {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
}

/* -- Back button -- */

.back-btn[b-7zu5n2rhpn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 30px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--text);
    cursor: pointer;
    padding: 0;
    margin-left: -8px;
}

.back-btn:hover[b-7zu5n2rhpn] {
    background: rgba(var(--stroke-rgb), 0.1);
}

.back-btn:active[b-7zu5n2rhpn] {
    background: rgba(var(--stroke-rgb), 0.16);
}

.back-btn svg[b-7zu5n2rhpn] {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* -- Error -- */

.error[b-7zu5n2rhpn] {
    margin: 16px;
    border-radius: 12px;
    border: 1px solid rgba(255, 136, 136, 0.5);
    background: rgba(78, 21, 21, 0.84);
    color: var(--targeted);
    padding: 10px 12px;
    font-size: 13px;
}

.page-shell[b-7zu5n2rhpn] {
    width: min(1320px, calc(100% - 24px));
    margin: 0 auto;
    padding: 12px 0;
    display: grid;
    gap: 14px;
}

/* -- Hero -- */

.card[b-7zu5n2rhpn] {
    border: 1px solid var(--surface-border);
    border-radius: var(--radius-lg, 16px);
    background: linear-gradient(165deg, rgba(var(--glass-rgb), 0.96), rgba(var(--glass-rgb), 0.95));
}

.hero[b-7zu5n2rhpn] {
    padding: 18px 20px;
    position: relative;
    overflow: hidden;
}

.hero[b-7zu5n2rhpn]::after {
    content: "";
    position: absolute;
    width: min(420px, 42vw);
    height: min(420px, 42vw);
    right: -140px;
    top: -220px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(var(--accent-rgb), 0.25), transparent 66%);
    pointer-events: none;
}

.kicker[b-7zu5n2rhpn] {
    margin: 0;
    color: var(--muted);
    text-transform: uppercase;
    letter-spacing: 0.14em;
    font-size: 11px;
    font-weight: 700;
}

.hero-title[b-7zu5n2rhpn] {
    margin-right: 6px;
}

.user-badge[b-7zu5n2rhpn] {
    display: inline-block;
    padding: 4px 5px;
    border-radius: 6px;
    border: 1px solid rgba(var(--active-rgb), 0.35);
    background: rgba(var(--active-rgb), 0.08);
    color: var(--active);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: none;
    vertical-align: middle;
}

.hero[b-7zu5n2rhpn]  h1 {
    margin: 4px 0 0;
    font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
    font-size: clamp(28px, calc(5.2vw + 10px), 62px);
    letter-spacing: 0.02em;
    line-height: 0.95;
    text-transform: uppercase;
}

.hero-subtitle[b-7zu5n2rhpn] {
    margin: 8px 0 0;
    font-size: 14px;
    color: var(--muted);
    max-width: 76ch;
    line-height: 1.55;
}

/* -- Aliases -- */

.alias-list[b-7zu5n2rhpn] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.alias-list li[b-7zu5n2rhpn] {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 4px 10px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    background: transparent;
    color: var(--text);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 1.2;
    white-space: nowrap;
}

/* -- Tags -- */

.hero-tags[b-7zu5n2rhpn] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 10px;
}

.tag-chip[b-7zu5n2rhpn] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    border: 1px solid rgba(var(--link-rgb), 0.35);
    background: rgba(var(--link-rgb), 0.08);
    color: var(--link-hover);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.03em;
    padding: 3px 10px;
    line-height: 1.3;
}

.tag-chip--edit[b-7zu5n2rhpn] {
    padding-right: 4px;
    gap: 4px;
}

.tag-chip__text[b-7zu5n2rhpn] {
    cursor: pointer;
}

.tag-chip__text:hover[b-7zu5n2rhpn] {
    color: #fff;
}

.tag-chip__remove[b-7zu5n2rhpn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border: none;
    border-radius: 999px;
    background: transparent;
    color: var(--muted);
    cursor: pointer;
    padding: 0;
    transition: background 140ms ease, color 140ms ease;
}

.tag-chip__remove svg[b-7zu5n2rhpn] {
    width: 12px;
    height: 12px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.tag-chip__remove:hover[b-7zu5n2rhpn] {
    background: rgba(255, 70, 70, 0.2);
    color: var(--targeted);
}

.tag-add-btn[b-7zu5n2rhpn] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    border: 1px dashed rgba(var(--stroke-rgb), 0.25);
    border-radius: 999px;
    background: transparent;
    color: var(--muted);
    font: inherit;
    font-size: 11px;
    font-weight: 600;
    padding: 3px 10px;
    cursor: pointer;
    transition: border-color 140ms ease, color 140ms ease;
}

.tag-add-btn svg[b-7zu5n2rhpn] {
    width: 12px;
    height: 12px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.tag-add-btn:hover[b-7zu5n2rhpn] {
    border-color: rgba(var(--active-rgb), 0.5);
    color: var(--active);
}

/* -- Videos -- */

.video-carousel[b-7zu5n2rhpn] {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    border-radius: var(--radius-md, 12px);
    overflow: hidden;
    background: #000;
}

.video-track[b-7zu5n2rhpn] {
    position: absolute;
    inset: 0;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
    touch-action: pan-x;
}

.video-track[b-7zu5n2rhpn]::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
}

.video-slide[b-7zu5n2rhpn] {
    position: relative;
    flex: 0 0 100%;
    width: 100%;
    height: 100%;
    scroll-snap-align: start;
}

.video-slide[b-7zu5n2rhpn]  iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.video-name[b-7zu5n2rhpn] {
    margin-top: 10px;
    text-align: center;
    color: var(--muted);
    font-size: 12px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.video-dots[b-7zu5n2rhpn] {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 10px;
}

.video-dot[b-7zu5n2rhpn] {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    border: 0;
    padding: 0;
    background: rgba(var(--stroke-rgb), 0.34);
    cursor: pointer;
    transition: background 140ms ease, transform 140ms ease;
}

.video-dot.active[b-7zu5n2rhpn] {
    background: var(--link-hover);
    transform: scale(1.15);
}

/* -- Training Profile -- */

.info-grid[b-7zu5n2rhpn] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.meta-row[b-7zu5n2rhpn] {
    border: 1px solid rgba(var(--stroke-rgb), 0.2);
    border-radius: 12px;
    background: rgba(var(--glass-rgb), 0.72);
    padding: 9px 10px;
}

.meta-label[b-7zu5n2rhpn] {
    display: block;
    color: var(--muted);
    font-size: 11px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.meta-value[b-7zu5n2rhpn] {
    display: block;
    margin-top: 4px;
    font-size: 14px;
    font-weight: 600;
}

/* -- Full-span accordion items -- */

[b-7zu5n2rhpn] .full-span {
    grid-column: 1 / -1;
}

/* -- Target Muscles -- */

[b-7zu5n2rhpn] .muscles-content {
    padding: 0;
}

.viewer-pane[b-7zu5n2rhpn] {
    display: flex;
    flex-direction: column;
}

.viewer-frame-wrap[b-7zu5n2rhpn] {
    position: relative;
    overflow: hidden;
    flex: 1 1 auto;
    height: 100%;
    min-height: 420px;
    background: #000;
}

.viewer-frame-wrap[b-7zu5n2rhpn]  .anatomy-viewport {
    position: absolute;
    inset: 0;
}

.viewer-bottom-controls[b-7zu5n2rhpn] {
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 4;
    display: flex;
    align-items: center;
    gap: 6px;
}

.viewer-ctrl-btn[b-7zu5n2rhpn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 9px;
    border: 1px solid rgba(var(--stroke-rgb), 0.35);
    background: rgba(var(--glass-rgb), 0.8);
    color: var(--text);
    font-size: 20px;
    cursor: pointer;
    backdrop-filter: blur(6px);
}

.viewer-ctrl-btn svg[b-7zu5n2rhpn] {
    width: 18px;
    height: 18px;
    stroke: currentColor;
    stroke-width: 2;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.viewer-ctrl-btn:hover[b-7zu5n2rhpn] {
    border-color: rgba(var(--stroke-rgb), 0.52);
    background: rgba(var(--glass-rgb), 0.92);
}

.viewer-selection-badge[b-7zu5n2rhpn] {
    position: absolute;
    left: 10px;
    bottom: 10px;
    z-index: 4;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    max-width: min(72vw, 520px);
    min-height: 34px;
    padding: 6px 8px;
    border-radius: 10px;
    border: 1px solid rgba(var(--stroke-rgb), 0.36);
    background: rgba(var(--glass-rgb), 0.8);
    color: var(--text);
    font-size: 11px;
    line-height: 1.2;
    pointer-events: auto;
    backdrop-filter: blur(6px);
}

.viewer-selection-dot[b-7zu5n2rhpn] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex: 0 0 auto;
}

.viewer-selection-name[b-7zu5n2rhpn] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.viewer-selection-close[b-7zu5n2rhpn] {
    width: 18px;
    height: 18px;
    border: 1px solid rgba(var(--stroke-rgb), 0.4);
    border-radius: 999px;
    background: rgba(var(--glass-rgb), 0.72);
    color: var(--text);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    line-height: 1;
    padding: 0;
    cursor: pointer;
}

.viewer-selection-close:hover[b-7zu5n2rhpn] {
    border-color: rgba(var(--stroke-rgb), 0.62);
    background: rgba(var(--glass-rgb), 0.92);
}

.viewer-legend[b-7zu5n2rhpn] {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 4;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 7px 9px;
    border-radius: 8px;
    background: rgba(var(--glass-rgb), 0.7);
    border: 1px solid rgba(var(--stroke-rgb), 0.18);
    pointer-events: none;
}

.viewer-legend-item[b-7zu5n2rhpn] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 10px;
    font-weight: 600;
    color: var(--muted);
    letter-spacing: 0.02em;
}

.viewer-legend-dot[b-7zu5n2rhpn] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex: 0 0 auto;
}

/* -- Role Cards -- */

.role-stack[b-7zu5n2rhpn] {
    display: grid;
    gap: 9px;
}

.role-card[b-7zu5n2rhpn] {
    border-radius: 12px;
    border: 1px solid rgba(var(--stroke-rgb), 0.2);
    background: rgba(var(--glass-rgb), 0.72);
    padding: 9px 9px 8px;
}

.role-header[b-7zu5n2rhpn] {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    color: var(--muted);
    margin-bottom: 12px;
    padding-bottom: 6px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

.role-dot[b-7zu5n2rhpn] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.dot-required[b-7zu5n2rhpn] {
    background: var(--primary, #ff9f1c);
}

.dot-optional[b-7zu5n2rhpn] {
    background: var(--muted);
}

.section-note[b-7zu5n2rhpn] {
    margin: 0;
    font-size: 12px;
    color: var(--muted);
}

/* -- Movement Steps -- */

.list[b-7zu5n2rhpn] {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 8px;
}

.list-item[b-7zu5n2rhpn] {
    border: 1px solid rgba(var(--stroke-rgb), 0.2);
    border-radius: 12px;
    background: rgba(var(--glass-rgb), 0.72);
    padding: 9px 10px;
}

.list-item[b-7zu5n2rhpn]  strong {
    display: block;
    font-size: 13px;
}

.list-item[b-7zu5n2rhpn]  span {
    display: block;
    margin-top: 2px;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.55;
}

.list-item[b-7zu5n2rhpn]  span strong {
    display: inline;
    color: var(--text);
    font-weight: 600;
    font-size: inherit;
}

.list-item[b-7zu5n2rhpn]  span em {
    color: var(--muted);
    font-style: italic;
}

/* -- Tip Carousel -- */

.tip-carousel[b-7zu5n2rhpn] {
    width: 100%;
    overflow: hidden;
    border-radius: var(--radius-md, 12px);
}

.tip-track[b-7zu5n2rhpn] {
    display: flex;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none;
    touch-action: pan-x pan-y;
}

.tip-track[b-7zu5n2rhpn]::-webkit-scrollbar { display: none; }

.tip-card[b-7zu5n2rhpn] {
    flex: 0 0 100%;
    min-height: 80px;
    display: flex;
    align-items: center;
    padding: 14px 16px;
    scroll-snap-align: start;
    box-sizing: border-box;
}

.tip-card-text[b-7zu5n2rhpn] {
    color: var(--text);
    font-size: 13px;
    line-height: 1.55;
}

.tip-card-text[b-7zu5n2rhpn]  strong {
    color: var(--text);
    font-weight: 600;
}

.tip-card-text[b-7zu5n2rhpn]  em {
    color: var(--muted);
    font-style: italic;
}

.tip-dots[b-7zu5n2rhpn] {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 10px;
}

.tip-dot[b-7zu5n2rhpn] {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: rgba(var(--stroke-rgb), 0.34);
    transition: background 140ms ease, transform 140ms ease;
}

.tip-dot.active[b-7zu5n2rhpn] {
    background: var(--link-hover);
    transform: scale(1.15);
}

/* -- Related Exercises -- */

.related-list[b-7zu5n2rhpn] {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

/* -- Related Exercises (edit) -- */

.related-edit-list[b-7zu5n2rhpn] {
    margin: 0 0 8px;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.related-edit-item[b-7zu5n2rhpn] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-height: 32px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    background: rgba(255, 255, 255, 0.04);
    padding: 3px 4px 3px 9px;
    font-size: 12px;
    font-weight: 600;
    color: #ffffff;
}

.related-edit-name[b-7zu5n2rhpn] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 260px;
}

.related-edit-remove[b-7zu5n2rhpn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border: none;
    border-radius: 999px;
    background: transparent;
    color: var(--muted);
    cursor: pointer;
    padding: 0;
    flex-shrink: 0;
    transition: background 140ms ease, color 140ms ease;
}

.related-edit-remove svg[b-7zu5n2rhpn] {
    width: 12px;
    height: 12px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.related-edit-remove:hover[b-7zu5n2rhpn] {
    background: rgba(255, 70, 70, 0.2);
    color: var(--targeted);
}

.related-add-btn[b-7zu5n2rhpn] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    border: 1px dashed rgba(var(--stroke-rgb), 0.25);
    border-radius: 999px;
    background: transparent;
    color: var(--muted);
    font: inherit;
    font-size: 12px;
    font-weight: 600;
    padding: 5px 12px;
    cursor: pointer;
    transition: border-color 140ms ease, color 140ms ease;
}

.related-add-btn svg[b-7zu5n2rhpn] {
    width: 14px;
    height: 14px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.related-add-btn:hover[b-7zu5n2rhpn] {
    border-color: rgba(var(--active-rgb), 0.5);
    color: var(--active);
}

/* -- References -- */

.reference-link[b-7zu5n2rhpn] {
    color: var(--link);
    text-decoration: underline;
    text-decoration-color: rgba(var(--link-rgb), 0.65);
    text-underline-offset: 2px;
    word-break: break-word;
}

.reference-link:hover[b-7zu5n2rhpn] {
    color: var(--link-hover);
    text-decoration-color: rgba(184, 233, 255, 0.95);
}

/* -- Footer Nav -- */

.footer-nav[b-7zu5n2rhpn] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px 12px;
    background: linear-gradient(160deg, rgba(var(--glass-rgb), 0.95), rgba(var(--glass-rgb), 0.95));
}

.nav-link[b-7zu5n2rhpn] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 38px;
    border-radius: 12px;
    border: 1px solid rgba(var(--stroke-rgb), 0.24);
    background: rgba(var(--glass-rgb), 0.8);
    color: var(--text);
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.01em;
    padding: 8px 14px;
    transition: border-color 140ms ease, background-color 140ms ease;
}

.nav-link:hover:not(.disabled)[b-7zu5n2rhpn] {
    border-color: rgba(var(--stroke-rgb), 0.72);
    background: rgba(var(--glass-rgb), 0.94);
}

.nav-link.disabled[b-7zu5n2rhpn] {
    opacity: 0.32;
    cursor: default;
    pointer-events: none;
}

.nav-back[b-7zu5n2rhpn] {
    width: 100%;
}

.nav-back[b-7zu5n2rhpn]::before {
    content: "\21A9";
    margin-right: 6px;
    opacity: 0.86;
}

.nav-prev-next[b-7zu5n2rhpn] {
    display: flex;
    gap: 8px;
}

.nav-prev[b-7zu5n2rhpn],
.nav-next[b-7zu5n2rhpn] {
    flex: 1 1 50%;
    min-width: 0;
}

.nav-chevron[b-7zu5n2rhpn] {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    opacity: 0.7;
}

.nav-text[b-7zu5n2rhpn] {
    text-wrap: pretty;
}

.nav-label[b-7zu5n2rhpn] {
    color: var(--muted);
}

/* -- History Chart -- */

.history-section[b-7zu5n2rhpn] {
    padding-bottom: 12px;
}

.history-section + .history-section[b-7zu5n2rhpn] {
    padding-top: 4px;
    border-top: 1px solid rgba(var(--stroke-rgb), 0.1);
}

.history-section-label[b-7zu5n2rhpn] {
    margin: 0 0 6px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--muted);
}

.history-chart-wrap[b-7zu5n2rhpn] {
    position: relative;
    width: 100%;
    height: 180px;
}

.history-empty[b-7zu5n2rhpn] {
    font-size: 12px;
    color: var(--muted);
    text-align: center;
    padding: 16px 0;
}

/* -- Edit Mode -- */

.hero-edit-row[b-7zu5n2rhpn] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.hero-edit-row h1[b-7zu5n2rhpn] {
    flex: 1;
    min-width: 0;
}

.hero-edit-row .hero-subtitle[b-7zu5n2rhpn] {
    flex: 1;
    min-width: 0;
}

.edit-pencil-btn[b-7zu5n2rhpn] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(var(--stroke-rgb), 0.24);
    border-radius: 8px;
    background: rgba(var(--glass-rgb), 0.6);
    color: var(--muted);
    cursor: pointer;
    padding: 0;
    margin-top: 4px;
    transition: border-color 140ms ease, color 140ms ease;
}

.edit-pencil-btn svg[b-7zu5n2rhpn] {
    width: 14px;
    height: 14px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.edit-pencil-btn:hover[b-7zu5n2rhpn] {
    border-color: rgba(var(--active-rgb), 0.6);
    color: var(--active);
}

.meta-select[b-7zu5n2rhpn] {
    display: block;
    width: 100%;
    margin-top: 4px;
    border: 1px solid rgba(var(--stroke-rgb), 0.28);
    border-radius: 8px;
    background: rgba(var(--glass-rgb), 0.6);
    color: var(--text);
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    padding: 6px 8px;
    outline: none;
    cursor: pointer;
    transition: border-color 140ms ease;
}

.meta-select:focus[b-7zu5n2rhpn] {
    border-color: rgba(var(--active-rgb), 0.6);
}

.meta-select option[b-7zu5n2rhpn] {
    background: rgba(var(--glass-rgb), 1);
    color: var(--text);
}

.meta-input-group[b-7zu5n2rhpn] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 4px;
}

.meta-input[b-7zu5n2rhpn] {
    flex: 1;
    min-width: 0;
    border: 1px solid rgba(var(--stroke-rgb), 0.28);
    border-radius: 8px;
    background: rgba(var(--glass-rgb), 0.6);
    color: var(--text);
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    padding: 6px 8px;
    outline: none;
    transition: border-color 140ms ease;
}

.meta-input:focus[b-7zu5n2rhpn] {
    border-color: rgba(var(--active-rgb), 0.6);
}

.meta-input-suffix[b-7zu5n2rhpn] {
    font-size: 13px;
    font-weight: 600;
    color: var(--text-muted);
}

.edit-section-below[b-7zu5n2rhpn] {
    padding: 10px 12px 6px;
    border-top: 1px solid rgba(var(--stroke-rgb), 0.1);
}

/* -- Header menu button (rendered via SectionContent into MainLayout) -- */

.content-menu-btn[b-7zu5n2rhpn] {
    border: 1px solid rgba(var(--stroke-rgb), 0.28);
    border-radius: 10px;
    background: rgba(var(--glass-rgb), 0.8);
    color: var(--text);
    font: inherit;
    min-width: 34px;
    min-height: 30px;
    padding: 0;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.content-menu-btn:hover[b-7zu5n2rhpn] {
    border-color: rgba(var(--stroke-rgb), 0.62);
    background: rgba(var(--glass-rgb), 0.94);
}

.content-menu-btn svg[b-7zu5n2rhpn] {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
}

/* -- Edit Toolbar -- */

.edit-toolbar[b-7zu5n2rhpn] {
    position: sticky;
    bottom: 0;
    z-index: 50;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    background: linear-gradient(165deg, rgba(var(--glass-rgb), 0.97), rgba(var(--glass-rgb), 0.97));
    border-top: 1px solid rgba(var(--stroke-rgb), 0.18);
    backdrop-filter: blur(10px);
}

.edit-toolbar-spacer[b-7zu5n2rhpn] {
    flex: 1;
}

.edit-toolbar-error[b-7zu5n2rhpn] {
    font-size: 12px;
    color: var(--targeted);
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.edit-toolbar-btn[b-7zu5n2rhpn] {
    flex-shrink: 0;
    border-radius: 10px;
    font: inherit;
    font-size: 12px;
    font-weight: 600;
    min-height: 36px;
    padding: 6px 14px;
    cursor: pointer;
    transition: border-color 140ms ease, background 140ms ease, opacity 140ms ease;
}

.edit-toolbar-btn:disabled[b-7zu5n2rhpn] {
    opacity: 0.4;
    cursor: default;
    pointer-events: none;
}

.edit-toolbar-btn--exit[b-7zu5n2rhpn] {
    border: 1px solid rgba(var(--stroke-rgb), 0.28);
    background: rgba(var(--glass-rgb), 0.6);
    color: var(--muted);
}

.edit-toolbar-btn--exit:hover:not(:disabled)[b-7zu5n2rhpn] {
    border-color: rgba(var(--stroke-rgb), 0.5);
    color: var(--text);
}

.edit-toolbar-btn--delete[b-7zu5n2rhpn] {
    border: 1px solid rgba(255, 70, 70, 0.35);
    background: rgba(var(--glass-rgb), 0.6);
    color: var(--targeted);
}

.edit-toolbar-btn--delete:hover:not(:disabled)[b-7zu5n2rhpn] {
    border-color: rgba(255, 70, 70, 0.6);
    background: rgba(255, 70, 70, 0.08);
}

/* -- Responsive -- */

@media (max-width: 760px) {
    .page-shell[b-7zu5n2rhpn] {
        width: 100%;
        margin: 0;
        padding: 8px 8px 12px;
        gap: 8px;
    }

    .hero[b-7zu5n2rhpn] {
        padding: 10px 11px;
    }

    .hero[b-7zu5n2rhpn]  h1 {
        font-size: clamp(24px, calc(5.2vw + 8px), 42px);
    }

    .hero-subtitle[b-7zu5n2rhpn] {
        margin-top: 7px;
        font-size: 12px;
        line-height: 1.45;
        max-width: none;
    }

    .hero[b-7zu5n2rhpn]::after {
        right: -190px;
        top: -250px;
    }

    .viewer-frame-wrap[b-7zu5n2rhpn] {
        min-height: max(260px, min(56svh, 78vw));
    }

    .footer-nav[b-7zu5n2rhpn] {
        gap: 6px;
        padding: 8px;
    }

    .nav-link[b-7zu5n2rhpn] {
        padding: 7px 10px;
        font-size: 11px;
    }

    .section-note[b-7zu5n2rhpn] {
        font-size: 11px;
    }

    .edit-toolbar[b-7zu5n2rhpn] {
        padding: 8px 10px;
        gap: 6px;
    }

    .edit-toolbar-btn[b-7zu5n2rhpn] {
        font-size: 11px;
        padding: 6px 10px;
        min-height: 34px;
    }

    .edit-pencil-btn[b-7zu5n2rhpn] {
        width: 28px;
        height: 28px;
    }
}
/* /Features/Exercise/Detail/Modals/EquipmentModalView.razor.rz.scp.css */
.equip-modal-body[b-mxq15wz57f] {
    padding: 4px 0 8px;
    display: grid;
    gap: 8px;
}

.field-label[b-mxq15wz57f] {
    display: block;
    font-size: 11px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--muted);
    margin-top: 4px;
}

.field-select[b-mxq15wz57f] {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid rgba(var(--stroke-rgb), 0.28);
    border-radius: 10px;
    background: rgba(var(--glass-rgb), 0.72);
    color: var(--text);
    font: inherit;
    font-size: 13px;
    padding: 9px 10px;
    outline: none;
    cursor: pointer;
}

.field-select:focus[b-mxq15wz57f] {
    border-color: rgba(var(--active-rgb), 0.6);
}

.field-select option[b-mxq15wz57f] {
    background: rgba(var(--glass-rgb), 1);
    color: var(--text);
}

.field-select optgroup[b-mxq15wz57f] {
    color: var(--muted);
    font-style: normal;
}

.field-select option:disabled[b-mxq15wz57f] {
    color: #556677;
}

.equip-required-label[b-mxq15wz57f] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: var(--text);
    cursor: pointer;
    padding: 4px 0;
}

.equip-required-label input[type="checkbox"][b-mxq15wz57f] {
    accent-color: var(--primary);
    width: 15px;
    height: 15px;
    cursor: pointer;
}
/* /Features/Exercise/Detail/Modals/LinkItemModalView.razor.rz.scp.css */
.link-modal-body[b-u9fziqrfio] {
    padding: 4px 0 8px;
    display: grid;
    gap: 8px;
}

.field-label[b-u9fziqrfio] {
    display: block;
    font-size: 11px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--muted);
    margin-top: 4px;
}

.field-input[b-u9fziqrfio] {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid rgba(var(--stroke-rgb), 0.28);
    border-radius: 10px;
    background: rgba(var(--glass-rgb), 0.72);
    color: var(--text);
    font: inherit;
    font-size: 13px;
    padding: 9px 10px;
    outline: none;
    transition: border-color 140ms ease;
}

.field-input:focus[b-u9fziqrfio] {
    border-color: rgba(var(--active-rgb), 0.6);
}

.field-input[b-u9fziqrfio]::placeholder {
    color: rgba(var(--muted-rgb), 0.5);
}
/* /Features/Exercise/Generate/GenerateExerciseModalView.razor.rz.scp.css */
.input-field[b-cemt5rcjq4] {
    display: block;
    padding: 12px 0 0;
}

.input-textarea[b-cemt5rcjq4] {
    min-width: 0;
    min-height: 80px;
    max-height: calc(100dvh - 300px);
    field-sizing: content;
    resize: vertical;
}
/* /Features/Exercise/List/ExerciseCard.razor.rz.scp.css */
.card-title[b-18h3tgbb68] {
    margin-right: 4px;
    line-height: 1.4;
}

.badge[b-18h3tgbb68] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    height: 20px;
    padding: 0 4px;
    border-radius: 4px;
    border: 1px solid rgba(var(--stroke-rgb), 0.18);
    background: rgba(var(--stroke-rgb), 0.05);
    color: var(--muted);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 1.4;
}

.badge.user[b-18h3tgbb68] {
    border-color: rgba(var(--active-rgb), 0.3);
    background: rgba(var(--active-rgb), 0.06);
    color: var(--active);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    text-transform: none;
    vertical-align: middle;
}
/* /Features/Exercise/List/ExerciseResults.razor.rz.scp.css */
/* -- Results container -- */
.exercise-results[b-r4g6mhup78] {
    display: grid;
    gap: var(--grid-gutter);
}

.card[b-r4g6mhup78] {
    border: 1px solid rgba(var(--stroke-rgb), 0.22);
    border-radius: 16px;
    background: linear-gradient(165deg, rgba(var(--glass-rgb), 0.96), rgba(var(--glass-rgb), 0.95));
}

.panel[b-r4g6mhup78] {
    padding: 14px;
}

@media (max-width: 680px) {
    .panel[b-r4g6mhup78] {
        padding: 12px;
    }
}

.panel-title[b-r4g6mhup78] {
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 12px;
    color: var(--muted);
}

/* -- Results header -- */
.results-head[b-r4g6mhup78] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-bottom: 2px;
}

.results-count[b-r4g6mhup78] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid rgba(var(--stroke-rgb), 0.26);
    border-radius: 999px;
    padding: 5px 11px;
    background: linear-gradient(150deg, rgba(var(--glass-rgb), 0.9), rgba(var(--glass-rgb), 0.9));
    font-size: 12px;
}

.results-count-primary[b-r4g6mhup78] {
    color: var(--text);
    font-weight: 700;
}

.results-count-divider[b-r4g6mhup78] {
    color: rgba(var(--muted-rgb), 0.72);
    font-weight: 600;
}

.results-count-secondary[b-r4g6mhup78] {
    color: var(--muted);
    font-weight: 600;
}

/* -- Exercise grid -- */
.exercise-results-grid[b-r4g6mhup78] {
    display: grid;
    gap: var(--grid-gutter);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (min-width: 920px) {
    .exercise-results-grid[b-r4g6mhup78] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1120px) {
    .exercise-results-grid[b-r4g6mhup78] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (min-width: 1320px) {
    .exercise-results-grid[b-r4g6mhup78] {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

/* -- Stretch cards to equal row height -- */
.exercise-results-grid > *[b-r4g6mhup78] {
    display: grid;
}

.exercise-results-grid[b-r4g6mhup78]  .card-shell {
    height: 100%;
}

/* -- Highlight on return -- */
.is-highlighted[b-r4g6mhup78]  .card-shell {
    border-color: rgba(var(--accent-rgb), 0.72);
    box-shadow: 0 0 18px rgba(var(--accent-rgb), 0.28), 0 0 4px rgba(var(--accent-rgb), 0.12);
    animation: highlight-fade-b-r4g6mhup78 2s ease-out 0.6s forwards;
}

@keyframes highlight-fade-b-r4g6mhup78 {
    to {
        border-color: rgba(var(--stroke-rgb), 0.22);
        box-shadow: none;
    }
}

/* -- Infinite scroll sentinel -- */
.scroll-sentinel[b-r4g6mhup78] {
    height: 1px;
    width: 100%;
    pointer-events: none;
}

/* -- Empty state -- */
.empty[b-r4g6mhup78] {
    border: 1px dashed rgba(var(--stroke-rgb), 0.35);
    border-radius: 12px;
    padding: 18px;
    text-align: center;
    color: var(--muted);
}
/* /Features/Exercise/List/Exercises.razor.rz.scp.css */
/* -- Scroll host (page-content has overflow:clip) -- */
.exercises-scroll[b-ckmgkz8i5j] {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
}

/* -- Page shell -- */
.page-shell[b-ckmgkz8i5j] {
    position: relative;
    width: min(1320px, calc(100% - var(--grid-gutter) * 2));
    margin: var(--grid-gutter) auto;
    display: grid;
    gap: var(--grid-gutter);
}

/* -- Error -- */
.error[b-ckmgkz8i5j] {
    padding: 10px 12px;
    border-radius: 12px;
    border: 1px solid rgba(255, 95, 87, 0.52);
    background: rgba(120, 20, 20, 0.35);
    color: #ffd8d5;
    font-size: 13px;
    margin: 18px;
}

/* -- Generate overlay -- */
.generate-overlay[b-ckmgkz8i5j] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    z-index: 10;
}

.generate-spinner[b-ckmgkz8i5j] {
    width: 36px;
    height: 36px;
    border: 3px solid rgba(var(--muted-rgb), 0.25);
    border-top-color: var(--muted);
    border-radius: 50%;
    animation: spin-b-ckmgkz8i5j 0.8s linear infinite;
}

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

.generate-text[b-ckmgkz8i5j] {
    color: var(--muted);
    font-size: 15px;
    margin: 0;
}
/* /Features/Exercise/List/MuscleFilterSection.razor.rz.scp.css */
/* -- Involvement level tabs -- */
[b-t9opeho0dk] .involvement-toggle {
    display: flex;
    gap: 6px;
    margin-top: 6px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

[b-t9opeho0dk] .involvement-btn {
    min-height: 26px;
    border: 1px solid rgba(var(--stroke-rgb), 0.24);
    border-radius: 6px;
    background: rgba(var(--glass-rgb), 0.7);
    color: var(--muted);
    font: inherit;
    font-size: 11px;
    font-weight: 600;
    padding: 2px 10px;
    margin: 0 6px 4px 0;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

[b-t9opeho0dk] .involvement-btn.is-active {
    border-color: rgba(var(--accent-rgb), 0.56);
    background: rgba(var(--accent-rgb), 0.16);
    color: #ffd9cc;
}

[b-t9opeho0dk] .involvement-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 16px;
    height: 16px;
    border-radius: 8px;
    background: rgba(var(--accent-rgb), 0.5);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    padding: 0 4px;
    margin-left: 4px;
}

/* -- Tree layout -- */
[b-t9opeho0dk] .muscle-tree {
    display: grid;
    gap: 2px;
}

[b-t9opeho0dk] .muscle-tree-node {
    display: grid;
    gap: 0;
}

[b-t9opeho0dk] .muscle-tree-header {
    display: grid;
    grid-template-columns: 20px 1fr;
    align-items: center;
    cursor: pointer;
    border-radius: 6px;
    padding: 2px 0;
}

[b-t9opeho0dk] .muscle-tree-header:hover {
    background: rgba(var(--stroke-rgb), 0.06);
}

/* -- Caret -- */
[b-t9opeho0dk] .muscle-tree-caret {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    color: rgba(var(--stroke-rgb), 0.6);
    font-size: 0;
}

[b-t9opeho0dk] .muscle-tree-caret::before {
    content: "";
    width: 6px;
    height: 6px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(-45deg);
    transform-origin: center;
    transition: transform 140ms ease;
}

[b-t9opeho0dk] .muscle-tree-caret.is-expanded::before {
    transform: rotate(45deg);
}

[b-t9opeho0dk] .muscle-tree-caret.is-hidden {
    visibility: hidden;
}

/* -- Label row (name + count + checkbox) -- */
[b-t9opeho0dk] .muscle-tree-label {
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: 7px;
    align-items: center;
    font-size: 12px;
    color: var(--text);
    cursor: pointer;
    padding: 4px 6px;
    border-radius: 6px;
}

[b-t9opeho0dk] .muscle-tree-label:hover {
    background: rgba(var(--stroke-rgb), 0.06);
}

[b-t9opeho0dk] .muscle-tree-label input[type="checkbox"] {
    accent-color: #ff6a38;
    width: 17px;
    height: 17px;
    margin: 0;
    flex-shrink: 0;
}

/* -- Leaf muscle (no caret -- offset to align under parent label) -- */
[b-t9opeho0dk] .muscle-tree-leaf {
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: 7px;
    align-items: center;
    font-size: 12px;
    color: var(--text);
    cursor: pointer;
    padding: 4px 6px;
    margin-left: 20px;
    border-radius: 6px;
}

[b-t9opeho0dk] .muscle-tree-leaf:hover {
    background: rgba(var(--stroke-rgb), 0.06);
}

[b-t9opeho0dk] .muscle-tree-leaf input[type="checkbox"] {
    accent-color: #ff6a38;
    width: 17px;
    height: 17px;
    margin: 0;
    flex-shrink: 0;
}

/* -- Nested children indentation -- */
[b-t9opeho0dk] .muscle-tree-children {
    padding-left: 14px;
}

/* -- Counts -- */
[b-t9opeho0dk] .facet-count {
    color: var(--muted);
    font-variant-numeric: tabular-nums;
    font-size: 11px;
}
/* /Features/History/Achievements.razor.rz.scp.css */
/* -- Scroll host -- */
.achievements-scroll[b-plb4zyg9h4] {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
}

/* -- Page shell -- */
.page-shell[b-plb4zyg9h4] {
    position: relative;
    width: min(1320px, calc(100% - var(--grid-gutter) * 2));
    margin: var(--grid-gutter) auto;
    display: grid;
    gap: var(--grid-gutter);
}

/* -- Results container -- */
.results[b-plb4zyg9h4] {
    display: grid;
    gap: var(--grid-gutter);
}

.card[b-plb4zyg9h4] {
    border: 1px solid rgba(var(--stroke-rgb), 0.22);
    border-radius: 16px;
    background: linear-gradient(165deg, rgba(var(--glass-rgb), 0.96), rgba(var(--glass-rgb), 0.95));
}

.panel[b-plb4zyg9h4] {
    padding: 14px;
}

@media (max-width: 680px) {
    .panel[b-plb4zyg9h4] {
        padding: 12px;
    }
}

.panel-title[b-plb4zyg9h4] {
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 12px;
    color: var(--muted);
}

/* -- Results header -- */
.results-head[b-plb4zyg9h4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-bottom: 2px;
}

.results-count[b-plb4zyg9h4] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid rgba(var(--stroke-rgb), 0.26);
    border-radius: 999px;
    padding: 5px 11px;
    background: linear-gradient(150deg, rgba(var(--glass-rgb), 0.9), rgba(var(--glass-rgb), 0.9));
    font-size: 12px;
}

.results-count-primary[b-plb4zyg9h4] {
    color: var(--text);
    font-weight: 700;
}

.results-count-divider[b-plb4zyg9h4] {
    color: rgba(var(--muted-rgb), 0.72);
    font-weight: 600;
}

.results-count-secondary[b-plb4zyg9h4] {
    color: var(--muted);
    font-weight: 600;
}

/* -- Timeline grid -- */
.timeline-grid[b-plb4zyg9h4] {
    display: grid;
    gap: 8px;
}

.timeline-card[b-plb4zyg9h4] {
    display: block;
    width: 100%;
    border: 1px solid rgba(var(--stroke-rgb), 0.15);
    border-radius: 12px;
    padding: 12px 14px;
    background: rgba(var(--glass-rgb), 0.5);
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.timeline-top[b-plb4zyg9h4] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
}

.badge[b-plb4zyg9h4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px 7px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
    flex-shrink: 0;
}

.badge-1rm[b-plb4zyg9h4] {
    background: rgba(var(--accent-rgb), 0.15);
    color: var(--accent);
}

.badge-vol[b-plb4zyg9h4] {
    background: rgba(130, 87, 229, 0.15);
    color: rgb(130, 87, 229);
}

.badge-hw[b-plb4zyg9h4] {
    background: rgba(229, 160, 57, 0.15);
    color: rgb(229, 160, 57);
}

.timeline-exercise[b-plb4zyg9h4] {
    font-size: 14px;
    font-weight: 600;
    color: var(--text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.timeline-bottom[b-plb4zyg9h4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

.timeline-values[b-plb4zyg9h4] {
    font-size: 13px;
    color: var(--text);
    font-weight: 500;
}

.timeline-date[b-plb4zyg9h4] {
    font-size: 12px;
    color: var(--muted);
    flex-shrink: 0;
}

/* -- Empty state -- */
.empty[b-plb4zyg9h4] {
    border: 1px dashed rgba(var(--stroke-rgb), 0.35);
    border-radius: 12px;
    padding: 18px;
    text-align: center;
    color: var(--muted);
}

/* -- Error -- */
.error[b-plb4zyg9h4] {
    padding: 10px 12px;
    border-radius: 12px;
    border: 1px solid rgba(255, 95, 87, 0.52);
    background: rgba(120, 20, 20, 0.35);
    color: #ffd8d5;
    font-size: 13px;
    margin: 18px;
}
/* /Features/History/History.razor.rz.scp.css */
/* -- Scroll host (page-content has overflow:clip) -- */
.history-scroll[b-ymbznzzjdr] {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
}

/* -- Page shell -- */
.page-shell[b-ymbznzzjdr] {
    position: relative;
    width: min(1320px, calc(100% - var(--grid-gutter) * 2));
    margin: var(--grid-gutter) auto;
    display: grid;
    gap: var(--grid-gutter);
}

/* -- Error -- */
.error[b-ymbznzzjdr] {
    padding: 10px 12px;
    border-radius: 12px;
    border: 1px solid rgba(255, 95, 87, 0.52);
    background: rgba(120, 20, 20, 0.35);
    color: #ffd8d5;
    font-size: 13px;
    margin: 18px;
}
/* /Features/History/HistoryCard.razor.rz.scp.css */
.history-card[b-qynx8ni2oy] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 12px;
    width: 100%;
    padding: 10px;
    border: 1px solid rgba(var(--stroke-rgb), 0.22);
    border-radius: 12px;
    background: linear-gradient(160deg, rgba(var(--glass-rgb), 0.7), rgba(var(--glass-rgb), 0.7));
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s;
    text-decoration: none;
    text-align: left;
    color: inherit;
    font: inherit;
}

.history-card:hover[b-qynx8ni2oy] {
    border-color: rgba(var(--accent-rgb), 0.4);
    background: linear-gradient(160deg, rgba(var(--glass-rgb), 0.8), rgba(var(--glass-rgb), 0.8));
}

.history-card:focus-visible[b-qynx8ni2oy] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.history-card-thumb[b-qynx8ni2oy] {
    width: 112px;
    aspect-ratio: 16 / 9;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid rgba(var(--stroke-rgb), 0.15);
    background: linear-gradient(145deg, rgba(var(--glass-rgb), 0.92), rgba(var(--glass-rgb), 0.9));
    align-self: center;
}

.history-card-thumb-img[b-qynx8ni2oy] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.history-card-thumb-missing[b-qynx8ni2oy] {
    display: grid;
    place-items: center;
    height: 100%;
    background:
        radial-gradient(circle at 30% 30%, rgba(var(--accent-rgb), 0.2), transparent 60%),
        linear-gradient(145deg, rgba(var(--glass-rgb), 0.92), rgba(var(--glass-rgb), 0.9));
}

.history-card-thumb-fallback[b-qynx8ni2oy] {
    font-size: 18px;
    font-weight: 700;
    color: rgba(var(--stroke-rgb), 0.5);
    text-transform: uppercase;
    line-height: 1;
}

.history-card-info[b-qynx8ni2oy] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    min-width: 0;
}

.history-card-name[b-qynx8ni2oy] {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    color: var(--text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.history-card-date[b-qynx8ni2oy] {
    margin: 2px 0 0;
    font-size: 12px;
    color: var(--muted);
}

.history-card-stats[b-qynx8ni2oy] {
    display: flex;
    gap: 10px;
    align-items: center;
}

.history-stat[b-qynx8ni2oy] {
    display: flex;
    align-items: baseline;
    gap: 3px;
    white-space: nowrap;
}

.history-stat-value[b-qynx8ni2oy] {
    font-size: 13px;
    font-weight: 600;
    color: var(--text);
}

.history-stat-label[b-qynx8ni2oy] {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--muted);
}

.history-card-completion .history-stat-value[b-qynx8ni2oy] {
    color: var(--accent);
}

.history-stat-sep[b-qynx8ni2oy] {
    width: 1px;
    height: 14px;
    background: rgba(var(--stroke-rgb), 0.22);
    flex-shrink: 0;
}
/* /Features/History/HistoryResults.razor.rz.scp.css */
/* -- Results container -- */
.history-results[b-xkqjudl920] {
    display: grid;
    gap: var(--grid-gutter);
}

.card[b-xkqjudl920] {
    border: 1px solid rgba(var(--stroke-rgb), 0.22);
    border-radius: 16px;
    background: linear-gradient(165deg, rgba(var(--glass-rgb), 0.96), rgba(var(--glass-rgb), 0.95));
}

.panel[b-xkqjudl920] {
    padding: 14px;
}

@media (max-width: 680px) {
    .panel[b-xkqjudl920] {
        padding: 12px;
    }
}

.panel-title[b-xkqjudl920] {
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 12px;
    color: var(--muted);
}

/* -- Results header -- */
.results-head[b-xkqjudl920] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-bottom: 2px;
}

.results-count[b-xkqjudl920] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid rgba(var(--stroke-rgb), 0.26);
    border-radius: 999px;
    padding: 5px 11px;
    background: linear-gradient(150deg, rgba(var(--glass-rgb), 0.9), rgba(var(--glass-rgb), 0.9));
    font-size: 12px;
}

.results-count-primary[b-xkqjudl920] {
    color: var(--text);
    font-weight: 700;
}

.results-count-divider[b-xkqjudl920] {
    color: rgba(var(--muted-rgb), 0.72);
    font-weight: 600;
}

.results-count-secondary[b-xkqjudl920] {
    color: var(--muted);
    font-weight: 600;
}

/* -- History grid (single column, horizontal cards) -- */
.history-grid[b-xkqjudl920] {
    display: grid;
    gap: 8px;
}

/* -- Empty state -- */
.empty[b-xkqjudl920] {
    border: 1px dashed rgba(var(--stroke-rgb), 0.35);
    border-radius: 12px;
    padding: 18px;
    text-align: center;
    color: var(--muted);
}
/* /Features/Home/Home.razor.rz.scp.css */
.home-scroll[b-y1zm39u7o9] {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
}

.home-shell[b-y1zm39u7o9] {
    width: min(640px, calc(100% - 24px));
    margin: 0 auto;
    padding: 12px 0 24px;
    display: grid;
    gap: 14px;
}

.home-hero[b-y1zm39u7o9] {
    border-radius: 16px;
    border: 1px solid rgba(var(--stroke-rgb), 0.14);
    background: linear-gradient(145deg, rgba(var(--glass-rgb), 0.92), rgba(var(--glass-rgb), 0.88));
    overflow: hidden;
}

.home-hero-inner[b-y1zm39u7o9] {
    padding: 28px 22px 24px;
    background:
        radial-gradient(ellipse 70% 60% at 85% 20%, rgba(var(--active-rgb), 0.08), transparent 70%),
        radial-gradient(ellipse 50% 80% at 10% 80%, rgba(var(--accent-rgb), 0.06), transparent 60%);
}

.home-date-day[b-y1zm39u7o9] {
    margin: 0;
    font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
    font-size: clamp(32px, calc(6vw + 8px), 52px);
    font-weight: 700;
    letter-spacing: 0.03em;
    line-height: 1;
    text-transform: uppercase;
    color: var(--text);
}

.home-date-full[b-y1zm39u7o9] {
    margin: 6px 0 0;
    font-weight: 500;
    color: var(--muted);
    font-size: 14px;
    letter-spacing: 0.02em;
}

.home-section[b-y1zm39u7o9] {
    display: grid;
    gap: 12px;
}

.home-section-title[b-y1zm39u7o9] {
    margin: 0;
    font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--muted);
}

.up-next-compact[b-y1zm39u7o9] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border: 1px solid rgba(var(--stroke-rgb), 0.22);
    border-radius: 14px;
    background: linear-gradient(165deg, rgba(var(--glass-rgb), 0.96), rgba(var(--glass-rgb), 0.95));
}

.up-next-compact-icon[b-y1zm39u7o9] {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(var(--active-rgb), 0.15);
    color: var(--active);
}

.up-next-compact-icon[b-y1zm39u7o9]  svg {
    width: 18px;
    height: 18px;
}

.up-next-compact-body[b-y1zm39u7o9] {
    flex: 1 1 auto;
    min-width: 0;
}

.up-next-compact-label[b-y1zm39u7o9] {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: var(--text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.up-next-compact-meta[b-y1zm39u7o9] {
    margin: 2px 0 0;
    font-size: 11px;
    font-weight: 500;
    color: var(--muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.up-next-compact--done .up-next-compact-icon[b-y1zm39u7o9] {
    background: rgba(var(--active-rgb), 0.12);
    color: var(--active);
}

.up-next-compact--rest .up-next-compact-icon[b-y1zm39u7o9] {
    background: rgba(140, 170, 210, 0.12);
    color: #8caad2;
}

.up-next-compact--empty .up-next-compact-icon[b-y1zm39u7o9] {
    background: rgba(var(--stroke-rgb), 0.1);
    color: #7f96ab;
}

.up-next-start-btn[b-y1zm39u7o9] {
    flex: 0 0 auto;
    width: auto;
    min-height: 36px;
    padding: 6px 16px;
    border-radius: 9px;
    gap: 5px;
    appearance: none;
    -webkit-appearance: none;
}

[b-y1zm39u7o9] .up-next-quick-start {
    margin-top: 12px;
}

.up-next-start-btn[b-y1zm39u7o9]::before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 8px;
    border-color: transparent transparent transparent var(--active);
}

.feed-list[b-y1zm39u7o9] {
    display: grid;
    gap: 28px;
}

.feed-item[b-y1zm39u7o9] {
    position: relative;
    border: 1px solid rgba(var(--stroke-rgb), 0.14);
    border-radius: 14px;
    background: linear-gradient(165deg, rgba(var(--glass-rgb), 0.92), rgba(var(--glass-rgb), 0.90));
}

.feed-item-header[b-y1zm39u7o9] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px 0;
}

.feed-avatar[b-y1zm39u7o9] {
    flex: 0 0 26px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.02em;
}

.feed-user-name[b-y1zm39u7o9] {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 11px;
    font-weight: 500;
    color: var(--muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.feed-timestamp[b-y1zm39u7o9] {
    flex: 0 0 auto;
    font-size: 11px;
    color: #4a5e70;
}

.feed-item-content[b-y1zm39u7o9] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    margin: 8px 10px 20px;
    border-radius: 10px;
    background: rgba(var(--stroke-rgb), 0.04);
}

.feed-badge[b-y1zm39u7o9] {
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.feed-badge[b-y1zm39u7o9]  svg {
    width: 16px;
    height: 16px;
}

.feed-badge--session[b-y1zm39u7o9]  { background: rgba(var(--active-rgb), 0.15); color: var(--active); }
.feed-badge--pr[b-y1zm39u7o9]       { background: rgba(255, 210, 80, 0.15); color: #ffd250; }
.feed-badge--streak[b-y1zm39u7o9]   { background: rgba(255, 145, 60, 0.15); color: #ff913c; }
.feed-badge--volume[b-y1zm39u7o9]   { background: rgba(100, 170, 255, 0.15); color: #64aaff; }
.feed-badge--program-start[b-y1zm39u7o9] { background: rgba(80, 210, 200, 0.15); color: #50d2c8; }
.feed-badge--program-done[b-y1zm39u7o9]  { background: rgba(180, 130, 255, 0.15); color: #b482ff; }

.feed-content-body[b-y1zm39u7o9] {
    flex: 1 1 auto;
    min-width: 0;
}

.feed-headline[b-y1zm39u7o9] {
    margin: 0;
    font-size: 13px;
    line-height: 1.4;
    color: var(--muted);
}

.feed-headline strong[b-y1zm39u7o9] {
    color: var(--text);
    font-weight: 600;
}

.feed-link[b-y1zm39u7o9] {
    color: var(--text);
    text-decoration: none;
    font-weight: 600;
    cursor: pointer;
    border-bottom: 1px solid rgba(219, 234, 248, 0.25);
    transition: border-color 0.15s;
}

.feed-link:hover[b-y1zm39u7o9] {
    border-color: rgba(219, 234, 248, 0.6);
}

.feed-value[b-y1zm39u7o9] {
    margin: 4px 0 0;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: var(--text);
    line-height: 1.2;
}

.feed-stats[b-y1zm39u7o9] {
    margin: 4px 0 0;
    font-size: 12px;
    color: #556a7e;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0;
}

.feed-stat[b-y1zm39u7o9] {
    white-space: nowrap;
}

.feed-stat strong[b-y1zm39u7o9] {
    font-weight: 600;
    color: var(--muted);
}

.feed-stat-sep[b-y1zm39u7o9] {
    margin: 0 6px;
    color: rgba(var(--stroke-rgb), 0.2);
}

.feed-achievements[b-y1zm39u7o9] {
    margin: 8px 0 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.feed-achievement-row[b-y1zm39u7o9] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    line-height: 1.3;
}

.feed-achievement-badge[b-y1zm39u7o9] {
    flex: 0 0 auto;
    padding: 1px 5px;
    border-radius: 4px;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.feed-achievement-badge--1rm[b-y1zm39u7o9] { background: rgba(255, 210, 80, 0.18); color: #ffd250; }
.feed-achievement-badge--hw[b-y1zm39u7o9]  { background: rgba(255, 145, 60, 0.18); color: #ff913c; }
.feed-achievement-badge--vol[b-y1zm39u7o9] { background: rgba(100, 170, 255, 0.18); color: #64aaff; }

.feed-achievement-exercise[b-y1zm39u7o9] {
    flex: 1 1 auto;
    min-width: 0;
    color: var(--muted);
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.feed-achievement-values[b-y1zm39u7o9] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 3px;
    white-space: nowrap;
}

.feed-achievement-prev[b-y1zm39u7o9] {
    color: #556a7e;
}

.feed-achievement-arrow[b-y1zm39u7o9] {
    color: #4a5e70;
    font-size: 10px;
}

.feed-achievement-new[b-y1zm39u7o9] {
    font-weight: 700;
    color: var(--text);
}

.feed-achievement-unit[b-y1zm39u7o9] {
    color: #556a7e;
    font-weight: 400;
}

.feed-comment-bar[b-y1zm39u7o9] {
    position: absolute;
    bottom: 0;
    right: 14px;
    transform: translateY(50%);
    display: inline-flex;
    align-items: center;
    background: rgba(var(--glass-rgb), 0.95);
    border: 1px solid rgba(var(--stroke-rgb), 0.1);
    border-radius: 14px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
    padding: 3px;
    z-index: 2;
}

.feed-reaction-bar[b-y1zm39u7o9] {
    position: absolute;
    bottom: 0;
    left: 14px;
    transform: translateY(50%);
    display: inline-flex;
    align-items: center;
    background: rgba(var(--glass-rgb), 0.95);
    border: 1px solid rgba(var(--stroke-rgb), 0.1);
    border-radius: 14px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
    padding: 3px;
    z-index: 2;
}

.feed-reaction-summary[b-y1zm39u7o9] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 2px 6px;
    cursor: pointer;
    font-size: 13px;
    line-height: 1;
    border-radius: 10px;
    transition: background 100ms ease;
    user-select: none;
    border: none;
    background: none;
}

.feed-reaction-summary:hover[b-y1zm39u7o9] {
    background: rgba(var(--stroke-rgb), 0.08);
}

.feed-reaction-summary-count[b-y1zm39u7o9] {
    font-size: 12px;
    font-weight: 500;
    color: var(--muted);
    margin-right: 3px;
}

.feed-reaction-summary-emojis[b-y1zm39u7o9] {
    display: flex;
    letter-spacing: 1px;
}

.feed-meta-icon[b-y1zm39u7o9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.feed-meta-icon[b-y1zm39u7o9]  svg {
    width: 14px;
    height: 14px;
}

.feed-react-trigger[b-y1zm39u7o9] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 2px 6px;
    border: none;
    background: none;
    color: #556a7e;
    cursor: pointer;
    border-radius: 10px;
    transition: background 100ms ease, color 100ms ease;
    font: inherit;
    font-size: 12px;
    line-height: 1;
}

.feed-react-trigger:hover[b-y1zm39u7o9],
.feed-react-trigger.is-open[b-y1zm39u7o9] {
    background: rgba(var(--stroke-rgb), 0.08);
    color: var(--muted);
}

.feed-react-plus[b-y1zm39u7o9],
.feed-comment-plus[b-y1zm39u7o9] {
    font-weight: 500;
    font-size: 14px;
}

.feed-reaction-separator[b-y1zm39u7o9] {
    width: 1px;
    height: 16px;
    background: rgba(var(--stroke-rgb), 0.12);
    margin: 0 2px;
}

.feed-reaction-detail[b-y1zm39u7o9] {
    position: absolute;
    bottom: calc(100% + 6px);
    left: 0;
    background: rgba(var(--glass-rgb), 0.97);
    border: 1px solid rgba(var(--stroke-rgb), 0.15);
    border-radius: 12px;
    padding: 8px 12px;
    display: none;
    flex-direction: column;
    gap: 6px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
    z-index: 100;
    min-width: 90px;
}

.feed-reaction-detail.is-open[b-y1zm39u7o9] {
    display: flex;
}

.feed-reaction-detail-row[b-y1zm39u7o9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.feed-reaction-detail-emoji[b-y1zm39u7o9] {
    font-size: 16px;
}

.feed-reaction-detail-count[b-y1zm39u7o9] {
    font-size: 12px;
    font-weight: 600;
    color: var(--muted);
}

.feed-emoji-picker[b-y1zm39u7o9] {
    position: absolute;
    bottom: calc(100% + 6px);
    left: 0;
    background: rgba(var(--glass-rgb), 0.97);
    border: 1px solid rgba(var(--stroke-rgb), 0.15);
    border-radius: 18px;
    padding: 6px;
    display: block;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.5);
    z-index: 100;
}

.feed-emoji-quick-row[b-y1zm39u7o9] {
    display: flex;
    gap: 2px;
    overflow-x: auto;
    scrollbar-width: none;
}

.feed-emoji-quick-row[b-y1zm39u7o9]::-webkit-scrollbar {
    display: none;
}

.feed-emoji-option[b-y1zm39u7o9] {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: none;
    font-size: 22px;
    cursor: pointer;
    border-radius: 10px;
    transition: background 100ms ease, transform 100ms ease;
}

.feed-emoji-option:hover[b-y1zm39u7o9] {
    background: rgba(var(--stroke-rgb), 0.1);
    transform: translateY(-1px);
    transform: scale(1.15);
}

.feed-emoji-option.is-selected[b-y1zm39u7o9] {
    background: rgba(var(--stroke-rgb), 0.12);
}

.feed-emoji-expand[b-y1zm39u7o9] {
    flex: 0 0 34px;
    width: 34px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: rgba(var(--stroke-rgb), 0.06);
    color: var(--muted);
    font-size: 18px;
    cursor: pointer;
    border-radius: 10px;
    transition: background 100ms ease;
}

.feed-emoji-expand:hover[b-y1zm39u7o9] {
    background: rgba(var(--stroke-rgb), 0.12);
}

.feed-emoji-grid[b-y1zm39u7o9] {
    display: none;
    grid-template-columns: repeat(6, 38px);
    gap: 2px;
    max-height: 220px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(var(--stroke-rgb), 0.15) transparent;
}

.feed-emoji-grid[b-y1zm39u7o9]::-webkit-scrollbar {
    width: 4px;
}

.feed-emoji-grid[b-y1zm39u7o9]::-webkit-scrollbar-thumb {
    background: rgba(var(--stroke-rgb), 0.15);
    border-radius: 2px;
}

.feed-emoji-picker.is-expanded .feed-emoji-quick-row[b-y1zm39u7o9] {
    display: none;
}

.feed-emoji-picker.is-expanded .feed-emoji-grid[b-y1zm39u7o9] {
    display: grid;
}

.feed-comment-summary[b-y1zm39u7o9] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: 500;
    color: var(--muted);
    cursor: pointer;
    border-radius: 10px;
    transition: background 100ms ease;
}

.feed-comment-summary:hover[b-y1zm39u7o9] {
    background: rgba(var(--stroke-rgb), 0.08);
}

.feed-comment-summary[b-y1zm39u7o9]  svg {
    width: 14px;
    height: 14px;
    color: #8a9db0;
}

.feed-comment-trigger[b-y1zm39u7o9] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 2px 6px;
    border: none;
    background: none;
    color: #556a7e;
    cursor: pointer;
    border-radius: 10px;
    transition: background 100ms ease, color 100ms ease;
    font-size: 13px;
    line-height: 1;
}

.feed-comment-trigger:hover[b-y1zm39u7o9] {
    background: rgba(var(--stroke-rgb), 0.08);
    color: var(--muted);
}

.feed-comment-trigger[b-y1zm39u7o9]  svg {
    width: 15px;
    height: 15px;
}

.error[b-y1zm39u7o9] {
    padding: 10px 12px;
    border-radius: 12px;
    border: 1px solid rgba(255, 95, 87, 0.52);
    background: rgba(120, 20, 20, 0.35);
    color: #ffd8d5;
    font-size: 13px;
    margin: 18px;
}

@media (max-width: 680px) {
    .home-shell[b-y1zm39u7o9] {
        width: calc(100% - 16px);
    }

    .feed-list[b-y1zm39u7o9] {
        gap: 24px;
    }

    .feed-comment-bar[b-y1zm39u7o9] {
        right: 10px;
    }

    .feed-reaction-bar[b-y1zm39u7o9] {
        left: 10px;
    }
}
/* /Features/Profile/GymDetail.razor.rz.scp.css */
.gym-detail-scroll[b-bezoj0bt34] {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.page-shell[b-bezoj0bt34] {
    position: relative;
    width: min(1320px, calc(100% - var(--grid-gutter) * 2));
    margin: var(--grid-gutter) auto;
    display: grid;
    gap: var(--grid-gutter);
}

/* ── Panel ── */
.card[b-bezoj0bt34] {
    border: 1px solid var(--surface-border, rgba(var(--stroke-rgb), 0.22));
    border-radius: var(--radius-lg, 16px);
    background: linear-gradient(165deg, rgba(var(--glass-rgb), 0.96), rgba(var(--glass-rgb), 0.95));
}

/* ── Hero ── */
.hero[b-bezoj0bt34] {
    padding: 18px 20px;
    position: relative;
    overflow: hidden;
}

.hero[b-bezoj0bt34]::after {
    content: "";
    position: absolute;
    width: min(420px, 42vw);
    height: min(420px, 42vw);
    right: -140px;
    top: -140px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(var(--accent-rgb), 0.25), transparent 66%);
    pointer-events: none;
}

.kicker[b-bezoj0bt34] {
    margin: 0;
    color: var(--muted);
    text-transform: uppercase;
    letter-spacing: 0.14em;
    font-size: 11px;
    font-weight: 700;
}

.hero h1[b-bezoj0bt34] {
    margin: 4px 0 0;
    font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
    font-size: clamp(28px, calc(5.2vw + 10px), 62px);
    letter-spacing: 0.02em;
    line-height: 0.95;
    text-transform: uppercase;
}

.hero-title[b-bezoj0bt34] {
    margin-right: 6px;
}

.default-badge[b-bezoj0bt34] {
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0.06em;
    color: var(--accent);
    background: rgba(var(--accent-rgb), 0.12);
    padding: 3px 8px;
    border-radius: 6px;
    vertical-align: middle;
}

/* ── Accordion content ── */
[b-bezoj0bt34] .accordion-item-content {
    padding: 16px 20px;
    gap: 12px;
}

/* ── Chips ── */
.detail-chip-grid[b-bezoj0bt34] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.detail-chip[b-bezoj0bt34] {
    padding: 6px 12px;
    border: 1px solid rgba(var(--stroke-rgb), 0.15);
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text);
}

/* ── Plates ── */
.detail-plates[b-bezoj0bt34] {
    display: grid;
    gap: 8px;
}

.detail-plate-row[b-bezoj0bt34] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.detail-plate-color[b-bezoj0bt34] {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    flex-shrink: 0;
    border: 2px solid rgba(255, 255, 255, 0.15);
}

.detail-plate-label[b-bezoj0bt34] {
    font-size: 14px;
    font-weight: 600;
    color: var(--text);
}

.detail-plate-qty[b-bezoj0bt34] {
    font-size: 13px;
    color: var(--muted);
}

/* ── Bars ── */
.detail-bars[b-bezoj0bt34] {
    display: grid;
    gap: 8px;
}

.detail-bar-row[b-bezoj0bt34] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.detail-bar-name[b-bezoj0bt34] {
    font-size: 14px;
    font-weight: 600;
    color: var(--text);
}

.detail-bar-weight[b-bezoj0bt34] {
    font-size: 13px;
    color: var(--muted);
    font-variant-numeric: tabular-nums;
}

/* ── Bands ── */
.detail-bands[b-bezoj0bt34] {
    display: grid;
    gap: 8px;
}

.detail-band-row[b-bezoj0bt34] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.detail-band-color[b-bezoj0bt34] {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    flex-shrink: 0;
    border: 2px solid rgba(255, 255, 255, 0.15);
}

.detail-band-name[b-bezoj0bt34] {
    font-size: 14px;
    font-weight: 600;
    color: var(--text);
    flex: 1;
}

.detail-band-weight[b-bezoj0bt34] {
    font-size: 13px;
    color: var(--muted);
    font-variant-numeric: tabular-nums;
}
/* /Features/Profile/GymEditor.razor.rz.scp.css */
.gym-editor[b-8d1h2ud36u] {
    display: grid;
    gap: var(--grid-gutter);
}

[b-8d1h2ud36u] .accordion-item-content {
    padding: 20px;
    gap: 16px;
}

.gym-field[b-8d1h2ud36u] {
    display: grid;
    gap: 10px;
}

.gym-name-input[b-8d1h2ud36u] {
    width: 100%;
    padding: 10px 14px;
    border: 1px solid rgba(var(--stroke-rgb), 0.15);
    border-radius: 10px;
    background: transparent;
    color: var(--text);
    font-size: 15px;
    font-weight: 600;
    outline: none;
    transition: border-color 140ms ease;
}

.gym-name-input:focus[b-8d1h2ud36u] {
    border-color: var(--accent);
}

.gym-name-input[b-8d1h2ud36u]::placeholder {
    color: #4d6275;
    font-weight: 400;
}

.gym-section-hint[b-8d1h2ud36u] {
    font-size: 13px;
    color: var(--muted);
    margin: 0;
}

/* ── Equipment Grid ── */

.gym-equipment-grid[b-8d1h2ud36u] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.gym-eq-btn[b-8d1h2ud36u] {
    padding: 8px 14px;
    border: 1px solid rgba(var(--stroke-rgb), 0.15);
    border-radius: 8px;
    background: transparent;
    color: var(--muted);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: border-color 140ms ease, background 140ms ease, color 140ms ease;
}

.gym-eq-btn:hover[b-8d1h2ud36u] {
    border-color: rgba(var(--stroke-rgb), 0.3);
}

.gym-eq-btn--selected[b-8d1h2ud36u],
.gym-eq-btn--selected:hover[b-8d1h2ud36u] {
    border-color: var(--accent);
    background: rgba(var(--accent-rgb), 0.08);
    color: var(--text);
}

/* ── Dumbbell Grid ── */

.gym-dumbbell-grid[b-8d1h2ud36u] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(64px, 1fr));
    gap: 6px;
}

.gym-weight-btn[b-8d1h2ud36u] {
    padding: 10px 4px;
    border: 1px solid rgba(var(--stroke-rgb), 0.15);
    border-radius: 8px;
    background: transparent;
    color: var(--muted);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    text-align: center;
    transition: border-color 140ms ease, background 140ms ease, color 140ms ease;
}

.gym-weight-btn:hover[b-8d1h2ud36u] {
    border-color: rgba(var(--stroke-rgb), 0.3);
}

.gym-weight-btn--selected[b-8d1h2ud36u],
.gym-weight-btn--selected:hover[b-8d1h2ud36u] {
    border-color: var(--accent);
    background: rgba(var(--accent-rgb), 0.08);
    color: var(--text);
}

.gym-dumbbell-actions[b-8d1h2ud36u] {
    display: flex;
    gap: 16px;
}

.gym-link-btn[b-8d1h2ud36u] {
    padding: 0;
    border: none;
    background: transparent;
    color: var(--accent);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: opacity 140ms ease;
}

.gym-link-btn:hover[b-8d1h2ud36u] {
    opacity: 0.8;
}

.gym-link-btn:disabled[b-8d1h2ud36u] {
    opacity: 0.4;
    cursor: default;
}

/* ── Plates ── */

.gym-plates-list[b-8d1h2ud36u] {
    display: grid;
    gap: 8px;
}

.gym-plate-row[b-8d1h2ud36u] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.gym-plate-btn[b-8d1h2ud36u] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    border: 1px solid rgba(var(--stroke-rgb), 0.15);
    border-radius: 10px;
    background: transparent;
    cursor: pointer;
    transition: border-color 140ms ease, background 140ms ease;
    min-width: 140px;
}

.gym-plate-btn:hover[b-8d1h2ud36u] {
    border-color: rgba(var(--stroke-rgb), 0.3);
}

.gym-plate-btn--selected[b-8d1h2ud36u],
.gym-plate-btn--selected:hover[b-8d1h2ud36u] {
    border-color: var(--accent);
    background: rgba(var(--accent-rgb), 0.08);
}

.gym-plate-color[b-8d1h2ud36u] {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    flex-shrink: 0;
    border: 2px solid rgba(255, 255, 255, 0.15);
}

.gym-plate-label[b-8d1h2ud36u] {
    font-size: 14px;
    font-weight: 600;
    color: var(--text);
}

.gym-plate-qty[b-8d1h2ud36u] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.gym-qty-btn[b-8d1h2ud36u] {
    width: 30px;
    height: 30px;
    border: 1px solid rgba(var(--stroke-rgb), 0.15);
    border-radius: 8px;
    background: transparent;
    color: var(--text);
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 140ms ease, border-color 140ms ease;
}

.gym-qty-btn:hover:not(:disabled)[b-8d1h2ud36u] {
    background: rgba(var(--glass-rgb), 0.08);
    border-color: rgba(var(--stroke-rgb), 0.3);
}

.gym-qty-btn:disabled[b-8d1h2ud36u] {
    opacity: 0.3;
    cursor: default;
}

.gym-qty-value[b-8d1h2ud36u] {
    font-size: 14px;
    font-weight: 600;
    color: var(--text);
    min-width: 20px;
    text-align: center;
}

/* ── Bars ── */

.gym-bars-list[b-8d1h2ud36u] {
    display: grid;
    gap: 8px;
}

.gym-bar-row[b-8d1h2ud36u] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.gym-bar-btn[b-8d1h2ud36u] {
    padding: 10px 16px;
    border: 1px solid rgba(var(--stroke-rgb), 0.15);
    border-radius: 10px;
    background: transparent;
    color: var(--muted);
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: border-color 140ms ease, background 140ms ease, color 140ms ease;
    min-width: 200px;
}

.gym-bar-btn:hover[b-8d1h2ud36u] {
    border-color: rgba(var(--stroke-rgb), 0.3);
}

.gym-bar-btn--selected[b-8d1h2ud36u],
.gym-bar-btn--selected:hover[b-8d1h2ud36u] {
    border-color: var(--accent);
    background: rgba(var(--accent-rgb), 0.08);
    color: var(--text);
}

.gym-bar-weight[b-8d1h2ud36u] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.gym-bar-weight-input[b-8d1h2ud36u] {
    width: 72px;
    padding: 8px 10px;
    border: 1px solid rgba(var(--stroke-rgb), 0.15);
    border-radius: 8px;
    background: transparent;
    color: var(--text);
    font-size: 14px;
    font-weight: 600;
    outline: none;
    transition: border-color 140ms ease;
}

.gym-bar-weight-input:focus[b-8d1h2ud36u] {
    border-color: var(--accent);
}

.gym-bar-weight-unit[b-8d1h2ud36u] {
    font-size: 13px;
    font-weight: 600;
    color: var(--muted);
}

.gym-custom-bar[b-8d1h2ud36u] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.gym-custom-bar-name[b-8d1h2ud36u] {
    padding: 8px 12px;
    border: 1px solid rgba(var(--stroke-rgb), 0.15);
    border-radius: 8px;
    background: transparent;
    color: var(--text);
    font-size: 14px;
    outline: none;
    transition: border-color 140ms ease;
    min-width: 140px;
}

.gym-custom-bar-name:focus[b-8d1h2ud36u] {
    border-color: var(--accent);
}

.gym-custom-bar-name[b-8d1h2ud36u]::placeholder {
    color: #4d6275;
}

/* ── Resistance Bands ── */

.gym-bands-list[b-8d1h2ud36u] {
    display: grid;
    gap: 8px;
}

.gym-band-row[b-8d1h2ud36u] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.gym-band-btn[b-8d1h2ud36u] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    border: 1px solid rgba(var(--stroke-rgb), 0.15);
    border-radius: 10px;
    background: transparent;
    cursor: pointer;
    transition: border-color 140ms ease, background 140ms ease;
    min-width: 240px;
}

.gym-band-btn:hover[b-8d1h2ud36u] {
    border-color: rgba(var(--stroke-rgb), 0.3);
}

.gym-band-btn--selected[b-8d1h2ud36u],
.gym-band-btn--selected:hover[b-8d1h2ud36u] {
    border-color: var(--accent);
    background: rgba(var(--accent-rgb), 0.08);
}

.gym-band-color[b-8d1h2ud36u] {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    flex-shrink: 0;
    border: 2px solid rgba(255, 255, 255, 0.15);
}

.gym-band-label[b-8d1h2ud36u] {
    font-size: 14px;
    font-weight: 600;
    color: var(--text);
}

.gym-band-range[b-8d1h2ud36u] {
    font-size: 12px;
    color: var(--muted);
    margin-left: auto;
}

/* /Features/Profile/Gyms.razor.rz.scp.css */
.gym-scroll[b-498hhadgt9] {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.page-shell[b-498hhadgt9] {
    position: relative;
    width: min(1320px, calc(100% - var(--grid-gutter) * 2));
    margin: var(--grid-gutter) auto;
    display: grid;
    gap: var(--grid-gutter);
}

.gym-empty[b-498hhadgt9] {
    padding: 40px 20px;
    text-align: center;
}

.gym-empty-text[b-498hhadgt9] {
    font-size: 14px;
    color: var(--muted);
}

.gym-grid[b-498hhadgt9] {
    display: grid;
    gap: var(--grid-gutter);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (min-width: 920px) {
    .gym-grid[b-498hhadgt9] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1120px) {
    .gym-grid[b-498hhadgt9] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (min-width: 1320px) {
    .gym-grid[b-498hhadgt9] {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

[b-498hhadgt9] .badge {
    display: inline-block;
    margin-left: 6px;
    font-size: 9px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 2px 6px;
    border-radius: 5px;
    vertical-align: middle;
}

[b-498hhadgt9] .badge.default {
    color: var(--accent);
    background: rgba(var(--accent-rgb), 0.14);
}

.gym-add-btn[b-498hhadgt9] {
    display: block;
    width: 100%;
    padding: 14px;
    border: 1px dashed rgba(var(--stroke-rgb), 0.2);
    border-radius: 12px;
    background: transparent;
    color: var(--accent);
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    transition: background 140ms ease, border-color 140ms ease;
}

.gym-add-btn:hover[b-498hhadgt9] {
    background: rgba(var(--accent-rgb), 0.06);
    border-color: rgba(var(--accent-rgb), 0.3);
}
/* /Features/Profile/ProfileAccount.razor.rz.scp.css */
.profile-scroll[b-1lyo5npz8c] {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.page-shell[b-1lyo5npz8c] {
    position: relative;
    width: min(1320px, calc(100% - var(--grid-gutter) * 2));
    margin: var(--grid-gutter) auto;
    display: grid;
    gap: var(--grid-gutter);
}

[b-1lyo5npz8c] .accordion-item-content {
    padding: 20px;
    gap: 20px;
}

.profile-account[b-1lyo5npz8c] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.profile-avatar[b-1lyo5npz8c] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
}

.profile-account-info[b-1lyo5npz8c] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.profile-account-name[b-1lyo5npz8c] {
    font-size: 15px;
    font-weight: 600;
    color: var(--text);
}

.profile-account-email[b-1lyo5npz8c] {
    font-size: 13px;
    color: var(--muted);
}

.profile-signout-btn[b-1lyo5npz8c] {
    padding: 10px 28px;
    border: 1px solid rgba(var(--targeted-rgb), 0.3);
    border-radius: 8px;
    background: rgba(var(--targeted-rgb), 0.08);
    color: var(--targeted);
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    transition: background 140ms ease, border-color 140ms ease;
    width: fit-content;
}

.profile-signout-btn:hover[b-1lyo5npz8c] {
    background: rgba(var(--targeted-rgb), 0.15);
    border-color: rgba(var(--targeted-rgb), 0.5);
}

.profile-field[b-1lyo5npz8c] {
    display: grid;
    gap: 10px;
}

.profile-field-label[b-1lyo5npz8c] {
    font-size: 13px;
    font-weight: 600;
    color: var(--muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.profile-toggle-group[b-1lyo5npz8c] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.profile-toggle-group--3col[b-1lyo5npz8c] {
    grid-template-columns: 1fr 1fr 1fr;
}

.profile-toggle-btn[b-1lyo5npz8c] {
    padding: 10px 16px;
    border: 1px solid rgba(var(--stroke-rgb), 0.15);
    border-radius: 10px;
    background: transparent;
    color: var(--muted);
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    transition: border-color 140ms ease, background 140ms ease;
    text-align: center;
}

.profile-toggle-btn:hover[b-1lyo5npz8c] {
    border-color: rgba(var(--stroke-rgb), 0.3);
}

.profile-toggle-btn--selected[b-1lyo5npz8c],
.profile-toggle-btn--selected:hover[b-1lyo5npz8c] {
    border-color: var(--accent);
    background: var(--accent-soft);
    color: var(--text);
}
/* /Features/Profile/ProfileAchievements.razor.rz.scp.css */
.profile-scroll[b-7p60v8y6pb] {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.page-shell[b-7p60v8y6pb] {
    position: relative;
    width: min(1320px, calc(100% - var(--grid-gutter) * 2));
    margin: var(--grid-gutter) auto;
}

/* -- Placeholder / empty state -- */

.placeholder[b-7p60v8y6pb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 60px 20px;
    text-align: center;
    color: var(--muted);
}

.placeholder-icon[b-7p60v8y6pb] {
    font-size: 40px;
    line-height: 1;
    margin-bottom: 4px;
}

.placeholder-title[b-7p60v8y6pb] {
    font-size: 17px;
    font-weight: 700;
    color: var(--muted);
}

.placeholder-text[b-7p60v8y6pb] {
    font-size: 14px;
    max-width: 280px;
    line-height: 1.5;
}

/* -- Card base -- */

.card[b-7p60v8y6pb] {
    border: 1px solid rgba(var(--stroke-rgb), 0.22);
    border-radius: 16px;
    background: linear-gradient(165deg, rgba(var(--glass-rgb), 0.96), rgba(var(--glass-rgb), 0.95));
    padding: 14px;
}

@media (max-width: 680px) {
    .card[b-7p60v8y6pb] {
        padding: 12px;
    }
}

/* -- Personal records grid -- */

.records-grid[b-7p60v8y6pb] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 8px;
}

.record-card[b-7p60v8y6pb] {
    width: 100%;
    text-align: left;
    font: inherit;
    cursor: pointer;
}

.record-card:active[b-7p60v8y6pb] {
    transform: scale(0.98);
}

.record-name[b-7p60v8y6pb] {
    font-size: 14px;
    font-weight: 600;
    color: var(--accent);
    margin-bottom: 8px;
}

.record-stats[b-7p60v8y6pb] {
    display: flex;
    gap: 20px;
}

.stat[b-7p60v8y6pb] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.stat-value[b-7p60v8y6pb] {
    font-size: 16px;
    font-weight: 700;
    color: var(--text);
}

.stat-label[b-7p60v8y6pb] {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--muted);
}

.error[b-7p60v8y6pb] {
    padding: 20px;
    text-align: center;
    color: var(--danger, #ff4444);
}
/* /Features/Profile/ProfilePersonal.razor.rz.scp.css */
.profile-scroll[b-gcx1d1nert] {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.page-shell[b-gcx1d1nert] {
    position: relative;
    width: min(1320px, calc(100% - var(--grid-gutter) * 2));
    margin: var(--grid-gutter) auto;
    display: grid;
    gap: var(--grid-gutter);
}

[b-gcx1d1nert] .accordion-item-content {
    padding: 20px;
    gap: 20px;
}

.profile-field[b-gcx1d1nert] {
    display: grid;
    gap: 10px;
}

.profile-field-label[b-gcx1d1nert] {
    font-size: 13px;
    font-weight: 600;
    color: var(--muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.profile-toggle-group[b-gcx1d1nert] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.profile-toggle-btn[b-gcx1d1nert] {
    padding: 10px 16px;
    border: 1px solid rgba(var(--stroke-rgb), 0.15);
    border-radius: 10px;
    background: transparent;
    color: var(--muted);
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    transition: border-color 140ms ease, background 140ms ease;
    text-align: center;
}

.profile-toggle-btn:hover[b-gcx1d1nert] {
    border-color: rgba(var(--stroke-rgb), 0.3);
}

.profile-toggle-btn--selected[b-gcx1d1nert],
.profile-toggle-btn--selected:hover[b-gcx1d1nert] {
    border-color: var(--accent);
    background: rgba(var(--accent-rgb), 0.08);
    color: var(--text);
}

.profile-date-input[b-gcx1d1nert] {
    width: fit-content;
    padding: 10px 14px;
    border: 1px solid rgba(var(--stroke-rgb), 0.15);
    border-radius: 10px;
    background: transparent;
    color: var(--text);
    font-size: 15px;
    font-weight: 600;
    outline: none;
    transition: border-color 140ms ease;
    color-scheme: dark;
}

.profile-date-input:focus[b-gcx1d1nert] {
    border-color: var(--accent);
}

.profile-body-weight[b-gcx1d1nert] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.profile-body-weight-input[b-gcx1d1nert] {
    width: 100px;
    padding: 10px 14px;
    border: 1px solid rgba(var(--stroke-rgb), 0.15);
    border-radius: 10px;
    background: transparent;
    color: var(--text);
    font-size: 15px;
    font-weight: 600;
    outline: none;
    transition: border-color 140ms ease;
}

.profile-body-weight-input:focus[b-gcx1d1nert] {
    border-color: var(--accent);
}

.profile-body-weight-input[b-gcx1d1nert]::placeholder {
    color: #4d6275;
    font-weight: 400;
}

.profile-input--short[b-gcx1d1nert] {
    width: 72px;
}

.profile-body-weight-unit[b-gcx1d1nert] {
    font-size: 14px;
    font-weight: 600;
    color: var(--muted);
}

.profile-field-hint[b-gcx1d1nert] {
    font-size: 12px;
    color: #4d6275;
}
/* /Features/Profile/ProfileTraining.razor.rz.scp.css */
.profile-scroll[b-zhd6d4if1d] {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.page-shell[b-zhd6d4if1d] {
    position: relative;
    width: min(1320px, calc(100% - var(--grid-gutter) * 2));
    margin: var(--grid-gutter) auto;
    display: grid;
    gap: var(--grid-gutter);
}

[b-zhd6d4if1d] .accordion-item-content {
    padding: 10px;
    gap: 8px;
}

.profile-options[b-zhd6d4if1d] {
    display: grid;
    gap: 8px;
}

.profile-option[b-zhd6d4if1d] {
    display: grid;
    gap: 2px;
    padding: 12px 16px;
    border: 1px solid rgba(var(--stroke-rgb), 0.15);
    border-radius: 10px;
    background: transparent;
    color: var(--muted);
    text-align: left;
    cursor: pointer;
    transition: border-color 140ms ease, background 140ms ease;
}

.profile-option:hover[b-zhd6d4if1d] {
    border-color: rgba(var(--stroke-rgb), 0.3);
}

.profile-option--selected[b-zhd6d4if1d],
.profile-option--selected:hover[b-zhd6d4if1d] {
    border-color: var(--accent);
    background: rgba(var(--accent-rgb), 0.08);
    color: var(--text);
}

.profile-option-name[b-zhd6d4if1d] {
    font-weight: 600;
    font-size: 15px;
}

.profile-option-desc[b-zhd6d4if1d] {
    font-size: 12px;
    color: var(--muted);
}

.profile-option--selected .profile-option-desc[b-zhd6d4if1d] {
    color: var(--muted);
}
/* /Features/Profile/TrainingFocusModalView.razor.rz.scp.css */
.focus-cards[b-svk0nj2qpm] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding: 4px 0 12px;
}

.focus-card[b-svk0nj2qpm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 16px 12px;
    border: 1px solid rgba(var(--stroke-rgb), 0.15);
    border-radius: 12px;
    background: transparent;
    color: var(--muted);
    cursor: pointer;
    transition: border-color 140ms ease, background 140ms ease;
}

.focus-card:hover[b-svk0nj2qpm] {
    border-color: rgba(var(--stroke-rgb), 0.3);
}

.focus-card--selected[b-svk0nj2qpm] {
    border-color: var(--accent);
    background: rgba(var(--accent-rgb), 0.08);
    color: var(--text);
}

.focus-card-icon[b-svk0nj2qpm] {
    font-size: 28px;
    line-height: 1;
}

.focus-card-name[b-svk0nj2qpm] {
    font-weight: 700;
    font-size: 15px;
    letter-spacing: 0.02em;
}

.focus-card-detail[b-svk0nj2qpm] {
    font-size: 11px;
    color: var(--muted);
}

.focus-card--selected .focus-card-detail[b-svk0nj2qpm] {
    color: var(--muted);
}
/* /Features/Program/Detail/Modals/PhaseEditModalView.razor.rz.scp.css */
.phase-edit-textarea[b-hdptxgi653] {
    min-height: 64px;
    max-height: calc(100dvh - 400px);
    field-sizing: content;
    resize: vertical;
}

/* ── Type Toggle ── */

.phase-type-toggle[b-hdptxgi653] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 6px;
}

.phase-type-btn[b-hdptxgi653] {
    min-height: 36px;
    border-radius: 9px;
    border: 1px solid rgba(var(--stroke-rgb), 0.24);
    background: var(--overlay-bg);
    color: var(--muted);
    font: inherit;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: border-color 120ms ease, background 120ms ease, color 120ms ease;
}

.phase-type-btn:hover[b-hdptxgi653] {
    border-color: rgba(var(--stroke-rgb), 0.4);
    background: rgba(var(--glass-rgb), 0.85);
}

.phase-type-btn.active.phase-type-btn--training[b-hdptxgi653] {
    border-color: rgba(var(--active-rgb), 0.7);
    background: rgba(var(--active-rgb), 0.12);
    color: var(--active);
}

.phase-type-btn.active.phase-type-btn--deload[b-hdptxgi653] {
    border-color: rgba(110, 170, 255, 0.7);
    background: rgba(110, 170, 255, 0.12);
    color: var(--link);
}

.phase-type-btn.active.phase-type-btn--rest[b-hdptxgi653] {
    border-color: rgba(var(--muted-rgb), 0.6);
    background: rgba(var(--muted-rgb), 0.12);
    color: var(--muted);
}
/* /Features/Program/Detail/Modals/WorkoutEditModalView.razor.rz.scp.css */
.workout-edit-select[b-92di2sjeeg] {
    display: block;
    width: 100%;
    border: 1px solid rgba(var(--stroke-rgb), 0.28);
    border-radius: 9px;
    background: rgba(var(--glass-rgb), 0.6);
    color: var(--text);
    font: inherit;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 12px;
    outline: none;
    cursor: pointer;
    transition: border-color 140ms ease;
}

.workout-edit-select:focus[b-92di2sjeeg] {
    border-color: rgba(var(--active-rgb), 0.6);
}

.workout-edit-select option[b-92di2sjeeg] {
    background: rgba(var(--glass-rgb), 1);
    color: var(--text);
}

.workout-edit-workout-row[b-92di2sjeeg] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.workout-edit-workout-row .workout-edit-select[b-92di2sjeeg] {
    flex: 1;
    min-width: 0;
}

.workout-edit-search-btn[b-92di2sjeeg] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid rgba(var(--stroke-rgb), 0.24);
    border-radius: 9px;
    background: var(--overlay-bg);
    color: var(--muted);
    padding: 0;
    cursor: pointer;
    transition: border-color 140ms ease, color 140ms ease;
}

.workout-edit-search-btn svg[b-92di2sjeeg] {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.workout-edit-search-btn:hover[b-92di2sjeeg] {
    border-color: rgba(var(--stroke-rgb), 0.5);
    color: var(--text);
}
/* /Features/Program/Detail/Modals/WorkoutPickerModal.razor.rz.scp.css */
/* ── Toolbar ── */

.picker-toolbar[b-hzrf7tcjy1] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 10px 0 6px;
}

.picker-search-wrap[b-hzrf7tcjy1] {
    flex: 1;
    position: relative;
    display: flex;
    align-items: center;
}

.picker-search-icon[b-hzrf7tcjy1] {
    position: absolute;
    left: 10px;
    width: 16px;
    height: 16px;
    fill: none;
    stroke: var(--muted);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    pointer-events: none;
}

.picker-search-input[b-hzrf7tcjy1] {
    width: 100%;
    border: 1px solid rgba(var(--stroke-rgb), 0.24);
    border-radius: 9px;
    background: rgba(var(--glass-rgb), 0.85);
    color: var(--text);
    font: inherit;
    font-size: 14px;
    padding: 8px 10px 8px 32px;
    outline: none;
    transition: border-color 140ms ease;
}

.picker-search-input:focus[b-hzrf7tcjy1] {
    border-color: rgba(var(--active-rgb), 0.7);
}

.picker-search-input[b-hzrf7tcjy1]::placeholder {
    color: rgba(var(--muted-rgb), 0.5);
}

.picker-icon-btn[b-hzrf7tcjy1] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 36px;
    height: 36px;
    border: 1px solid rgba(var(--stroke-rgb), 0.24);
    border-radius: 9px;
    background: var(--overlay-bg);
    color: var(--muted);
    cursor: pointer;
    padding: 0;
    transition: border-color 140ms ease, color 140ms ease;
}

.picker-icon-btn svg[b-hzrf7tcjy1] {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.picker-icon-btn:hover[b-hzrf7tcjy1] {
    border-color: rgba(var(--stroke-rgb), 0.5);
    color: var(--text);
}

.picker-icon-btn.is-active[b-hzrf7tcjy1] {
    border-color: rgba(var(--active-rgb), 0.6);
    color: var(--active);
}

.picker-icon-badge[b-hzrf7tcjy1] {
    position: absolute;
    top: -5px;
    right: -5px;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    border-radius: 999px;
    background: rgba(var(--accent-rgb), 0.9);
    border: 1px solid rgba(var(--accent-rgb), 0.55);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    line-height: 14px;
    text-align: center;
}

/* ── Results ── */

.picker-body[b-hzrf7tcjy1] {
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    flex-direction: column;
}

.picker-body[b-hzrf7tcjy1]  .workout-results {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    align-content: start;
}

/* ── Footer ── */

.picker-cancel-btn[b-hzrf7tcjy1] {
    width: 100%;
    min-height: 40px;
    border-radius: 9px;
    border: 1px solid rgba(var(--stroke-rgb), 0.24);
    background: var(--overlay-bg);
    color: var(--text);
    font: inherit;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: border-color 120ms ease, background 120ms ease;
}

.picker-cancel-btn:hover[b-hzrf7tcjy1] {
    border-color: rgba(var(--stroke-rgb), 0.4);
    background: rgba(var(--glass-rgb), 0.85);
}
/* /Features/Program/Detail/ProgramDetail.razor.rz.scp.css */
.program-detail-scroll[b-9zdz49g74w] {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
}

/* ── Back button ── */

.back-btn[b-9zdz49g74w] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 30px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--text);
    cursor: pointer;
    padding: 0;
    margin-left: -8px;
}

.back-btn:hover[b-9zdz49g74w] {
    background: rgba(var(--stroke-rgb), 0.1);
}

.back-btn:active[b-9zdz49g74w] {
    background: rgba(var(--stroke-rgb), 0.16);
}

.back-btn svg[b-9zdz49g74w] {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* ── Error ── */

.error[b-9zdz49g74w] {
    margin: 16px;
    border-radius: 12px;
    border: 1px solid rgba(255, 136, 136, 0.5);
    background: rgba(78, 21, 21, 0.84);
    color: var(--targeted);
    padding: 10px 12px;
    font-size: 13px;
}

.page-shell[b-9zdz49g74w] {
    width: min(1320px, calc(100% - 24px));
    margin: 0 auto;
    padding: 12px 0;
    display: grid;
    gap: 14px;
}

/* ── Hero ── */

.card[b-9zdz49g74w] {
    border: 1px solid var(--surface-border);
    border-radius: var(--radius-lg, 16px);
    background: linear-gradient(165deg, rgba(var(--glass-rgb), 0.96), rgba(var(--glass-rgb), 0.95));
}

.hero[b-9zdz49g74w] {
    padding: 18px 20px;
    position: relative;
    overflow: hidden;
}

.hero[b-9zdz49g74w]::after {
    content: "";
    position: absolute;
    width: min(420px, 42vw);
    height: min(420px, 42vw);
    right: -140px;
    top: -220px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(var(--accent-rgb), 0.25), transparent 66%);
    pointer-events: none;
}

.kicker[b-9zdz49g74w] {
    margin: 0;
    color: var(--muted);
    text-transform: uppercase;
    letter-spacing: 0.14em;
    font-size: 11px;
    font-weight: 700;
}

.hero-title[b-9zdz49g74w] {
    margin-right: 6px;
}

.hero[b-9zdz49g74w]  h1 {
    margin: 4px 0 0;
    font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
    font-size: clamp(28px, calc(5.2vw + 10px), 62px);
    letter-spacing: 0.02em;
    line-height: 0.95;
    text-transform: uppercase;
}

.hero-subtitle[b-9zdz49g74w] {
    margin: 8px 0 0;
    font-size: 14px;
    color: var(--muted);
    max-width: 76ch;
    line-height: 1.55;
}

/* ── Full-span accordion items ── */

[b-9zdz49g74w] .full-span {
    grid-column: 1 / -1;
}

/* ── Training Profile (Summary Grid) ── */

.summary-grid[b-9zdz49g74w] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.summary-cell[b-9zdz49g74w] {
    border: 1px solid rgba(var(--stroke-rgb), 0.2);
    border-radius: 12px;
    background: rgba(var(--glass-rgb), 0.72);
    padding: 9px 10px;
}

.summary-cell--full-width[b-9zdz49g74w] {
    grid-column: 1 / -1;
}

.summary-label[b-9zdz49g74w] {
    display: block;
    color: var(--muted);
    font-size: 11px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.summary-value[b-9zdz49g74w] {
    display: block;
    margin-top: 4px;
    font-size: 14px;
    font-weight: 600;
}

/* ── Target Muscles ── */

[b-9zdz49g74w] .muscles-content {
    padding: 0;
}

.viewer-pane[b-9zdz49g74w] {
    display: flex;
    flex-direction: column;
}

.viewer-frame-wrap[b-9zdz49g74w] {
    position: relative;
    overflow: hidden;
    flex: 1 1 auto;
    height: 100%;
    min-height: 420px;
    background: #000;
}

.viewer-frame-wrap[b-9zdz49g74w]  .anatomy-viewport {
    position: absolute;
    inset: 0;
}

.viewer-bottom-controls[b-9zdz49g74w] {
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 4;
    display: flex;
    align-items: center;
    gap: 6px;
}

.viewer-ctrl-btn[b-9zdz49g74w] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 9px;
    border: 1px solid rgba(156, 188, 224, 0.35);
    background: rgba(var(--glass-rgb), 0.8);
    color: var(--text);
    font-size: 20px;
    cursor: pointer;
    backdrop-filter: blur(6px);
}

.viewer-ctrl-btn svg[b-9zdz49g74w] {
    width: 18px;
    height: 18px;
    stroke: currentColor;
    stroke-width: 2;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.viewer-ctrl-btn:hover[b-9zdz49g74w] {
    border-color: rgba(var(--stroke-rgb), 0.52);
    background: rgba(var(--glass-rgb), 0.92);
}

.viewer-selection-badge[b-9zdz49g74w] {
    position: absolute;
    left: 10px;
    bottom: 10px;
    z-index: 4;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    max-width: min(72vw, 520px);
    min-height: 34px;
    padding: 6px 8px;
    border-radius: 10px;
    border: 1px solid rgba(156, 188, 224, 0.36);
    background: rgba(var(--glass-rgb), 0.8);
    color: var(--text);
    font-size: 11px;
    line-height: 1.2;
    pointer-events: auto;
    backdrop-filter: blur(6px);
}

.viewer-selection-dot[b-9zdz49g74w] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex: 0 0 auto;
}

.viewer-selection-name[b-9zdz49g74w] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.viewer-selection-close[b-9zdz49g74w] {
    width: 18px;
    height: 18px;
    border: 1px solid rgba(156, 188, 224, 0.4);
    border-radius: 999px;
    background: rgba(var(--glass-rgb), 0.72);
    color: var(--text);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    line-height: 1;
    padding: 0;
    cursor: pointer;
}

.viewer-selection-close:hover[b-9zdz49g74w] {
    border-color: rgba(var(--stroke-rgb), 0.62);
    background: rgba(var(--glass-rgb), 0.92);
}

.viewer-legend[b-9zdz49g74w] {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 4;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 7px 9px;
    border-radius: 8px;
    background: rgba(var(--glass-rgb), 0.7);
    border: 1px solid rgba(156, 188, 224, 0.18);
    pointer-events: none;
}

.viewer-legend-item[b-9zdz49g74w] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 10px;
    font-weight: 600;
    color: var(--muted);
    letter-spacing: 0.02em;
}

.viewer-legend-dot[b-9zdz49g74w] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex: 0 0 auto;
}

/* ── Role Cards ── */

.role-stack[b-9zdz49g74w] {
    display: grid;
    gap: 9px;
}

.role-card[b-9zdz49g74w] {
    border-radius: 12px;
    border: 1px solid rgba(var(--stroke-rgb), 0.2);
    background: rgba(var(--glass-rgb), 0.72);
    padding: 9px 9px 8px;
}

.role-header[b-9zdz49g74w] {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    color: var(--muted);
    margin-bottom: 12px;
    padding-bottom: 6px;
    border-bottom: 1px solid rgba(var(--stroke-rgb), 0.04);
}

.role-dot[b-9zdz49g74w] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.dot-required[b-9zdz49g74w] {
    background: var(--primary);
}

.dot-optional[b-9zdz49g74w] {
    background: var(--muted);
}

/* ── Tip Carousel ── */

.tip-carousel[b-9zdz49g74w] {
    width: 100%;
    overflow: hidden;
    border-radius: var(--radius-md, 12px);
}

.tip-track[b-9zdz49g74w] {
    display: flex;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none;
    touch-action: pan-x pan-y;
}

.tip-track[b-9zdz49g74w]::-webkit-scrollbar { display: none; }

.tip-card[b-9zdz49g74w] {
    flex: 0 0 100%;
    min-height: 80px;
    display: flex;
    align-items: center;
    padding: 14px 16px;
    scroll-snap-align: start;
    box-sizing: border-box;
}

.tip-card-text[b-9zdz49g74w] {
    color: var(--text);
    font-size: 13px;
    line-height: 1.55;
}

.tip-card-text[b-9zdz49g74w]  strong {
    color: var(--text);
    font-weight: 600;
}

.tip-card-text[b-9zdz49g74w]  em {
    color: var(--muted);
    font-style: italic;
}

.tip-dots[b-9zdz49g74w] {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 10px;
}

.tip-dot[b-9zdz49g74w] {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: rgba(var(--stroke-rgb), 0.34);
    transition: background 140ms ease, transform 140ms ease;
}

.tip-dot.active[b-9zdz49g74w] {
    background: var(--link-hover);
    transform: scale(1.15);
}

/* ── Program Schedule ── */

[b-9zdz49g74w] .schedule-stack {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: -9px -10px;
    padding: 10px;
    border-radius: 0 0 12px 12px;
    background: rgba(0, 0, 0, 0.18);
}

.phase-card[b-9zdz49g74w] {
    border: 1px solid rgba(var(--stroke-rgb), 0.18);
    border-radius: 12px;
    background: rgba(var(--glass-rgb), 0.6);
    overflow: hidden;
    padding: 0;
}

.phase-card-header[b-9zdz49g74w] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: stretch;
    gap: 0;
    padding: 0;
    border-bottom: 1px solid rgba(var(--stroke-rgb), 0.1);
    background: rgba(var(--glass-rgb), 0.42);
    cursor: pointer;
}

.phase-card.collapsed .phase-card-header[b-9zdz49g74w] {
    border-bottom: 0;
}

.phase-card-header-content[b-9zdz49g74w] {
    min-width: 0;
}

.phase-card-header-main[b-9zdz49g74w] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px 6px;
}

.phase-card-title-row[b-9zdz49g74w] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    flex-wrap: wrap;
}

.phase-card-header-workouts[b-9zdz49g74w] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin: 0;
    padding: 4px 12px 10px;
    font-size: 13px;
    line-height: 1.3;
    color: var(--muted);
}

.phase-card-header-workouts:empty[b-9zdz49g74w] {
    display: none;
    padding: 0;
}

.phase-card-description[b-9zdz49g74w] {
    margin: 0;
    padding: 0 12px 10px;
    font-size: 12px;
    line-height: 1.45;
    color: var(--muted);
    letter-spacing: 0.01em;
}

.phase-card-label[b-9zdz49g74w] {
    font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
    font-size: clamp(18px, calc(1.4vw + 10px), 24px);
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 0.95;
    text-transform: uppercase;
    color: var(--text);
}

.phase-type-pill[b-9zdz49g74w] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 2px 6px;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1;
    text-transform: uppercase;
    border: 1px solid rgba(var(--stroke-rgb), 0.24);
    color: var(--text);
}

.phase-card-label--training.phase-type-pill[b-9zdz49g74w] {
    border-color: rgba(var(--active-rgb), 0.72);
    color: #d9ffe6;
}

.phase-card-label--deload.phase-type-pill[b-9zdz49g74w] {
    border-color: rgba(110, 170, 255, 0.6);
    color: #cfe2ff;
}

.phase-card-label--rest.phase-type-pill[b-9zdz49g74w] {
    border-color: rgba(var(--muted-rgb), 0.5);
    color: var(--text);
}

.phase-card-repeat-inline[b-9zdz49g74w] {
    font-family: "IBM Plex Serif", Georgia, serif;
    font-size: 14px;
    font-style: italic;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.01em;
    color: var(--muted);
}

.phase-collapse-btn[b-9zdz49g74w] {
    width: 32px;
    min-height: 100%;
    border: 0;
    border-left: 1px solid rgba(var(--stroke-rgb), 0.12);
    border-radius: 0;
    background: transparent;
    color: rgba(220, 232, 244, 0.78);
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.phase-collapse-btn[b-9zdz49g74w]::before {
    content: "";
    width: 7px;
    height: 7px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg) translate(-1px, -1px);
    transform-origin: center;
}

.phase-card.collapsed .phase-collapse-btn[b-9zdz49g74w]::before {
    transform: rotate(-45deg) translate(-1px, -1px);
}

.phase-collapse-btn:hover[b-9zdz49g74w] {
    color: var(--text);
    background: rgba(var(--stroke-rgb), 0.10);
}

.phase-collapse-btn:active[b-9zdz49g74w] {
    transform: translateY(1px);
}

/* ── Phase Card Body ── */

.phase-card-body[b-9zdz49g74w] {
    padding: 6px 8px 8px;
    display: grid;
    grid-template-columns: 32px auto 1fr;
    row-gap: 6px;
}

.phase-day-unit[b-9zdz49g74w] {
    display: grid;
    grid-template-columns: subgrid;
    grid-column: 1 / -1;
    font-size: 13px;
}

.phase-day-index[b-9zdz49g74w] {
    grid-column: 1;
    grid-row: 1 / -1;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--glass-rgb), 0.78);
    border: 1px solid rgba(var(--stroke-rgb), 0.34);
    border-right: 0;
    color: var(--text);
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
}

.phase-day-label-cell[b-9zdz49g74w] {
    grid-column: 2;
    grid-row: 1 / -1;
    display: flex;
    align-items: center;
    padding: 0 10px;
    border: 1px solid rgba(var(--stroke-rgb), 0.26);
    border-right: 0;
    background: rgba(var(--glass-rgb), 0.38);
    color: var(--text);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.02em;
    white-space: nowrap;
}

.phase-day-content[b-9zdz49g74w] {
    grid-column: 3;
    grid-row: 1 / -1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.phase-day-workout-row[b-9zdz49g74w] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 32px;
    padding: 4px 8px;
    border-left: 1px solid rgba(var(--stroke-rgb), 0.26);
    border-right: 1px solid rgba(var(--stroke-rgb), 0.26);
    border-bottom: 1px solid rgba(var(--stroke-rgb), 0.1);
    background: rgba(var(--active-rgb), 0.08);
    min-width: 0;
}

.phase-day-workout-row:first-child[b-9zdz49g74w] {
    border-top: 1px solid rgba(var(--stroke-rgb), 0.26);
}

.phase-day-workout-row:last-child[b-9zdz49g74w] {
    border-bottom: 1px solid rgba(var(--stroke-rgb), 0.34);
}

.phase-card-body--deload .phase-day-workout-row[b-9zdz49g74w] {
    background: rgba(129, 173, 255, 0.08);
}

.phase-day-rest-label[b-9zdz49g74w] {
    grid-column: 2 / -1;
    display: flex;
    align-items: center;
    min-height: 32px;
    padding: 5px 8px;
    border: 1px solid rgba(var(--stroke-rgb), 0.26);
    background: rgba(var(--stroke-rgb), 0.05);
    color: var(--muted);
    font-style: italic;
    opacity: 0.7;
    font-size: 12px;
}

.phase-day-workout-name[b-9zdz49g74w] {
    flex: 0 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--text);
    font-size: 11px;
    letter-spacing: 0.02em;
    text-decoration: none;
}

a.phase-day-workout-name:hover[b-9zdz49g74w] {
    text-decoration: underline;
}

.phase-day-workout-modifiers[b-9zdz49g74w] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 0 0 auto;
}

.phase-modifier-badge[b-9zdz49g74w] {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 6px;
    padding: 2px 6px;
    border: 1px solid rgba(var(--stroke-rgb), 0.14);
    background: rgba(var(--glass-rgb), 0.6);
    white-space: nowrap;
    line-height: 1;
}

.phase-modifier-measurement[b-9zdz49g74w] {
    font-size: 8px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--muted);
    opacity: 0.7;
}

.phase-modifier-value[b-9zdz49g74w] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: var(--text);
    margin-top: 1px;
}

.phase-modifier-badge--positive .phase-modifier-value[b-9zdz49g74w] {
    color: var(--active);
}

.phase-modifier-badge--negative .phase-modifier-value[b-9zdz49g74w] {
    color: #ff9a9a;
}

/* ── Footer Nav ── */

.footer-nav[b-9zdz49g74w] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px 12px;
    background: linear-gradient(160deg, rgba(var(--glass-rgb), 0.95), rgba(var(--glass-rgb), 0.95));
}

.nav-link[b-9zdz49g74w] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 38px;
    border-radius: 12px;
    border: 1px solid rgba(var(--stroke-rgb), 0.24);
    background: rgba(var(--glass-rgb), 0.8);
    color: var(--text);
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.01em;
    padding: 8px 14px;
    transition: border-color 140ms ease, background-color 140ms ease;
}

.nav-link:hover:not(.disabled)[b-9zdz49g74w] {
    border-color: rgba(var(--stroke-rgb), 0.72);
    background: rgba(var(--glass-rgb), 0.94);
}

.nav-link.disabled[b-9zdz49g74w] {
    opacity: 0.32;
    cursor: default;
    pointer-events: none;
}

.nav-back[b-9zdz49g74w] {
    width: 100%;
}

.nav-back[b-9zdz49g74w]::before {
    content: "\21A9";
    margin-right: 6px;
    opacity: 0.86;
}

.nav-prev-next[b-9zdz49g74w] {
    display: flex;
    gap: 8px;
}

.nav-prev[b-9zdz49g74w],
.nav-next[b-9zdz49g74w] {
    flex: 1 1 50%;
    min-width: 0;
}

.nav-chevron[b-9zdz49g74w] {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    opacity: 0.7;
}

.nav-text[b-9zdz49g74w] {
    text-wrap: pretty;
}

.nav-label[b-9zdz49g74w] {
    color: var(--muted);
}

/* ── Edit Mode ── */

.hero-edit-row[b-9zdz49g74w] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.hero-edit-row h1[b-9zdz49g74w] {
    flex: 1;
    min-width: 0;
}

.hero-edit-row .hero-subtitle[b-9zdz49g74w] {
    flex: 1;
    min-width: 0;
}

.user-badge[b-9zdz49g74w] {
    font-family: inherit;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 2px 7px;
    border-radius: 6px;
    border: 1px solid rgba(var(--active-rgb), 0.45);
    background: rgba(var(--active-rgb), 0.12);
    color: var(--active);
    vertical-align: middle;
    white-space: nowrap;
}

.edit-pencil-btn[b-9zdz49g74w] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(var(--stroke-rgb), 0.24);
    border-radius: 8px;
    background: rgba(var(--glass-rgb), 0.6);
    color: var(--muted);
    cursor: pointer;
    padding: 0;
    margin-top: 4px;
    transition: border-color 140ms ease, color 140ms ease;
}

.edit-pencil-btn svg[b-9zdz49g74w] {
    width: 14px;
    height: 14px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.edit-pencil-btn:hover[b-9zdz49g74w] {
    border-color: rgba(var(--active-rgb), 0.6);
    color: var(--active);
}

.summary-cell-edit-row[b-9zdz49g74w] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 4px;
}

.summary-cell-edit-row .edit-pencil-btn[b-9zdz49g74w] {
    margin-top: 0;
    width: 26px;
    height: 26px;
}

.summary-cell-edit-row .edit-pencil-btn svg[b-9zdz49g74w] {
    width: 12px;
    height: 12px;
}

/* ── Header menu button ── */

.content-menu-btn[b-9zdz49g74w] {
    border: 1px solid rgba(var(--stroke-rgb), 0.28);
    border-radius: 10px;
    background: rgba(var(--glass-rgb), 0.8);
    color: var(--text);
    font: inherit;
    min-width: 34px;
    min-height: 30px;
    padding: 0;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.content-menu-btn:hover[b-9zdz49g74w] {
    border-color: rgba(var(--stroke-rgb), 0.62);
    background: rgba(var(--glass-rgb), 0.94);
}

.content-menu-btn svg[b-9zdz49g74w] {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
}

/* ── Phase Overflow Button ── */

.phase-overflow-btn[b-9zdz49g74w] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: 1px solid rgba(var(--stroke-rgb), 0.2);
    border-radius: 8px;
    background: rgba(var(--glass-rgb), 0.5);
    color: var(--muted);
    cursor: pointer;
    padding: 0;
    margin-left: 4px;
    transition: border-color 140ms ease, color 140ms ease;
}

.phase-overflow-btn svg[b-9zdz49g74w] {
    width: 14px;
    height: 14px;
    fill: currentColor;
    stroke: none;
}

.phase-overflow-btn:hover[b-9zdz49g74w] {
    border-color: rgba(var(--stroke-rgb), 0.5);
    color: var(--text);
}

/* ── Phase Add Button ── */

.phase-add-btn[b-9zdz49g74w] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    min-height: 44px;
    border-radius: 12px;
    border: 1px dashed rgba(var(--active-rgb), 0.45);
    background: rgba(var(--active-rgb), 0.06);
    color: var(--active);
    font: inherit;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: border-color 140ms ease, background 140ms ease;
}

.phase-add-btn svg[b-9zdz49g74w] {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
}

.phase-add-btn:hover[b-9zdz49g74w] {
    border-color: rgba(var(--active-rgb), 0.7);
    background: rgba(var(--active-rgb), 0.12);
}

/* ── Editable Day/Workout Cells ── */

.phase-day-index--editable[b-9zdz49g74w] {
    cursor: pointer;
    transition: background 140ms ease;
}

.phase-day-index--editable:hover[b-9zdz49g74w] {
    background: rgba(var(--active-rgb), 0.15);
}

.phase-day-label-cell--editable[b-9zdz49g74w] {
    cursor: pointer;
    transition: background 140ms ease;
}

.phase-day-label-cell--editable:hover[b-9zdz49g74w] {
    background: rgba(var(--active-rgb), 0.1);
}

.phase-day-rest-label--editable[b-9zdz49g74w] {
    cursor: pointer;
    transition: background 140ms ease;
}

.phase-day-rest-label--editable:hover[b-9zdz49g74w] {
    background: rgba(var(--active-rgb), 0.1);
}

.phase-day-workout-row--editable[b-9zdz49g74w] {
    cursor: pointer;
    transition: background 140ms ease;
}

.phase-day-workout-row--editable:hover[b-9zdz49g74w] {
    background: rgba(var(--active-rgb), 0.14);
}

.phase-day-workout-row.row-menu-selected[b-9zdz49g74w] {
    box-shadow: inset 3px 0 0 rgba(var(--active-rgb), 0.7);
}

.phase-card-description--editable[b-9zdz49g74w] {
    cursor: pointer;
    transition: background 140ms ease;
    border-radius: 4px;
}

.phase-card-description--editable:hover[b-9zdz49g74w] {
    background: rgba(var(--active-rgb), 0.08);
}

/* ── Responsive ── */

@media (max-width: 760px) {
    .page-shell[b-9zdz49g74w] {
        width: 100%;
        margin: 0;
        padding: 8px 8px 12px;
        gap: 8px;
    }

    .hero[b-9zdz49g74w] {
        padding: 10px 11px;
    }

    .hero[b-9zdz49g74w]  h1 {
        font-size: clamp(24px, calc(5.2vw + 8px), 42px);
    }

    .hero-subtitle[b-9zdz49g74w] {
        margin-top: 7px;
        font-size: 12px;
        line-height: 1.45;
        max-width: none;
    }

    .hero[b-9zdz49g74w]::after {
        right: -190px;
        top: -250px;
    }

    .viewer-frame-wrap[b-9zdz49g74w] {
        min-height: max(260px, min(56svh, 78vw));
    }

    .footer-nav[b-9zdz49g74w] {
        gap: 6px;
        padding: 8px;
    }

    .nav-link[b-9zdz49g74w] {
        padding: 7px 10px;
        font-size: 11px;
    }
}
/* /Features/Program/List/ProgramCard.razor.rz.scp.css */
.card-title[b-pwwedrez7e] {
    margin-right: 4px;
    line-height: 1.4;
}

.badge[b-pwwedrez7e] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    height: 20px;
    padding: 0 4px;
    border-radius: 4px;
    border: 1px solid rgba(var(--stroke-rgb), 0.18);
    background: rgba(var(--stroke-rgb), 0.05);
    color: var(--muted);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 1.4;
}

.badge.user[b-pwwedrez7e] {
    border-color: rgba(var(--active-rgb), 0.3);
    background: rgba(var(--active-rgb), 0.06);
    color: var(--active);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    text-transform: none;
    vertical-align: middle;
}
/* /Features/Program/List/ProgramResults.razor.rz.scp.css */
/* ── Results container ── */
.program-results[b-wypehkskdw] {
    display: grid;
    gap: var(--grid-gutter);
}

.card[b-wypehkskdw] {
    border: 1px solid rgba(var(--stroke-rgb), 0.22);
    border-radius: 16px;
    background: linear-gradient(165deg, rgba(var(--glass-rgb), 0.96), rgba(var(--glass-rgb), 0.95));
}

.panel[b-wypehkskdw] {
    padding: 14px;
}

@media (max-width: 680px) {
    .panel[b-wypehkskdw] {
        padding: 12px;
    }
}

.panel-title[b-wypehkskdw] {
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 12px;
    color: var(--muted);
}

/* ── Results header ── */
.results-head[b-wypehkskdw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-bottom: 2px;
}

.results-count[b-wypehkskdw] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid rgba(var(--stroke-rgb), 0.26);
    border-radius: 999px;
    padding: 5px 11px;
    background: linear-gradient(150deg, rgba(var(--glass-rgb), 0.9), rgba(var(--glass-rgb), 0.9));
    font-size: 12px;
}

.results-count-primary[b-wypehkskdw] {
    color: var(--text);
    font-weight: 700;
}

.results-count-divider[b-wypehkskdw] {
    color: rgba(var(--muted-rgb), 0.72);
    font-weight: 600;
}

.results-count-secondary[b-wypehkskdw] {
    color: var(--muted);
    font-weight: 600;
}

/* ── Program grid ── */
.program-results-grid[b-wypehkskdw] {
    display: grid;
    gap: var(--grid-gutter);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.program-results-grid > *[b-wypehkskdw] {
    display: flex;
}

.program-results-grid > *[b-wypehkskdw]  .card-shell {
    width: 100%;
}

@media (min-width: 920px) {
    .program-results-grid[b-wypehkskdw] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1120px) {
    .program-results-grid[b-wypehkskdw] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (min-width: 1320px) {
    .program-results-grid[b-wypehkskdw] {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

/* ── Highlight on return ── */
.is-highlighted[b-wypehkskdw]  .card-shell {
    border-color: rgba(var(--accent-rgb), 0.72);
    box-shadow: 0 0 18px rgba(var(--accent-rgb), 0.28), 0 0 4px rgba(var(--accent-rgb), 0.12);
    animation: highlight-fade-b-wypehkskdw 2s ease-out 0.6s forwards;
}

@keyframes highlight-fade-b-wypehkskdw {
    to {
        border-color: rgba(var(--stroke-rgb), 0.22);
        box-shadow: none;
    }
}

/* ── Infinite scroll sentinel ── */
.scroll-sentinel[b-wypehkskdw] {
    height: 1px;
    width: 100%;
    pointer-events: none;
}

/* ── Empty state ── */
.empty[b-wypehkskdw] {
    border: 1px dashed rgba(var(--stroke-rgb), 0.35);
    border-radius: 12px;
    padding: 18px;
    text-align: center;
    color: var(--muted);
}
/* /Features/Program/List/Programs.razor.rz.scp.css */
/* ── Scroll host (page-content has overflow:clip) ── */
.programs-scroll[b-jqhfouhp70] {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
}

/* ── Page shell ── */
.page-shell[b-jqhfouhp70] {
    position: relative;
    width: min(1320px, calc(100% - var(--grid-gutter) * 2));
    margin: var(--grid-gutter) auto;
    display: grid;
    gap: var(--grid-gutter);
}

/* ── Error ── */
.error[b-jqhfouhp70] {
    padding: 10px 12px;
    border-radius: 12px;
    border: 1px solid rgba(255, 95, 87, 0.52);
    background: rgba(120, 20, 20, 0.35);
    color: #ffd8d5;
    font-size: 13px;
    margin: 18px;
}
/* /Features/Schedule/ActiveProgramBanner.razor.rz.scp.css */
.active-program[b-8hrd2qewtd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.active-program-name[b-8hrd2qewtd] {
    font-size: 14px;
    font-weight: 600;
    color: var(--text);
    text-decoration: none;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.active-program-name:hover[b-8hrd2qewtd] {
    text-decoration: underline;
}

.active-program-cancel[b-8hrd2qewtd] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: rgba(var(--accent-rgb), 0.85);
    background: none;
    border: 1px solid rgba(var(--accent-rgb), 0.3);
    border-radius: 6px;
    padding: 4px 12px;
    cursor: pointer;
    flex-shrink: 0;
    transition: background 0.15s, border-color 0.15s;
}

.active-program-cancel:hover[b-8hrd2qewtd] {
    background: rgba(var(--accent-rgb), 0.1);
    border-color: rgba(var(--accent-rgb), 0.5);
}

.active-program-empty[b-8hrd2qewtd] {
    font-size: 13px;
    color: var(--muted);
    font-style: italic;
}

.schedule-btn[b-8hrd2qewtd] {
    display: block;
    width: 100%;
    margin-top: 10px;
    padding: 8px 0;
    font-size: 12px;
    font-weight: 600;
    color: var(--muted);
    background: none;
    border: 1px dashed rgba(var(--stroke-rgb), 0.2);
    border-radius: 8px;
    cursor: pointer;
    transition: color 0.15s, border-color 0.15s, background 0.15s;
}

.schedule-btn:hover[b-8hrd2qewtd] {
    color: var(--text);
    border-color: rgba(var(--stroke-rgb), 0.4);
    background: rgba(var(--stroke-rgb), 0.05);
}
/* /Features/Schedule/CalendarGrid.razor.rz.scp.css */
.schedule-calendar[b-6hwfj5h3oq] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.cal-nav[b-6hwfj5h3oq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

.cal-nav-btn[b-6hwfj5h3oq] {
    background: none;
    border: 1px solid rgba(var(--stroke-rgb), 0.18);
    border-radius: 6px;
    color: var(--text);
    font-size: 18px;
    line-height: 1;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s;
}

.cal-nav-btn:hover:not(:disabled)[b-6hwfj5h3oq] {
    background: rgba(var(--stroke-rgb), 0.08);
    border-color: rgba(var(--stroke-rgb), 0.3);
}

.cal-nav-btn:disabled[b-6hwfj5h3oq] {
    opacity: 0.25;
    cursor: default;
}

.cal-month-title[b-6hwfj5h3oq] {
    font-size: 13px;
    font-weight: 600;
    color: var(--text);
    text-align: center;
}

.cal-grid[b-6hwfj5h3oq] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 2px;
}

.cal-hdr[b-6hwfj5h3oq] {
    font-size: 10px;
    font-weight: 600;
    color: var(--muted);
    text-align: center;
    text-transform: uppercase;
    padding: 0 0 4px;
    letter-spacing: 0.04em;
}

.cal-cell[b-6hwfj5h3oq] {
    appearance: none;
    -webkit-appearance: none;
    position: relative;
    min-height: 58px;
    width: 100%;
    border-radius: 6px;
    padding: 3px 4px;
    font-family: inherit;
    text-align: left;
    font-size: 10px;
    line-height: 1.3;
    color: inherit;
    background: rgba(var(--glass-rgb), 0.5);
    border: 1px solid rgba(var(--stroke-rgb), 0.08);
    overflow: hidden;
    display: grid;
    grid-template-rows: auto 1fr;
    cursor: pointer;
    transition: box-shadow 0.15s;
    user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    touch-action: manipulation;
}

.cal-cell--empty[b-6hwfj5h3oq] {
    background: transparent;
    border-color: transparent;
    cursor: default;
}

.cal-cell:focus[b-6hwfj5h3oq] {
    outline: none;
}

.cal-cell > *[b-6hwfj5h3oq],
.cal-cell > * *[b-6hwfj5h3oq] {
    pointer-events: none;
}

.cal-cell--today[b-6hwfj5h3oq] {
    box-shadow: inset 0 0 0 2px rgba(var(--active-rgb), 0.5);
}

.cal-cell--selected[b-6hwfj5h3oq] {
    box-shadow: 0 0 0 2px rgba(129, 173, 255, 0.7);
}

.cal-cell--today.cal-cell--selected[b-6hwfj5h3oq] {
    box-shadow: inset 0 0 0 2px rgba(var(--active-rgb), 0.5), 0 0 0 2px rgba(129, 173, 255, 0.7);
}

.cal-day-num[b-6hwfj5h3oq] {
    position: relative;
    font-size: 11px;
    font-weight: 600;
    color: #fff;
    line-height: 1;
    margin: -3px -4px 2px;
    padding: 3px 6px;
    border-radius: 4px 4px 0 0;
}

.cal-cell--training > .cal-day-num[b-6hwfj5h3oq] {
    background: rgba(var(--active-rgb), 0.18);
}

.cal-cell--deload > .cal-day-num[b-6hwfj5h3oq] {
    background: rgba(129, 173, 255, 0.18);
}

.cal-cell--rest > .cal-day-num[b-6hwfj5h3oq] {
    background: rgba(var(--stroke-rgb), 0.10);
}

.cal-day-label-wrap[b-6hwfj5h3oq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.cal-day-label[b-6hwfj5h3oq] {
    font-size: 9px;
    font-weight: 600;
    color: var(--active);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

[b-6hwfj5h3oq] .cal-cell--deload .cal-day-label {
    color: #b8d4ff;
}

.cal-rest[b-6hwfj5h3oq] {
    font-size: 8px;
    font-weight: 300;
    color: #4a5c6e;
    text-align: center;
    text-transform: capitalize;
    letter-spacing: 0.04em;
}

.cal-adhoc-badge[b-6hwfj5h3oq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    border-radius: 8px;
    background: rgba(var(--stroke-rgb), 0.14);
    border: 1px solid rgba(var(--stroke-rgb), 0.18);
    color: var(--muted);
    font-size: 9px;
    font-weight: 700;
    line-height: 1;
    margin-top: 2px;
}

/* Status badges */
.cal-status-badges[b-6hwfj5h3oq] {
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
}

.cal-status-badge[b-6hwfj5h3oq] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #fff;
    margin-right: -3px;
}

.cal-status-badge:last-child[b-6hwfj5h3oq] {
    margin-right: 0;
}

.cal-status-badge--done[b-6hwfj5h3oq] {
    background: var(--active);
}

.cal-status-badge--missed[b-6hwfj5h3oq] {
    background: #ff0000;
}

.cal-status-badge--pending[b-6hwfj5h3oq] {
    background: #4a9eff;
}

/* Legend */
.cal-legend[b-6hwfj5h3oq] {
    display: flex;
    justify-content: center;
    gap: 14px;
    margin-top: 8px;
}

.cal-legend-item[b-6hwfj5h3oq] {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 10px;
    color: var(--muted);
}

.cal-legend-item > .cal-status-badge[b-6hwfj5h3oq] {
    margin-right: 0;
}
/* /Features/Schedule/DayDetail.razor.rz.scp.css */
.day-detail[b-b84yn6uo8x] {
    /* container for day detail section */
}

.day-header[b-b84yn6uo8x] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--muted);
    margin-bottom: 8px;
}

.day-rest[b-b84yn6uo8x] {
    font-size: 13px;
    color: var(--muted);
    font-style: italic;
}

.day-meta[b-b84yn6uo8x] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

.day-program-name[b-b84yn6uo8x] {
    font-size: 13px;
    font-weight: 700;
    color: var(--text);
    text-decoration: none;
}

.day-program-name:hover[b-b84yn6uo8x] {
    text-decoration: underline;
}

.day-phase[b-b84yn6uo8x] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 2px 8px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.day-phase--training[b-b84yn6uo8x] {
    border: 1px solid rgba(var(--active-rgb), 0.5);
    background: rgba(var(--active-rgb), 0.14);
    color: var(--active);
}

.day-phase--deload[b-b84yn6uo8x] {
    border: 1px solid rgba(129, 173, 255, 0.5);
    background: rgba(129, 173, 255, 0.14);
    color: #b8d4ff;
}

.day-phase--rest[b-b84yn6uo8x] {
    border: 1px solid rgba(var(--stroke-rgb), 0.3);
    background: rgba(var(--stroke-rgb), 0.1);
    color: var(--muted);
}

.day-section[b-b84yn6uo8x] {
    border: 1px solid rgba(var(--stroke-rgb), 0.10);
    border-radius: 10px;
    background: rgba(var(--stroke-rgb), 0.03);
    padding: 10px 12px;
}

.day-section + .day-section[b-b84yn6uo8x] {
    margin-top: 8px;
}

.day-section-header[b-b84yn6uo8x] {
    margin: -10px -12px 0;
    padding: 8px 12px;
    background: rgba(var(--stroke-rgb), 0.04);
    border-radius: 9px 9px 0 0;
    border-bottom: 1px solid rgba(var(--stroke-rgb), 0.06);
    margin-bottom: 8px;
}

.day-section-header .day-meta[b-b84yn6uo8x] {
    margin-bottom: 8px;
}

.day-section-header .day-section-title[b-b84yn6uo8x] {
    margin-bottom: 0;
}

.day-section-title[b-b84yn6uo8x] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 700;
    color: var(--muted);
    margin-bottom: 6px;
}

.day-section-list[b-b84yn6uo8x] {
    display: flex;
    flex-direction: column;
}

.add-workout-btn[b-b84yn6uo8x] {
    display: block;
    width: 100%;
    margin-top: 10px;
    padding: 8px 0;
    font-size: 12px;
    font-weight: 600;
    color: var(--muted);
    background: none;
    border: 1px dashed rgba(var(--stroke-rgb), 0.2);
    border-radius: 8px;
    cursor: pointer;
    transition: color 0.15s, border-color 0.15s, background 0.15s;
}

.add-workout-btn:hover[b-b84yn6uo8x] {
    color: var(--text);
    border-color: rgba(var(--stroke-rgb), 0.4);
    background: rgba(var(--stroke-rgb), 0.05);
}

.quick-start-btn[b-b84yn6uo8x] {
    margin-top: 6px;
}
/* /Features/Schedule/Modals/ProgramPickerList.razor.rz.scp.css */
/* ── Toolbar ── */

.picker-toolbar[b-5gpg8yg5od] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 10px 0 6px;
}

.picker-search-wrap[b-5gpg8yg5od] {
    flex: 1;
    position: relative;
    display: flex;
    align-items: center;
}

.picker-search-icon[b-5gpg8yg5od] {
    position: absolute;
    left: 10px;
    width: 16px;
    height: 16px;
    fill: none;
    stroke: var(--muted);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    pointer-events: none;
}

.picker-search-input[b-5gpg8yg5od] {
    width: 100%;
    border: 1px solid rgba(var(--stroke-rgb), 0.24);
    border-radius: 9px;
    background: rgba(var(--glass-rgb), 0.85);
    color: var(--text);
    font: inherit;
    font-size: 14px;
    padding: 8px 10px 8px 32px;
    outline: none;
    transition: border-color 140ms ease;
}

.picker-search-input:focus[b-5gpg8yg5od] {
    border-color: rgba(var(--active-rgb), 0.7);
}

.picker-search-input[b-5gpg8yg5od]::placeholder {
    color: rgba(var(--muted-rgb), 0.5);
}

.picker-icon-btn[b-5gpg8yg5od] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 36px;
    height: 36px;
    border: 1px solid rgba(var(--stroke-rgb), 0.24);
    border-radius: 9px;
    background: var(--overlay-bg);
    color: var(--muted);
    cursor: pointer;
    padding: 0;
    transition: border-color 140ms ease, color 140ms ease;
}

.picker-icon-btn svg[b-5gpg8yg5od] {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.picker-icon-btn:hover[b-5gpg8yg5od] {
    border-color: rgba(var(--stroke-rgb), 0.5);
    color: var(--text);
}

.picker-icon-btn.is-active[b-5gpg8yg5od] {
    border-color: rgba(var(--active-rgb), 0.6);
    color: var(--active);
}

.picker-icon-badge[b-5gpg8yg5od] {
    position: absolute;
    top: -5px;
    right: -5px;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    border-radius: 999px;
    background: rgba(var(--accent-rgb), 0.9);
    border: 1px solid rgba(var(--accent-rgb), 0.55);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    line-height: 14px;
    text-align: center;
}

/* ── Results ── */

.picker-body[b-5gpg8yg5od] {
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    flex-direction: column;
}

.picker-body[b-5gpg8yg5od]  .program-results {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    align-content: start;
}

/* ── Footer ── */

.picker-cancel-btn[b-5gpg8yg5od] {
    width: 100%;
    min-height: 40px;
    border-radius: 9px;
    border: 1px solid rgba(var(--stroke-rgb), 0.24);
    background: var(--overlay-bg);
    color: var(--text);
    font: inherit;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: border-color 120ms ease, background 120ms ease;
}

.picker-cancel-btn:hover[b-5gpg8yg5od] {
    border-color: rgba(var(--stroke-rgb), 0.4);
    background: rgba(var(--glass-rgb), 0.85);
}
/* /Features/Schedule/Modals/ScheduleDatePicker.razor.rz.scp.css */
/* ── Subheader (program name) ── */

.modal-sub[b-74ymr01dyo] {
    font-size: 14px;
    color: var(--muted);
    margin: 10px 0 0;
}

.modal-sub strong[b-74ymr01dyo] {
    color: var(--text);
    font-weight: 600;
}

/* ── Calendar ── */

.dp-nav[b-74ymr01dyo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.dp-nav-btn[b-74ymr01dyo] {
    background: none;
    border: 1px solid rgba(var(--stroke-rgb), 0.18);
    border-radius: 6px;
    color: var(--text);
    font-size: 18px;
    line-height: 1;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.dp-nav-btn:hover[b-74ymr01dyo] {
    background: rgba(var(--stroke-rgb), 0.08);
}

.dp-month-title[b-74ymr01dyo] {
    font-size: 13px;
    font-weight: 600;
    color: var(--text);
}

.dp-grid[b-74ymr01dyo] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 2px;
}

.dp-hdr[b-74ymr01dyo] {
    font-size: 10px;
    font-weight: 600;
    color: var(--muted);
    text-align: center;
    text-transform: uppercase;
    padding: 0 0 4px;
    letter-spacing: 0.04em;
}

.dp-cell[b-74ymr01dyo] {
    position: relative;
    min-height: 50px;
    border-radius: 6px;
    padding: 3px 4px;
    font-size: 10px;
    background: rgba(var(--glass-rgb), 0.5);
    border: 1px solid rgba(var(--stroke-rgb), 0.08);
    overflow: hidden;
    cursor: pointer;
    display: grid;
    grid-template-rows: auto 1fr;
    transition: box-shadow 0.15s;
}

.dp-cell--empty[b-74ymr01dyo] {
    background: transparent;
    border-color: transparent;
    cursor: default;
}

.dp-cell--today[b-74ymr01dyo] {
    box-shadow: inset 0 0 0 2px rgba(var(--active-rgb), 0.5);
}

.dp-cell--selected[b-74ymr01dyo] {
    box-shadow: 0 0 0 2px rgba(129, 173, 255, 0.7);
}

.dp-cell--today.dp-cell--selected[b-74ymr01dyo] {
    box-shadow: inset 0 0 0 2px rgba(var(--active-rgb), 0.5), 0 0 0 2px rgba(129, 173, 255, 0.7);
}

.dp-day-num[b-74ymr01dyo] {
    font-size: 11px;
    font-weight: 600;
    color: #fff;
    line-height: 1;
    margin: -3px -4px 2px;
    padding: 3px 6px;
    border-radius: 4px 4px 0 0;
}

.dp-cell--training > .dp-day-num[b-74ymr01dyo] {
    background: rgba(var(--active-rgb), 0.18);
}

.dp-cell--deload > .dp-day-num[b-74ymr01dyo] {
    background: rgba(129, 173, 255, 0.18);
}

.dp-cell--rest > .dp-day-num[b-74ymr01dyo] {
    background: rgba(var(--stroke-rgb), 0.10);
}

.dp-day-label[b-74ymr01dyo] {
    font-size: 8px;
    font-weight: 600;
    color: var(--active);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-74ymr01dyo] .dp-cell--deload .dp-day-label {
    color: #b8d4ff;
}

.dp-rest[b-74ymr01dyo] {
    font-size: 8px;
    font-weight: 300;
    color: #4a5c6e;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dp-selected-info[b-74ymr01dyo] {
    margin-top: 16px;
    font-size: 13px;
    color: var(--muted);
    text-align: center;
}

.dp-selected-info strong[b-74ymr01dyo] {
    color: var(--text);
}
/* /Features/Schedule/SchedulePage.razor.rz.scp.css */
.schedule-scroll[b-kw2m8l1axs] {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
}

.page-shell[b-kw2m8l1axs] {
    position: relative;
    width: min(1320px, calc(100% - var(--grid-gutter) * 2));
    margin: var(--grid-gutter) auto;
    display: grid;
    gap: var(--grid-gutter);
}

.schedule-sections[b-kw2m8l1axs] {
    display: grid;
    gap: var(--grid-gutter);
}

.day-detail-divider[b-kw2m8l1axs] {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid rgba(var(--stroke-rgb), 0.12);
}

.error[b-kw2m8l1axs] {
    padding: 10px 12px;
    border-radius: 12px;
    border: 1px solid rgba(255, 95, 87, 0.52);
    background: rgba(120, 20, 20, 0.35);
    color: #ffd8d5;
    font-size: 13px;
    margin: 18px;
}
/* /Features/Schedule/WorkoutRow.razor.rz.scp.css */
.workout-row[b-smcq4073m5] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 0;
    border-bottom: 1px solid rgba(var(--stroke-rgb), 0.08);
}

.workout-row:last-child[b-smcq4073m5] {
    border-bottom: none;
}

.workout-name[b-smcq4073m5] {
    font-size: 13px;
    font-weight: 600;
    color: var(--text);
    text-decoration: none;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.workout-name:hover[b-smcq4073m5] {
    text-decoration: underline;
    color: var(--muted);
}

.workout-date[b-smcq4073m5] {
    font-size: 11px;
    font-weight: 400;
    color: var(--muted);
    flex-shrink: 0;
}

.workout-date-link[b-smcq4073m5] {
    color: var(--muted);
    text-decoration: none;
    cursor: pointer;
}

.workout-date-link:hover[b-smcq4073m5] {
    text-decoration: underline;
    color: var(--muted);
}

.workout-status[b-smcq4073m5] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: rgba(var(--accent-rgb), 0.85);
    flex-shrink: 0;
    margin-left: auto;
}

.workout-status--done[b-smcq4073m5] {
    color: var(--active);
}

.workout-start[b-smcq4073m5] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #8ec5ff;
    background: rgba(74, 158, 255, 0.12);
    border: 1px solid rgba(74, 158, 255, 0.3);
    border-radius: 6px;
    padding: 4px 12px;
    cursor: pointer;
    margin-left: auto;
    flex-shrink: 0;
    transition: background 0.15s, border-color 0.15s;
}

.workout-start:hover[b-smcq4073m5] {
    background: rgba(74, 158, 255, 0.2);
    border-color: rgba(74, 158, 255, 0.5);
}

.workout-start--catchup[b-smcq4073m5] {
    color: #ff6b6b;
    background: rgba(255, 0, 0, 0.12);
    border-color: rgba(255, 0, 0, 0.3);
}

.workout-start--catchup:hover[b-smcq4073m5] {
    background: rgba(255, 0, 0, 0.2);
    border-color: rgba(255, 0, 0, 0.5);
}

.workout-row--done .workout-name[b-smcq4073m5] {
    text-decoration: line-through 2px;
    opacity: 0.45;
}

.workout-remove[b-smcq4073m5] {
    font-size: 16px;
    line-height: 1;
    color: var(--muted);
    background: none;
    border: none;
    cursor: pointer;
    padding: 2px 6px;
    border-radius: 4px;
    flex-shrink: 0;
    transition: color 0.15s, background 0.15s;
}

.workout-remove:hover[b-smcq4073m5] {
    color: rgba(var(--accent-rgb), 0.85);
    background: rgba(var(--accent-rgb), 0.1);
}
/* /Features/Workout/Detail/WorkoutDetail.razor.rz.scp.css */
.workout-detail-scroll[b-096m7i7in9] {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    user-select: none;
    -webkit-user-select: none;
    position: relative;
}

/* ── Back button ── */

.back-btn[b-096m7i7in9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 30px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--text);
    cursor: pointer;
    padding: 0;
    margin-left: -8px;
}

.back-btn:hover[b-096m7i7in9] {
    background: rgba(var(--stroke-rgb), 0.1);
}

.back-btn:active[b-096m7i7in9] {
    background: rgba(var(--stroke-rgb), 0.16);
}

.back-btn svg[b-096m7i7in9] {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* ── Error ── */

.error[b-096m7i7in9] {
    margin: 16px;
    border-radius: 12px;
    border: 1px solid rgba(var(--targeted-rgb), 0.5);
    background: rgba(var(--targeted-rgb), 0.15);
    color: var(--targeted);
    padding: 10px 12px;
    font-size: 13px;
}

.page-shell[b-096m7i7in9] {
    width: min(1320px, calc(100% - 24px));
    margin: 0 auto;
    padding: 12px 0;
    display: grid;
    gap: 14px;
}

/* ── Hero ── */

.card[b-096m7i7in9] {
    border: 1px solid var(--surface-border);
    border-radius: var(--radius-lg, 16px);
    background: linear-gradient(165deg, rgba(var(--glass-rgb), 0.96), rgba(var(--glass-rgb), 0.95));
}

.hero[b-096m7i7in9] {
    padding: 18px 20px;
    position: relative;
    overflow: hidden;
}

.hero[b-096m7i7in9]::after {
    content: "";
    position: absolute;
    width: min(420px, 42vw);
    height: min(420px, 42vw);
    right: -140px;
    top: -220px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(var(--accent-rgb), 0.25), transparent 66%);
    pointer-events: none;
}

.kicker[b-096m7i7in9] {
    margin: 0;
    color: var(--muted);
    text-transform: uppercase;
    letter-spacing: 0.14em;
    font-size: 11px;
    font-weight: 700;
}

.hero-title[b-096m7i7in9] {
    margin-right: 6px;
}

.hero[b-096m7i7in9]  h1 {
    margin: 4px 0 0;
    font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
    font-size: clamp(28px, calc(5.2vw + 10px), 62px);
    letter-spacing: 0.02em;
    line-height: 0.95;
    text-transform: uppercase;
}

.hero-subtitle[b-096m7i7in9] {
    margin: 8px 0 0;
    font-size: 14px;
    color: var(--muted);
    max-width: 76ch;
    line-height: 1.55;
}

/* ── Training Profile ── */

.info-grid[b-096m7i7in9] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.meta-row[b-096m7i7in9] {
    border: 1px solid rgba(var(--stroke-rgb), 0.2);
    border-radius: 12px;
    background: rgba(var(--glass-rgb), 0.72);
    padding: 9px 10px;
}

.meta-label[b-096m7i7in9] {
    display: block;
    color: var(--muted);
    font-size: 11px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.meta-value[b-096m7i7in9] {
    display: block;
    margin-top: 4px;
    font-size: 14px;
    font-weight: 600;
}

/* ── Techniques ── */

.techniques-row[b-096m7i7in9] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid rgba(var(--stroke-rgb), 0.1);
}

.techniques-label[b-096m7i7in9] {
    font-size: 11px;
    color: var(--muted);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-weight: 600;
}

.technique-chip[b-096m7i7in9] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    padding: 3px 9px;
    border: 1px solid rgba(var(--stroke-rgb), 0.24);
    background: rgba(var(--stroke-rgb), 0.08);
    color: var(--text);
}

.technique-chip--warmup[b-096m7i7in9],
.technique-chip--cardio[b-096m7i7in9] {
    border-color: rgba(111, 211, 255, 0.56);
    background: rgba(111, 211, 255, 0.12);
    color: #bfe9ff;
}

.technique-chip--working[b-096m7i7in9],
.technique-chip--straight[b-096m7i7in9] {
    border-color: rgba(255, 179, 79, 0.52);
    background: rgba(255, 179, 79, 0.12);
    color: #ffdca6;
}

.technique-chip--superset[b-096m7i7in9] {
    border-color: rgba(var(--active-rgb), 0.72);
    background: rgba(var(--active-rgb), 0.12);
    color: #d9ffe6;
}

.technique-chip--drop[b-096m7i7in9] {
    border-color: rgba(255, 94, 94, 0.58);
    background: rgba(255, 94, 94, 0.1);
    color: var(--targeted);
}

.technique-chip--stretch[b-096m7i7in9] {
    border-color: rgba(168, 139, 255, 0.58);
    background: rgba(168, 139, 255, 0.12);
    color: #e5d8ff;
}

/* ── Full-span accordion items ── */

[b-096m7i7in9] .full-span {
    grid-column: 1 / -1;
}

[b-096m7i7in9] .ws-content {
    gap: 0;
}

/* ── Target Muscles ── */

[b-096m7i7in9] .muscles-content {
    padding: 0;
}

.viewer-pane[b-096m7i7in9] {
    display: flex;
    flex-direction: column;
}

.viewer-frame-wrap[b-096m7i7in9] {
    position: relative;
    overflow: hidden;
    flex: 1 1 auto;
    height: 100%;
    min-height: 420px;
    background: #000;
}

.viewer-frame-wrap[b-096m7i7in9]  .anatomy-viewport {
    position: absolute;
    inset: 0;
}

.viewer-bottom-controls[b-096m7i7in9] {
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 4;
    display: flex;
    align-items: center;
    gap: 6px;
}

.viewer-ctrl-btn[b-096m7i7in9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 9px;
    border: 1px solid rgba(156, 188, 224, 0.35);
    background: rgba(var(--glass-rgb), 0.8);
    color: var(--text);
    font-size: 20px;
    cursor: pointer;
    backdrop-filter: blur(6px);
}

.viewer-ctrl-btn svg[b-096m7i7in9] {
    width: 18px;
    height: 18px;
    stroke: currentColor;
    stroke-width: 2;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.viewer-ctrl-btn:hover[b-096m7i7in9] {
    border-color: rgba(var(--stroke-rgb), 0.52);
    background: rgba(var(--glass-rgb), 0.92);
}

.viewer-selection-badge[b-096m7i7in9] {
    position: absolute;
    left: 10px;
    bottom: 10px;
    z-index: 4;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    max-width: min(72vw, 520px);
    min-height: 34px;
    padding: 6px 8px;
    border-radius: 10px;
    border: 1px solid rgba(156, 188, 224, 0.36);
    background: rgba(var(--glass-rgb), 0.8);
    color: var(--text);
    font-size: 11px;
    line-height: 1.2;
    pointer-events: auto;
    backdrop-filter: blur(6px);
}

.viewer-selection-dot[b-096m7i7in9] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex: 0 0 auto;
}

.viewer-selection-name[b-096m7i7in9] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.viewer-selection-close[b-096m7i7in9] {
    width: 18px;
    height: 18px;
    border: 1px solid rgba(156, 188, 224, 0.4);
    border-radius: 999px;
    background: rgba(var(--glass-rgb), 0.72);
    color: var(--text);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    line-height: 1;
    padding: 0;
    cursor: pointer;
}

.viewer-selection-close:hover[b-096m7i7in9] {
    border-color: rgba(var(--stroke-rgb), 0.62);
    background: rgba(var(--glass-rgb), 0.92);
}

.viewer-legend[b-096m7i7in9] {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 4;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 7px 9px;
    border-radius: 8px;
    background: rgba(var(--glass-rgb), 0.7);
    border: 1px solid rgba(156, 188, 224, 0.18);
    pointer-events: none;
}

.viewer-legend-item[b-096m7i7in9] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 10px;
    font-weight: 600;
    color: rgba(var(--stroke-rgb), 0.8);
    letter-spacing: 0.02em;
}

.viewer-legend-dot[b-096m7i7in9] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex: 0 0 auto;
}

/* ── Role Cards ── */

.role-stack[b-096m7i7in9] {
    display: grid;
    gap: 9px;
}

.role-card[b-096m7i7in9] {
    border-radius: 12px;
    border: 1px solid rgba(var(--stroke-rgb), 0.2);
    background: rgba(var(--glass-rgb), 0.72);
    padding: 9px 9px 8px;
}

.role-header[b-096m7i7in9] {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    color: var(--muted);
    margin-bottom: 12px;
    padding-bottom: 6px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

.role-dot[b-096m7i7in9] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.dot-required[b-096m7i7in9] {
    background: var(--primary);
}

.dot-optional[b-096m7i7in9] {
    background: var(--muted);
}

/* ── Tip Carousel ── */

.tip-carousel[b-096m7i7in9] {
    width: 100%;
    overflow: hidden;
    border-radius: var(--radius-md, 12px);
}

.tip-track[b-096m7i7in9] {
    display: flex;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none;
    touch-action: pan-x pan-y;
}

.tip-track[b-096m7i7in9]::-webkit-scrollbar { display: none; }

.tip-card[b-096m7i7in9] {
    flex: 0 0 100%;
    min-height: 80px;
    display: flex;
    align-items: center;
    padding: 14px 16px;
    scroll-snap-align: start;
    box-sizing: border-box;
}

.tip-card-text[b-096m7i7in9] {
    color: var(--text);
    font-size: 13px;
    line-height: 1.55;
}

.tip-card-text[b-096m7i7in9]  strong {
    color: var(--text);
    font-weight: 600;
}

.tip-card-text[b-096m7i7in9]  em {
    color: var(--muted);
    font-style: italic;
}

.tip-dots[b-096m7i7in9] {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 10px;
}

.tip-dot[b-096m7i7in9] {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: rgba(var(--stroke-rgb), 0.34);
    transition: background 140ms ease, transform 140ms ease;
}

.tip-dot.active[b-096m7i7in9] {
    background: var(--link-hover);
    transform: scale(1.15);
}

/* ── Footer Nav ── */

.footer-nav[b-096m7i7in9] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px 12px;
    background: linear-gradient(160deg, rgba(var(--glass-rgb), 0.95), rgba(var(--glass-rgb), 0.95));
}

.nav-link[b-096m7i7in9] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 38px;
    border-radius: 12px;
    border: 1px solid rgba(var(--stroke-rgb), 0.24);
    background: rgba(var(--glass-rgb), 0.8);
    color: var(--text);
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.01em;
    padding: 8px 14px;
    transition: border-color 140ms ease, background-color 140ms ease;
}

.nav-link:hover:not(.disabled)[b-096m7i7in9] {
    border-color: rgba(var(--stroke-rgb), 0.72);
    background: rgba(var(--glass-rgb), 0.94);
}

.nav-link.disabled[b-096m7i7in9] {
    opacity: 0.32;
    cursor: default;
    pointer-events: none;
}

.nav-back[b-096m7i7in9] {
    width: 100%;
}

.nav-back[b-096m7i7in9]::before {
    content: "\21A9";
    margin-right: 6px;
    opacity: 0.86;
}

.nav-prev-next[b-096m7i7in9] {
    display: flex;
    gap: 8px;
}

.nav-prev[b-096m7i7in9],
.nav-next[b-096m7i7in9] {
    flex: 1 1 50%;
    min-width: 0;
}

.nav-chevron[b-096m7i7in9] {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    opacity: 0.7;
}

.nav-text[b-096m7i7in9] {
    text-wrap: pretty;
}

.nav-label[b-096m7i7in9] {
    color: var(--muted);
}

/* ── Edit Mode ── */

.hero-edit-row[b-096m7i7in9] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.hero-edit-row h1[b-096m7i7in9] {
    flex: 1;
    min-width: 0;
}

.hero-edit-row .hero-subtitle[b-096m7i7in9] {
    flex: 1;
    min-width: 0;
}

.user-badge[b-096m7i7in9] {
    font-family: inherit;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 2px 7px;
    border-radius: 6px;
    border: 1px solid rgba(var(--active-rgb), 0.45);
    background: rgba(var(--active-rgb), 0.12);
    color: var(--active);
    vertical-align: middle;
    white-space: nowrap;
}

.edit-pencil-btn[b-096m7i7in9] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(var(--stroke-rgb), 0.24);
    border-radius: 8px;
    background: rgba(var(--glass-rgb), 0.6);
    color: var(--muted);
    cursor: pointer;
    padding: 0;
    margin-top: 4px;
    transition: border-color 140ms ease, color 140ms ease;
}

.edit-pencil-btn svg[b-096m7i7in9] {
    width: 14px;
    height: 14px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.edit-pencil-btn:hover[b-096m7i7in9] {
    border-color: rgba(var(--active-rgb), 0.6);
    color: var(--active);
}

/* ── Header menu button ── */

.content-menu-btn[b-096m7i7in9] {
    border: 1px solid rgba(var(--stroke-rgb), 0.28);
    border-radius: 10px;
    background: rgba(var(--glass-rgb), 0.8);
    color: var(--text);
    font: inherit;
    min-width: 34px;
    min-height: 30px;
    padding: 0;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.content-menu-btn:hover[b-096m7i7in9] {
    border-color: rgba(var(--stroke-rgb), 0.62);
    background: rgba(var(--glass-rgb), 0.94);
}

.content-menu-btn svg[b-096m7i7in9] {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
}

/* ── Responsive ── */

@media (max-width: 760px) {
    .page-shell[b-096m7i7in9] {
        width: 100%;
        margin: 0;
        padding: 8px 8px 12px;
        gap: 8px;
    }

    .hero[b-096m7i7in9] {
        padding: 10px 11px;
    }

    .hero[b-096m7i7in9]  h1 {
        font-size: clamp(24px, calc(5.2vw + 8px), 42px);
    }

    .hero-subtitle[b-096m7i7in9] {
        margin-top: 7px;
        font-size: 12px;
        line-height: 1.45;
        max-width: none;
    }

    .hero[b-096m7i7in9]::after {
        right: -190px;
        top: -250px;
    }

    .viewer-frame-wrap[b-096m7i7in9] {
        min-height: max(260px, min(56svh, 78vw));
    }

    .footer-nav[b-096m7i7in9] {
        gap: 6px;
        padding: 8px;
    }

    .nav-link[b-096m7i7in9] {
        padding: 7px 10px;
        font-size: 11px;
    }

}
/* /Features/Workout/List/WorkoutCard.razor.rz.scp.css */
.card-title[b-aohojidgjz] {
    margin-right: 4px;
    line-height: 1.4;
}

.badge[b-aohojidgjz] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    height: 20px;
    padding: 0 4px;
    border-radius: 4px;
    border: 1px solid rgba(var(--stroke-rgb), 0.18);
    background: rgba(var(--stroke-rgb), 0.05);
    color: var(--muted);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 1.4;
}

.badge.user[b-aohojidgjz] {
    border-color: rgba(var(--active-rgb), 0.3);
    background: rgba(var(--active-rgb), 0.06);
    color: var(--active);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    text-transform: none;
    vertical-align: middle;
}
/* /Features/Workout/List/WorkoutResults.razor.rz.scp.css */
/* ── Results container ── */
.workout-results[b-c6ttyphtmr] {
    display: grid;
    gap: var(--grid-gutter);
}

.card[b-c6ttyphtmr] {
    border: 1px solid rgba(var(--stroke-rgb), 0.22);
    border-radius: 16px;
    background: linear-gradient(165deg, rgba(var(--glass-rgb), 0.96), rgba(var(--glass-rgb), 0.95));
}

.panel[b-c6ttyphtmr] {
    padding: 14px;
}

@media (max-width: 680px) {
    .panel[b-c6ttyphtmr] {
        padding: 12px;
    }
}

.panel-title[b-c6ttyphtmr] {
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 12px;
    color: var(--muted);
}

/* ── Results header ── */
.results-head[b-c6ttyphtmr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-bottom: 2px;
}

.results-count[b-c6ttyphtmr] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid rgba(var(--stroke-rgb), 0.26);
    border-radius: 999px;
    padding: 5px 11px;
    background: linear-gradient(150deg, rgba(var(--glass-rgb), 0.9), rgba(var(--glass-rgb), 0.9));
    font-size: 12px;
}

.results-count-primary[b-c6ttyphtmr] {
    color: var(--text);
    font-weight: 700;
}

.results-count-divider[b-c6ttyphtmr] {
    color: rgba(var(--muted-rgb), 0.72);
    font-weight: 600;
}

.results-count-secondary[b-c6ttyphtmr] {
    color: var(--muted);
    font-weight: 600;
}

/* ── Workout grid ── */
.workout-results-grid[b-c6ttyphtmr] {
    display: grid;
    gap: var(--grid-gutter);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.workout-results-grid > *[b-c6ttyphtmr] {
    display: flex;
}

.workout-results-grid > *[b-c6ttyphtmr]  .card-shell {
    width: 100%;
}

@media (min-width: 920px) {
    .workout-results-grid[b-c6ttyphtmr] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1120px) {
    .workout-results-grid[b-c6ttyphtmr] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (min-width: 1320px) {
    .workout-results-grid[b-c6ttyphtmr] {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

/* ── Highlight on return ── */
.is-highlighted[b-c6ttyphtmr]  .card-shell {
    border-color: rgba(var(--accent-rgb), 0.72);
    box-shadow: 0 0 18px rgba(var(--accent-rgb), 0.28), 0 0 4px rgba(var(--accent-rgb), 0.12);
    animation: highlight-fade-b-c6ttyphtmr 2s ease-out 0.6s forwards;
}

@keyframes highlight-fade-b-c6ttyphtmr {
    to {
        border-color: rgba(var(--stroke-rgb), 0.22);
        box-shadow: none;
    }
}

/* ── Infinite scroll sentinel ── */
.scroll-sentinel[b-c6ttyphtmr] {
    height: 1px;
    width: 100%;
    pointer-events: none;
}

/* ── Empty state ── */
.empty[b-c6ttyphtmr] {
    border: 1px dashed rgba(var(--stroke-rgb), 0.35);
    border-radius: 12px;
    padding: 18px;
    text-align: center;
    color: var(--muted);
}
/* /Features/Workout/List/Workouts.razor.rz.scp.css */
/* ── Scroll host (page-content has overflow:clip) ── */
.workouts-scroll[b-xq1c9p4jk9] {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
}

/* ── Page shell ── */
.page-shell[b-xq1c9p4jk9] {
    position: relative;
    width: min(1320px, calc(100% - var(--grid-gutter) * 2));
    margin: var(--grid-gutter) auto;
    display: grid;
    gap: var(--grid-gutter);
}

/* ── Error ── */
.error[b-xq1c9p4jk9] {
    padding: 10px 12px;
    border-radius: 12px;
    border: 1px solid rgba(255, 95, 87, 0.52);
    background: rgba(var(--targeted-rgb), 0.15);
    color: var(--targeted);
    font-size: 13px;
    margin: 18px;
}
/* /Features/Workout/Modals/BlockEditModal.razor.rz.scp.css */
[b-6vmfxjgr0m] .block-edit-dialog {
    position: relative;
    width: min(620px, calc(100vw - 24px));
    max-height: calc(100vh - 48px);
    max-height: calc(100dvh - 48px);
    grid-template-rows: none;
    border: 1px solid rgba(var(--stroke-rgb), 0.24);
    border-radius: 12px;
    background: rgba(var(--glass-rgb), 1);
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.42);
    color: var(--text);
    opacity: 0;
    transform: translateY(10px);
    pointer-events: none;
    transition: opacity 180ms ease, transform 180ms ease;
}

[b-6vmfxjgr0m] .block-edit-dialog.visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

/* ── Type Toggle ── */

.block-type-toggle[b-6vmfxjgr0m] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 6px;
}

.block-type-btn[b-6vmfxjgr0m] {
    min-height: 36px;
    border-radius: 9px;
    border: 1px solid rgba(var(--stroke-rgb), 0.24);
    background: var(--overlay-bg);
    color: var(--muted);
    font: inherit;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: border-color 120ms ease, background 120ms ease, color 120ms ease;
}

.block-type-btn:hover[b-6vmfxjgr0m] {
    border-color: rgba(var(--stroke-rgb), 0.4);
    background: rgba(var(--glass-rgb), 0.85);
}

.block-type-btn.active.block-type-btn--resistance[b-6vmfxjgr0m] {
    border-color: rgba(255, 179, 79, 0.7);
    background: rgba(255, 179, 79, 0.12);
    color: #ffdca6;
}

.block-type-btn.active.block-type-btn--stretch[b-6vmfxjgr0m] {
    border-color: rgba(168, 139, 255, 0.7);
    background: rgba(168, 139, 255, 0.12);
    color: #e5d8ff;
}

.block-type-btn.active.block-type-btn--cardio[b-6vmfxjgr0m] {
    border-color: rgba(111, 211, 255, 0.7);
    background: rgba(111, 211, 255, 0.12);
    color: #bfe9ff;
}
/* /Features/Workout/Modals/ExercisePickerModal.razor.rz.scp.css */
/* ── Toolbar ── */

.picker-toolbar[b-8ivpkbo3yy] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 10px 0 6px;
}

.picker-search-wrap[b-8ivpkbo3yy] {
    flex: 1;
    position: relative;
    display: flex;
    align-items: center;
}

.picker-search-icon[b-8ivpkbo3yy] {
    position: absolute;
    left: 10px;
    width: 16px;
    height: 16px;
    fill: none;
    stroke: var(--muted);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    pointer-events: none;
}

.picker-search-input[b-8ivpkbo3yy] {
    width: 100%;
    border: 1px solid rgba(var(--stroke-rgb), 0.24);
    border-radius: 9px;
    background: rgba(var(--glass-rgb), 0.85);
    color: var(--text);
    font: inherit;
    font-size: 14px;
    padding: 8px 10px 8px 32px;
    outline: none;
    transition: border-color 140ms ease;
}

.picker-search-input:focus[b-8ivpkbo3yy] {
    border-color: rgba(var(--active-rgb), 0.7);
}

.picker-search-input[b-8ivpkbo3yy]::placeholder {
    color: rgba(var(--muted-rgb), 0.5);
}

.picker-icon-btn[b-8ivpkbo3yy] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 36px;
    height: 36px;
    border: 1px solid rgba(var(--stroke-rgb), 0.24);
    border-radius: 9px;
    background: var(--overlay-bg);
    color: var(--muted);
    cursor: pointer;
    padding: 0;
    transition: border-color 140ms ease, color 140ms ease;
}

.picker-icon-btn svg[b-8ivpkbo3yy] {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.picker-icon-btn:hover[b-8ivpkbo3yy] {
    border-color: rgba(var(--stroke-rgb), 0.5);
    color: var(--text);
}

.picker-icon-btn.is-active[b-8ivpkbo3yy] {
    border-color: rgba(var(--active-rgb), 0.6);
    color: var(--active);
}

.picker-icon-badge[b-8ivpkbo3yy] {
    position: absolute;
    top: -5px;
    right: -5px;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    border-radius: 999px;
    background: rgba(var(--accent-rgb), 0.9);
    border: 1px solid rgba(var(--accent-rgb), 0.55);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    line-height: 14px;
    text-align: center;
}

/* ── Results ── */

.picker-body[b-8ivpkbo3yy] {
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
    overflow-y: auto;
}

.picker-empty[b-8ivpkbo3yy] {
    border: 1px dashed rgba(var(--stroke-rgb), 0.35);
    border-radius: 12px;
    padding: 18px;
    text-align: center;
    color: var(--muted);
}

/* ── Footer ── */

.picker-cancel-btn[b-8ivpkbo3yy] {
    width: 100%;
    min-height: 40px;
    border-radius: 9px;
    border: 1px solid rgba(var(--stroke-rgb), 0.24);
    background: var(--overlay-bg);
    color: var(--text);
    font: inherit;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: border-color 120ms ease, background 120ms ease;
}

.picker-cancel-btn:hover[b-8ivpkbo3yy] {
    border-color: rgba(var(--stroke-rgb), 0.4);
    background: rgba(var(--glass-rgb), 0.85);
}

/* ── Browse All ── */

.browse-all-wrap[b-8ivpkbo3yy] {
    display: flex;
    justify-content: center;
    padding: 16px 0;
}

.browse-all-btn[b-8ivpkbo3yy] {
    padding: 10px 24px;
    border-radius: 10px;
    border: 1px solid rgba(var(--stroke-rgb), 0.28);
    background: transparent;
    color: var(--link);
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.browse-all-btn:active[b-8ivpkbo3yy] {
    background: rgba(var(--stroke-rgb), 0.08);
}
/* /Features/Workout/Modals/SetEditModal.razor.rz.scp.css */
[b-7fx8ts0wfw] .set-edit-dialog {
    position: relative;
    width: min(620px, calc(100vw - 24px));
    max-height: calc(100vh - 48px);
    max-height: calc(100dvh - 48px);
    grid-template-rows: none;
    border: 1px solid rgba(var(--stroke-rgb), 0.24);
    border-radius: 12px;
    background: rgba(var(--glass-rgb), 1);
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.42);
    color: var(--text);
    opacity: 0;
    transform: translateY(10px);
    pointer-events: none;
    transition: opacity 180ms ease, transform 180ms ease;
    overflow-y: auto;
}

[b-7fx8ts0wfw] .set-edit-dialog.visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.set-edit-field-row[b-7fx8ts0wfw] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.set-edit-exercise-row[b-7fx8ts0wfw] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.set-edit-exercise-row .set-edit-select[b-7fx8ts0wfw] {
    flex: 1;
    min-width: 0;
}

.set-edit-search-btn[b-7fx8ts0wfw] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid rgba(var(--stroke-rgb), 0.24);
    border-radius: 9px;
    background: var(--overlay-bg);
    color: var(--muted);
    padding: 0;
    cursor: pointer;
    transition: border-color 140ms ease, color 140ms ease;
}

.set-edit-search-btn svg[b-7fx8ts0wfw] {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.set-edit-search-btn:hover[b-7fx8ts0wfw] {
    border-color: rgba(var(--stroke-rgb), 0.5);
    color: var(--text);
}

.set-edit-select[b-7fx8ts0wfw] {
    display: block;
    width: 100%;
    border: 1px solid rgba(var(--stroke-rgb), 0.28);
    border-radius: 9px;
    background: rgba(var(--glass-rgb), 0.6);
    color: var(--text);
    font: inherit;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 12px;
    outline: none;
    cursor: pointer;
    transition: border-color 140ms ease;
}

.set-edit-select:focus[b-7fx8ts0wfw] {
    border-color: rgba(var(--active-rgb), 0.6);
}

.set-edit-select option[b-7fx8ts0wfw] {
    background: rgba(var(--glass-rgb), 1);
    color: var(--text);
}

/* ── Objective toggle buttons ── */

.set-edit-focus-toggles[b-7fx8ts0wfw] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
}

.set-edit-focus-btn[b-7fx8ts0wfw] {
    padding: 8px 4px;
    border: 1px solid rgba(var(--stroke-rgb), 0.24);
    background: transparent;
    color: var(--muted);
    font: inherit;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: border-color 140ms ease, background 140ms ease, color 140ms ease;
}

.set-edit-focus-btn:first-child[b-7fx8ts0wfw] {
    border-radius: 9px 0 0 9px;
}

.set-edit-focus-btn:last-child[b-7fx8ts0wfw] {
    border-radius: 0 9px 9px 0;
}

.set-edit-focus-btn:not(:first-child)[b-7fx8ts0wfw] {
    border-left: none;
}

.set-edit-focus-btn:hover[b-7fx8ts0wfw] {
    border-color: rgba(var(--stroke-rgb), 0.45);
    color: var(--text);
}

.set-edit-focus-btn:not(:first-child):hover[b-7fx8ts0wfw] {
    border-left: 1px solid rgba(var(--stroke-rgb), 0.45);
}

.set-edit-focus-btn.selected[b-7fx8ts0wfw] {
    border-color: rgba(var(--active-rgb), 0.55);
    background: rgba(var(--active-rgb), 0.08);
    color: var(--text);
}

.set-edit-focus-btn.selected + .set-edit-focus-btn[b-7fx8ts0wfw] {
    border-left-color: rgba(var(--active-rgb), 0.55);
}

/* ── Advanced accordion ── */

[b-7fx8ts0wfw] .set-edit-advanced {
    border-color: rgba(var(--stroke-rgb), 0.12);
    background: transparent;
}

[b-7fx8ts0wfw] .set-edit-advanced .accordion-item-content {
    padding: 10px 10px 4px;
    gap: 10px;
    background: transparent;
}

/* ── Tempo parts (always-visible labelled inputs) ── */

.tempo-parts[b-7fx8ts0wfw] {
    display: flex;
    align-items: flex-start;
    gap: 0;
}

.tempo-part[b-7fx8ts0wfw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    min-width: 0;
}

.tempo-part-input[b-7fx8ts0wfw] {
    width: 100%;
    border: 1px solid rgba(var(--stroke-rgb), 0.28);
    background: rgba(var(--glass-rgb), 0.6);
    color: var(--text);
    font: inherit;
    font-size: 16px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    text-align: center;
    padding: 8px 4px;
    outline: none;
    transition: border-color 140ms ease;
}

/* Round only the outer edges of the first and last inputs */
.tempo-part:first-child .tempo-part-input[b-7fx8ts0wfw] {
    border-radius: 9px 0 0 9px;
}

.tempo-part:last-child .tempo-part-input[b-7fx8ts0wfw] {
    border-radius: 0 9px 9px 0;
}

/* Collapse double borders between adjacent inputs */
.tempo-part:not(:first-child) .tempo-part-input[b-7fx8ts0wfw] {
    border-left: none;
}

.tempo-part-input:focus[b-7fx8ts0wfw] {
    border-color: rgba(var(--active-rgb), 0.6);
    position: relative;
    z-index: 1;
}

/* Restore left border on focus so the highlight is complete */
.tempo-part:not(:first-child) .tempo-part-input:focus[b-7fx8ts0wfw] {
    border-left: 1px solid rgba(var(--active-rgb), 0.6);
}

.tempo-part-input[b-7fx8ts0wfw]::placeholder {
    color: rgba(var(--muted-rgb), 0.35);
    font-weight: 400;
}

.tempo-part-label[b-7fx8ts0wfw] {
    margin-top: 4px;
    font-size: 11px;
    font-weight: 600;
    color: rgba(var(--muted-rgb), 0.7);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.tempo-part-sep[b-7fx8ts0wfw] {
    color: rgba(var(--muted-rgb), 0.3);
    font-size: 16px;
    font-weight: 700;
    align-self: center;
    padding: 8px 0 0;
    /* Overlap into the collapsed border gap */
    margin: 0 -1px;
    display: none;
}
/* /Features/Workout/Session/ControlBar.razor.rz.scp.css */
/* ── Control Bar ── */

.control-bar[b-1byfwt4bf2] {
    padding: 10px var(--page-gutter, 12px) 12px;
    position: relative;
    z-index: 1201;
}

/* ── Title row ── */

.control-bar-title[b-1byfwt4bf2] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    margin-bottom: 8px;
}

.control-bar-focus-btn[b-1byfwt4bf2] {
    margin-right: 2px;
    width: 26px;
    min-width: 26px;
    height: 26px;
    min-height: 26px;
    padding: 0 0 2px;
    border-radius: 7px;
    border: 1px solid rgba(var(--stroke-rgb), 0.34);
    background: rgba(var(--glass-rgb), 0.9);
    color: var(--text);
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.control-bar-focus-btn:active[b-1byfwt4bf2] {
    background: rgba(var(--glass-rgb), 0.9);
}

.control-bar-exercise[b-1byfwt4bf2] {
    border: none;
    background: none;
    padding: 0;
    font: inherit;
    font-size: 20px;
    font-weight: 700;
    color: var(--text);
    text-align: left;
    min-width: 0;
    line-height: 1.1;
    cursor: pointer;
}

/* ── Section type pill ── */

.set-group-pill[b-1byfwt4bf2] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 2px 10px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    border: 1px solid rgba(var(--stroke-rgb), 0.28);
    color: var(--text);
    flex-shrink: 0;
}

.set-group-pill.warmup[b-1byfwt4bf2] {
    border-color: rgba(111, 211, 255, 0.56);
    color: #bfe9ff;
}

.set-group-pill.working[b-1byfwt4bf2],
.set-group-pill.straight[b-1byfwt4bf2] {
    border-color: rgba(255, 179, 79, 0.52);
    color: #ffdca6;
}

.set-group-pill.superset[b-1byfwt4bf2] {
    border-color: rgba(var(--active-rgb), 0.72);
    color: #d9ffe6;
}

.set-group-pill.drop[b-1byfwt4bf2],
.set-group-pill.dropset[b-1byfwt4bf2] {
    border-color: rgba(255, 94, 94, 0.58);
    color: var(--targeted);
}

.set-group-pill.stretch[b-1byfwt4bf2],
.set-group-pill.stretches[b-1byfwt4bf2] {
    border-color: rgba(168, 139, 255, 0.58);
    color: #e5d8ff;
}

/* ── Timed mode ── */

.control-timed[b-1byfwt4bf2] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 0;
    font-size: 20px;
    font-weight: 700;
    color: var(--text);
}

.control-side[b-1byfwt4bf2] {
    font-size: 14px;
    font-weight: 400;
    color: var(--muted);
}

/* ── Value Chips (horizontal row) ── */

.control-chips[b-1byfwt4bf2] {
    display: flex;
    gap: 6px;
    margin-bottom: 8px;
}

.control-chip[b-1byfwt4bf2] {
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 8px 12px;
    border-radius: 12px;
    border: 1px solid rgba(var(--stroke-rgb), 0.28);
    background: rgba(var(--glass-rgb), 0.86);
    color: var(--text);
    font: inherit;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
    transition: border-color 120ms ease, background 120ms ease;
}

.control-chip.active[b-1byfwt4bf2] {
    border-color: rgba(var(--link-rgb), 0.6);
    background: rgba(var(--link-rgb), 0.12);
}

.chip-inner[b-1byfwt4bf2] {
    display: inline-flex;
    align-items: baseline;
    gap: 4px;
}

.chip-value[b-1byfwt4bf2] {
    font-size: 17px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    line-height: 1;
}

.chip-unit[b-1byfwt4bf2] {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--muted);
    opacity: 0.85;
}

/* ── Slider Content (inside OverlayPanel) ── */

.control-slider-content[b-1byfwt4bf2] {
    padding: 3px 14px;
    min-width: min(320px, calc(100vw - 48px));
}

/* ── RIR Scale ── */

.slider-description[b-1byfwt4bf2] {
    margin: 10px 0 8px;
    font-size: 12px;
    color: var(--muted);
    line-height: 1.4;
}

.bw-info[b-1byfwt4bf2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 0 4px;
}

.bw-info-label[b-1byfwt4bf2] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--muted);
}

.bw-info-value[b-1byfwt4bf2] {
    font-size: 13px;
    font-weight: 600;
    color: var(--text);
    font-variant-numeric: tabular-nums;
}

.bw-plate-stack[b-1byfwt4bf2] {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 2px;
    padding: 8px 0;
    height: 56px;
    width: 100%;
    border: none;
    background: none;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

.bw-plate-stack .plate[b-1byfwt4bf2] {
    width: 18px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 3px;
}

.bw-clear-btn[b-1byfwt4bf2] {
    margin-top: 6px;
    padding: 0;
    border: none;
    background: transparent;
    color: var(--accent);
    font: inherit;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

.bw-clear-btn:hover[b-1byfwt4bf2] {
    text-decoration: underline;
}

.slider-gym-hint[b-1byfwt4bf2] {
    margin: 4px 0 8px;
    font-size: 11px;
    color: var(--muted);
    line-height: 1.4;
}

.slider-gym-hint a[b-1byfwt4bf2],
.slider-gym-add-btn[b-1byfwt4bf2] {
    color: var(--accent);
    text-decoration: none;
    background: none;
    border: none;
    font: inherit;
    font-size: inherit;
    padding: 0;
    cursor: pointer;
}

.slider-gym-hint a:hover[b-1byfwt4bf2],
.slider-gym-add-btn:hover[b-1byfwt4bf2] {
    text-decoration: underline;
}

.slider-gym-link[b-1byfwt4bf2] {
    display: inline-flex;
    align-items: center;
    gap: 0;
}

.slider-gym-prefix[b-1byfwt4bf2] {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--muted);
    margin-right: 3px;
}

.slider-gym-label[b-1byfwt4bf2] {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--accent);
    text-decoration: none;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    font-family: inherit;
}

.slider-gym-none[b-1byfwt4bf2] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(255, 179, 79, 0.9);
}

.slider-gym-label:hover[b-1byfwt4bf2] {
    text-decoration: underline;
}

.slider-gym-switch[b-1byfwt4bf2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    margin-left: 4px;
    padding: 0;
    border: none;
    background: none;
    color: var(--muted);
    cursor: pointer;
    border-radius: 4px;
    transition: color 100ms ease, background 100ms ease;
}

.slider-gym-switch:hover[b-1byfwt4bf2] {
    color: var(--accent);
    background: rgba(var(--accent-rgb), 0.1);
}

.slider-gym-switch svg[b-1byfwt4bf2] {
    width: 12px;
    height: 12px;
}

.rir-scale[b-1byfwt4bf2] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    margin-bottom: 8px;
}

.rir-level[b-1byfwt4bf2] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 5px 4px;
    border-radius: 8px;
    opacity: 0.55;
    transition: opacity 120ms ease;
}

.rir-level--active[b-1byfwt4bf2] {
    opacity: 1;
    background: rgba(var(--stroke-rgb), 0.08);
}

.rir-dot[b-1byfwt4bf2] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex: 0 0 auto;
}

.rir-value[b-1byfwt4bf2] {
    font-size: 14px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: var(--text);
    width: 14px;
    text-align: center;
}

.rir-label[b-1byfwt4bf2] {
    font-size: 12px;
    color: var(--muted);
}

.control-slider-row[b-1byfwt4bf2] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.control-bw-warning[b-1byfwt4bf2] {
    display: block;
    font-size: 12px;
    color: #ffb34f;
    text-decoration: none;
    margin-top: 4px;
}

.control-bw-warning:hover[b-1byfwt4bf2] {
    text-decoration: underline;
    text-underline-offset: 2px;
}

/* ── Band assistance info ── */

.control-band-info-btn[b-1byfwt4bf2] {
    margin-left: 6px;
    padding: 0;
    border: none;
    background: none;
    color: #6bafff;
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
    opacity: 0.85;
}

.control-band-info-btn:active[b-1byfwt4bf2] {
    opacity: 1;
}

/* ── Assistance warning ── */

.control-assist-warning-btn[b-1byfwt4bf2] {
    margin-left: 6px;
    padding: 0;
    border: none;
    background: none;
    color: #ffb34f;
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
    opacity: 0.85;
}

.control-assist-warning-btn:active[b-1byfwt4bf2] {
    opacity: 1;
}

/* ── Tooltip content (band table) ── */

[b-1byfwt4bf2] .tooltip-panel p {
    margin: 0 0 6px;
}

[b-1byfwt4bf2] .tooltip-panel table {
    width: 100%;
    border-collapse: collapse;
}

[b-1byfwt4bf2] .tooltip-panel td {
    padding: 2px 0;
}

[b-1byfwt4bf2] .tooltip-panel td:last-child {
    text-align: right;
    font-weight: 600;
    color: var(--text);
    font-variant-numeric: tabular-nums;
}

/* ── Stepper Buttons ── */

.control-stepper[b-1byfwt4bf2] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.stepper-btn[b-1byfwt4bf2] {
    width: 34px;
    height: 34px;
    min-width: 34px;
    min-height: 34px;
    border-radius: 9px;
    border: 1px solid rgba(var(--stroke-rgb), 0.3);
    background: rgba(var(--glass-rgb), 0.9);
    color: var(--text);
    font-size: 17px;
    font-weight: 700;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

.stepper-btn:active[b-1byfwt4bf2] {
    background: rgba(var(--glass-rgb), 0.9);
}

/* ── Plate Calculator ── */

.plate-calc[b-1byfwt4bf2] {
    margin-top: 10px;
}

.barbell[b-1byfwt4bf2] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    padding: 8px 0;
    height: 60px;
    width: 100%;
    border: none;
    background: none;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

.barbell:disabled[b-1byfwt4bf2] {
    cursor: default;
}

.barbell-sleeve[b-1byfwt4bf2] {
    display: flex;
    align-items: center;
    gap: 2px;
    min-width: 8px;
}

.barbell-sleeve--left[b-1byfwt4bf2] {
    flex-direction: row;
    justify-content: flex-end;
}

.barbell-sleeve--right[b-1byfwt4bf2] {
    flex-direction: row;
    justify-content: flex-start;
}

.plate[b-1byfwt4bf2] {
    width: 10px;
    min-width: 10px;
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    display: block;
}

.barbell-collar[b-1byfwt4bf2] {
    width: 6px;
    height: 18px;
    background: #888;
    border-radius: 1px;
}

.landmine-anchor[b-1byfwt4bf2] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 24px;
    background: #666;
    border-radius: 3px 0 0 3px;
    border: 1px solid rgba(0, 0, 0, 0.3);
}

.landmine-pivot[b-1byfwt4bf2] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
}

.ez-bar-wrap[b-1byfwt4bf2] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ez-bar[b-1byfwt4bf2] {
    width: 100px;
    height: 18px;
    flex: 0 0 auto;
}

.barbell-bar[b-1byfwt4bf2] {
    height: 8px;
    min-width: 60px;
    background: linear-gradient(180deg, #b0b0b0, #888);
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.bar-weight[b-1byfwt4bf2] {
    position: absolute;
    top: calc(100% + 4px);
    font-size: 10px;
    font-weight: 600;
    color: var(--muted);
    white-space: nowrap;
}

.plate-buttons[b-1byfwt4bf2] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 10px;
    margin-bottom: 8px;
    justify-content: center;
}

.plate-btn[b-1byfwt4bf2] {
    min-width: 36px;
    height: 30px;
    padding: 0 6px;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    color: #fff;
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}

.plate-btn:active[b-1byfwt4bf2] {
    opacity: 0.7;
}

.plate-btn--exhausted[b-1byfwt4bf2] {
    opacity: 0.25;
    cursor: default;
    pointer-events: none;
}

/* ── Weight Mode Toggles ── */

.weight-mode-toggles[b-1byfwt4bf2] {
    display: flex;
    gap: 4px;
    margin: 8px 0 4px;
}

.weight-mode-btn[b-1byfwt4bf2] {
    flex: 1;
    padding: 6px 8px;
    border: 1px solid rgba(var(--stroke-rgb), 0.2);
    border-radius: 8px;
    background: transparent;
    color: var(--muted);
    font: inherit;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    cursor: pointer;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    transition: border-color 140ms ease, background 140ms ease, color 140ms ease;
}

.weight-mode-btn:hover[b-1byfwt4bf2] {
    border-color: rgba(var(--stroke-rgb), 0.4);
}

.weight-mode-btn--active[b-1byfwt4bf2],
.weight-mode-btn--active:hover[b-1byfwt4bf2] {
    border-color: var(--accent);
    background: rgba(var(--accent-rgb), 0.12);
    color: var(--text);
}

/* ── Cable Weight Stack ── */

.cable-stack[b-1byfwt4bf2] {
    margin: 10px 0 8px;
    display: flex;
    justify-content: center;
    gap: 10px;
}

.cable-stack-track[b-1byfwt4bf2] {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    gap: 2px;
    width: 100%;
    max-height: 180px;
    overflow-y: auto;
    scrollbar-width: none;
}

.cable-stack-track[b-1byfwt4bf2]::-webkit-scrollbar {
    display: none;
}

.cable-plate[b-1byfwt4bf2] {
    width: 70%;
    height: 6px;
    border: 1px solid rgba(var(--accent-rgb), 0.25);
    border-radius: 2px;
    background: transparent;
    padding: 0;
    cursor: pointer;
    transition: background 80ms ease, border-color 80ms ease;
}

.cable-plate:hover[b-1byfwt4bf2] {
    border-color: rgba(var(--accent-rgb), 0.5);
}

.cable-plate--filled[b-1byfwt4bf2] {
    background: rgba(var(--accent-rgb), 0.35);
    border-color: rgba(var(--accent-rgb), 0.4);
}

.cable-plate--selected[b-1byfwt4bf2] {
    background: var(--accent);
    border-color: var(--accent);
}



/* ── Dumbbell Quick-Pick ── */

.dumbbell-calc[b-1byfwt4bf2],
.band-calc[b-1byfwt4bf2] {
    margin-top: 10px;
}

.calc-label[b-1byfwt4bf2] {
    margin: 0 0 6px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--muted);
}

.dumbbell-buttons[b-1byfwt4bf2] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    justify-content: center;
}

.dumbbell-btn[b-1byfwt4bf2] {
    min-width: 40px;
    height: 30px;
    padding: 0 6px;
    border-radius: 8px;
    border: 1px solid rgba(var(--stroke-rgb), 0.2);
    background: transparent;
    color: var(--text);
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    cursor: pointer;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    transition: border-color 140ms ease, background 140ms ease;
}

.dumbbell-btn:hover[b-1byfwt4bf2] {
    border-color: rgba(var(--stroke-rgb), 0.4);
}

.dumbbell-btn--active[b-1byfwt4bf2],
.dumbbell-btn--active:hover[b-1byfwt4bf2] {
    border-color: var(--accent);
    background: rgba(var(--accent-rgb), 0.15);
    color: var(--accent);
}

/* ── Resistance Band Quick-Pick ── */

.band-buttons[b-1byfwt4bf2] {
    display: grid;
    gap: 4px;
    padding-bottom: 8px;
}

.band-btn[b-1byfwt4bf2] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 8px;
    border: 1px solid rgba(var(--stroke-rgb), 0.2);
    background: transparent;
    color: var(--text);
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    transition: border-color 140ms ease, background 140ms ease;
}

.band-btn:hover[b-1byfwt4bf2] {
    border-color: rgba(var(--stroke-rgb), 0.4);
}

.band-btn--active[b-1byfwt4bf2],
.band-btn--active:hover[b-1byfwt4bf2] {
    border-color: var(--accent);
    background: rgba(var(--accent-rgb), 0.1);
}

.band-dot[b-1byfwt4bf2] {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    flex-shrink: 0;
    border: 1.5px solid rgba(255, 255, 255, 0.15);
}

.band-name[b-1byfwt4bf2] {
    flex: 1;
    text-align: left;
}

.band-weight[b-1byfwt4bf2] {
    font-size: 12px;
    color: var(--muted);
    font-variant-numeric: tabular-nums;
}

/* ── Complete Set Button ── */

[b-1byfwt4bf2] .complete-set-btn {
    width: 100%;
    margin: 10px 0 0;
}

/* ── Responsive ── */

@media (max-width: 760px) {
    .stepper-btn[b-1byfwt4bf2] {
        width: 32px;
        height: 32px;
        min-width: 32px;
        min-height: 32px;
    }
}
/* /Features/Workout/Session/RestTimer.razor.rz.scp.css */
/* ── Rest Timer (footer panel) ── */

.rest-panel[b-9rz1ulackn] {
    padding: 20px var(--page-gutter, 12px) 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

/* ── Label ── */

.rest-label[b-9rz1ulackn] {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: var(--muted);
    font-weight: 700;
}

/* ── SVG Ring ── */

.rest-ring-wrap[b-9rz1ulackn] {
    position: relative;
    width: 80px;
    height: 80px;
}

.rest-ring[b-9rz1ulackn] {
    width: 100%;
    height: 100%;
}

.rest-ring-bg[b-9rz1ulackn] {
    fill: none;
    stroke: rgba(var(--stroke-rgb), 0.16);
    stroke-width: 4;
}

.rest-ring-fg[b-9rz1ulackn] {
    fill: none;
    stroke-width: 4;
    stroke-linecap: round;
    transform: rotate(-90deg);
    transform-origin: center;
    transition: stroke-dashoffset 0.1s linear;
}

/* ── Countdown text ── */

.rest-countdown[b-9rz1ulackn] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;
    font-size: 22px;
    font-weight: 700;
    color: var(--text);
    font-variant-numeric: tabular-nums;
    line-height: 1;
    white-space: nowrap;
    padding: 0 6px;
}

/* ── Skip button ── */

.rest-skip-btn[b-9rz1ulackn] {
    padding: 10px 28px;
    border-radius: 10px;
    border: 1px solid rgba(var(--stroke-rgb), 0.3);
    background: rgba(var(--glass-rgb), 0.9);
    color: var(--text);
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    min-height: 44px;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    transition: background 140ms ease, border-color 140ms ease;
}

.rest-skip-btn:active[b-9rz1ulackn] {
    background: rgba(var(--glass-rgb), 0.9);
    border-color: rgba(var(--stroke-rgb), 0.4);
}
/* /Features/Workout/Session/SessionSummaryModal.razor.rz.scp.css */
/* ── Session Summary Modal ── */

/* Header — first grid row */
.summary-header[b-flca1o3pk8] {
    padding: 24px 16px 0;
    text-align: center;
}

.summary-title[b-flca1o3pk8] {
    font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: var(--text);
    margin: 0 0 4px;
}

.summary-date[b-flca1o3pk8] {
    font-size: 13px;
    color: var(--muted);
    margin: 0;
}

/* Body — second grid row, scrollable */
.summary-body[b-flca1o3pk8] {
    overflow-y: auto;
    padding: 20px 16px;
    -webkit-overflow-scrolling: touch;
}

/* Footer — third grid row, pinned */
.summary-footer[b-flca1o3pk8] {
    padding: 12px 16px 16px;
}

/* ── Stats grid ── */

.summary-stats[b-flca1o3pk8] {
    display: flex;
    justify-content: center;
    gap: 24px;
    margin-bottom: 24px;
}

.summary-stat[b-flca1o3pk8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}

.stat-value[b-flca1o3pk8] {
    font-size: 20px;
    font-weight: 700;
    color: var(--active);
    font-variant-numeric: tabular-nums;
}

.stat-label[b-flca1o3pk8] {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--muted);
}

/* ── Personal Bests ── */

.summary-pbs[b-flca1o3pk8] {
    text-align: left;
    margin-bottom: 20px;
}

.summary-pbs h3[b-flca1o3pk8] {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #e5a63e;
    margin: 0 0 8px;
}

.summary-pb-row[b-flca1o3pk8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 0;
    border-bottom: 1px solid rgba(var(--stroke-rgb), 0.08);
}

.pb-name[b-flca1o3pk8] {
    font-size: 14px;
    color: var(--text);
}

.pb-values[b-flca1o3pk8] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.pb-previous[b-flca1o3pk8] {
    color: var(--muted);
}

.pb-arrow[b-flca1o3pk8] {
    color: var(--muted);
}

.pb-new[b-flca1o3pk8] {
    color: #e5a63e;
}

/* ── Block breakdown ── */

.summary-blocks[b-flca1o3pk8] {
    text-align: left;
    margin-bottom: 20px;
}

.summary-blocks h3[b-flca1o3pk8] {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--muted);
    margin: 0 0 8px;
}

.summary-block-row[b-flca1o3pk8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 0;
    border-bottom: 1px solid rgba(var(--stroke-rgb), 0.08);
}

.block-name[b-flca1o3pk8] {
    font-size: 14px;
    color: var(--text);
}

.block-progress[b-flca1o3pk8] {
    font-size: 13px;
    font-weight: 700;
    color: var(--muted);
    font-variant-numeric: tabular-nums;
}

.block-progress.complete[b-flca1o3pk8] {
    color: var(--active);
}
/* /Features/Workout/Session/WorkoutSession.razor.rz.scp.css */
/* ── Session Page Layout ── */

.session-layout[b-ybtofoaugf] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding-top: 0 !important; /* opt out of MainLayout's --header-clearance; applied to session-scroll instead */
    padding-bottom: 0 !important; /* opt out of MainLayout's --nav-clearance; applied to session-scroll instead */
}

.session-scroll[b-ybtofoaugf] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    position: relative;
    padding-top: var(--header-clearance);
}

.session-footer[b-ybtofoaugf] {
    border-radius: 20px;
    border: 1px solid rgba(var(--stroke-rgb), 0.2);
    background: var(--overlay-bg);
    backdrop-filter: blur(5px) saturate(1.05);
    -webkit-backdrop-filter: blur(5px) saturate(1.05);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.18);
}

.session-complete-footer[b-ybtofoaugf] {
    padding: 16px var(--page-gutter, 12px);
}

.page-shell[b-ybtofoaugf] {
    display: grid;
    gap: 8px;
    width: min(720px, calc(100% - (var(--page-gutter, 12px) * 2)));
    padding: 12px 0;
    margin: 0 auto;
}

/* Clear the floating session footer — JS sets --session-footer-clearance dynamically */
body:has(.session-footer) .session-layout .page-shell[b-ybtofoaugf] {
    padding-bottom: var(--session-footer-clearance, 0px);
}

/* ── Loading / Error ── */

.error[b-ybtofoaugf] {
    text-align: center;
    padding: 40px 16px;
    color: var(--targeted);
    font-size: 14px;
}

/* ── Hero Card ── */

.card[b-ybtofoaugf] {
    border: 1px solid rgba(var(--stroke-rgb), 0.22);
    border-radius: 16px;
    background: linear-gradient(165deg, rgba(var(--glass-rgb), 0.96), rgba(var(--glass-rgb), 0.95));
}

.hero[b-ybtofoaugf] {
    padding: 10px;
    position: relative;
    overflow: hidden;
}

.hero-top[b-ybtofoaugf] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    position: relative;
    z-index: 1;
}

.hero-heading[b-ybtofoaugf] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 1 auto;
}

.hero[b-ybtofoaugf]::after {
    content: "";
    position: absolute;
    width: min(420px, 42vw);
    height: min(420px, 42vw);
    right: -140px;
    top: -220px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(var(--accent-rgb), 0.25), transparent 66%);
    pointer-events: none;
}

.kicker[b-ybtofoaugf] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: var(--muted);
    margin: 0;
}

.hero-title[b-ybtofoaugf] {
    margin: 0;
    font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
    font-size: clamp(28px, calc(5.2vw + 10px), 62px);
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--text);
    line-height: 0.95;
}

.hero-title-row[b-ybtofoaugf] {
    margin-top: 4px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    max-width: 100%;
}

.hero-title a[b-ybtofoaugf] {
    color: inherit;
    text-decoration: none;
}

.hero-title a:hover[b-ybtofoaugf] {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.hero-subtitle[b-ybtofoaugf] {
    margin: 9px 0 0;
    font-size: 14px;
    color: var(--muted);
    max-width: 76ch;
    line-height: 1.55;
}

/* ── Metrics Row ── */

.hero-metrics[b-ybtofoaugf] {
    display: grid;
    grid-template-columns: repeat(3, minmax(88px, 1fr));
    gap: 8px;
    flex: 0 0 min(320px, 44%);
    min-width: 280px;
}

.metric[b-ybtofoaugf] {
    border-radius: 12px;
    border: 1px solid rgba(var(--stroke-rgb), 0.2);
    background: rgba(var(--glass-rgb), 0.74);
    padding: 9px 10px;
}

.metric-value[b-ybtofoaugf] {
    display: block;
    margin-top: 3px;
    font-size: 14px;
    font-weight: 700;
    color: var(--text);
    font-variant-numeric: tabular-nums;
}

.metric-label[b-ybtofoaugf] {
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--muted);
}

@media (max-width: 760px) {
    .page-shell[b-ybtofoaugf] {
        width: 100%;
        margin: 0;
        padding: 8px 8px 12px;
    }
}

@media (max-width: 520px) {
    .hero-top[b-ybtofoaugf] {
        flex-direction: column;
        gap: 12px;
    }

    .hero-metrics[b-ybtofoaugf] {
        min-width: 0;
        width: 100%;
        flex-basis: auto;
    }
}

@media (max-width: 380px) {
    .hero-metrics[b-ybtofoaugf] {
        grid-template-columns: 1fr;
    }
}

/* ── Header buttons (via SectionContent) ── */

.back-btn[b-ybtofoaugf],
.content-menu-btn[b-ybtofoaugf] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: none;
    background: none;
    color: var(--text);
    cursor: pointer;
    padding: 0;
}

.back-btn svg[b-ybtofoaugf],
.content-menu-btn svg[b-ybtofoaugf] {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* ── Target Muscles — 3D Viewer ── */

[b-ybtofoaugf] .muscles-content {
    padding: 0;
}

.viewer-pane[b-ybtofoaugf] {
    display: flex;
    flex-direction: column;
}

.viewer-frame-wrap[b-ybtofoaugf] {
    position: relative;
    overflow: hidden;
    flex: 1 1 auto;
    height: 100%;
    min-height: 420px;
    background: #000;
}

.viewer-frame-wrap[b-ybtofoaugf]  .anatomy-viewport {
    position: absolute;
    inset: 0;
}

.viewer-bottom-controls[b-ybtofoaugf] {
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 4;
    display: flex;
    align-items: center;
    gap: 6px;
}

.viewer-ctrl-btn[b-ybtofoaugf] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 9px;
    border: 1px solid rgba(156, 188, 224, 0.35);
    background: rgba(var(--glass-rgb), 0.8);
    color: var(--text);
    font-size: 20px;
    cursor: pointer;
    backdrop-filter: blur(6px);
}

.viewer-ctrl-btn svg[b-ybtofoaugf] {
    width: 18px;
    height: 18px;
    stroke: currentColor;
    stroke-width: 2;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.viewer-ctrl-btn:hover[b-ybtofoaugf] {
    border-color: rgba(var(--stroke-rgb), 0.52);
    background: rgba(var(--glass-rgb), 0.92);
}

.viewer-selection-badge[b-ybtofoaugf] {
    position: absolute;
    left: 10px;
    bottom: 10px;
    z-index: 4;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    max-width: min(72vw, 520px);
    min-height: 34px;
    padding: 6px 8px;
    border-radius: 10px;
    border: 1px solid rgba(156, 188, 224, 0.36);
    background: rgba(var(--glass-rgb), 0.8);
    color: var(--text);
    font-size: 11px;
    line-height: 1.2;
    pointer-events: auto;
    backdrop-filter: blur(6px);
}

.viewer-selection-dot[b-ybtofoaugf] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex: 0 0 auto;
}

.viewer-selection-name[b-ybtofoaugf] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.viewer-selection-close[b-ybtofoaugf] {
    width: 18px;
    height: 18px;
    border: 1px solid rgba(156, 188, 224, 0.4);
    border-radius: 999px;
    background: rgba(var(--glass-rgb), 0.72);
    color: var(--text);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    line-height: 1;
    padding: 0;
    cursor: pointer;
}

.viewer-selection-close:hover[b-ybtofoaugf] {
    border-color: rgba(var(--stroke-rgb), 0.62);
    background: rgba(var(--glass-rgb), 0.92);
}

.viewer-legend[b-ybtofoaugf] {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 4;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 7px 9px;
    border-radius: 8px;
    background: rgba(var(--glass-rgb), 0.7);
    border: 1px solid rgba(156, 188, 224, 0.18);
    pointer-events: none;
}

.viewer-legend-item[b-ybtofoaugf] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 10px;
    font-weight: 600;
    color: var(--muted);
    letter-spacing: 0.02em;
}

.viewer-legend-dot[b-ybtofoaugf] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex: 0 0 auto;
}

@media (max-width: 520px) {
    .viewer-frame-wrap[b-ybtofoaugf] {
        min-height: max(260px, min(56svh, 78vw));
    }
}

/* ── History View: Hero Date & Stats ── */

.hero-date[b-ybtofoaugf] {
    margin: 8px 0 0;
    font-size: 13px;
    color: var(--muted);
}

.hero-stats[b-ybtofoaugf] {
    display: flex;
    gap: 8px;
    margin-top: 12px;
    position: relative;
    z-index: 1;
}

.stat[b-ybtofoaugf] {
    flex: 1;
    border-radius: 12px;
    border: 1px solid rgba(var(--stroke-rgb), 0.2);
    background: rgba(var(--glass-rgb), 0.74);
    padding: 9px 10px;
}

.stat-value[b-ybtofoaugf] {
    display: block;
    font-size: 15px;
    font-weight: 700;
    color: var(--text);
    font-variant-numeric: tabular-nums;
}

.stat-value--accent[b-ybtofoaugf] {
    color: var(--accent);
}

.stat-label[b-ybtofoaugf] {
    display: block;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--muted);
    margin-top: 2px;
}

/* ── Summary Card ── */

.summary-card[b-ybtofoaugf] {
    padding: 14px;
}

.summary-section[b-ybtofoaugf] {
    margin-bottom: 16px;
}

.summary-section:last-child[b-ybtofoaugf] {
    margin-bottom: 0;
}

.section-heading[b-ybtofoaugf] {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #e5a63e;
    margin: 0 0 8px;
}

.summary-row[b-ybtofoaugf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 0;
    border-bottom: 1px solid rgba(var(--stroke-rgb), 0.08);
}

.summary-row:last-child[b-ybtofoaugf] {
    border-bottom: none;
}

.row-name[b-ybtofoaugf] {
    font-size: 14px;
    color: var(--text);
}

.row-value[b-ybtofoaugf] {
    font-size: 13px;
    font-weight: 700;
    color: var(--muted);
    font-variant-numeric: tabular-nums;
}

.row-value--complete[b-ybtofoaugf] {
    color: var(--active);
}

/* ── Exercise Stats Table ── */

.stats-table[b-ybtofoaugf] {
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: 0;
}

.stats-header[b-ybtofoaugf] {
    display: contents;
}

.stats-header .stats-col-name[b-ybtofoaugf],
.stats-header .stats-col-num[b-ybtofoaugf] {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--muted);
    padding: 0 0 6px;
    border-bottom: 1px solid rgba(var(--stroke-rgb), 0.12);
}

.stats-row[b-ybtofoaugf] {
    display: contents;
}

.stats-col-name[b-ybtofoaugf] {
    font-size: 14px;
    color: var(--text);
    padding: 6px 12px 6px 0;
    border-bottom: 1px solid rgba(var(--stroke-rgb), 0.08);
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.stats-col-num[b-ybtofoaugf] {
    font-size: 13px;
    font-weight: 700;
    color: var(--text);
    font-variant-numeric: tabular-nums;
    text-align: right;
    padding: 6px 0 6px 16px;
    border-bottom: 1px solid rgba(var(--stroke-rgb), 0.08);
    white-space: nowrap;
}

.stats-row:last-child .stats-col-name[b-ybtofoaugf],
.stats-row:last-child .stats-col-num[b-ybtofoaugf] {
    border-bottom: none;
}

/* ── Personal Best Values ── */

.pb-values[b-ybtofoaugf] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.pb-previous[b-ybtofoaugf] {
    color: var(--muted);
}

.pb-arrow[b-ybtofoaugf] {
    color: var(--muted);
}

.pb-new[b-ybtofoaugf] {
    color: #e5a63e;
}

/* ── Fallback Card ── */

.fallback-card[b-ybtofoaugf] {
    border: 1px solid rgba(var(--stroke-rgb), 0.15);
    border-radius: 12px;
    background: rgba(var(--glass-rgb), 0.7);
    padding: 20px 16px;
    text-align: center;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.6;
}

.fallback-card p[b-ybtofoaugf] {
    margin: 0;
}

.fallback-card p + p[b-ybtofoaugf] {
    margin-top: 4px;
    font-size: 12px;
    opacity: 0.7;
}

/* ── History view: don't dim completed sets ── */

[b-ybtofoaugf] .set.set--completed {
    opacity: 1;
}

[b-ybtofoaugf] .set.set--completed .set-data-row {
    text-decoration: none;
}

/* ── Gym Picker Modal ── */

[b-ybtofoaugf] .gym-picker-panel {
    max-width: none;
}

.gym-picker-title[b-ybtofoaugf] {
    font-size: 16px;
    font-weight: 600;
    color: var(--text);
    margin: 12px 0 16px;
    text-align: center;
}

.gym-picker-options[b-ybtofoaugf] {
    display: grid;
    gap: 8px;
}

.gym-picker-btn[b-ybtofoaugf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 18px;
    border: 1px solid rgba(var(--stroke-rgb), 0.15);
    border-radius: 12px;
    background: transparent;
    color: var(--text);
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: border-color 140ms ease, background 140ms ease;
}

.gym-picker-btn:hover[b-ybtofoaugf] {
    border-color: rgba(var(--accent-rgb), 0.4);
    background: rgba(var(--accent-rgb), 0.06);
}

.gym-picker-btn--active[b-ybtofoaugf] {
    border-color: rgba(var(--accent-rgb), 0.6);
    background: rgba(var(--accent-rgb), 0.1);
}

.gym-picker-btn--none[b-ybtofoaugf] {
    color: var(--muted);
    font-weight: 500;
    font-size: 14px;
}

.gym-picker-cancel-btn[b-ybtofoaugf] {
    width: 100%;
    min-height: 38px;
    padding: 8px 18px;
    border: 1px solid rgba(var(--stroke-rgb), 0.24);
    border-radius: 10px;
    background: var(--overlay-bg);
    color: var(--muted);
    font: inherit;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: border-color 140ms ease, background 140ms ease, color 140ms ease;
}

.gym-picker-cancel-btn:hover[b-ybtofoaugf] {
    border-color: rgba(var(--stroke-rgb), 0.4);
    color: var(--text);
}

.gym-picker-btn-name[b-ybtofoaugf] {
    flex: 1;
    text-align: left;
}

.gym-picker-btn-default[b-ybtofoaugf] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--accent);
    background: rgba(var(--accent-rgb), 0.12);
    padding: 3px 8px;
    border-radius: 6px;
}
/* /Features/Workout/WorkoutStructure.razor.rz.scp.css */
/* ── Workout Structure: Blocks ── */

.blocks-stack[b-zg8ma9ycue] {
    display: grid;
    gap: 10px;
}

[b-zg8ma9ycue] .block-accordion {
    border: 1px solid rgba(var(--stroke-rgb), 0.2);
    border-radius: 12px;
    background: rgba(var(--glass-rgb), 0.72);
    overflow: hidden;
}

[b-zg8ma9ycue] .block-summary {
    padding: 0;
}

.block-summary-content[b-zg8ma9ycue] {
    padding: 8px 10px;
}

.block-title-row[b-zg8ma9ycue] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 5px;
    min-width: 0;
}

.block-heading-main[b-zg8ma9ycue] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    min-height: 22px;
}

.block-heading-main--view[b-zg8ma9ycue] {
    padding: 5px 0;
}

.block-heading-main--edit > .drag-grip--block[b-zg8ma9ycue],
.block-heading-main--edit > .block-overflow-btn[b-zg8ma9ycue] {
    transform: translateY(-1px);
}

.block-type-pills[b-zg8ma9ycue] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    min-width: 0;
}

[b-zg8ma9ycue] .block-label {
    display: block;
    min-width: 0;
    font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
    font-size: clamp(18px, calc(1.4vw + 10px), 24px);
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 0.95;
    text-transform: uppercase;
    white-space: normal;
    overflow-wrap: anywhere;
    color: var(--text);
}

.block-exercise-fallback-pills[b-zg8ma9ycue] {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    gap: 6px;
}

.block-body[b-zg8ma9ycue] {
    padding: 0;
}

/* ── Section pill ── */

.set-group-pill[b-zg8ma9ycue] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 2px 6px;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border: 1px solid rgba(var(--stroke-rgb), 0.24);
    color: var(--text);
}

.set-group-pill.warmup[b-zg8ma9ycue] {
    border-color: rgba(111, 211, 255, 0.56);
    color: #bfe9ff;
}

.set-group-pill.working[b-zg8ma9ycue],
.set-group-pill.straight[b-zg8ma9ycue] {
    border-color: rgba(255, 179, 79, 0.52);
    color: #ffdca6;
}

.set-group-pill.superset[b-zg8ma9ycue] {
    border-color: rgba(var(--active-rgb), 0.72);
    color: #d9ffe6;
}

.set-group-pill.drop[b-zg8ma9ycue],
.set-group-pill.dropset[b-zg8ma9ycue] {
    border-color: rgba(255, 94, 94, 0.58);
    color: var(--targeted);
}

.set-group-pill.stretch[b-zg8ma9ycue],
.set-group-pill.stretches[b-zg8ma9ycue] {
    border-color: rgba(168, 139, 255, 0.58);
    color: #e5d8ff;
}

.set-group-pill.timed[b-zg8ma9ycue] {
    border-color: rgba(79, 195, 255, 0.58);
    color: #c6eaff;
}

.section-rounds[b-zg8ma9ycue],
.section-rest-between[b-zg8ma9ycue] {
    font-size: 11px;
    color: var(--muted);
    margin-left: 6px;
}

.round-label[b-zg8ma9ycue] {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--muted);
    padding: 6px 0 2px;
}

.repeat-badge[b-zg8ma9ycue] {
    display: inline-flex;
    align-items: center;
    margin-bottom: 2px;
    padding: 0 4px;
    border-radius: 3px;
    background: rgba(var(--active-rgb), 0.15);
    color: var(--active);
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.03em;
    line-height: 1.4;
}

.repeat-label[b-zg8ma9ycue] {
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: rgba(var(--active-rgb), 0.7);
    padding: 4px 0 1px;
}

/* ── Set grid ── */

.set-grid[b-zg8ma9ycue] {
    margin-top: 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.set-grid-header[b-zg8ma9ycue] {
    display: flex;
    align-items: center;
    padding: 6px 0;
    border-bottom: 1px solid rgba(var(--stroke-rgb), 0.1);
}

.set-idx-spacer[b-zg8ma9ycue] {
    width: 32px;
    flex-shrink: 0;
}

.set-grid-header > span:not(.set-idx-spacer)[b-zg8ma9ycue] {
    flex: 1;
    min-width: 0;
    padding: 0 4px;
    color: var(--muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 10px;
    font-weight: 700;
    white-space: nowrap;
}

/* First column aligns with data row padding */
.set-grid-header > span:nth-child(2)[b-zg8ma9ycue] { padding-left: 10px; }

.set-grid-header--with-row-grip > span:nth-child(2)[b-zg8ma9ycue] {
    padding-left: 18px;
}

/* Match data row proportions: Weight wider (1st), RIR narrow, Tempo wider */
.set-grid-header > span:nth-child(2)[b-zg8ma9ycue] { flex: 1.3; }
.set-grid-header > span:nth-child(4)[b-zg8ma9ycue] { flex: 0.6; }
.set-grid-header > span:nth-child(5)[b-zg8ma9ycue] { flex: 1.4; }

.set-grid-body[b-zg8ma9ycue],
[b-zg8ma9ycue] .set-grid-body {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding-top: 6px;
}

.set[b-zg8ma9ycue] {
    display: flex;
    align-items: stretch;
}

.set-idx[b-zg8ma9ycue] {
    width: 32px;
    min-width: 32px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(var(--stroke-rgb), 0.34);
    border-right: 0;
    background: rgba(var(--glass-rgb), 0.78);
    color: var(--text);
    font-size: 11px;
    font-weight: 700;
    border-radius: 4px 0 0 4px;
}

.set-idx[draggable="true"][b-zg8ma9ycue] {
    cursor: pointer;
}

.edit-wrapper--show-grips[b-zg8ma9ycue]  .set-idx[draggable="true"] {
    position: relative;
    padding-left: 10px;
}

.drag-grip[b-zg8ma9ycue] {
    align-self: stretch;
    width: 14px;
    flex-shrink: 0;
    padding: 4px 2px;
    fill: rgba(255, 255, 255, 0.4);
    background: rgba(0, 0, 0, 0.18);
    border-radius: 3px 0 0 3px;
    margin: 3px 0 3px -1px;
    display: none;
    cursor: grab;
}

.edit-wrapper--show-grips[b-zg8ma9ycue]  .set-idx .drag-grip {
    position: absolute;
    left: 0;
    top: 50%;
    bottom: auto;
    height: 22px;
    margin: 0;
    transform: translateY(-50%);
    border-radius: 3px 0 0 3px;
}

.edit-wrapper--show-grips[b-zg8ma9ycue]  .drag-grip {
    display: block;
}

.drag-grip--section[b-zg8ma9ycue] {
    position: static;
    width: 14px;
    flex-shrink: 0;
    padding: 4px 2px;
    margin-right: -4px;
    border-radius: 3px;
    align-self: stretch;
}

.drag-grip--block[b-zg8ma9ycue] {
    position: static;
    width: 14px;
    flex-shrink: 0;
    padding: 4px 2px;
    margin-right: -4px;
    border-radius: 3px;
    align-self: center;
    height: 22px;
}

.drag-grip--row[b-zg8ma9ycue] {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 14px;
    margin: 2px;
    border-radius: 2px 0 0 2px;
}

.set-idx:active[b-zg8ma9ycue] {
    transform: none;
}

.set-rows[b-zg8ma9ycue],
[b-zg8ma9ycue] .set-rows {
    flex: 1;
    min-width: 0;
}

.set-data-row[b-zg8ma9ycue] {
    display: flex;
    align-items: center;
    padding: 6px 0;
    font-size: 12px;
    border: 1px solid rgba(var(--stroke-rgb), 0.26);
    border-bottom-color: rgba(var(--stroke-rgb), 0.1);
}

/* View mode: rows are direct children of set-group-rows */
.set-rows > .set-data-row:first-child[b-zg8ma9ycue],
.set-rows > .set-exercise-name-row:first-child[b-zg8ma9ycue] {
    border-top: 1px solid rgba(var(--stroke-rgb), 0.34);
}

.set-rows > .set-data-row:last-child[b-zg8ma9ycue],
.set-rows > .set-part-wrap:last-child > .set-data-row:last-child[b-zg8ma9ycue] {
    border-bottom: 1px solid rgba(var(--stroke-rgb), 0.34);
    border-radius: 0 0 4px 0;
}

/* Edit mode: rows wrapped in set-part-wrap */

.set-part-wrap--first > .set-exercise-name-row[b-zg8ma9ycue],
.set-part-wrap--first > .set-data-row[b-zg8ma9ycue] {
    border-top: 1px solid rgba(var(--stroke-rgb), 0.34);
    border-radius: 0 4px 0 0;
}

.set-part-wrap--last > .set-data-row:last-child[b-zg8ma9ycue] {
    border-bottom: 1px solid rgba(var(--stroke-rgb), 0.34);
    border-radius: 0 0 4px 0;
}

/* Status cell (last column in set-data-row, same flex row as data spans) */

.set-part-wrap[b-zg8ma9ycue] {
    position: relative;
}

.set-part-wrap--with-grip > .drag-grip--row[b-zg8ma9ycue] {
    left: 2px;
    top: 50%;
    bottom: auto;
    width: 14px;
    height: 22px;
    margin: 0;
    transform: translateY(-50%);
    border-radius: 3px;
}

.set-part-wrap--with-grip > .set-exercise-name-row[b-zg8ma9ycue] {
    padding-left: 18px;
}

.set-part-wrap--with-grip > .set-data-row > span:first-child[b-zg8ma9ycue] {
    padding-left: 18px;
}

.status-cell[b-zg8ma9ycue],
.status-cell-header[b-zg8ma9ycue] {
    flex: 0 0 auto;
    width: 28px;
    min-width: 28px;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    line-height: 1;
}

.set-data-row > span[b-zg8ma9ycue] {
    flex: 1;
    min-width: 0;
    padding: 0 4px;
    white-space: nowrap;
}

/* Column widths: Weight wider (1st), RIR narrow (3rd), Tempo wider (4th) */
.set-data-row > span:nth-child(1)[b-zg8ma9ycue] { flex: 1.3; }
.set-data-row > span:nth-child(3)[b-zg8ma9ycue] { flex: 0.6; }
.set-data-row > span:nth-child(4)[b-zg8ma9ycue] { flex: 1.4; }

.set-data-row > span:first-child[b-zg8ma9ycue] {
    padding-left: 10px;
}

/* ── Exercise name row ── */

.set-exercise-name-row[b-zg8ma9ycue] {
    padding: 8px 10px 0;
    color: #6b8199;
    font-size: 10px;
    letter-spacing: 0.02em;
    border: 1px solid rgba(var(--stroke-rgb), 0.26);
    border-bottom: 0;
}

.set-rows > .set-exercise-name-row:first-child[b-zg8ma9ycue],
.set-rows > .set-part-wrap:first-child > .set-exercise-name-row[b-zg8ma9ycue],
.set-part-wrap--first > .set-exercise-name-row[b-zg8ma9ycue] {
    border-radius: 0 4px 0 0;
}

.set-exercise-name-row > span:first-child[b-zg8ma9ycue] {
    border-left: 1px solid rgba(var(--stroke-rgb), 0.26);
}

.set-exercise-name-row .set-exercise-link[b-zg8ma9ycue] {
    border: none;
    background: none;
    padding: 0;
    font: inherit;
    color: inherit;
    cursor: pointer;
}

.set-exercise-name-row + .set-data-row[b-zg8ma9ycue] {
    border-top: 0;
    border-radius: 0;
    padding-top: 2px;
}

/* ── Type-colored backgrounds for exercise name rows ── */

.set.warmup .set-exercise-name-row[b-zg8ma9ycue] {
    background: rgba(111, 211, 255, 0.06);
}

.set.working .set-exercise-name-row[b-zg8ma9ycue],
.set.straight .set-exercise-name-row[b-zg8ma9ycue] {
    background: rgba(255, 179, 79, 0.05);
}

.set.superset .set-exercise-name-row[b-zg8ma9ycue] {
    background: rgba(var(--active-rgb), 0.08);
}

.set.drop .set-exercise-name-row[b-zg8ma9ycue],
.set.dropset .set-exercise-name-row[b-zg8ma9ycue] {
    background: rgba(255, 94, 94, 0.05);
}

.set.stretch .set-exercise-name-row[b-zg8ma9ycue],
.set.stretches .set-exercise-name-row[b-zg8ma9ycue] {
    background: rgba(168, 139, 255, 0.06);
}

/* ── Type-colored backgrounds for set rows ── */

.set.warmup .set-data-row[b-zg8ma9ycue] {
    background: rgba(111, 211, 255, 0.06);
}

.set.working .set-data-row[b-zg8ma9ycue],
.set.straight .set-data-row[b-zg8ma9ycue] {
    background: rgba(255, 179, 79, 0.05);
}

.set.superset .set-data-row[b-zg8ma9ycue] {
    background: rgba(var(--active-rgb), 0.08);
}

.set.drop .set-data-row[b-zg8ma9ycue],
.set.dropset .set-data-row[b-zg8ma9ycue] {
    background: rgba(255, 94, 94, 0.05);
}

.set.stretch .set-data-row[b-zg8ma9ycue],
.set.stretches .set-data-row[b-zg8ma9ycue] {
    background: rgba(168, 139, 255, 0.06);
}

.set.timed .set-exercise-name-row[b-zg8ma9ycue],
.set.timed .set-data-row[b-zg8ma9ycue] {
    background: rgba(79, 195, 255, 0.06);
}

/* Stretch variant: 3 data columns */
.set-grid--stretch .set-grid-header > span:not(.set-idx-spacer)[b-zg8ma9ycue],
.set-grid--stretch .set-data-row > span[b-zg8ma9ycue] {
    flex: 1;
}

/* Cardio variant: 2 data columns */
.set-grid--cardio .set-grid-header > span:not(.set-idx-spacer)[b-zg8ma9ycue],
.set-grid--cardio .set-data-row > span[b-zg8ma9ycue] {
    flex: 1;
}

/* Timed section variant: 3 data columns (like stretch) */
[b-zg8ma9ycue] .section--timed .set-grid-header > span:not(.set-idx-spacer),
[b-zg8ma9ycue] .section--timed .set-data-row > span {
    flex: 1;
}

.mono[b-zg8ma9ycue] {
    font-family: "SF Mono", "Fira Code", "Cascadia Code", monospace;
    font-size: 11px;
    letter-spacing: 0.04em;
}

/* ── Editable set rows ── */

.set-row-editable[b-zg8ma9ycue] {
    cursor: pointer;
}

/* ── Section ── */

.edit-section[b-zg8ma9ycue] {
    margin-top: 0;
}

[b-zg8ma9ycue] .sections-stack {
    gap: 14px;
}

.edit-section + .edit-section[b-zg8ma9ycue] {
    margin-top: 14px;
}

.edit-section-header[b-zg8ma9ycue] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 0 6px;
    cursor: pointer;
}

.edit-section-header:hover .set-group-pill[b-zg8ma9ycue] {
    filter: brightness(1.15);
}

/* ── Edit mode: draggable summary ── */

.block-summary-content[draggable="true"][b-zg8ma9ycue] {
    cursor: default;
}

.block-overflow-btn[b-zg8ma9ycue] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border: 1px solid rgba(var(--stroke-rgb), 0.2);
    border-radius: 8px;
    background: rgba(var(--glass-rgb), 0.5);
    color: var(--muted);
    cursor: pointer;
    padding: 0;
    transition: background 120ms ease, border-color 120ms ease, color 120ms ease, transform 120ms ease;
}

.block-overflow-btn svg[b-zg8ma9ycue] {
    width: 14px;
    height: 14px;
    fill: currentColor;
    stroke: none;
}

.block-overflow-btn:hover[b-zg8ma9ycue] {
    border-color: rgba(var(--stroke-rgb), 0.5);
    color: var(--text);
}

.block-overflow-btn:active[b-zg8ma9ycue] {
    transform: translateY(1px);
}

/* ── Add buttons ── */

.block-empty-hint[b-zg8ma9ycue] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    margin: 12px 10px;
    color: var(--muted);
    font-size: 12px;
    letter-spacing: 0.01em;
}

.hint-icon[b-zg8ma9ycue] {
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    fill: currentColor;
}

.block-add-btn[b-zg8ma9ycue] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    min-height: 44px;
    border-radius: 12px;
    border: 1px dashed rgba(var(--active-rgb), 0.45);
    background: rgba(var(--active-rgb), 0.06);
    color: var(--active);
    font: inherit;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: border-color 140ms ease, background 140ms ease;
}

.block-add-btn svg[b-zg8ma9ycue] {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
}

.block-add-btn:hover[b-zg8ma9ycue] {
    border-color: rgba(var(--active-rgb), 0.7);
    background: rgba(var(--active-rgb), 0.12);
}

/* ── Session mode: set status classes ── */

.set--completed[b-zg8ma9ycue] {
    opacity: 0.45;
}

.set--completed .set-data-row[b-zg8ma9ycue] {
    text-decoration: line-through;
    text-decoration-color: rgba(var(--stroke-rgb), 0.3);
}

.session-set--partial[b-zg8ma9ycue] {
    opacity: 0.75;
}

/* Active set: green side bars */
.session-set--active[b-zg8ma9ycue] {
    box-shadow: inset 3px 0 0 var(--active), inset -3px 0 0 var(--active);
}

/* Selected set: cyan side bars */
.session-set--selected[b-zg8ma9ycue] {
    box-shadow: inset 3px 0 0 var(--link), inset -3px 0 0 var(--link);
    opacity: 1;
}

/* Active arrow marker (green) — positioned on the set-part-wrap to
   vertically center across both exercise-name-row and data-row */
.active-arrow[b-zg8ma9ycue] {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--active);
    opacity: 0.9;
    padding-right: 4px;
}

.active-arrow svg[b-zg8ma9ycue] {
    display: block;
    width: 16px;
    height: 16px;
    stroke: currentColor;
    stroke-width: 2.6;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
}

/* Completed stamp — absolutely positioned on set-part-wrap like arrows */
.stamp[b-zg8ma9ycue] {
    position: absolute;
    right: 2px;
    top: 0;
    bottom: 0;
    height: fit-content;
    margin: auto 10px auto 0;
    color: var(--active);
    font-family: "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.04em;
    font-variant-numeric: tabular-nums;
    border: 1.5px solid var(--active);
    outline: 1.5px solid var(--active);
    outline-offset: 1px;
    border-radius: 3px;
    padding: 1px 4px;
    transform: rotate(-4deg);
    opacity: 0.6;
    white-space: nowrap;
    line-height: 1.3;
}

/* ── DragReorderList blocks-stack override (edit mode only) ── */

[b-zg8ma9ycue] .blocks-stack--edit {
    gap: 10px;
    border-radius: 0 0 12px 12px;
    background: rgba(0, 0, 0, 0.18);
}
/* /Layout/HeaderBar.razor.rz.scp.css */
/* ── Header: transparent flex container, children are glass pills ── */
.content-header[b-9nqt4fxb6j] {
    display: none;
    align-items: center;
    gap: 8px;
    pointer-events: none;
}

.content-header:has(.content-header-present)[b-9nqt4fxb6j] {
    display: flex;
    pointer-events: auto;
}

.content-header-leading[b-9nqt4fxb6j] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.content-header-spacer[b-9nqt4fxb6j] {
    flex: 1 1 auto;
    min-width: 0;
}

.content-header-trailing[b-9nqt4fxb6j] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
}
/* /Layout/MainLayout.razor.rz.scp.css */
/* ── Page shell ── */
.page[b-jk4yaf47c7] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    padding-top: env(safe-area-inset-top, 0px);
    background-color: var(--bg);
    background-image:
        radial-gradient(circle at 12% -8%, rgba(var(--accent-rgb), 0.2), transparent 38%),
        radial-gradient(circle at 92% 8%, rgba(var(--link-rgb), 0.17), transparent 34%),
        var(--page-gradient);
}

.page-content[b-jk4yaf47c7] {
    flex: 1;
    min-height: 0;
    overflow: clip;
    display: flex;
    align-items: stretch;
    justify-content: stretch;
}

/* Pad page scroll containers so content clears the floating overlays */
.page-content[b-jk4yaf47c7]  > * {
    padding-top: var(--header-clearance);
    padding-bottom: var(--footer-clearance, var(--nav-clearance));
}

/* ── Header overlay (fixed top) ── */
.header-overlay[b-jk4yaf47c7] {
    position: fixed;
    top: calc(env(safe-area-inset-top, 0px) + 8px);
    left: 3px;
    right: 3px;
    z-index: 100;
    pointer-events: none;
}

.header-fade[b-jk4yaf47c7] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: calc(env(safe-area-inset-top, 0px) + var(--header-clearance));
    background: linear-gradient(to bottom, var(--bg), transparent);
    pointer-events: none;
    z-index: 50;
}

/* ── Footer overlay (fixed bottom) ── */
.footer-overlay[b-jk4yaf47c7] {
    position: fixed;
    bottom: calc(env(safe-area-inset-bottom, 0px) - 4px);
    left: 3px;
    right: 3px;
    z-index: 100;
    display: flex;
    flex-direction: column;
    gap: 8px;
    pointer-events: none;
}

.footer-overlay[b-jk4yaf47c7]  > * {
    pointer-events: auto;
}

.footer-fade[b-jk4yaf47c7] {
    position: fixed;
    bottom: 0;
    left: -12px;
    right: -12px;
    height: var(--footer-clearance, var(--nav-clearance));
    background: linear-gradient(to top, var(--bg), transparent);
    opacity: 0.8;
    pointer-events: none;
    z-index: 50;
}

.footer-nav[b-jk4yaf47c7] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* ── Hide nav when edit footer or session footer is showing ── */
body:has(.edit-footer-bar) .footer-nav[b-jk4yaf47c7],
body:has(.session-footer) .footer-nav[b-jk4yaf47c7] {
    display: none;
}

/* ── Footer clearance overrides ── */
body:has(.edit-footer-bar)[b-jk4yaf47c7] {
    --footer-clearance: calc(80px + env(safe-area-inset-bottom, 0px));
}

body:has(.session-footer)[b-jk4yaf47c7] {
    --footer-clearance: var(--session-footer-clearance, 0px);
}
/* /Layout/NavBar.razor.rz.scp.css */
/* ── Wrapper: holds tab bar + search button side by side ── */
.tab-bar-wrapper[b-42mftot80p] {
    display: flex;
    align-items: stretch;
    gap: 8px;
    height: 52px;
}

.tab-bar-wrapper.tab-bar--hidden[b-42mftot80p] {
    display: none;
}

/* ── Tab bar (left panel) ── */
.tab-bar[b-42mftot80p] {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 3px;
    padding: 3px;
    border-radius: 26px;
    border: 1px solid rgba(var(--stroke-rgb), 0.2);
    background: var(--overlay-bg);
    backdrop-filter: blur(5px) saturate(1.05);
    -webkit-backdrop-filter: blur(5px) saturate(1.05);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.18);
}

[b-42mftot80p] .tab-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    text-decoration: none;
    color: rgb(var(--stroke-rgb));
    border-radius: 22px;
    padding: 0;
}

[b-42mftot80p] .tab-link.active {
    color: var(--accent);
    background: rgba(var(--stroke-rgb), 0.1);
}

[b-42mftot80p] .tab-link svg {
    width: 20px;
    height: 20px;
    fill: currentColor;
    stroke: none;
}

[b-42mftot80p] .tab-link span {
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.01em;
}

/* ── Search button (separate circular panel) ── */
[b-42mftot80p] .search-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1;
    flex-shrink: 0;
    border-radius: 50%;
    text-decoration: none;
    color: rgb(var(--stroke-rgb));
    border: 1px solid rgba(var(--stroke-rgb), 0.2);
    background: var(--overlay-bg);
    backdrop-filter: blur(5px) saturate(1.05);
    -webkit-backdrop-filter: blur(5px) saturate(1.05);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.18);
}

[b-42mftot80p] .search-btn.active {
    color: var(--accent);
    background: rgba(var(--stroke-rgb), 0.1);
}

[b-42mftot80p] .search-btn svg {
    width: 20px;
    height: 20px;
    fill: currentColor;
    stroke: none;
}
/* /Layout/NavPillDropdown.razor.rz.scp.css */
/* ── Anchor: relative container for overlay positioning ── */
.nav-pill-anchor[b-9ktiwc3sas] {
    position: relative;
    display: inline-flex;
}

/* ── Trigger: always in flow, sizes the header slot ── */
.nav-pill-trigger[b-9ktiwc3sas] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 11px 16px;
    border-radius: 22px;
    border: 1px solid rgba(var(--stroke-rgb), 0.2);
    background: var(--overlay-bg);
    backdrop-filter: blur(10px) saturate(1.2);
    -webkit-backdrop-filter: blur(10px) saturate(1.2);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.18);
    color: var(--text);
    font: inherit;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.02em;
    white-space: nowrap;
    cursor: pointer;
}

/* ── Chevron ── */
.nav-pill-chevron[b-9ktiwc3sas] {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    flex-shrink: 0;
    transition: transform 250ms ease;
    transition-delay: 100ms;
}

.nav-pill-anchor.is-open .nav-pill-chevron[b-9ktiwc3sas] {
    transform: rotate(180deg);
    transition-delay: 200ms;
}

/* ── Overlay: absolute, covers trigger and expands ── */
.nav-pill-overlay[b-9ktiwc3sas] {
    position: absolute;
    top: 0;
    right: 0;
    width: max-content;
    max-width: 100%;
    overflow: hidden;
    border-radius: 22px;
    border: 1px solid rgba(var(--stroke-rgb), 0.2);
    background: var(--overlay-bg);
    backdrop-filter: blur(16px) saturate(1.2);
    -webkit-backdrop-filter: blur(16px) saturate(1.2);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.18);
    opacity: 0;
    pointer-events: none;
    /* Close: height collapses (slight delay), then width shrinks */
    transition: opacity 0ms ease 700ms, max-width 250ms ease 450ms, border-color 200ms ease 450ms;
    z-index: 90;
}

.nav-pill-overlay.is-open[b-9ktiwc3sas] {
    max-width: calc(100% + 200px);
    opacity: 1;
    pointer-events: auto;
    border-color: rgba(var(--stroke-rgb), 0.32);
    /* Open: width expands first */
    transition: opacity 0ms ease, max-width 250ms ease, border-color 200ms ease;
}

/* ── Overlay header: mirrors trigger exactly ── */
.nav-pill-overlay-header[b-9ktiwc3sas] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
    padding: 11px 16px;
    border: 0;
    background: transparent;
    color: var(--text);
    font: inherit;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.02em;
    white-space: nowrap;
    cursor: pointer;
    width: 100%;
}

/* ── Options: animated expand via grid (delayed until width finishes) ── */
.nav-pill-options[b-9ktiwc3sas] {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 250ms ease;
    transition-delay: 100ms;
}

.nav-pill-overlay.is-open .nav-pill-options[b-9ktiwc3sas] {
    grid-template-rows: 1fr;
    transition-delay: 200ms;
}

.nav-pill-options-inner[b-9ktiwc3sas] {
    overflow: hidden;
    min-height: 0;
}

.nav-pill-option[b-9ktiwc3sas] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    background: transparent;
    color: var(--text);
    font: inherit;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    text-align: left;
    text-decoration: none;
    white-space: nowrap;
}

.nav-pill-option:first-child[b-9ktiwc3sas] {
    border-top: 1px solid rgba(var(--stroke-rgb), 0.12);
}

.nav-pill-option:hover[b-9ktiwc3sas] {
    background: rgba(var(--stroke-rgb), 0.08);
}

.nav-pill-option:active[b-9ktiwc3sas] {
    background: rgba(var(--stroke-rgb), 0.14);
}

/* ── Checkmark ── */
.nav-pill-check[b-9ktiwc3sas] {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: var(--accent);
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    flex-shrink: 0;
    opacity: 0;
}

.nav-pill-option.is-current .nav-pill-check[b-9ktiwc3sas] {
    opacity: 1;
}

.nav-pill-option.is-current[b-9ktiwc3sas] {
    font-weight: 600;
}

/* ── Backdrop ── */
.nav-pill-backdrop[b-9ktiwc3sas] {
    position: fixed;
    inset: 0;
    background: transparent;
    pointer-events: none;
    z-index: 19;
}

.nav-pill-backdrop.is-open[b-9ktiwc3sas] {
    pointer-events: auto;
}
/* /Layout/PageHeader.razor.rz.scp.css */
/* ── Glass circle buttons (back + menu) ── */
.back-btn[b-3qbsjib9id],
.content-menu-btn[b-3qbsjib9id] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid rgba(var(--stroke-rgb), 0.2);
    background: var(--overlay-bg);
    backdrop-filter: blur(10px) saturate(1.2);
    -webkit-backdrop-filter: blur(10px) saturate(1.2);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.18);
    color: var(--text);
    font: inherit;
    padding: 0;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition:
        border-color 120ms ease,
        background 120ms ease,
        transform 120ms ease;
}

.back-btn:hover[b-3qbsjib9id],
.content-menu-btn:hover[b-3qbsjib9id] {
    border-color: rgba(var(--stroke-rgb), 0.4);
    background: rgba(var(--glass-rgb), 0.85);
}

.back-btn:active[b-3qbsjib9id],
.content-menu-btn:active[b-3qbsjib9id] {
    transform: translateY(1px);
}

.back-btn svg[b-3qbsjib9id] {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.content-menu-btn svg[b-3qbsjib9id] {
    width: 24px;
    height: 24px;
}

/* ── Plain text title (glass pill) ── */
.content-header-title[b-3qbsjib9id] {
    margin: 0;
    padding: 11px 16px;
    border-radius: 999px;
    border: 1px solid rgba(var(--stroke-rgb), 0.2);
    background: var(--overlay-bg);
    backdrop-filter: blur(10px) saturate(1.2);
    -webkit-backdrop-filter: blur(10px) saturate(1.2);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.18);
    color: var(--text);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.02em;
    white-space: nowrap;
}
/* /Layout/SessionResumeBar.razor.rz.scp.css */
.session-resume-bar[b-w5e1i4sz1t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 16px;
    border-radius: 20px;
    border: 1px solid rgba(var(--accent-rgb), 0.32);
    background: rgba(var(--accent-rgb), 0.3);
    backdrop-filter: blur(10px) saturate(1.2);
    -webkit-backdrop-filter: blur(10px) saturate(1.2);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.18);
}

.session-resume-meta[b-w5e1i4sz1t] {
    min-width: 0;
}

.session-resume-title[b-w5e1i4sz1t] {
    margin: 0;
    color: var(--text);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.session-resume-elapsed[b-w5e1i4sz1t] {
    margin: 2px 0 0;
    color: var(--text);
    font-size: 12px;
    line-height: 1.2;
}

.session-resume-btn[b-w5e1i4sz1t] {
    flex-shrink: 0;
    border: 1px solid rgba(var(--accent-rgb), 0.55);
    border-radius: 8px;
    background: rgba(var(--accent-rgb), 0.16);
    color: var(--text);
    font: inherit;
    font-size: 13px;
    font-weight: 700;
    padding: 6px 11px;
    cursor: pointer;
    white-space: nowrap;
}

.session-resume-btn:hover[b-w5e1i4sz1t] {
    background: rgba(var(--accent-rgb), 0.24);
    border-color: rgba(var(--accent-rgb), 0.72);
    color: #ffffff;
}