/* Compact saved-plan list inspired by mobile workout template rows. */

#saved-plan-list.workout-plan-grid {
    display:flex;
    flex-direction:column;
    gap:10px;
}

#saved-plan-list .preset-plan-card {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:
        "label actions"
        "title actions"
        "summary actions"
        "last actions"
        "days actions";
    column-gap:16px;
    row-gap:4px;
    width:100%;
    padding:16px 16px 15px;
    background:#121216;
    border:1px solid rgba(255,255,255,.10);
    border-radius:18px;
    box-shadow:none;
    transform:none;
    cursor:default;
}

#saved-plan-list .preset-plan-card:hover {
    transform:none;
    border-color:rgba(255,255,255,.18);
}

#saved-plan-list .plan-type-label {
    grid-area:label;
    margin:0 0 2px;
    color:var(--red);
    font-size:9px;
    letter-spacing:1.2px;
}

#saved-plan-list .preset-plan-card h4 {
    grid-area:title;
    margin:0;
    font-size:19px;
    line-height:1.18;
    color:#fff;
}

#saved-plan-list .preset-plan-card > p:not(.plan-last-workout) {
    grid-area:summary;
    margin:2px 0 0;
    color:#aaaab2;
    font-size:13px;
    line-height:1.35;
}

#saved-plan-list .plan-last-workout {
    grid-area:last;
    margin:3px 0 0;
    color:#f2f2f4;
    font-size:12px;
    font-weight:700;
    line-height:1.3;
}

#saved-plan-list .template-details {
    grid-area:days;
    display:block;
    min-width:0;
    margin:3px 0 0;
    color:#8f8f98;
    font-size:12px;
    line-height:1.35;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

#saved-plan-list .builder-footer {
    grid-area:actions;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    justify-content:center;
    gap:7px;
    margin:0;
    min-width:104px;
}

#saved-plan-list .builder-footer button {
    width:100%;
    min-height:34px;
    margin:0;
    padding:8px 10px;
    border-radius:10px;
    font-size:11px;
    line-height:1.1;
    white-space:nowrap;
}

#saved-plan-list .builder-footer .primary-btn {
    box-shadow:none;
}

#saved-plan-list .builder-footer .remove-exercise-btn {
    color:#ff666e;
    border:1px solid rgba(255,102,110,.22);
    background:rgba(255,102,110,.04);
}

/* Level Up template plans stay as compact cards, two side-by-side. */
.workout-page .preset-grid {
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:10px;
}

.workout-page .preset-grid .preset-plan-card {
    min-width:0;
    padding:14px;
    border-radius:16px;
}

.workout-page .preset-grid .preset-plan-card h4 {
    margin:11px 0 6px;
    font-size:16px;
    line-height:1.2;
}

.workout-page .preset-grid .preset-plan-card p {
    font-size:12px;
    line-height:1.35;
}

.workout-page .preset-grid .template-card-top {
    align-items:flex-start;
    gap:6px;
}

.workout-page .preset-grid .plan-type-label {
    font-size:8px;
    letter-spacing:.8px;
}

.workout-page .preset-grid .template-frequency {
    font-size:10px;
    text-align:right;
}

.workout-page .preset-grid .template-details {
    margin-top:12px;
    font-size:10px;
    flex-wrap:wrap;
}

.workout-page .preset-grid .template-action {
    margin-top:12px;
    font-size:11px;
}

@media (max-width:600px) {
    #saved-plan-list.workout-plan-grid {
        gap:9px;
    }

    #saved-plan-list .preset-plan-card {
        grid-template-columns:minmax(0,1fr) 92px;
        column-gap:12px;
        padding:14px;
        border-radius:16px;
    }

    #saved-plan-list .preset-plan-card h4 {
        font-size:18px;
    }

    #saved-plan-list .preset-plan-card > p:not(.plan-last-workout),
    #saved-plan-list .plan-last-workout,
    #saved-plan-list .template-details {
        font-size:11px;
    }

    #saved-plan-list .builder-footer {
        min-width:92px;
        gap:6px;
    }

    #saved-plan-list .builder-footer button {
        min-height:32px;
        padding:7px 8px;
        font-size:10px;
    }

    .workout-page .preset-grid {
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:8px;
    }

    .workout-page .preset-grid .preset-plan-card {
        padding:12px;
    }
}