/* /Components/Components/CustomChart.razor.rz.scp.css */
.chart-wrap[b-c057tzpdg0] {
    width: 100%;
    display: flex;
    flex-direction: column;
    height: 420px;
}

@media (min-width: 900px) {
    .chart-wrap[b-c057tzpdg0] {
        height: 520px;
    }
}

.chart-container[b-c057tzpdg0] {
    position: relative;
    width: 100%;
    flex: 1 1 auto;
    min-height: 300px;
    overflow: hidden;
}

.chart-container canvas[b-c057tzpdg0] {
    max-width: 100%;
    height: auto !important;
    display: block;
}
/* /Components/Components/FeedbackSection.razor.rz.scp.css */
.feedback-content[b-1l5296bsg2] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.feedback-text-wrapper[b-1l5296bsg2] {
    flex: 1;
}

.feedback-button-wrapper[b-1l5296bsg2] {
    width: 100%;
}

@media (min-width: 768px) {
    .feedback-content[b-1l5296bsg2] {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
    
    .feedback-button-wrapper[b-1l5296bsg2] {
        width: auto;
        flex-shrink: 0;
    }
}

/* /Components/Components/Modals/ShowSpecificTraningDetailsModal.razor.rz.scp.css */
/* =========================================
   ShowSpecificTraningDetailsModal
   Responsive training details dialog
   Desktop: Large, spacious, horizontal layout
   Mobile: Full-screen, vertical layout
   ========================================= */

/* Dialog container - larger on desktop */
[b-qxanljts4o] .training-details-dialog {
    max-width: 1100px !important;
    width: 95vw;
}

[b-qxanljts4o] .training-details-dialog .mud-dialog {
    border-radius: 16px !important;
}

[b-qxanljts4o] .training-details-dialog .mud-dialog-content {
    padding: 24px 32px;
    max-height: 85vh;
    overflow-y: auto;
}

[b-qxanljts4o] .training-details-dialog .mud-dialog-title {
    padding: 20px 32px;
    border-bottom: 1px solid #E2E8F0;
}

[b-qxanljts4o] .training-details-dialog .mud-dialog-actions {
    padding: 16px 32px;
    border-top: 1px solid #E2E8F0;
}

/* Content container */
.training-details-content[b-qxanljts4o] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Status and action buttons row */
.status-actions-row[b-qxanljts4o] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    padding: 12px 16px;
    background: #F8FAFC;
    border-radius: 12px;
}

.action-buttons[b-qxanljts4o] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

/* Race info chips container */
.race-info-chips[b-qxanljts4o] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* =========================================
   Desktop Workout Preview Enhancement
   ========================================= */

/* Make WorkoutCompactPreview larger on desktop */
[b-qxanljts4o] .workout-preview-card {
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

[b-qxanljts4o] .wcp-header {
    padding: 18px 24px;
}

[b-qxanljts4o] .wcp-title {
    font-size: 1.1rem;
}

[b-qxanljts4o] .wcp-timeline-horizontal {
    padding: 24px;
    gap: 12px;
    min-height: 140px;
}

/* Larger phase blocks on desktop */
[b-qxanljts4o] .wcp-phase {
    min-width: 160px;
    max-width: 240px;
    flex: 1 1 auto;
}

[b-qxanljts4o] .wcp-phase-content {
    padding: 16px 18px;
    flex-wrap: wrap;
    gap: 12px;
}

[b-qxanljts4o] .wcp-phase-label {
    font-size: 0.8rem;
}

[b-qxanljts4o] .wcp-phase-value {
    font-size: 1.1rem;
}

[b-qxanljts4o] .wcp-phase-pace {
    font-size: 0.75rem;
    padding: 6px 12px;
}

/* Larger reps container on desktop */
[b-qxanljts4o] .wcp-reps-container {
    min-width: 260px;
    max-width: 400px;
}

[b-qxanljts4o] .wcp-reps-count {
    padding: 12px 20px;
    font-size: 1.5rem;
    min-width: 80px;
}

[b-qxanljts4o] .wcp-reps-content {
    padding: 16px;
    gap: 12px;
}

[b-qxanljts4o] .wcp-reps-block {
    padding: 14px 18px;
}

[b-qxanljts4o] .wcp-reps-label {
    font-size: 1rem;
}

[b-qxanljts4o] .wcp-reps-distance {
    font-size: 0.9rem;
}

[b-qxanljts4o] .wcp-reps-pace {
    font-size: 0.7rem;
    padding: 5px 10px;
}

[b-qxanljts4o] .wcp-reps-total {
    padding: 12px 18px;
}

[b-qxanljts4o] .wcp-reps-total-value {
    font-size: 0.95rem;
}

/* Summary row on desktop */
[b-qxanljts4o] .wcp-summary {
    padding: 16px 24px;
    gap: 40px;
}

[b-qxanljts4o] .wcp-summary-label {
    font-size: 0.75rem;
}

[b-qxanljts4o] .wcp-summary-value {
    font-size: 1rem;
}

/* =========================================
   Legacy workout display styles
   ========================================= */
.workout-display[b-qxanljts4o] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1rem;
}

.workout-section[b-qxanljts4o] {
    display: flex;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    min-height: 60px;
}

.workout-section__bar[b-qxanljts4o] {
    width: 6px;
    flex-shrink: 0;
}

.workout-section__bar--warmup[b-qxanljts4o] {
    background-color: #f44336;
}

.workout-section__bar--repeated[b-qxanljts4o] {
    background-color: #9e9e9e;
}

.workout-section__bar--cooldown[b-qxanljts4o] {
    background-color: #4caf50;
}

.workout-section__bar--standard[b-qxanljts4o] {
    background-color: #2196f3;
}

.workout-section__content[b-qxanljts4o] {
    flex: 1;
    padding: 1.25rem;
}

.workout-section__header[b-qxanljts4o] {
    display: flex;
    align-items: center;
    margin-bottom: 0.75rem;
    font-weight: 600;
    font-size: 1.2rem;
}

.workout-section__title[b-qxanljts4o] {
    font-weight: 600;
    font-size: 1.2rem;
}

.workout-repeated[b-qxanljts4o] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    background-color: #f5f5f5;
    padding: 1rem;
    border-radius: 6px;
    margin-top: 0.5rem;
}

.workout-step[b-qxanljts4o] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.workout-step--work[b-qxanljts4o],
.workout-step--recovery[b-qxanljts4o] {
    display: flex;
    flex-direction: row;
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    margin-bottom: 0.5rem;
}

.workout-step__bar[b-qxanljts4o] {
    width: 4px;
    flex-shrink: 0;
}

.workout-step__bar--work[b-qxanljts4o] {
    background-color: #2196f3;
}

.workout-step__bar--recovery[b-qxanljts4o] {
    background-color: #9e9e9e;
}

.workout-step__content[b-qxanljts4o] {
    flex: 1;
    padding: 1rem;
}

.workout-step__label[b-qxanljts4o] {
    font-weight: 600;
    font-size: 1.15rem;
    margin-bottom: 0.5rem;
    color: #333;
}

.workout-step__details[b-qxanljts4o] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 1.05rem;
}

.workout-step__distance[b-qxanljts4o],
.workout-step__time[b-qxanljts4o] {
    color: #666;
    font-weight: 500;
    font-size: 1.05rem;
}

.workout-step__pace[b-qxanljts4o] {
    color: #333;
    font-weight: 600;
    font-size: 1.1rem;
}

.workout-step__pace-range[b-qxanljts4o] {
    font-weight: 400;
    color: #666;
    font-size: 1rem;
}

.workout-step__note[b-qxanljts4o] {
    margin-top: 0.5rem;
    font-size: 1rem;
    color: #666;
    font-style: italic;
}

/* =========================================
   Responsive Styles - Tablet
   ========================================= */
@media (max-width: 900px) {
    [b-qxanljts4o] .training-details-dialog {
        max-width: 95vw !important;
        width: 95vw;
    }

    [b-qxanljts4o] .training-details-dialog .mud-dialog-content {
        padding: 16px 20px;
    }

    [b-qxanljts4o] .training-details-dialog .mud-dialog-title {
        padding: 16px 20px;
    }

    [b-qxanljts4o] .training-details-dialog .mud-dialog-actions {
        padding: 12px 20px;
    }

    /* Reset preview enhancements for tablet */
    [b-qxanljts4o] .wcp-phase {
        min-width: 110px;
        max-width: 160px;
    }

    [b-qxanljts4o] .wcp-reps-container {
        min-width: 200px;
        max-width: 340px;
    }

    [b-qxanljts4o] .wcp-timeline-horizontal {
        padding: 16px;
        gap: 10px;
    }
}

/* =========================================
   Responsive Styles - Mobile Landscape / Small Tablet
   ========================================= */
@media (max-width: 768px) {
    [b-qxanljts4o] .training-details-dialog {
        max-width: 98vw !important;
        width: 98vw;
    }

    [b-qxanljts4o] .training-details-dialog .mud-dialog-content {
        padding: 12px 16px;
    }

    .status-actions-row[b-qxanljts4o] {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        padding: 10px 12px;
    }

    .action-buttons[b-qxanljts4o] {
        justify-content: flex-end;
    }
}

/* =========================================
   Responsive Styles - Mobile Portrait
   ========================================= */
@media (max-width: 600px) {
    [b-qxanljts4o] .training-details-dialog {
        max-width: 100vw !important;
        width: 100vw;
        margin: 0 !important;
    }

    [b-qxanljts4o] .training-details-dialog .mud-dialog {
        border-radius: 0 !important;
        margin: 0 !important;
        max-height: 100vh !important;
        height: 100vh !important;
    }

    [b-qxanljts4o] .training-details-dialog .mud-dialog-content {
        padding: 12px;
        max-height: calc(100vh - 130px);
    }

    [b-qxanljts4o] .training-details-dialog .mud-dialog-title {
        padding: 12px 16px;
        border-bottom: 1px solid #E2E8F0;
    }

    [b-qxanljts4o] .training-details-dialog .mud-dialog-actions {
        padding: 12px 16px;
        border-top: 1px solid #E2E8F0;
    }

    .training-details-content[b-qxanljts4o] {
        gap: 12px;
    }

    .status-actions-row[b-qxanljts4o] {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
        padding: 10px;
        border-radius: 8px;
    }

    .action-buttons[b-qxanljts4o] {
        flex-direction: column;
        width: 100%;
    }

    .action-buttons > *[b-qxanljts4o] {
        width: 100%;
    }

    /* Reset all desktop preview enhancements */
    [b-qxanljts4o] .workout-preview-card {
        border-radius: 12px;
    }

    [b-qxanljts4o] .wcp-header {
        padding: 12px 14px;
    }

    [b-qxanljts4o] .wcp-title {
        font-size: 0.9rem;
    }

    [b-qxanljts4o] .wcp-timeline-horizontal {
        padding: 12px;
        gap: 10px;
        flex-direction: column;
    }

    [b-qxanljts4o] .wcp-phase {
        min-width: 100%;
        max-width: 100%;
    }

    [b-qxanljts4o] .wcp-phase-content {
        padding: 10px 14px;
    }

    [b-qxanljts4o] .wcp-reps-container {
        min-width: 100%;
        max-width: 100%;
    }

    [b-qxanljts4o] .wcp-reps-count {
        padding: 10px 16px;
        font-size: 1.2rem;
    }

    [b-qxanljts4o] .wcp-reps-content {
        padding: 10px;
        flex-direction: column;
    }

    [b-qxanljts4o] .wcp-reps-block {
        min-width: 100%;
        padding: 12px 14px;
    }

    [b-qxanljts4o] .wcp-summary {
        gap: 20px;
        padding: 12px 14px;
    }

    .workout-section__content[b-qxanljts4o] {
        padding: 0.75rem;
    }

    .workout-repeated[b-qxanljts4o] {
        padding: 0.75rem;
    }

    .workout-step__content[b-qxanljts4o] {
        padding: 0.5rem;
    }

    /* Ensure chips wrap nicely on mobile */
    .race-info-chips .mud-chip[b-qxanljts4o] {
        margin-bottom: 4px;
    }
}

/* =========================================
   Responsive Styles - Small Mobile
   ========================================= */
@media (max-width: 400px) {
    [b-qxanljts4o] .training-details-dialog .mud-dialog-content {
        padding: 8px;
    }

    .training-details-content[b-qxanljts4o] {
        gap: 10px;
    }

    .status-actions-row[b-qxanljts4o] {
        padding: 8px;
    }

    [b-qxanljts4o] .wcp-timeline-horizontal {
        padding: 10px;
        gap: 8px;
    }

    [b-qxanljts4o] .wcp-summary {
        gap: 16px;
        padding: 10px 12px;
    }
}
/* /Components/Components/Training/WorkoutCompactPreview.razor.rz.scp.css */
/* =========================================
   WorkoutCompactPreview - Løbeakademiet
   Horizontal timeline workout preview
   Colors aligned with WorkoutColorSettings
   ========================================= */

.workout-preview-card[b-gxm5jp3w7x] {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    overflow: hidden;
}

/* Header */
.wcp-header[b-gxm5jp3w7x] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 18px;
    background: linear-gradient(135deg, #2E3F87 0%, #1E3A8A 100%);
    gap: 12px;
    flex-wrap: wrap;
}

.wcp-header-content[b-gxm5jp3w7x] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.wcp-header-icon[b-gxm5jp3w7x] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 8px;
    color: white;
    flex-shrink: 0;
}

.wcp-header-text[b-gxm5jp3w7x] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
}

.wcp-title[b-gxm5jp3w7x] {
    display: block;
    font-weight: 600;
    font-size: 0.95rem;
    color: white;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wcp-subtitle[b-gxm5jp3w7x] {
    display: block;
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.75);
}

.wcp-stats-inline[b-gxm5jp3w7x] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.8rem;
    flex-shrink: 0;
}

.wcp-stats-inline span[b-gxm5jp3w7x] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.wcp-stats-inline .mud-icon-root[b-gxm5jp3w7x] {
    font-size: 0.95rem;
    opacity: 0.8;
}

/* Horizontal Timeline */
.wcp-timeline-horizontal[b-gxm5jp3w7x] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 16px;
    background: #F8FAFC;
    align-items: stretch;
}

.wcp-segment[b-gxm5jp3w7x] {
    display: flex;
    flex-direction: column;
    min-width: 85px;
    max-width: 150px;
    flex: 1 1 auto;
    background: white;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.wcp-segment:hover[b-gxm5jp3w7x] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.wcp-segment-bar[b-gxm5jp3w7x] {
    height: 4px;
    background: var(--segment-color, #9e9e9e);
}

.wcp-segment-info[b-gxm5jp3w7x] {
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    text-align: center;
}

.wcp-segment-info .mud-icon-root[b-gxm5jp3w7x] {
    font-size: 1.1rem;
    color: var(--segment-color, #64748B);
}

.wcp-segment-label[b-gxm5jp3w7x] {
    font-size: 0.7rem;
    font-weight: 600;
    color: #475569;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.wcp-segment-value[b-gxm5jp3w7x] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #1E293B;
}

.wcp-segment-pace[b-gxm5jp3w7x] {
    font-size: 0.65rem;
    padding: 2px 6px;
    background: var(--segment-color, #2196f3);
    color: white;
    border-radius: 8px;
    font-weight: 500;
}

/* Work segment styling */
.wcp-segment--work .wcp-segment-label[b-gxm5jp3w7x] {
    color: #1565C0;
}

/* Recovery segment - inline with interval */
.wcp-segment--recovery[b-gxm5jp3w7x] {
    max-width: 80px;
    min-width: 60px;
}

.wcp-segment--recovery .wcp-segment-info[b-gxm5jp3w7x] {
    padding: 8px;
}

.wcp-segment--recovery .wcp-segment-label[b-gxm5jp3w7x] {
    font-size: 0.6rem;
    color: #78909C;
}

/* Recovery inline - smaller connector between work */
.wcp-segment--recovery-inline[b-gxm5jp3w7x] {
    max-width: 120px;
    min-width: 80px;
    background: transparent;
    box-shadow: none;
}

.wcp-segment--recovery-inline:hover[b-gxm5jp3w7x] {
    transform: none;
    box-shadow: none;
}

.wcp-segment--recovery-inline .wcp-segment-bar[b-gxm5jp3w7x] {
    height: 2px;
    opacity: 0.5;
}

.wcp-segment--recovery-inline .wcp-segment-info[b-gxm5jp3w7x] {
    padding: 6px 8px;
}

.wcp-segment-label--small[b-gxm5jp3w7x] {
    font-size: 0.6rem !important;
    color: #94A3B8 !important;
    text-transform: none !important;
    font-weight: 400 !important;
}

/* Interval segment */
.wcp-segment--interval .wcp-segment-label[b-gxm5jp3w7x] {
    color: #1565C0;
}

/* Tempo segment */
.wcp-segment--temporun .wcp-segment-label[b-gxm5jp3w7x] {
    color: #D84315;
}

/* Steady run segment (easy/jog) */
.wcp-segment--steadyrun .wcp-segment-label[b-gxm5jp3w7x] {
    color: #2E7D32;
}

/* Transition segment */
.wcp-segment--transition[b-gxm5jp3w7x] {
    max-width: 100px;
    min-width: 70px;
}

.wcp-segment--transition .wcp-segment-info[b-gxm5jp3w7x] {
    padding: 8px;
}

.wcp-segment--transition .wcp-segment-label[b-gxm5jp3w7x] {
    font-size: 0.65rem;
    color: #78909C;
}

/* =========================================
   Phase blocks (Warmup, Cooldown, Transition, Steady Run)
   ========================================= */
.wcp-phase[b-gxm5jp3w7x] {
    display: flex;
    flex-direction: column;
    min-width: 140px;
    max-width: 220px;
    flex: 1 1 auto;
    background: white;
    border-radius: 10px;
    overflow: visible;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.wcp-phase:hover[b-gxm5jp3w7x] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.wcp-phase-bar[b-gxm5jp3w7x] {
    height: 4px;
    border-radius: 10px 10px 0 0;
}

.wcp-phase-content[b-gxm5jp3w7x] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    flex-wrap: wrap;
}

.wcp-phase-content .mud-icon-root[b-gxm5jp3w7x] {
    font-size: 1.2rem;
    flex-shrink: 0;
}

.wcp-phase-text[b-gxm5jp3w7x] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
    min-width: 60px;
}

.wcp-phase-label[b-gxm5jp3w7x] {
    font-size: 0.7rem;
    font-weight: 600;
    color: #64748B;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    white-space: nowrap;
}

.wcp-phase-value[b-gxm5jp3w7x] {
    font-size: 0.95rem;
    font-weight: 700;
    color: #1E293B;
}

.wcp-phase-pace[b-gxm5jp3w7x] {
    font-size: 0.7rem;
    padding: 5px 10px;
    background: #9e9e9e;
    color: white;
    border-radius: 12px;
    font-weight: 600;
    white-space: nowrap;
    flex-shrink: 0;
}

/* =========================================
   Reps Container (Work + Recovery blocks)
   ========================================= */
.wcp-reps-container[b-gxm5jp3w7x] {
    display: flex;
    flex-direction: column;
    flex: 2 1 auto;
    min-width: 180px;
    max-width: 320px;
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border: 2px solid #E2E8F0;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.wcp-reps-container:hover[b-gxm5jp3w7x] {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.14);
}

.wcp-reps-header[b-gxm5jp3w7x] {
    display: flex;
    align-items: center;
    gap: 0;
}

.wcp-reps-bar[b-gxm5jp3w7x] {
    height: 100%;
    width: 5px;
    min-height: 30px;
}

.wcp-reps-count[b-gxm5jp3w7x] {
    padding: 8px 16px;
    font-size: 1.3rem;
    font-weight: 800;
    color: #1565C0;
    background: linear-gradient(135deg, #E3F2FD 0%, #BBDEFB 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 60px;
}

.wcp-reps-content[b-gxm5jp3w7x] {
    display: flex;
    gap: 8px;
    padding: 12px;
    flex-wrap: wrap;
}

/* Individual block inside reps container */
.wcp-reps-block[b-gxm5jp3w7x] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 8px;
    flex: 1 1 auto;
    min-width: 100px;
}

.wcp-reps-block--work[b-gxm5jp3w7x] {
    background: linear-gradient(135deg, #E3F2FD 0%, #BBDEFB 100%);
    border: 1px solid #90CAF9;
}

.wcp-reps-block--recovery[b-gxm5jp3w7x] {
    background: linear-gradient(135deg, #F5F5F5 0%, #EEEEEE 100%);
    border: 1px solid #E0E0E0;
}

.wcp-reps-block .mud-icon-root[b-gxm5jp3w7x] {
    font-size: 1.1rem;
    flex-shrink: 0;
}

.wcp-reps-info[b-gxm5jp3w7x] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    flex: 1;
}

.wcp-reps-label[b-gxm5jp3w7x] {
    font-size: 0.95rem;
    font-weight: 700;
    color: #1565C0;
}

.wcp-reps-block--recovery .wcp-reps-label[b-gxm5jp3w7x] {
    color: #616161;
    font-size: 0.75rem;
    font-weight: 600;
}

.wcp-reps-distance[b-gxm5jp3w7x] {
    font-size: 0.8rem;
    font-weight: 600;
    color: #37474F;
}

.wcp-reps-block--recovery .wcp-reps-distance[b-gxm5jp3w7x] {
    font-size: 0.85rem;
    color: #757575;
}

/* Tempo block styling */
.wcp-reps-container--tempo[b-gxm5jp3w7x] {
    border-color: #FFCC80;
}

.wcp-reps-block--tempo[b-gxm5jp3w7x] {
    background: linear-gradient(135deg, #FFF3E0 0%, #FFE0B2 100%);
    border: 1px solid #FFCC80;
}

.wcp-reps-block--tempo .wcp-reps-label[b-gxm5jp3w7x] {
    color: #E65100;
}

.wcp-reps-pace[b-gxm5jp3w7x] {
    font-size: 0.65rem;
    padding: 4px 8px;
    background: #2196F3;
    color: white;
    border-radius: 12px;
    font-weight: 600;
    white-space: nowrap;
}

/* Total row for the block */
.wcp-reps-total[b-gxm5jp3w7x] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    padding: 8px 14px;
    background: #F8FAFC;
    border-top: 1px solid #E2E8F0;
}

.wcp-reps-total-label[b-gxm5jp3w7x] {
    font-size: 0.7rem;
    color: #94A3B8;
}

.wcp-reps-total-value[b-gxm5jp3w7x] {
    font-size: 0.85rem;
    font-weight: 700;
    color: #1E293B;
}

/* Summary row */
.wcp-summary[b-gxm5jp3w7x] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    padding: 12px 16px;
    border-top: 1px solid #E2E8F0;
    background: white;
}

.wcp-summary-item[b-gxm5jp3w7x] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}

.wcp-summary-label[b-gxm5jp3w7x] {
    font-size: 0.7rem;
    color: #94A3B8;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.wcp-summary-value[b-gxm5jp3w7x] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #1E293B;
}

.wcp-summary-divider[b-gxm5jp3w7x] {
    width: 1px;
    height: 28px;
    background: #E2E8F0;
}

/* Empty state */
.wcp-empty[b-gxm5jp3w7x] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 32px 20px;
    text-align: center;
    gap: 8px;
    background: #F8FAFC;
}

.wcp-empty-icon[b-gxm5jp3w7x] {
    color: #CBD5E1 !important;
}

.wcp-empty-title[b-gxm5jp3w7x] {
    font-weight: 600;
    font-size: 0.9rem;
    color: #64748B;
}

.wcp-empty-text[b-gxm5jp3w7x] {
    font-size: 0.8rem;
    color: #94A3B8;
}

/* Responsive - Tablet */
@media (max-width: 768px) {
    .wcp-segment[b-gxm5jp3w7x] {
        min-width: 75px;
        max-width: 130px;
    }
}

/* Responsive - Mobile: Vertical layout */
@media (max-width: 600px) {
    .wcp-header[b-gxm5jp3w7x] {
        padding: 12px 14px;
    }

    .wcp-title[b-gxm5jp3w7x] {
        font-size: 0.9rem;
    }

    .wcp-stats-inline[b-gxm5jp3w7x] {
        gap: 10px;
        font-size: 0.75rem;
    }

    .wcp-timeline-horizontal[b-gxm5jp3w7x] {
        flex-direction: column;
        padding: 12px;
        gap: 10px;
    }

    /* Phase blocks (warmup/cooldown) mobile */
    .wcp-phase[b-gxm5jp3w7x] {
        min-width: 100%;
        max-width: 100%;
        flex-direction: row;
        align-items: stretch;
        border-radius: 8px;
    }

    .wcp-phase-bar[b-gxm5jp3w7x] {
        width: 5px;
        height: auto;
        border-radius: 8px 0 0 8px;
    }

    .wcp-phase-content[b-gxm5jp3w7x] {
        flex: 1;
        padding: 12px 14px;
        flex-wrap: nowrap;
        justify-content: space-between;
    }

    .wcp-phase-text[b-gxm5jp3w7x] {
        flex-direction: row;
        align-items: center;
        gap: 10px;
        flex: 1;
    }

    .wcp-phase-label[b-gxm5jp3w7x] {
        font-size: 0.75rem;
    }

    .wcp-phase-value[b-gxm5jp3w7x] {
        font-size: 0.9rem;
    }

    .wcp-phase-pace[b-gxm5jp3w7x] {
        font-size: 0.7rem;
        padding: 5px 10px;
    }

    /* Reps container mobile */
    .wcp-reps-container[b-gxm5jp3w7x] {
        min-width: 100%;
        max-width: 100%;
    }

    .wcp-reps-header[b-gxm5jp3w7x] {
        flex-direction: row;
    }

    .wcp-reps-bar[b-gxm5jp3w7x] {
        width: 5px;
        min-height: auto;
        height: auto;
    }

    .wcp-reps-count[b-gxm5jp3w7x] {
        padding: 10px 16px;
        font-size: 1.2rem;
        min-width: auto;
        flex: 1;
        justify-content: flex-start;
    }

    .wcp-reps-content[b-gxm5jp3w7x] {
        flex-direction: column;
        gap: 8px;
        padding: 10px;
    }

    .wcp-reps-block[b-gxm5jp3w7x] {
        min-width: 100%;
        padding: 12px 14px;
    }

    .wcp-reps-block--work[b-gxm5jp3w7x] {
        order: 1;
    }

    .wcp-reps-block--recovery[b-gxm5jp3w7x] {
        order: 2;
    }

    .wcp-reps-total[b-gxm5jp3w7x] {
        padding: 10px 14px;
    }

    /* Old segment styles for session mode */
    .wcp-segment[b-gxm5jp3w7x] {
        min-width: 100%;
        max-width: 100%;
        flex-direction: row;
        align-items: stretch;
    }

    .wcp-segment-bar[b-gxm5jp3w7x] {
        width: 5px;
        height: auto;
    }

    .wcp-segment-info[b-gxm5jp3w7x] {
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 12px;
        padding: 10px 14px;
        text-align: left;
        flex: 1;
    }

    .wcp-segment-info .mud-icon-root[b-gxm5jp3w7x] {
        font-size: 1.1rem;
        flex-shrink: 0;
    }

    .wcp-segment-label[b-gxm5jp3w7x] {
        font-size: 0.75rem;
        flex: 1;
    }

    .wcp-segment-value[b-gxm5jp3w7x] {
        font-size: 0.85rem;
        font-weight: 600;
    }

    .wcp-segment-pace[b-gxm5jp3w7x] {
        font-size: 0.65rem;
        padding: 3px 8px;
    }

    .wcp-segment--recovery .wcp-segment-info[b-gxm5jp3w7x] {
        padding: 8px 14px;
    }

    .wcp-segment--recovery-inline[b-gxm5jp3w7x] {
        min-width: 100%;
        max-width: 100%;
    }

    .wcp-segment--recovery-inline .wcp-segment-bar[b-gxm5jp3w7x] {
        width: 3px;
        height: auto;
    }

    .wcp-segment--recovery-inline .wcp-segment-info[b-gxm5jp3w7x] {
        padding: 4px 14px;
    }

    .wcp-segment--transition[b-gxm5jp3w7x] {
        min-width: 100%;
        max-width: 100%;
    }

    .wcp-summary[b-gxm5jp3w7x] {
        gap: 20px;
        padding: 12px 14px;
    }

    .wcp-summary-item[b-gxm5jp3w7x] {
        flex-direction: row;
        gap: 6px;
    }

    .wcp-summary-label[b-gxm5jp3w7x] {
        font-size: 0.7rem;
    }

    .wcp-summary-value[b-gxm5jp3w7x] {
        font-size: 0.85rem;
    }

    .wcp-summary-divider[b-gxm5jp3w7x] {
        width: 1px;
        height: 20px;
    }

    .wcp-empty[b-gxm5jp3w7x] {
        padding: 24px 16px;
    }
}

/* Responsive - Small Mobile */
@media (max-width: 400px) {
    .wcp-header[b-gxm5jp3w7x] {
        padding: 10px 12px;
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
    }

    .wcp-header-content[b-gxm5jp3w7x] {
        width: 100%;
    }

    .wcp-stats-inline[b-gxm5jp3w7x] {
        width: 100%;
        justify-content: flex-start;
        padding-left: 46px;
    }

    .wcp-header-icon[b-gxm5jp3w7x] {
        width: 32px;
        height: 32px;
    }

    .wcp-timeline-horizontal[b-gxm5jp3w7x] {
        padding: 10px;
        gap: 4px;
    }

    .wcp-segment-info[b-gxm5jp3w7x] {
        padding: 8px 12px;
        gap: 10px;
    }

    .wcp-segment-label[b-gxm5jp3w7x] {
        font-size: 0.7rem;
    }

    .wcp-segment-value[b-gxm5jp3w7x] {
        font-size: 0.8rem;
    }

    .wcp-summary[b-gxm5jp3w7x] {
        gap: 16px;
        padding: 10px 12px;
    }
}
/* /Components/Components/WeeklyTrainingOverview.razor.rz.scp.css */
/* Container + variabel til ens daghøjde */
.week-eq[b-i6zwxphfay] {
    width: 100%;
    --dayHeight: 168px;
}

.week-eq__header[b-i6zwxphfay] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin-bottom: .5rem;
    align-items: center;
}

@media (max-width: 600px) {
    .week-eq__header[b-i6zwxphfay] {
        gap: .3rem;
        margin-bottom: .75rem;
    }

    .week-eq__header .mud-chip[b-i6zwxphfay] {
        font-size: 0.75rem;
        padding: 4px 8px;
        min-height: 28px;
    }
}

@media (max-width: 400px) {
    .week-eq__header[b-i6zwxphfay] {
        gap: .25rem;
    }

    .week-eq__header .mud-chip[b-i6zwxphfay] {
        font-size: 0.7rem;
        padding: 3px 6px;
        min-height: 26px;
    }
}

/* Grid: 7 → 4 → 3 → 2 → 1 kolonne */
.week-eq__grid[b-i6zwxphfay] {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(7, 1fr);
    align-items: stretch;
}

@media (max-width:1280px) {
    .week-eq__grid[b-i6zwxphfay] {
        grid-template-columns: repeat(4,1fr);
    }
}

@media (max-width: 960px) {
    .week-eq__grid[b-i6zwxphfay] {
        grid-template-columns: repeat(3,1fr);
    }
}

@media (max-width: 720px) {
    .week-eq__grid[b-i6zwxphfay] {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .week-eq[b-i6zwxphfay] {
        --dayHeight: 120px;
    }
}

@media (max-width: 420px) {
    .week-eq[b-i6zwxphfay] {
        --dayHeight: 110px;
    }
}

@media (max-width: 380px) {
    .week-eq[b-i6zwxphfay] {
        --dayHeight: 132px;
    }
}

/* Dagkort */
.week-eq__day[b-i6zwxphfay] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    padding: 12px;
    min-height: var(--dayHeight);
    background: var(--mud-palette-surface);
    transition: background 0.2s, border 0.2s;
}

.week-eq__day--drag-over[b-i6zwxphfay] {
    background: rgba(var(--mud-palette-primary-rgb), 0.1);
    border: 2px solid var(--mud-palette-primary);
    border-radius: 12px;
}

@media (max-width: 720px) {
    .week-eq__day[b-i6zwxphfay] {
        padding: 8px 6px;
        border-radius: 10px;
    }
}

@media (max-width: 400px) {
    .week-eq__day[b-i6zwxphfay] {
        padding: 6px 4px;
        border-radius: 8px;
    }
}

/* Dag header – kun dato, venstrejusteret */
.week-eq__day-head[b-i6zwxphfay] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 8px;
}

.day-head__left[b-i6zwxphfay] {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.day-dow[b-i6zwxphfay] {
    font-weight: 700;
    text-transform: capitalize;
}

.day-date[b-i6zwxphfay] {
    color: var(--mud-palette-text-secondary);
    font-size: .95rem;
}

@media (max-width: 600px) {
    .day-dow[b-i6zwxphfay] {
        font-size: 0.85rem;
    }

    .day-date[b-i6zwxphfay] {
        font-size: 0.8rem;
    }
}

@media (max-width: 400px) {
    .day-dow[b-i6zwxphfay] {
        font-size: 0.8rem;
    }

    .day-date[b-i6zwxphfay] {
        font-size: 0.75rem;
    }
}

/* Body – centrer indholdet i boksen */
.week-eq__day-body[b-i6zwxphfay] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    text-align: center;
}

/* Hviledag */
.week-eq__rest .mud-chip[b-i6zwxphfay] {
    opacity: .9;
}

/* Session-kort (centreret) */
.sess-card[b-i6zwxphfay] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    padding: 12px 10px;
    border: 1px dashed var(--mud-palette-lines-default);
    border-radius: 10px;
    background: transparent;
    cursor: pointer;
    transition: background-color 0.2s ease;
    min-height: 80px;
    touch-action: manipulation;
}

    .sess-card:hover[b-i6zwxphfay] {
        background: rgba(0,0,0,.03);
    }

    .sess-card:active[b-i6zwxphfay] {
        background: rgba(0,0,0,.06);
    }

    .sess-card:focus-visible[b-i6zwxphfay] {
        outline: 2px solid var(--mud-palette-primary);
        outline-offset: 2px;
    }

.sess-card__icon[b-i6zwxphfay] {
    font-size: 28px;
    line-height: 1;
}

.sess-card__title[b-i6zwxphfay] {
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    word-wrap: break-word;
    hyphens: auto;
}

.sess-card__km[b-i6zwxphfay] {
    font-weight: 600;
    white-space: nowrap;
}

/* Mobile optimizations for session cards */
@media (max-width: 720px) {
    .sess-card[b-i6zwxphfay] {
        padding: 8px 6px;
        min-height: 75px;
        gap: 4px;
    }

    .sess-card__icon[b-i6zwxphfay] {
        font-size: 20px;
    }

    .sess-card__title[b-i6zwxphfay] {
        font-size: 0.8rem;
        line-height: 1.2;
    }

    .sess-card__km[b-i6zwxphfay] {
        font-size: 0.85rem;
    }
}

@media (max-width: 400px) {
    .sess-card[b-i6zwxphfay] {
        padding: 6px 4px;
        min-height: 70px;
        gap: 3px;
    }

    .sess-card__icon[b-i6zwxphfay] {
        font-size: 18px;
    }

    .sess-card__title[b-i6zwxphfay] {
        font-size: 0.75rem;
    }

    .sess-card__km[b-i6zwxphfay] {
        font-size: 0.8rem;
    }
}

/* Ensure touch targets are large enough on mobile */
@media (hover: none) and (pointer: coarse) {
    .sess-card[b-i6zwxphfay] {
        min-height: 44px;
        padding: 12px 10px;
    }
}

/* Completed session styling */
.sess-card--completed[b-i6zwxphfay] {
    border-color: var(--mud-palette-success);
    border-style: solid;
    background: rgba(var(--mud-palette-success-rgb), 0.05);
    position: relative;
}

.sess-card--completed:hover[b-i6zwxphfay] {
    background: rgba(var(--mud-palette-success-rgb), 0.1);
}

.sess-card__check[b-i6zwxphfay] {
    position: absolute;
    top: 4px;
    right: 4px;
    font-size: 1.2rem;
}

.sess-card__badge[b-i6zwxphfay] {
    margin-top: 4px;
    font-size: 0.7rem;
}

/* Wrapper for session card */
.sess-card-wrapper[b-i6zwxphfay] {
    position: relative;
    width: 100%;
}

/* Drag and drop styling */
.sess-card[draggable="true"][b-i6zwxphfay] {
    cursor: grab;
}

.sess-card[draggable="true"]:active[b-i6zwxphfay] {
    cursor: grabbing;
}

.sess-card--dragging[b-i6zwxphfay] {
    opacity: 0.5;
    transform: scale(0.95);
    transition: opacity 0.2s, transform 0.2s;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* =========================================
   NavMenu.razor.css � L�beakademiet
   - M�rk/sort menutekst
   - Tydelig "active" state i bl�
   - Ikoner i m�rk farve, bl� n�r aktiv
   - Optimeret til MudDrawer (ingen toggler)
   ========================================= */

/* Brand-farver */
:root[b-ft9mx8k3l0] {
    --la-text-dark: #0F172A;
    --la-primary: #2E3F87;
    --la-hover-bg: #F3F4F6; /* subtil hover */
    --la-active-bg: #EEF2FF; /* aktiv baggrund */
    --la-divider: #E5E7EB;
}

/* Topbj�lke inde i drawer (overskrift/brand) */
.la-navbar[b-ft9mx8k3l0] {
    background: transparent;
    height: 3.5rem;
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--la-divider);
}

    .la-navbar .navbar-brand[b-ft9mx8k3l0] {
        color: var(--la-text-dark) !important;
        font-size: 1.05rem;
        font-weight: 600;
    }

/* Wrapper for selve navigationen */
.la-nav[b-ft9mx8k3l0] {
    padding: .5rem 0;
}

    /* Nav item spacing */
    .la-nav .nav-item[b-ft9mx8k3l0] {
        font-size: 0.95rem;
        padding: 0 .25rem;
    }

        .la-nav .nav-item:first-of-type[b-ft9mx8k3l0] {
            margin-top: .25rem;
        }

    /* Links i venstre navigation (Bruger ::deep for at ramme NavLink's <a>) */
    .la-nav[b-ft9mx8k3l0]  .nav-link {
        color: var(--la-primary) !important;
        opacity: 1 !important;
        background: none;
        border: none;
        border-radius: 8px;
        height: 2.75rem;
        display: flex;
        align-items: center;
        line-height: 2.75rem;
        width: 100%;
        font-weight: 500;
        padding: 0 .75rem;
        transition: background-color .12s ease;
    }

        .la-nav[b-ft9mx8k3l0]  .nav-link:hover {
            background-color: var(--la-hover-bg);
            color: var(--la-primary) !important;
            text-decoration: none;
        }

        /* Aktiv side: bl� tekst, subtil baggrund og venstre markering */
        .la-nav[b-ft9mx8k3l0]  .nav-link.active,
        .la-nav[b-ft9mx8k3l0]  .nav-link.active:hover {
            color: var(--la-primary) !important;
            background-color: var(--la-active-bg);
            font-weight: 600;
            box-shadow: inset 3px 0 0 0 var(--la-primary);
        }

    /* MudNavLink styling - sikrer at tekst og ikoner har den rigtige farve */
    .la-nav[b-ft9mx8k3l0]  .mud-nav-link {
        color: var(--la-primary) !important;
    }

    .la-nav[b-ft9mx8k3l0]  .mud-nav-link:hover {
        color: var(--la-primary) !important;
    }

    .la-nav[b-ft9mx8k3l0]  .mud-nav-link.mud-nav-link-active {
        color: var(--la-primary) !important;
    }

/* Ikoner (inline SVG som baggrundsbilleder) */
.bi[b-ft9mx8k3l0] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.65rem;
    top: -1px;
    background-size: cover;
    flex: 0 0 1.25rem;
}

/* ---------- Standard (m�rk) ikonfarve ---------- */

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

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

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

/* L�s (auth) */
.bi-lock-nav-menu[b-ft9mx8k3l0] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%232E3F87' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

/* Person */
.bi-person-nav-menu[b-ft9mx8k3l0] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%232E3F87' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

/* Person badge */
.bi-person-badge-nav-menu[b-ft9mx8k3l0] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%232E3F87' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

/* Person fill */
.bi-person-fill-nav-menu[b-ft9mx8k3l0] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%232E3F87' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

/* Pil venstre (logout) */
.bi-arrow-bar-left-nav-menu[b-ft9mx8k3l0] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%232E3F87' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

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

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

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

.la-nav[b-ft9mx8k3l0]  .nav-link.active .bi-lock-nav-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%232E3F87' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.la-nav[b-ft9mx8k3l0]  .nav-link.active .bi-person-nav-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%232E3F87' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

.la-nav[b-ft9mx8k3l0]  .nav-link.active .bi-person-badge-nav-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%232E3F87' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.la-nav[b-ft9mx8k3l0]  .nav-link.active .bi-person-fill-nav-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%232E3F87' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.la-nav[b-ft9mx8k3l0]  .nav-link.active .bi-arrow-bar-left-nav-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%232E3F87' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

/* Valgfri separator mellem grupper i menuen */
.la-nav .nav-separator[b-ft9mx8k3l0] {
    height: 1px;
    background: var(--la-divider);
    margin: .5rem .75rem;
    border-radius: 1px;
}

/* Rulbar sidebar (h�je menuer) */
@media (min-width: 641px) {
    .nav-scrollable[b-ft9mx8k3l0] {
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}

/* -------------------------------------------------
   (Legacy) Hvis du stadig bruger den gamle toggler:
   Fjern kommentaren nedenfor � ellers lad den v�re
   deaktiveret. MudDrawer har ikke brug for toggler.
--------------------------------------------------- */
/*
.navbar-toggler { display: none; }
.top-row { background: transparent; }
*/
/* /Components/Pages/Home.razor.rz.scp.css */
/* Hero med Løbeakademiets blå gradient */
.hero[b-yyqg5scoqe] {
    background: radial-gradient(1200px 400px at 0% 0%, rgba(46,63,135,0.25), transparent), linear-gradient(135deg,#2E3F87 0%, #1E40AF 45%, #0B132B 100%);
    color: #fff;
}

/* Diskret border-stil til kort */
.border[b-yyqg5scoqe] {
    border: 1px solid #E5E7EB;
}

/* Subtil sekundær tekst */
.text-muted[b-yyqg5scoqe] {
    color: #64748B;
}

/* Utilitys (enkle og neutrale) */
.mt-2[b-yyqg5scoqe] {
    margin-top: .5rem;
}

.mt-6[b-yyqg5scoqe] {
    margin-top: 1.5rem;
}

.mt-8[b-yyqg5scoqe] {
    margin-top: 2rem;
}

.mb-2[b-yyqg5scoqe] {
    margin-bottom: .5rem;
}

.p-4[b-yyqg5scoqe] {
    padding: 1rem;
}

.p-8[b-yyqg5scoqe] {
    padding: 2rem;
}

.md\:p-12[b-yyqg5scoqe] {
    padding: 3rem;
}

.rounded-2xl[b-yyqg5scoqe] {
    border-radius: 1rem;
}

.flex[b-yyqg5scoqe] {
    display: flex;
}

.gap-3[b-yyqg5scoqe] {
    gap: .75rem;
}

.flex-wrap[b-yyqg5scoqe] {
    flex-wrap: wrap;
}

.grid[b-yyqg5scoqe] {
    display: grid;
}

@media (min-width: 768px) {
    .md\:p-12[b-yyqg5scoqe] {
        padding: 3rem;
    }
}
/* /Components/Pages/RunningPlan.razor.rz.scp.css */
/* Stor graf */
.chart-card-wrapper[b-ppkvdyek31] {
    display: block;
}

.chart-card[b-ppkvdyek31] {
    padding: 12px;
    border-radius: 12px;
}

.chart-frame[b-ppkvdyek31] {
    width: 100%;
    overflow: hidden;
}

.chart-inner[b-ppkvdyek31] {
    width: 100%;
    position: relative;
}

.chart-wrap[b-ppkvdyek31] {
    width: 100%;
    height: 420px;
}

@media (min-width: 900px) {
    .chart-wrap[b-ppkvdyek31] {
        height: 520px;
    }
}

/* Navigation knapper over uge oversigten */
.week-navigation[b-ppkvdyek31] {
    display: flex;
    gap: 8px;
    justify-content: center;
    flex-wrap: wrap;
    padding: 8px 4px;
    margin-bottom: 8px;
}

.week-nav-button[b-ppkvdyek31] {
    min-width: 120px;
    flex: 1 1 auto;
    max-width: 200px;
}

.week-nav-text[b-ppkvdyek31] {
    display: inline-block;
}

@media (max-width: 600px) {
    .week-navigation[b-ppkvdyek31] {
        gap: 6px;
        padding: 6px 2px;
        margin-bottom: 6px;
    }

    .week-nav-button[b-ppkvdyek31] {
        min-width: 100px;
        flex: 1 1 calc(50% - 3px);
        max-width: none;
        font-size: 0.875rem;
        padding: 8px 12px;
    }

    .week-nav-text[b-ppkvdyek31] {
        font-size: 0.875rem;
    }
}

@media (max-width: 400px) {
    .week-nav-button[b-ppkvdyek31] {
        min-width: 90px;
        font-size: 0.8rem;
        padding: 6px 10px;
    }

    .week-nav-text[b-ppkvdyek31] {
        font-size: 0.8rem;
    }
}

/* Uge-kalender kort */
.week-card[b-ppkvdyek31] {
    margin-top: 0;
    border-radius: 12px;
    padding: 8px 8px;
}

/* Fire bokse nederst – lige høje pr. række (uden indre scroll) */
.equal-col[b-ppkvdyek31] {
    display: flex;
}

/* gør MudItem til flex-container */
.fill[b-ppkvdyek31] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* MudPaper fylder hele højden */
.info-card[b-ppkvdyek31] {
    border-radius: 12px;
    padding: 16px 12px;
    height: 100%;
}

/* Fjern evt. rester fra tidligere indre scroll */
.card-body-scroll[b-ppkvdyek31] {
    max-height: none !important;
    overflow: visible !important;
}

/* Undgå horisontal scroll */
.page-wrap[b-ppkvdyek31] {
    overflow-x: hidden;
}

/* Mobile polish */
@media (max-width: 600px) {
    .chart-card[b-ppkvdyek31] {
        padding: 8px;
    }

    .week-card[b-ppkvdyek31] {
        padding: 6px 6px;
        margin-top: 8px;
    }

    .info-card[b-ppkvdyek31] {
        padding: 12px 10px;
    }

    h1[b-ppkvdyek31] {
        font-size: clamp(1.25rem, 3.8vw, 1.6rem);
        margin: 0;
        padding: 8px 0;
    }

    .page-wrap[b-ppkvdyek31] {
        gap: 8px;
    }

    .chart-frame[b-ppkvdyek31] {
        padding: 0;
    }

    .chart-inner[b-ppkvdyek31] {
        padding: 0;
    }
}

@media (max-width: 400px) {
    .chart-card[b-ppkvdyek31] {
        padding: 6px;
    }

    .week-card[b-ppkvdyek31] {
        padding: 4px 4px;
    }

    .info-card[b-ppkvdyek31] {
        padding: 10px 8px;
    }

    h1[b-ppkvdyek31] {
        font-size: clamp(1.1rem, 4vw, 1.4rem);
        padding: 6px 0;
    }
}