@import url('./calc-common.css');

/* ======================================================================
 *  一周健身计划生成器 /css/tools/workout-planner.css
 * ====================================================================== */

/* ---------- 一周课表 ---------- */
.wp-week {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 14px;
    margin-bottom: 24px;
    animation: calcFade 0.28s ease;
}
.wp-day {
    border: 1px solid var(--c-border);
    border-radius: 16px;
    background: var(--c-bg-card);
    box-shadow: var(--shadow-sm);
    padding: 16px 18px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.wp-day.is-rest {
    background: var(--c-surface-soft);
    box-shadow: none;
}
.wp-day-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.wp-day-head b {
    font-size: 15px;
    font-weight: 800;
    color: var(--c-text);
}
.wp-day-tag {
    padding: 3px 12px;
    border-radius: 99px;
    font-size: 11.5px;
    font-weight: 700;
    color: #0a7fc0;
    background: rgba(0, 150, 220, 0.10);
    white-space: nowrap;
}
.wp-day.is-rest .wp-day-tag {
    color: var(--c-text-muted);
    background: var(--c-bg-card);
    border: 1px dashed var(--c-border);
}

/* 动作列表 */
.wp-ex-list {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid var(--c-border);
    border-radius: 12px;
    overflow: hidden;
}
.wp-ex-list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 9px 12px;
    font-size: 12.5px;
    border-bottom: 1px solid var(--c-border);
    background: var(--c-bg-card);
}
.wp-ex-list li:last-child { border-bottom: none; }
.wp-ex-list .nm { font-weight: 700; color: var(--c-text); }
.wp-ex-list .nm small {
    display: block;
    font-size: 10.5px;
    font-weight: 600;
    color: var(--c-text-muted);
    margin-top: 1px;
}
.wp-ex-list .dose {
    text-align: right;
    color: var(--c-text-sub);
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}
.wp-ex-list .dose b { color: #0a7fc0; }
.wp-ex-list .dose small { display: block; font-size: 10.5px; color: var(--c-text-muted); }

/* HIIT / 有氧补充块 */
.wp-day-note {
    font-size: 12px;
    line-height: 1.7;
    color: var(--c-text-sub);
    padding: 10px 12px;
    border-radius: 10px;
    background: rgba(255, 138, 61, 0.08);
    border: 1px dashed rgba(255, 138, 61, 0.4);
}
.wp-day-note b { color: var(--c-text); }
.wp-day.is-rest .wp-day-note {
    background: transparent;
    border-style: solid;
    border-color: var(--c-border);
    color: var(--c-text-muted);
}

/* 黑夜模式 */
[data-theme="dark"] .wp-day { background: var(--c-bg-card); }
[data-theme="dark"] .wp-day.is-rest { background: rgba(255, 255, 255, 0.02); }
[data-theme="dark"] .wp-ex-list li { background: rgba(255, 255, 255, 0.03); }
[data-theme="dark"] .wp-day-tag { color: #58bdf0; background: rgba(0, 150, 220, 0.16); }
[data-theme="dark"] .wp-day.is-rest .wp-day-tag { background: rgba(255, 255, 255, 0.05); }
[data-theme="dark"] .wp-ex-list .dose b { color: #58bdf0; }
[data-theme="dark"] .wp-day-note {
    background: rgba(255, 138, 61, 0.10);
    border-color: rgba(255, 138, 61, 0.36);
}
[data-theme="dark"] .wp-day.is-rest .wp-day-note {
    background: transparent;
    border-color: var(--c-border);
}

@media (max-width: 620px) {
    .wp-week { grid-template-columns: 1fr; }
}