.training-source-filter{display:grid;gap:10px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fff}
.training-source-filter-head strong,.training-source-filter-head span{display:block}
.training-source-filter-head strong{font-size:13px}
.training-source-filter-head span{margin-top:2px;color:var(--muted);font-size:10px}
.training-source-filter-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.training-source-toggle{appearance:none;display:grid;gap:2px;min-width:0;padding:10px 11px;border:1px solid var(--line);border-radius:12px;background:#faf8f9;color:var(--text);text-align:left;cursor:pointer}
.training-source-toggle span,.training-source-toggle small{display:block;min-width:0;overflow-wrap:anywhere}
.training-source-toggle span{font-size:11px;font-weight:900}
.training-source-toggle small{color:var(--muted);font-size:9px}
.training-source-toggle.is-active{border-color:#7f2444;background:#f8eaf0;box-shadow:inset 0 0 0 1px rgba(127,36,68,.18)}
.training-source-toggle.is-active:before{content:"Aktiv";justify-self:start;margin-bottom:2px;padding:2px 6px;border-radius:999px;background:#17603b;color:#fff;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.training-source-filter-help{margin:0;color:var(--muted);font-size:9px;line-height:1.4}

.training-builder-preview.is-source-original .training-builder-preview-image{background:#fff}
.training-builder-preview-image>.training-diagram-preview{width:100%!important;height:100%!important;min-height:0!important;flex-basis:auto!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.training-builder-preview-image>.training-diagram-preview>span{width:22px;height:22px;right:4px;bottom:4px;font-size:10px}

.training-regular-date-lock{display:grid;gap:2px;margin-top:7px;padding:8px 10px;border-left:3px solid #17603b;border-radius:8px;background:#eef8f2;font-size:10px;line-height:1.35}
.training-regular-date-lock strong{color:#155c39}
.training-regular-date-lock span{color:var(--muted)}

@container (max-width:520px){
  .training-source-filter-buttons{grid-template-columns:1fr}
}

@media(max-width:720px){
  .training-source-filter-buttons{grid-template-columns:1fr}
}