@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.b6pgxrrsua.bundle.scp.css';

/* /Components/CurrentSelections.razor.rz.scp.css */
.current-selections-compact[b-tli1dsvbq4] {
    display: flex;
    gap: 16px;
    align-items: center;
    font-size: var(--type-ramp-minus-1-font-size);
    padding: 8px 12px;
    border-radius: var(--control-corner-radius);
    transition: background-color 0.2s ease;
}

.current-selections-compact:hover[b-tli1dsvbq4] {
    background-color: var(--neutral-layer-card-container);
}

.current-selections-compact .selection-item[b-tli1dsvbq4] {
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--accent-foreground-rest);
    font-weight: var(--font-weight-semibold);
}

.current-selections-compact .no-selection[b-tli1dsvbq4] {
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--neutral-foreground-hint);
    font-style: italic;
    transition: color 0.2s ease;
}

.current-selections-compact .no-selection:hover[b-tli1dsvbq4] {
    color: var(--accent-foreground-rest);
}

.current-selections[b-tli1dsvbq4] {
    background-color: var(--neutral-layer-card-container);
    border: 1px solid var(--neutral-stroke-divider-rest);
    border-radius: var(--control-corner-radius);
    padding: 16px;
    margin-bottom: 16px;
}

.current-selections h4[b-tli1dsvbq4] {
    margin: 0 0 12px 0;
    color: var(--neutral-foreground-rest);
}

.selection-details[b-tli1dsvbq4] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.selection-row[b-tli1dsvbq4] {
    display: flex;
    gap: 8px;
}

.selection-row strong[b-tli1dsvbq4] {
    min-width: 120px;
    color: var(--neutral-foreground-rest);
}

.selection-row span[b-tli1dsvbq4] {
    color: var(--accent-foreground-rest);
    font-weight: var(--font-weight-semibold);
}
/* /Components/CurrentSelectionsManualModal.razor.rz.scp.css */
.current-selections-compact[b-2jwg6yjme7] {
    display: flex;
    gap: 16px;
    align-items: center;
    font-size: var(--type-ramp-minus-1-font-size);
    padding: 8px 12px;
    border-radius: var(--control-corner-radius);
    transition: background-color 0.2s ease;
}

.current-selections-compact:hover[b-2jwg6yjme7] {
    background-color: var(--neutral-layer-card-container);
}

.current-selections-compact .selection-item[b-2jwg6yjme7] {
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--accent-foreground-rest);
    font-weight: var(--font-weight-semibold);
}

.current-selections-compact .no-selection[b-2jwg6yjme7] {
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--neutral-foreground-hint);
    font-style: italic;
    transition: color 0.2s ease;
}

.current-selections-compact .no-selection:hover[b-2jwg6yjme7] {
    color: var(--accent-foreground-rest);
}

.current-selections[b-2jwg6yjme7] {
    background-color: var(--neutral-layer-card-container);
    border: 1px solid var(--neutral-stroke-divider-rest);
    border-radius: var(--control-corner-radius);
    padding: 16px;
    margin-bottom: 16px;
}

.current-selections h4[b-2jwg6yjme7] {
    margin: 0 0 12px 0;
    color: var(--neutral-foreground-rest);
}

.selection-details[b-2jwg6yjme7] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.selection-row[b-2jwg6yjme7] {
    display: flex;
    gap: 8px;
}

.selection-row strong[b-2jwg6yjme7] {
    min-width: 120px;
    color: var(--neutral-foreground-rest);
}

.selection-row span[b-2jwg6yjme7] {
    color: var(--accent-foreground-rest);
    font-weight: var(--font-weight-semibold);
}

/* Manual Modal Styles */
.modal-overlay[b-2jwg6yjme7] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    animation: fadeIn-b-2jwg6yjme7 0.2s ease-out;
}

.modal-dialog[b-2jwg6yjme7] {
    background-color: var(--fill-color);
    border-radius: var(--control-corner-radius);
    box-shadow: var(--elevation-shadow-flyout);
    max-width: 600px;
    width: 90%;
    max-height: 80%;
    display: flex;
    flex-direction: column;
    animation: slideIn-b-2jwg6yjme7 0.2s ease-out;
}

.modal-header[b-2jwg6yjme7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
}

.modal-title[b-2jwg6yjme7] {
    margin: 0;
    font-size: var(--type-ramp-plus-1-font-size);
    font-weight: var(--font-weight-semibold);
    color: var(--neutral-foreground-rest);
}

.close-button[b-2jwg6yjme7] {
    min-width: auto;
    width: 32px;
    height: 32px;
}

.modal-body[b-2jwg6yjme7] {
    padding: 20px;
    flex: 1;
    overflow-y: auto;
}

.modal-footer[b-2jwg6yjme7] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding: 16px 20px;
    border-top: 1px solid var(--neutral-stroke-divider-rest);
}

@keyframes fadeIn-b-2jwg6yjme7 {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slideIn-b-2jwg6yjme7 {
    from { 
        opacity: 0;
        transform: translateY(-20px) scale(0.95);
    }
    to { 
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}
/* /Components/StartupNavigationHandler.razor.rz.scp.css */
.startup-redirect-indicator[b-908a9yaxwk] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--fill-color);
    border: 1px solid var(--neutral-stroke-divider-rest);
    border-radius: var(--control-corner-radius);
    padding: 24px 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    z-index: 1001;
    box-shadow: var(--elevation-shadow-flyout);
    font-size: var(--type-ramp-base-font-size);
    color: var(--neutral-foreground-rest);
    min-width: 200px;
}

.startup-redirect-indicator span[b-908a9yaxwk] {
    text-align: center;
    font-weight: var(--font-weight-semibold);
}
/* /Components/UserSelectionBar.razor.rz.scp.css */
.user-selection-bar[b-d83c3pq49b] {
    background-color: var(--neutral-layer-floating);
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
    padding: 12px 16px;
    margin-bottom: 16px;
}

.selection-container[b-d83c3pq49b] {
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
}

.selection-item[b-d83c3pq49b] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.selection-label[b-d83c3pq49b] {
    font-size: var(--type-ramp-minus-1-font-size);
    font-weight: var(--font-weight-semibold);
    color: var(--neutral-foreground-rest);
}

.selection-actions[b-d83c3pq49b] {
    display: flex;
    align-items: end;
    height: 100%;
    padding-bottom: 4px;
}

@media (max-width: 768px) {
    .selection-container[b-d83c3pq49b] {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }
    
    .selection-actions[b-d83c3pq49b] {
        align-self: flex-end;
        padding-bottom: 0;
    }
}
/* /Components/UserSelectionContent.razor.rz.scp.css */
.user-selection-content[b-wtcy3q7aec] {
    padding: 16px 0;
}

.selection-form[b-wtcy3q7aec] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.form-section[b-wtcy3q7aec] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.form-section-title[b-wtcy3q7aec] {
    margin: 0 0 8px 0;
    font-size: var(--type-ramp-base-font-size);
    font-weight: var(--font-weight-semibold);
    color: var(--neutral-foreground-rest);
}

.selection-info[b-wtcy3q7aec] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background-color: var(--neutral-layer-card-container);
    border-radius: var(--control-corner-radius);
    font-size: var(--type-ramp-minus-1-font-size);
    color: var(--success-foreground-rest);
}

.selection-info.disabled[b-wtcy3q7aec] {
    color: var(--neutral-foreground-hint);
}

.form-actions[b-wtcy3q7aec] {
    display: flex;
    justify-content: flex-end;
    border-top: 1px solid var(--neutral-stroke-divider-rest);
    padding-top: 16px;
}
/* /Components/UserSelectionDialog.razor.rz.scp.css */
.user-selection-dialog[b-cqsuk8sifl] {
    padding: 16px 0;
    min-width: 500px;
}

.selection-form[b-cqsuk8sifl] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.form-section[b-cqsuk8sifl] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.form-section-title[b-cqsuk8sifl] {
    margin: 0 0 8px 0;
    font-size: var(--type-ramp-base-font-size);
    font-weight: var(--font-weight-semibold);
    color: var(--neutral-foreground-rest);
}

.selection-info[b-cqsuk8sifl] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background-color: var(--neutral-layer-card-container);
    border-radius: var(--control-corner-radius);
    font-size: var(--type-ramp-minus-1-font-size);
    color: var(--success-foreground-rest);
}

.selection-info.disabled[b-cqsuk8sifl] {
    color: var(--neutral-foreground-hint);
}

.form-actions[b-cqsuk8sifl] {
    display: flex;
    gap: 12px;
    align-items: center;
    border-top: 1px solid var(--neutral-stroke-divider-rest);
    padding-top: 16px;
}
/* /Pages/ExerciseDataGrid.razor.rz.scp.css */
.exercise-card-grid[b-exxqziogkm] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1rem;
    width: 100%;
    margin-top: 1rem;
}

.exercise-card[b-exxqziogkm] {
    padding: 1.1rem 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    font-size: 1.05rem;
}

.ex-header[b-exxqziogkm] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.5rem;
    font-size: 1.2rem;
    font-weight: 600;
}

.ex-name[b-exxqziogkm] { flex: 1; }
.ex-id[b-exxqziogkm] { font-size: 0.8rem; opacity: 0.6; }

.ex-notes[b-exxqziogkm] {
    font-size: 0.9rem;
    opacity: 0.85;
    line-height: 1.3;
    max-height: 4.2em;
    overflow: hidden;
}

.ex-actions[b-exxqziogkm] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.ex-action-btn[b-exxqziogkm] {
    flex: 1 1 45%;
    min-width: 120px;
}

@media (min-width: 700px) {
    .exercise-card-grid[b-exxqziogkm] { grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); }
    .exercise-card[b-exxqziogkm] { font-size: 1.1rem; }
    .ex-header[b-exxqziogkm] { font-size: 1.35rem; }
}

@media (max-width: 500px) {
    .exercise-card-grid[b-exxqziogkm] { grid-template-columns: 1fr; }
    .exercise-card[b-exxqziogkm] { padding: 1rem; }
    .ex-actions[b-exxqziogkm] { flex-direction: column; }
    .ex-action-btn[b-exxqziogkm] { flex: 1 1 100%; width: 100%; }
}
/* /Pages/HistoricalMetrics.razor.rz.scp.css */
.container[b-l65pf91y4n] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 20px;
}

.header-section[b-l65pf91y4n] {
    margin-bottom: 30px;
}

.header-section h1[b-l65pf91y4n] {
    margin-bottom: 10px;
}

.loading-container[b-l65pf91y4n] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 20px;
}

.no-data-container[b-l65pf91y4n] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 20px;
    text-align: center;
    color: var(--neutral-foreground-hint);
}

.metrics-controls[b-l65pf91y4n] {
    margin-bottom: 30px;
    padding: 20px;
    background: var(--neutral-layer-2);
    border-radius: 8px;
}

.chart-container[b-l65pf91y4n] {
    margin-bottom: 40px;
    padding: 20px;
    background: var(--neutral-layer-1);
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.stats-summary[b-l65pf91y4n] {
    margin-bottom: 40px;
}

.stats-summary h3[b-l65pf91y4n] {
    margin-bottom: 20px;
}

.stats-grid[b-l65pf91y4n] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
}

.stat-card[b-l65pf91y4n] {
    padding: 20px;
    text-align: center;
}

.stat-label[b-l65pf91y4n] {
    font-size: 0.875rem;
    color: var(--neutral-foreground-hint);
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.stat-value[b-l65pf91y4n] {
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--accent-fill-rest);
}

.improvement-positive[b-l65pf91y4n] {
    color: var(--success);
}

.improvement-negative[b-l65pf91y4n] {
    color: var(--error);
}

.data-table[b-l65pf91y4n] {
    margin-top: 40px;
}

.data-table h3[b-l65pf91y4n] {
    margin-bottom: 20px;
}

@media (max-width: 768px) {
    .stats-grid[b-l65pf91y4n] {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .stat-value[b-l65pf91y4n] {
        font-size: 1.5rem;
    }
}

@media (max-width: 480px) {
    .stats-grid[b-l65pf91y4n] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/ORMEdit.razor.rz.scp.css */
.user-stats-header[b-6xdbaj05as] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    flex-wrap: wrap;
    gap: 10px;
}

.user-stats-header h3[b-6xdbaj05as] {
    margin: 0;
}

@media (max-width: 768px) {
    .user-stats-header[b-6xdbaj05as] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Pages/PlannedDaysGrid.razor.rz.scp.css */
.planned-day-card-grid[b-z9k8seoo13] { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:1rem; width:100%; margin-top:1rem; }
.planned-day-card[b-z9k8seoo13] { padding:1rem 1.1rem; display:flex; flex-direction:column; gap:0.75rem; font-size:1.05rem; }
.pd-header[b-z9k8seoo13] { display:flex; flex-direction:column; gap:0.25rem; }
.pd-title[b-z9k8seoo13] { font-size:1.25rem; font-weight:600; }
.pd-name[b-z9k8seoo13] { font-size:0.85rem; opacity:0.75; }
.pd-actions[b-z9k8seoo13] { display:flex; flex-wrap:wrap; gap:0.6rem; }
.pd-action-btn[b-z9k8seoo13] { flex:1 1 32%; min-width:100px; }
@media (min-width:700px){ .planned-day-card-grid[b-z9k8seoo13]{ grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); } .planned-day-card[b-z9k8seoo13]{ font-size:1.1rem; } .pd-title[b-z9k8seoo13]{ font-size:1.4rem; } }
@media (max-width:500px){ .planned-day-card-grid[b-z9k8seoo13]{ grid-template-columns:1fr; } .pd-actions[b-z9k8seoo13]{ flex-direction:column; } .pd-action-btn[b-z9k8seoo13]{ flex:1 1 100%; width:100%; } }
/* /Pages/PlannedPhasesGrid.razor.rz.scp.css */
.planned-phase-card-grid[b-uieu701ucu] { display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:1rem; width:100%; margin-top:1rem; }
.planned-phase-card[b-uieu701ucu] { padding:1.1rem 1.25rem; display:flex; flex-direction:column; gap:0.75rem; font-size:1.05rem; }
.pp-header[b-uieu701ucu] { display:flex; flex-direction:column; gap:0.25rem; }
.pp-title[b-uieu701ucu] { font-size:1.35rem; font-weight:600; }
.pp-name[b-uieu701ucu] { font-size:0.9rem; opacity:0.75; }
.pp-metrics[b-uieu701ucu] { display:flex; gap:1rem; flex-wrap:wrap; }
.pp-metric[b-uieu701ucu] { display:flex; flex-direction:column; }
.pp-metric .label[b-uieu701ucu] { font-size:0.7rem; text-transform:uppercase; letter-spacing:0.05em; opacity:0.7; }
.pp-metric .value[b-uieu701ucu] { font-size:1.2rem; font-weight:600; }
.pp-actions[b-uieu701ucu] { display:flex; flex-wrap:wrap; gap:0.6rem; margin-top:0.25rem; }
.pp-action-btn[b-uieu701ucu] { flex:1 1 30%; min-width:110px; }
@media (min-width:700px){ .planned-phase-card-grid[b-uieu701ucu]{ grid-template-columns:repeat(auto-fill,minmax(360px,1fr)); } .planned-phase-card[b-uieu701ucu]{ font-size:1.1rem; } .pp-title[b-uieu701ucu]{ font-size:1.5rem; } }
@media (max-width:500px){ .planned-phase-card-grid[b-uieu701ucu]{ grid-template-columns:1fr; } .pp-actions[b-uieu701ucu]{ flex-direction:column; } .pp-action-btn[b-uieu701ucu]{ flex:1 1 100%; width:100%; } }
/* /Pages/PlannedSetsGrid.razor.rz.scp.css */
.planned-set-card-grid[b-haocupmazg] { display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:1rem; width:100%; margin-top:1rem; }
.planned-set-card[b-haocupmazg] { padding:1rem 1.15rem; display:flex; flex-direction:column; gap:0.75rem; font-size:1.05rem; }
.ps-header[b-haocupmazg] { display:flex; justify-content:space-between; align-items:flex-start; gap:0.5rem; }
.ps-exercise[b-haocupmazg] { font-size:1.15rem; font-weight:600; flex:1; }
.ps-reps[b-haocupmazg] { font-size:0.95rem; opacity:0.7; white-space:nowrap; }
.ps-metrics[b-haocupmazg] { display:flex; gap:1rem; flex-wrap:wrap; }
.ps-metric[b-haocupmazg] { display:flex; flex-direction:column; }
.ps-metric .label[b-haocupmazg] { font-size:0.7rem; text-transform:uppercase; letter-spacing:0.05em; opacity:0.7; }
.ps-metric .value[b-haocupmazg] { font-size:1rem; font-weight:600; }
.ps-actions[b-haocupmazg] { display:flex; flex-wrap:nowrap; gap:0.6rem; }
.ps-action-btn[b-haocupmazg] { flex-grow: 1; flex-shrink: 1; flex-basis: 0; min-width: 40px; }
@media (min-width:700px){ .planned-set-card-grid[b-haocupmazg]{ grid-template-columns:repeat(auto-fill,minmax(360px,1fr)); } .planned-set-card[b-haocupmazg]{ font-size:1.1rem; } .ps-exercise[b-haocupmazg]{ font-size:1.3rem; } }
@media (max-width:500px){ .planned-set-card-grid[b-haocupmazg]{ grid-template-columns:1fr; } }
/* /Pages/PlannedWeeksGrid.razor.rz.scp.css */
.planned-week-card-grid[b-2ydnxsrzgv] { display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:1rem; width:100%; margin-top:1rem; }
.planned-week-card[b-2ydnxsrzgv] { padding:1.1rem 1.25rem; display:flex; flex-direction:column; gap:0.75rem; font-size:1.05rem; }
.pw-header[b-2ydnxsrzgv] { display:flex; flex-direction:column; gap:0.25rem; }
.pw-title[b-2ydnxsrzgv] { font-size:1.35rem; font-weight:600; }
.pw-name[b-2ydnxsrzgv] { font-size:0.9rem; opacity:0.75; }
.pw-metrics[b-2ydnxsrzgv] { display:flex; gap:1rem; flex-wrap:wrap; }
.pw-metric[b-2ydnxsrzgv] { display:flex; flex-direction:column; }
.pw-metric .label[b-2ydnxsrzgv] { font-size:0.7rem; text-transform:uppercase; letter-spacing:0.05em; opacity:0.7; }
.pw-metric .value[b-2ydnxsrzgv] { font-size:1.2rem; font-weight:600; }
.pw-actions[b-2ydnxsrzgv] { display:flex; flex-wrap:wrap; gap:0.6rem; margin-top:0.25rem; }
.pw-action-btn[b-2ydnxsrzgv] { flex:1 1 30%; min-width:110px; }
@media (min-width:700px){ .planned-week-card-grid[b-2ydnxsrzgv]{ grid-template-columns:repeat(auto-fill,minmax(360px,1fr)); } .planned-week-card[b-2ydnxsrzgv]{ font-size:1.1rem; } .pw-title[b-2ydnxsrzgv]{ font-size:1.5rem; } }
@media (max-width:500px){ .planned-week-card-grid[b-2ydnxsrzgv]{ grid-template-columns:1fr; } .pw-actions[b-2ydnxsrzgv]{ flex-direction:column; } .pw-action-btn[b-2ydnxsrzgv]{ flex:1 1 100%; width:100%; } }
/* /Pages/UserDataGrid.razor.rz.scp.css */
.user-card-grid[b-ysd85o3o6l] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1rem;
    width: 100%;
    margin-top: 1rem;
}

.user-card[b-ysd85o3o6l] {
    padding: 1.25rem;
    font-size: 1.15rem; /* larger base text */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
}

.user-card-header[b-ysd85o3o6l] {
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 1rem;
    word-break: break-word;
}

.user-card-actions[b-ysd85o3o6l] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.action-button[b-ysd85o3o6l] {
    flex: 1 1 45%;
    min-width: 120px;
    font-size: 1rem;
}

@media (min-width: 700px) {
    .user-card-grid[b-ysd85o3o6l] {
        grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); /* allow up to 2+ columns on wider screens */
    }
    .user-card[b-ysd85o3o6l] {
        font-size: 1.2rem;
    }
    .user-card-header[b-ysd85o3o6l] {
        font-size: 1.6rem;
    }
}

@media (max-width: 500px) {
    .user-card-grid[b-ysd85o3o6l] {
        grid-template-columns: 1fr; /* single column on very small screens */
    }
    .user-card[b-ysd85o3o6l] {
        padding: 1rem;
        font-size: 1.1rem;
    }
    .user-card-actions[b-ysd85o3o6l] {
        flex-direction: column;
    }
    .action-button[b-ysd85o3o6l] {
        flex: 1 1 100%;
        width: 100%;
        font-size: 1.05rem;
    }
}
/* /Pages/UserStatsGrid.razor.rz.scp.css */
.user-stats-card-grid[b-nxtttiw05a] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 1rem;
    width: 100%;
    margin-top: 1rem;
}

.user-stats-card[b-nxtttiw05a] {
    padding: 1rem 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    font-size: 1.05rem;
}

.usc-header[b-nxtttiw05a] {
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
    word-break: break-word;
}

.usc-values[b-nxtttiw05a] {
    display: flex;
    gap: 1.2rem;
    justify-content: flex-start;
}

.usc-metric[b-nxtttiw05a] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.usc-metric .label[b-nxtttiw05a] {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    opacity: 0.75;
}

.usc-metric .value[b-nxtttiw05a] {
    font-size: 1.4rem;
    font-weight: 600;
}

.usc-actions[b-nxtttiw05a] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-top: 0.25rem;
}

.usc-action-btn[b-nxtttiw05a] {
    flex: 1 1 45%;
    min-width: 110px;
}

@media (min-width: 700px) {
    .user-stats-card-grid[b-nxtttiw05a] {
        grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    }
    .user-stats-card[b-nxtttiw05a] {
        font-size: 1.1rem;
    }
    .usc-header[b-nxtttiw05a] {
        font-size: 1.5rem;
    }
    .usc-metric .value[b-nxtttiw05a] {
        font-size: 1.6rem;
    }
}

@media (max-width: 500px) {
    .user-stats-card-grid[b-nxtttiw05a] {
        grid-template-columns: 1fr;
    }
    .user-stats-card[b-nxtttiw05a] {
        padding: 0.9rem 1rem;
        font-size: 1.05rem;
    }
    .usc-actions[b-nxtttiw05a] {
        flex-direction: column;
    }
    .usc-action-btn[b-nxtttiw05a] {
        flex: 1 1 100%;
        width: 100%;
    }
}
/* /Pages/WorkoutPlanActionButtons.razor.rz.scp.css */
.workout-plan-actions[b-rlccws9wl6] {
    padding: 1rem;
}

.action-grid[b-rlccws9wl6] {
    display: grid;
    gap: 2rem;
    max-width: 600px;
    margin: 0 auto;
}

.action-section[b-rlccws9wl6] {
    background: var(--neutral-layer-2);
    border-radius: 12px;
    padding: 1.5rem;
}

.action-section-title[b-rlccws9wl6] {
    margin: 0 0 1rem 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.danger-section[b-rlccws9wl6] {
    background: rgba(220, 38, 38, 0.05);
    border: 1px solid rgba(220, 38, 38, 0.2);
}

.danger-section .action-section-title[b-rlccws9wl6] {
    color: var(--error-fill-rest, #dc2626);
}

.action-btn[b-rlccws9wl6] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
    min-height: 60px;
    padding: 1rem 1.5rem;
    margin-bottom: 0.75rem;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.2s ease;
    border: none;
    cursor: pointer;
}

.action-btn:last-child[b-rlccws9wl6] {
    margin-bottom: 0;
}

.action-btn-primary[b-rlccws9wl6] {
    background: var(--accent-fill-rest);
    color: var(--neutral-foreground-on-accent);
}

.action-btn-primary:hover:not(:disabled)[b-rlccws9wl6] {
    background: var(--accent-fill-hover);
    text-decoration: none;
    color: var(--neutral-foreground-on-accent);
}

.action-btn-primary:disabled[b-rlccws9wl6] {
    background: var(--neutral-layer-3);
    color: var(--neutral-foreground-disabled);
    cursor: not-allowed;
}

.action-btn-secondary[b-rlccws9wl6] {
    background: var(--neutral-layer-3);
    color: var(--neutral-foreground-rest);
    border: 1px solid var(--neutral-stroke-rest);
}

.action-btn-secondary:hover[b-rlccws9wl6] {
    background: var(--neutral-layer-4);
    text-decoration: none;
    color: var(--neutral-foreground-rest);
}

.action-btn-danger[b-rlccws9wl6] {
    background: var(--error-fill-rest, #dc2626);
    color: white;
}

.action-btn-danger:hover[b-rlccws9wl6] {
    background: var(--error-fill-hover, #b91c1c);
    color: white;
}

/* Mobile optimizations */
@media (max-width: 767px) {
    .workout-plan-actions[b-rlccws9wl6] {
        padding: 0.5rem;
    }
    
    .action-section[b-rlccws9wl6] {
        padding: 1rem;
    }
    
    .action-btn[b-rlccws9wl6] {
        min-height: 56px;
        padding: 0.875rem 1.25rem;
        font-size: 0.95rem;
    }
}

/* Touch target improvements */
@media (hover: none) and (pointer: coarse) {
    .action-btn[b-rlccws9wl6] {
        min-height: 64px;
    }
}
/* /Pages/WorkoutPlanRow.razor.rz.scp.css */
.workout-plan-row[b-af0ybyvw0u] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding: 1.1rem 1.05rem 1rem 1.05rem;
    background: linear-gradient(180deg, var(--neutral-layer-2) 0%, var(--neutral-layer-2) 60%, var(--neutral-layer-3) 160%);
    border-radius: 14px;
    cursor: pointer;
    transition: background .25s ease, box-shadow .25s ease, transform .15s ease;
    position: relative;
    border: 1px solid var(--neutral-stroke-rest);
    min-height: 120px;
}

/* Remove legacy external spacing when inside grid */
.workout-plans-list .workout-plan-row[b-af0ybyvw0u] { margin: 0; }

.workout-plan-row:focus-visible[b-af0ybyvw0u] {
    outline: 3px solid var(--accent-fill-rest);
    outline-offset: 2px;
}

.workout-plan-row:hover[b-af0ybyvw0u] {
    background: linear-gradient(180deg, var(--neutral-layer-3) 0%, var(--neutral-layer-2) 100%);
    box-shadow: 0 4px 14px rgba(0,0,0,.15);
    transform: translateY(-2px);
}

.workout-plan-row:active[b-af0ybyvw0u] {
    transform: translateY(0);
    box-shadow: 0 1px 5px rgba(0,0,0,.25);
}

.plan-main[b-af0ybyvw0u] { flex: 1; min-width: 0; display:flex; flex-direction:column; }

.plan-header[b-af0ybyvw0u] { display:flex; align-items:flex-start; gap:.6rem; flex-wrap:wrap; }

.plan-name[b-af0ybyvw0u] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--neutral-foreground-rest);
    line-height:1.15;
    display:flex;
    align-items:center;
    gap:.5rem;
    word-break:break-word;
}

.plan-badge[b-af0ybyvw0u] {
    display:inline-flex;
    align-items:center;
    gap:.25rem;
    background: var(--accent-layer-1);
    color: var(--accent-fill-rest);
    padding: 0.3rem 0.65rem;
    border-radius: 999px;
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing:.6px;
    text-transform:uppercase;
}

.plan-description[b-af0ybyvw0u] {
    font-size: 0.85rem;
    color: var(--neutral-foreground-rest);
    opacity: 0.85;
    margin: .45rem 0 .65rem;
    line-height:1.3;
    max-height:3.2em;
    overflow:hidden;
    text-overflow:ellipsis;
}

.plan-hint[b-af0ybyvw0u] {
    margin-top:auto;
    display:inline-flex;
    align-items:center;
    gap:.35rem;
    font-size:.6rem;
    font-weight:600;
    letter-spacing:.55px;
    color: var(--accent-fill-rest);
    text-transform:uppercase;
    opacity:.85;
    background: var(--accent-layer-1);
    padding: .35rem .6rem .3rem;
    border-radius: 6px;
    width:fit-content;
}

.plan-chevron[b-af0ybyvw0u] {
    position:absolute;
    top:8px;
    right:8px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:.4rem .45rem;
    opacity:.55;
    transition:opacity .25s ease, transform .25s ease;
    font-size:1.1rem;
}

.workout-plan-row:hover .plan-chevron[b-af0ybyvw0u] { opacity:.95; transform:translateX(3px); }

@media (max-width: 700px) {
    .workout-plan-row[b-af0ybyvw0u] { min-height: 130px; }
    .plan-name[b-af0ybyvw0u] { font-size: 1.15rem; }
    .plan-description[b-af0ybyvw0u] { font-size:.8rem; }
    .plan-hint[b-af0ybyvw0u] { font-size:.55rem; }
}

@media (hover:none) and (pointer:coarse){
    .workout-plan-row[b-af0ybyvw0u] { min-height: 140px; }
    .workout-plan-row:active[b-af0ybyvw0u] { transform: scale(.985); }
}
/* /Pages/WorkoutPlans.razor.rz.scp.css */
.workout-plans-list[b-y89qfyxyde] {
    display: grid;
    /* Use responsive auto-fill so cards wrap nicely and always try to create 2 columns when width allows */
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1rem 1rem;
    padding: 1rem 0;
    align-items: stretch;
}

/* Force exactly two columns on wider mid-range viewports if more than 560px */
@media (min-width: 640px) and (max-width: 1023px) {
    .workout-plans-list[b-y89qfyxyde] { grid-template-columns: repeat(2, 1fr); }
}

/* Single column on narrow screens */
@media (max-width: 639px) {
    .workout-plans-list[b-y89qfyxyde] {
        grid-template-columns: 1fr;
        gap: 0.85rem;
        padding: .5rem 0;
    }
}