/* The saved phase → block → element order stays vertical in every layout. */
#modal-root .training-detail-phases{display:grid;grid-template-columns:minmax(0,1fr);gap:.85rem}
#modal-root .training-detail-phase{min-width:0}
#modal-root .training-detail-phase>article{display:block;min-width:0}
#modal-root .training-detail-phase article>p{white-space:pre-line;overflow-wrap:anywhere}
#modal-root .training-detail-phase .training-detail-elements{display:grid;grid-template-columns:minmax(0,1fr);gap:.3rem;margin:.45rem 0 0;padding:0;list-style:none;min-width:0}
#modal-root .training-detail-phase .training-detail-elements>li{display:block;margin:0;padding:.2rem 0 .2rem .65rem;border-left:2px solid var(--club-border);font-size:.8rem;line-height:1.5;white-space:pre-line;overflow-wrap:anywhere}
#modal-root .training-detail-plan{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;font-weight:400}

/* Keep the training detail open beneath a focused deletion confirmation. */
.training-delete-dialog{width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;margin:auto;padding:24px;border:1px solid #e2e7ee;border-radius:20px;background:#fff;color:#172033;box-shadow:0 24px 80px #0f172a30}
.training-delete-dialog::backdrop{background:#17203366;backdrop-filter:blur(3px)}
.training-delete-dialog form{margin:0}
.training-delete-heading{display:flex;align-items:flex-start;gap:14px}
.training-delete-icon{display:grid;place-items:center;flex:none;width:46px;height:46px;border:1px solid #f2c6ce;border-radius:14px;background:#fff0f2;color:#b42336}
.training-delete-icon svg{width:23px;height:23px}
.training-delete-heading h2{margin:1px 0 7px;font-size:1.15rem;line-height:1.3;font-weight:750;letter-spacing:-.02em}
.training-delete-heading p{margin:0;color:#5c687b;font-size:.85rem;line-height:1.6}
.training-delete-subject{display:grid;gap:5px;margin:20px 0;padding:14px 16px;border:1px solid #e2e7ee;border-radius:12px;background:#f8fafc;overflow-wrap:anywhere}
.training-delete-subject strong{font-size:.9rem;font-weight:650}
.training-delete-subject span{font-size:.8rem;color:#5c687b}
.training-delete-error{color:#a52435;font-size:.85rem;line-height:1.5}
.training-delete-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:16px;border-top:1px solid #e2e7ee}
.training-delete-actions .button{min-height:44px;justify-content:center;font-size:.85rem;font-weight:650}
:root body .training-delete-dialog .button.danger{border:1px solid #b42336;background:#b42336;color:#fff;box-shadow:none}
:root body .training-delete-dialog .button.danger:not(:disabled):hover{background:#951e2e;border-color:#951e2e;color:#fff}
.training-delete-actions .button:focus-visible{outline:2px solid #172033;outline-offset:3px}
@media(max-width:480px){.training-delete-dialog{padding:20px}.training-delete-actions{display:grid;grid-template-columns:1fr 1.5fr}.training-delete-actions .button{width:100%;padding-inline:10px}}