/* /Components/Schedule/RenderWorkoutRecord.razor.rz.scp.css */
/* ================================================================
   WORKOUT CARD — ATHLETE REDESIGN (Story 19-2)
   Reference: ux-athlete-schedule-redesign.html section WC-0
   ================================================================ */

.wk-card[b-e8a8qekafu] {
    border-radius: 10px;
    overflow: hidden;
    background: white;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
    cursor: pointer;
    transition: box-shadow 0.15s;
    display: flex;
    flex-direction: row;
}

.wk-card:hover[b-e8a8qekafu] {
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.12);
}

/* Sport color accent bar — left edge */
.wk-sport-bar[b-e8a8qekafu] {
    width: 5px;
    flex-shrink: 0;
    border-radius: 10px 0 0 10px;
}

/* Card body */
.wk-body[b-e8a8qekafu] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

/* Status strip — thin top bar */
.wk-status-strip[b-e8a8qekafu] {
    height: 3px;
}

/* Card content area */
.wk-content[b-e8a8qekafu] {
    padding: 10px 12px;
    flex: 1;
}

/* Header row: icon + code + title + intensity */
.wk-header[b-e8a8qekafu] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 6px;
}

[b-e8a8qekafu] .wk-sport-icon {
    font-size: 16px;
    flex-shrink: 0;
}

.wk-code[b-e8a8qekafu] {
    font-size: 14px;
    font-weight: 800;
    color: #1a1a1a;
    letter-spacing: 0.3px;
    white-space: nowrap;
}

.wk-title[b-e8a8qekafu] {
    font-size: 11px;
    color: #555;
    flex: 1;
    min-width: 0;
}

/* Intensity badges */
.wk-intensity-badge[b-e8a8qekafu] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    padding: 2px 6px;
    border-radius: 8px;
    flex-shrink: 0;
}

.wk-intensity-badge.easy[b-e8a8qekafu] {
    background: rgba(76, 175, 80, 0.12);
    color: #4caf50;
}

.wk-intensity-badge.moderate[b-e8a8qekafu] {
    background: rgba(255, 152, 0, 0.12);
    color: #ff9800;
}

.wk-intensity-badge.hard[b-e8a8qekafu] {
    background: rgba(229, 57, 53, 0.12);
    color: #e53935;
}

/* Intensity dot inside badge */
.wk-intensity-dot[b-e8a8qekafu] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
}

.wk-dot-easy[b-e8a8qekafu] {
    background: #4caf50;
}

.wk-dot-moderate[b-e8a8qekafu] {
    background: #ff9800;
}

.wk-dot-hard[b-e8a8qekafu] {
    background: #e53935;
}

/* Ad-hoc badge */
.wk-adhoc-badge[b-e8a8qekafu] {
    font-size: 9px;
    font-weight: 600;
    color: #e65100;
    background: rgba(230, 81, 0, 0.08);
    padding: 2px 6px;
    border-radius: 6px;
    flex-shrink: 0;
}

/* Intensity graph (planned workouts) */
.wk-graph[b-e8a8qekafu] {
    width: 100%;
    height: 44px;
    border-radius: 6px;
    background: linear-gradient(90deg, rgba(89, 74, 226, 0.06) 0%, rgba(89, 74, 226, 0.02) 100%);
    margin-bottom: 6px;
    overflow: hidden;
    position: relative;
}

/* Metrics row (planned) */
.wk-metrics[b-e8a8qekafu] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 12px;
    color: #555;
}

.wk-metric[b-e8a8qekafu] {
    display: flex;
    align-items: center;
    gap: 3px;
}

[b-e8a8qekafu] .wk-metric-icon {
    font-size: 14px;
    opacity: 0.6;
}

.wk-metric-label[b-e8a8qekafu] {
    font-size: 10px;
    color: #999;
}

.wk-metric-value[b-e8a8qekafu] {
    font-weight: 600;
    color: #1a1a1a;
}

/* Two-column metrics for completed */
.wk-metrics-grid[b-e8a8qekafu] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px 16px;
    font-size: 12px;
}

/* TLS delta */
.wk-delta[b-e8a8qekafu] {
    font-size: 10px;
    font-weight: 700;
    padding: 1px 5px;
    border-radius: 6px;
}

.wk-delta.positive[b-e8a8qekafu] {
    background: rgba(46, 125, 50, 0.1);
    color: #2e7d32;
}

.wk-delta.negative[b-e8a8qekafu] {
    background: rgba(198, 40, 40, 0.08);
    color: #c62828;
}

/* Pace/speed row */
.wk-pace-row[b-e8a8qekafu] {
    display: flex;
    align-items: center;
    gap: 3px;
    margin-top: 4px;
    font-size: 12px;
}

/* RPE / Feel row */
.wk-subjective[b-e8a8qekafu] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 4px;
    font-size: 11px;
    color: #999;
}

.wk-rpe-badge[b-e8a8qekafu] {
    background: rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    padding: 1px 5px;
    font-weight: 700;
    font-size: 10px;
    color: #555;
}

.wk-feel[b-e8a8qekafu] {
    font-size: 14px;
}

.wk-time-of-day[b-e8a8qekafu] {
    font-size: 10px;
    color: #999;
    margin-left: auto;
}

/* Action row */
.wk-actions[b-e8a8qekafu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 12px;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

[b-e8a8qekafu] .wk-btn-complete {
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    padding: 4px 10px !important;
    min-width: unset !important;
}

/* Threshold / status labels in footer */
.wk-threshold-label[b-e8a8qekafu] {
    font-size: 10px;
    font-weight: 600;
}

.wk-threshold-green[b-e8a8qekafu] {
    color: #2e7d32;
}

.wk-threshold-red[b-e8a8qekafu] {
    color: #c62828;
}

.wk-threshold-amber[b-e8a8qekafu] {
    color: #e65100;
}
/* /Components/Schedule/WeeklyCalendarView.razor.rz.scp.css */
/* Week Navigator Header */
.week-nav-header[b-t6icnxckxm] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px 12px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.week-nav-label[b-t6icnxckxm] {
    font-size: 14px;
    font-weight: 700;
}

/* Week Strip — 7 day pills */
.week-strip[b-t6icnxckxm] {
    display: flex;
    gap: 2px;
    padding: 8px 12px;
    background: var(--mud-palette-background);
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.week-strip-day[b-t6icnxckxm] {
    flex: 1;
    text-align: center;
    padding: 6px 2px 4px;
    border-radius: 8px;
    cursor: pointer;
    position: relative;
    transition: all 0.15s;
}

.week-strip-day:hover[b-t6icnxckxm] {
    background: rgba(0, 0, 0, 0.04);
}

.week-strip-day.active[b-t6icnxckxm] {
    background: var(--mud-palette-primary);
    color: white;
}

.week-strip-day.today[b-t6icnxckxm] {
    font-weight: 700;
}

.week-strip-day .day-label[b-t6icnxckxm] {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.3px;
}

.week-strip-day .day-num[b-t6icnxckxm] {
    font-size: 13px;
    font-weight: 700;
    margin-top: 1px;
}

.week-strip-day.active .day-label[b-t6icnxckxm],
.week-strip-day.active .day-num[b-t6icnxckxm] {
    color: white;
}

.week-strip-day .day-dots[b-t6icnxckxm] {
    display: flex;
    justify-content: center;
    gap: 2px;
    margin-top: 3px;
    min-height: 6px;
}

.week-strip-day .day-dot[b-t6icnxckxm] {
    width: 5px;
    height: 5px;
    border-radius: 50%;
}

.week-strip-day.active .day-dot[b-t6icnxckxm] {
    opacity: 0.7;
}

.week-strip-load[b-t6icnxckxm] {
    height: 2px;
    border-radius: 1px;
    margin: 2px auto 0;
    opacity: 0.6;
}

/* Weekly Summary */
.week-summary[b-t6icnxckxm] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    gap: 4px;
    background: var(--mud-palette-background);
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

/* Day Sections */
.day-section[b-t6icnxckxm] {
    padding: 0 12px;
    scroll-margin-top: 56px; /* offset for fixed MudBlazor AppBar */
}

.day-section-header[b-t6icnxckxm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0 6px;
}

.day-section-label[b-t6icnxckxm] {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--mud-palette-text-secondary);
}

.day-section-date[b-t6icnxckxm] {
    font-size: 11px;
    color: var(--mud-palette-text-disabled);
}

.day-section-today[b-t6icnxckxm] {
    color: var(--mud-palette-primary);
}

/* Rest day label */
.rest-day-label[b-t6icnxckxm] {
    text-align: center;
    padding: 16px;
    color: var(--mud-palette-text-disabled);
    font-size: 13px;
    font-style: italic;
}

/* Day cards stack */
.day-cards-stack[b-t6icnxckxm] {
    padding-bottom: 4px;
}
/* /Components/TeamSettings/Zones/TeamZonesNew.razor.rz.scp.css */
.zone-muted[b-owca4u7ai0] {
    opacity: 0.5;
}
/* /Pages/Authentication/Login.razor.rz.scp.css */
.login-container[b-p5owd3w0q1] {
    display: flex;
    justify-content: center;
    padding: 16px;
}

.login-card[b-p5owd3w0q1] {
    width: 100%;
    max-width: 420px;
}

@media (max-width: 599px) {
    .login-container[b-p5owd3w0q1] {
        padding: 0;
    }

    .login-card[b-p5owd3w0q1] {
        box-shadow: none !important;
        border-radius: 0 !important;
    }
}
/* /Pages/Authentication/Register.razor.rz.scp.css */
.register-container[b-7gtfsd8vh1] {
    display: flex;
    justify-content: center;
    padding: 16px;
}

.register-card[b-7gtfsd8vh1] {
    width: 100%;
    max-width: 520px;
}

@media (max-width: 599px) {
    .register-container[b-7gtfsd8vh1] {
        padding: 0;
    }

    .register-card[b-7gtfsd8vh1] {
        box-shadow: none !important;
        border-radius: 0 !important;
    }
}

.register-pill-toggle[b-7gtfsd8vh1] {
    border-radius: 24px;
    overflow: hidden;
}

.team-badge[b-7gtfsd8vh1] {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    border-radius: 8px;
    background-color: rgba(var(--mud-palette-success-rgb), 0.12);
    border: 1px solid rgba(var(--mud-palette-success-rgb), 0.4);
}

.org-section-card[b-7gtfsd8vh1] {
    border: 1px solid var(--mud-palette-divider);
    border-radius: 8px;
}

.org-section-title[b-7gtfsd8vh1] {
    font-weight: 600;
}
/* /Pages/Index.razor.rz.scp.css */
.panel-summary[b-0nbbjh3gtb] {
    font-size: 11px;
    color: var(--mud-palette-text-disabled);
    font-weight: 400;
    margin-left: 8px;
}