/* FUTGRID V139 · Training sessions styles. Entirely scoped to the new module. */
#trainingSessionsScreen { --ts-gap:14px; }
#trainingSessionsScreen .ts-shell { display:grid; grid-template-columns:minmax(250px,320px) minmax(0,1fr); gap:var(--ts-gap); align-items:start; }
#trainingSessionsScreen .ts-card { background:var(--panel); border:1px solid var(--line); border-radius:16px; overflow:hidden; }
#trainingSessionsScreen .ts-head { padding:16px; border-bottom:1px solid var(--line); display:flex; gap:10px; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; }
#trainingSessionsScreen .ts-head h2,#trainingSessionsScreen .ts-head h3 { margin:0; }
#trainingSessionsScreen .ts-head p { margin:5px 0 0; color:var(--muted); font-size:12px; line-height:1.45; }
#trainingSessionsScreen .ts-body { padding:16px; }
#trainingSessionsScreen .ts-toolbar { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
#trainingSessionsScreen .ts-toolbar select { min-width:130px; }
#trainingSessionsScreen .ts-session-list { display:grid; gap:8px; margin-top:12px; }
#trainingSessionsScreen .ts-session-row { border:1px solid var(--line); border-radius:12px; padding:10px; background:var(--panel-2,var(--panel)); }
#trainingSessionsScreen .ts-session-row strong { display:block; overflow-wrap:anywhere; }
#trainingSessionsScreen .ts-session-meta { font-size:11px; color:var(--muted); margin:4px 0 8px; }
#trainingSessionsScreen .ts-session-actions { display:flex; flex-wrap:wrap; gap:6px; }
#trainingSessionsScreen .ts-session-actions button { min-height:34px; padding:6px 9px; font-size:11px; }
#trainingSessionsScreen .ts-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
#trainingSessionsScreen .ts-form-grid .wide { grid-column:1/-1; }
#trainingSessionsScreen label { display:block; font-size:12px; margin-bottom:5px; }
#trainingSessionsScreen input,#trainingSessionsScreen select,#trainingSessionsScreen textarea { width:100%; box-sizing:border-box; }
#trainingSessionsScreen textarea { min-height:84px; resize:vertical; }
#trainingSessionsScreen .ts-objectives { display:flex; flex-wrap:wrap; gap:7px; }
#trainingSessionsScreen .ts-chip { display:flex; gap:5px; align-items:center; border:1px solid var(--line); border-radius:999px; padding:6px 9px; font-size:11px; }
#trainingSessionsScreen .ts-chip input { width:auto; margin:0; }
#trainingSessionsScreen .ts-total { font-size:24px; font-weight:800; }
#trainingSessionsScreen .ts-exercise-list { display:grid; gap:10px; }
#trainingSessionsScreen .ts-block-title { font-size:12px; letter-spacing:.05em; text-transform:uppercase; color:var(--muted); margin:10px 2px 2px; font-weight:800; }
#trainingSessionsScreen .ts-exercise { border:1px solid var(--line); border-radius:14px; padding:10px; display:grid; grid-template-columns:150px minmax(0,1fr); gap:12px; background:var(--panel-2,var(--panel)); }
#trainingSessionsScreen .ts-exercise[draggable="true"] { cursor:grab; }
#trainingSessionsScreen .ts-exercise.ts-dragging { opacity:.45; }
#trainingSessionsScreen .ts-thumb { width:150px; aspect-ratio:4/3; border-radius:10px; overflow:hidden; background:#111827; display:flex; align-items:center; justify-content:center; }
#trainingSessionsScreen .ts-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
#trainingSessionsScreen .ts-thumb span { font-size:11px; color:#9ca3af; }
#trainingSessionsScreen .ts-exercise-title { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
#trainingSessionsScreen .ts-exercise-title strong { font-size:14px; overflow-wrap:anywhere; }
#trainingSessionsScreen .ts-badge { font-size:10px; padding:3px 6px; border:1px solid var(--line); border-radius:999px; color:var(--muted); }
#trainingSessionsScreen .ts-exercise-meta { font-size:11px; color:var(--muted); margin:5px 0 8px; }
#trainingSessionsScreen .ts-exercise-actions { display:flex; flex-wrap:wrap; gap:6px; }
#trainingSessionsScreen .ts-exercise-actions button { min-height:32px; padding:5px 8px; font-size:10px; }
#trainingSessionsScreen .ts-exercise details { grid-column:1/-1; border-top:1px solid var(--line); padding-top:8px; }
#trainingSessionsScreen .ts-exercise details summary { cursor:pointer; font-size:12px; font-weight:700; }
#trainingSessionsScreen .ts-exercise-form { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; padding-top:10px; }
#trainingSessionsScreen .ts-exercise-form .wide { grid-column:1/-1; }
#trainingSessionsScreen .ts-pause { grid-template-columns:1fr; }
#trainingSessionsScreen .ts-pause-line { display:grid; grid-template-columns:minmax(100px,1fr) 100px auto; gap:10px; align-items:end; }
#trainingSessionsScreen .ts-empty { color:var(--muted); font-size:12px; padding:16px 0; }
#trainingSessionsScreen .ts-material { margin-top:14px; padding:12px; border:1px dashed var(--line); border-radius:12px; font-size:12px; color:var(--muted); }
#trainingSessionsScreen .ts-status { min-height:18px; color:var(--muted); font-size:11px; margin-top:8px; }
#trainingSessionsScreen .ts-local-note { font-size:11px; color:var(--muted); }
#trainingSessionsEntry { width:100%; margin-top:10px; }
#trainingSessionEditorBar { position:fixed; left:50%; bottom:18px; transform:translateX(-50%); z-index:10050; width:min(760px,calc(100vw - 24px)); background:rgba(15,18,24,.96); color:#fff; border:1px solid rgba(255,255,255,.16); border-radius:16px; box-shadow:0 18px 55px rgba(0,0,0,.35); padding:12px; display:flex; gap:12px; align-items:center; justify-content:space-between; }
#trainingSessionEditorBar .ts-editor-copy { min-width:0; }
#trainingSessionEditorBar strong { display:block; font-size:13px; }
#trainingSessionEditorBar span { display:block; font-size:11px; opacity:.75; margin-top:3px; }
#trainingSessionEditorBar .ts-editor-actions { display:flex; gap:7px; flex-wrap:wrap; flex:0 0 auto; }
#trainingSessionEditorBar button { min-height:38px; }
@media(max-width:900px) {
  #trainingSessionsScreen .ts-shell { grid-template-columns:1fr; }
  #trainingSessionsScreen .ts-form-grid { grid-template-columns:1fr; }
  #trainingSessionsScreen .ts-exercise-form { grid-template-columns:1fr 1fr; }
}
@media(max-width:600px) {
  #trainingSessionsScreen .ts-body,#trainingSessionsScreen .ts-head { padding:12px; }
  #trainingSessionsScreen .ts-exercise { grid-template-columns:98px minmax(0,1fr); gap:9px; }
  #trainingSessionsScreen .ts-thumb { width:98px; }
  #trainingSessionsScreen .ts-exercise-form { grid-template-columns:1fr; }
  #trainingSessionsScreen .ts-exercise-form .wide { grid-column:auto; }
  #trainingSessionsScreen .ts-pause-line { grid-template-columns:1fr 84px; }
  #trainingSessionsScreen .ts-pause-line .ts-pause-check { grid-column:1/-1; }
  #trainingSessionEditorBar { align-items:stretch; flex-direction:column; }
  #trainingSessionEditorBar .ts-editor-actions button { flex:1; }
}