/* Hardloop Trainingsschema Generator — front-end & admin styling */
.hts{--hl-blauw:#1f4e78;--hl-licht:#eef3f9;--hl-rand:#d6dee8;--hl-geel:#f4b400;font-family:Arial,Helvetica,sans-serif;color:#1d2327;line-height:1.45;max-width:1000px}
.hts *{box-sizing:border-box}
.hts__titel{color:var(--hl-blauw);margin:0 0 .4em}
.hts__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 18px;font-size:14px}
.hts__badge{display:inline-block;background:var(--hl-blauw);color:#fff;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:700;letter-spacing:.02em}
.hts__badge--cat{background:#2e7d32}
.hts__opbouw{color:#50575e;font-size:13px}
.hts__week{margin:0 0 22px;border:1px solid var(--hl-rand);border-radius:8px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.hts__weekkop{display:flex;flex-wrap:wrap;align-items:center;gap:12px;background:var(--hl-licht);padding:8px 14px;border-bottom:1px solid var(--hl-rand)}
.hts__weeknr{font-weight:700;color:var(--hl-blauw)}
.hts__fase{font-size:13px;color:#50575e}
.hts__piek{margin-left:auto;font-size:13px;font-weight:700;color:#9a6700;background:#fff7e0;border:1px solid var(--hl-geel);padding:2px 8px;border-radius:10px}
.hts__tabel{width:100%;border-collapse:collapse;font-size:14px}
.hts__tabel th{background:#fafbfc;text-align:left;padding:8px 12px;border-bottom:2px solid var(--hl-rand);font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:#50575e;vertical-align:bottom}
.hts__tabel td{padding:9px 12px;border-bottom:1px solid #eef1f4;vertical-align:top}
.hts__tabel tr:last-child td{border-bottom:none}
.hts__col-dag{width:84px}.hts__col-type{width:130px}
.hts__dag small{color:#787c82}
.hts__sessie{display:flex;flex-direction:column;gap:3px}
.hts__oms{display:block}
.hts__kern{align-self:flex-start;font-size:11px;font-weight:700;color:var(--hl-blauw);background:var(--hl-licht);padding:1px 7px;border-radius:8px}
.hts__weekend{background:#fcfcfd}
.hts__weekend .hts__oms{color:#50575e;font-style:italic}
.hts__chip{display:inline-block;padding:2px 9px;border-radius:10px;font-size:12px;font-weight:700;color:#fff;background:#607d8b}
.hts__chip--korte_interval{background:#e53935}
.hts__chip--lange_interval{background:#d81b60}
.hts__chip--duurloop{background:#2e7d32}
.hts__chip--wisselduur{background:#00897b}
.hts__chip--piramide{background:#6d4c41}
.hts__chip--tempo{background:#f4511e}
.hts__chip--fartlek{background:#3949ab}
.hts__chip--climax{background:#8e24aa}
.hts__chip--yasso{background:#5d4037}
.hts__chip--heuvel{background:#455a64}
.hts__legenda{margin-top:8px;padding:10px 14px;background:var(--hl-licht);border:1px solid var(--hl-rand);border-radius:6px;font-size:12.5px;color:#50575e}
@media(max-width:640px){.hts__tabel,.hts__tabel thead,.hts__tabel tbody,.hts__tabel th,.hts__tabel td,.hts__tabel tr{display:block}.hts__tabel thead{display:none}.hts__tabel td{border:none;padding:4px 12px}.hts__tabel tr{border-bottom:1px solid var(--hl-rand);padding:6px 0}}