/* Training and compliance panel on the admin and training dashboard (pipeline item #53, P8).
   .ds- components plus these layout rules; tokens only (tests/design-system.test.js). */
#training-dashboard-root{margin-top:var(--ds-space-5)}
.training-header h2{margin:0;font:800 var(--ds-text-xl) var(--ds-font-heading);color:var(--ds-ink)}
.training-figures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ds-space-2);margin:0}
.training-figures div{padding:var(--ds-space-2);border-radius:var(--ds-radius-sm);background:var(--ds-surface)}
.training-figures dt{color:var(--ds-text-muted);font-size:var(--ds-text-xs);font-weight:700;text-transform:uppercase}
.training-figures dd{margin:2px 0 0;font:800 var(--ds-text-lg) var(--ds-font-heading);color:var(--ds-ink)}
.training-inline-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--ds-space-2)}
.training-inline-form .ds-field{flex:1 1 140px}
.training-course-form{display:grid;gap:var(--ds-space-3);margin-top:var(--ds-space-3);padding-top:var(--ds-space-3);border-top:1px solid var(--ds-line)}
.training-course-form h4{margin:0;color:var(--ds-ink)}
.training-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:var(--ds-space-3)}
.training-attendees{display:flex;flex-wrap:wrap;gap:var(--ds-space-2) var(--ds-space-4);margin:0;padding:var(--ds-space-3);border:1px solid var(--ds-line);border-radius:var(--ds-radius)}
.training-attendee{display:inline-flex;align-items:center;gap:var(--ds-space-1);min-height:var(--ds-touch)}
.training-table-wrap{overflow-x:auto}
.training-table-wrap small{display:block;color:var(--ds-text-muted)}
.training-table-wrap tr.is-cancelled{opacity:.6}
@media (max-width:1180px){.training-figures{grid-template-columns:1fr}}