/* Scoped decorative accents: First Touch's controls and semantic colours stay unchanged. */
.club-identity-swatches { display:inline-flex; align-items:center; gap:3px; flex:0 0 auto; }
.club-identity-swatches > span { width:8px; height:8px; border-radius:50%; border:1px solid rgba(15,23,42,.16); }
.club-identity-swatches > span:first-child { background:var(--workspace-club-primary); }
.club-identity-swatches > span:last-child { background:var(--workspace-club-secondary); }
.workspace-club-identity { display:flex; align-items:center; flex-wrap:wrap; gap:8px 12px; margin:0 0 14px; color:var(--text-secondary); font-size:.72rem; line-height:1.4; }
.workspace-club-name { display:inline-flex; flex-wrap:wrap; align-items:baseline; gap:5px 8px; min-width:0; }
.workspace-club-name > span { color:var(--text-secondary); font-size:.68rem; }
.workspace-club-name strong { color:var(--text); font-weight:650; overflow-wrap:anywhere; }
.workspace-club-context { color:var(--text-secondary); padding-left:12px; border-left:1px solid var(--border); overflow-wrap:anywhere; }
.club-activity-context {
    display:flex; align-items:center; gap:8px; flex-wrap:wrap;
    position:relative; width:fit-content; max-width:100%;
    padding:0 0 8px; margin:6px 0 12px; color:var(--text-secondary);
    font-size:.75rem; line-height:1.5;
}
.club-activity-context::after {
    content:""; position:absolute; left:0; bottom:0; width:64px; height:2px;
    background:linear-gradient(to right,var(--workspace-club-primary) 0 70%,var(--workspace-club-secondary) 70% 100%);
    border-radius:2px;
}
.club-activity-context > span:last-child { min-width:0; overflow-wrap:anywhere; flex:1; }
.training-detail-header .club-activity-context { margin-top:0; }
.workspace-hero .club-activity-context { color:rgba(255,255,255,.88); }
.workspace-hero .club-identity-swatches > span { border-color:rgba(255,255,255,.45); }
@media print { .club-activity-context::after { display:none; } }
@media (max-width:575px) {
    .workspace-club-identity { gap:5px 8px; margin-bottom:12px; }
    .workspace-club-name { flex:1; }
    .workspace-club-context { flex-basis:100%; border:0; padding-left:27px; font-size:.68rem; }
}