/* Coaches Hub (/coaches), Coach Setup card (/account), Coach Command Center (/dashboard), team preview (/team) */
.coach-strip { display: grid; gap: .8rem; margin: 0 0 1.2rem; border: 1px solid rgba(212,175,55,.55); background: linear-gradient(180deg, rgba(212,175,55,.10), var(--card) 70%); }
.coach-strip-guest { display: flex; flex-wrap: wrap; gap: .7rem; align-items: center; } .coach-strip-guest > span { flex: 1 1 280px; } .coach-strip-guest .ic { color: var(--gold); vertical-align: -4px; }
.cs-status { display: flex; flex-wrap: wrap; gap: .6rem; align-items: center; }
.cs-links { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: .6rem; }
.cs-link { display: flex; gap: .6rem; align-items: flex-start; padding: .75rem .85rem; min-height: 64px; border-radius: 12px; background: var(--card); border: 1px solid var(--line); color: var(--text); text-decoration: none !important; }
.cs-link:hover { border-color: var(--gold); } .cs-link .ic { color: var(--gold); flex: none; margin-top: 2px; }
.cs-link span { display: flex; flex-direction: column; } .cs-link b { font-family: var(--head); letter-spacing: .03em; text-transform: uppercase; font-size: 1rem; } .cs-link small { color: var(--muted); font-size: .8rem; line-height: 1.3; }
.cs-link-gold { border-color: var(--gold); background: var(--gold-dim); }
.coach-setup-cta { border: 2px solid var(--gold); background: linear-gradient(180deg, rgba(212,175,55,.12), var(--card) 60%); margin: 0 0 1.2rem; }
.team-preview { margin: 0 0 1.2rem; border-color: rgba(212,175,55,.55); }
.team-preview ul { margin: .4rem 0 .8rem; padding-left: 1.1rem; } .team-preview li { margin: .3rem 0; }
.coach-center { margin: 0 0 1.2rem; }
.chip-link.on .muted { color: inherit; opacity: .75; }
/* My Week "From Your Coach" (seated 14+ players) */
.coach-feed { margin: 0 0 1.2rem; border: 2px solid var(--gold); background: linear-gradient(180deg, rgba(212,175,55,.13), var(--card) 65%); }
.cf-head { display: flex; flex-wrap: wrap; gap: .6rem; align-items: center; justify-content: space-between; margin-bottom: .6rem; }
.cf-head .card-title { margin: 0; } .cf-head .card-title .ic { color: var(--gold); }
.cf-team { color: var(--gold); }
.cf-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
@media (max-width: 760px) { .cf-cols { grid-template-columns: 1fr; } .cf-head .btn { width: 100%; justify-content: center; } .cf-head .card-title { flex-wrap: wrap; } .cf-team { display: block; width: 100%; font-size: .85em; } .cf-dash { display: none; } }
.cf-sub { font-family: var(--head); text-transform: uppercase; letter-spacing: .04em; font-size: .95rem; margin: 0 0 .5rem; display: flex; gap: .4rem; align-items: center; color: var(--muted); }
.cf-sub .ic { color: var(--gold); }
.cf-list { list-style: none; margin: 0; padding: 0; display: grid; gap: .5rem; }
.cf-item { display: flex; gap: .6rem; align-items: center; justify-content: space-between; padding: .65rem .8rem; border-radius: 12px; background: var(--card); border: 1px solid var(--line); }
.cf-item:hover { border-color: var(--gold); }
.cf-main, .cf-lesson { display: flex; flex-direction: column; gap: .3rem; min-width: 0; flex: 1; }
.cf-lesson { color: var(--text); text-decoration: none !important; }
.cf-main b, .cf-lesson b { overflow-wrap: anywhere; }
.cf-meta { display: flex; flex-wrap: wrap; gap: .35rem; align-items: center; }
.cf-new { background: var(--gold); color: #111; font-weight: 800; }
.cf-best { background: rgba(70,190,120,.18); color: #7fe0a6; border: 1px solid rgba(70,190,120,.45); }
.cf-video .ic { color: #ff4d4d; } .cf-file .ic { color: var(--gold); }
.cf-item .btn { flex: none; }
.cf-empty { display: flex; gap: .5rem; align-items: flex-start; margin: 0; } .cf-empty .ic { color: var(--gold); flex: none; margin-top: 2px; }
/* "Post to Team" on video cards (verified coaches with a live team) */
.post-team { display: inline-flex; gap: .3rem; align-items: center; font-size: .8rem; font-weight: 700; color: var(--gold); text-decoration: none !important; padding: .3rem .55rem; border: 1px solid rgba(212,175,55,.5); border-radius: 999px; white-space: nowrap; }
.post-team:hover, .post-team:focus-visible { background: var(--gold-dim); border-color: var(--gold); }
.short-foot .post-team { font-size: .72rem; padding: .22rem .45rem; }
/* Team Playbook: quick lesson / share form */
.pb-new-lesson { margin: 1rem 0; } .pb-new-lesson > summary { cursor: pointer; list-style: none; margin: 0; }
.pb-new-lesson > summary::-webkit-details-marker { display: none; }
.pb-new-lesson[open] > summary { margin-bottom: .7rem; }
.pb-new-lesson.is-sharing { border: 2px solid var(--gold); }
.pb-share-banner { display: flex; gap: .45rem; align-items: flex-start; padding: .6rem .8rem; border-radius: 10px; background: var(--gold-dim); border: 1px solid rgba(212,175,55,.5); margin: 0 0 .8rem; }
.pb-share-banner .ic { color: var(--gold); flex: none; margin-top: 2px; }
.playbook-list li:target { outline: 2px solid var(--gold); outline-offset: 4px; border-radius: 8px; }
.playbook-list li[id] { scroll-margin-top: 90px; }
.pb-new-lesson[open] > form.form { display: grid; gap: 1rem; margin: 0; }
.pb-new-lesson > summary.card-title { display: flex; color: var(--text); font-family: var(--head); font-size: 1.25rem; letter-spacing: .03em; text-transform: uppercase; min-height: 0; }
.pb-new-lesson > summary .ic { color: var(--gold); }
#new-lesson { scroll-margin-top: 90px; }
/* Coach roster accountability (lesson + quiz completion) */
.rc-mini { display: inline-flex; align-items: center; padding: .12rem .55rem; border-radius: 999px; font-size: .76rem; font-weight: 700; color: var(--gold); border: 1px solid rgba(212,175,55,.5); background: var(--gold-dim); text-decoration: none !important; white-space: nowrap; }
.rc-mini:hover { border-color: var(--gold); } .rc-mini.all { color: #86efac; border-color: rgba(34,197,94,.5); background: rgba(34,197,94,.1); }
.rc-card { scroll-margin-top: 90px; border-color: rgba(212,175,55,.45); }
.rc-card .card-title { flex-wrap: wrap; } .rc-count { color: var(--gold); font-size: .9em; }
.rc-pills { display: flex; flex-wrap: wrap; gap: .5rem; margin: .4rem 0 .6rem; }
.rc-pill { display: inline-flex; gap: .35rem; align-items: baseline; padding: .35rem .75rem; border-radius: 10px; border: 1px solid var(--line2); background: var(--card2); font-size: .85rem; font-weight: 600; }
.rc-pill b { font-size: 1.15rem; font-family: var(--head); }
.rc-done { color: #86efac; border-color: rgba(34,197,94,.45); } .rc-open { color: var(--gold); border-color: rgba(212,175,55,.5); } .rc-none { color: #fca5a5; border-color: rgba(239,68,68,.45); }
.rc-bar { display: flex; height: 8px; border-radius: 99px; background: var(--card2); overflow: hidden; margin-bottom: 1rem; }
.rc-bar i { display: block; height: 100%; } .rc-bar-done { background: #22c55e; } .rc-bar-open { background: var(--gold); }
.rc-cols { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; } .rc-cols-2 { grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr); }
@media (max-width: 900px) { .rc-cols, .rc-cols-2 { grid-template-columns: 1fr; } }
.rc-sub { font-family: var(--head); text-transform: uppercase; letter-spacing: .04em; font-size: .95rem; color: var(--muted); margin: 0 0 .45rem; }
.rc-list { list-style: none; margin: 0; padding: 0; display: grid; gap: .4rem; }
.rc-list li { display: flex; flex-wrap: wrap; gap: .4rem; align-items: center; justify-content: space-between; padding: .55rem .7rem; border: 1px solid var(--line); border-radius: 10px; background: var(--card); }
.rc-name { display: flex; flex-direction: column; min-width: 0; } .rc-badges { display: flex; flex-wrap: wrap; gap: .3rem; }
.rc-b { color: #93c5fd; border-color: rgba(59,130,246,.45); }
.rc-table-wrap { overflow-x: auto; } .rc-table td, .rc-table th { padding: .55rem .5rem; } .rc-table td b + .small { display: block; }
.rc-history td { padding-top: 0; } .rc-history details summary { font-size: .8rem; } .rc-history a { display: inline-block; margin: .2rem .6rem .2rem 0; font-size: .82rem; }
.rc-private { margin: 1rem 0 0; display: flex; gap: .35rem; align-items: center; }
.lesson-complete { display: flex; flex-wrap: wrap; gap: .8rem; align-items: center; justify-content: space-between; margin-top: 1rem; border: 2px solid var(--gold); background: linear-gradient(180deg, rgba(212,175,55,.12), var(--card) 70%); }
.lesson-complete.is-done { border-color: rgba(34,197,94,.55); background: linear-gradient(180deg, rgba(34,197,94,.10), var(--card) 70%); }
.lesson-complete form { margin: 0; } .lc-status { margin: 0; display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.chip-link > .muted { margin-left: .3rem; }
@media (max-width: 900px) { .rc-cols, .rc-cols-2 { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 600px) { .rc-table th:nth-child(4), .rc-table td:nth-child(4) { display: none; } .rc-table td, .rc-table th { padding: .5rem .35rem; } }
.rc-table td.small { white-space: nowrap; }