/* Athletics Workspace — W1 shell (shared topbar logo sizing is bounded by dashboard.css). */

.athletics-layout {
    display: flex;
    min-height: calc(100vh - var(--topbar-h, 80px));
    padding-top: var(--topbar-h, 80px);
}

.athletics-sidebar {
    width: 240px;
    flex-shrink: 0;
    border-right: 1px solid rgba(148, 163, 184, 0.35);
    background: rgba(255, 255, 255, 0.85);
    padding: 1rem 0.75rem;
}

.dark-theme .athletics-sidebar,
html.dark .athletics-sidebar {
    background: rgba(15, 23, 42, 0.92);
    border-right-color: rgba(71, 85, 105, 0.6);
}

.athletics-sidebar-header h2 {
    margin: 0 0 0.35rem;
    font-size: 1.1rem;
    font-weight: 700;
}

.athletics-team-badge {
    margin: 0 0 1rem;
    font-size: 0.78rem;
    line-height: 1.35;
    color: #64748b;
}

.athletics-nav {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.athletics-nav-btn {
    text-align: left;
    border: none;
    border-radius: 0.65rem;
    padding: 0.55rem 0.75rem;
    background: transparent;
    cursor: pointer;
    font-size: 0.92rem;
    color: inherit;
}

.athletics-nav-btn:hover {
    background: rgba(148, 163, 184, 0.18);
}

.athletics-nav-btn.active {
    background: rgba(59, 130, 246, 0.14);
    font-weight: 600;
}

.athletics-main {
    flex: 1;
    min-width: 0;
    padding: 1.25rem 1.5rem 2rem;
}

.athletics-panel-header h1 {
    margin: 0 0 0.25rem;
    font-size: 1.45rem;
}

.athletics-panel-subtitle {
    margin: 0 0 1rem;
    color: #64748b;
    font-size: 0.92rem;
}

.athletics-card-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
}

.athletics-card {
    border: 1px solid rgba(148, 163, 184, 0.35);
    border-radius: 0.75rem;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.7);
}

.dark-theme .athletics-card,
html.dark .athletics-card {
    background: rgba(30, 41, 59, 0.65);
}

.athletics-team-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.athletics-team-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
    margin: 0 0 1rem;
}

.athletics-filter-label {
    font-size: 0.85rem;
    font-weight: 600;
    color: rgb(71, 85, 105);
}

.athletics-filter-select,
.athletics-filter-input {
    border: 1px solid rgba(148, 163, 184, 0.45);
    border-radius: 0.5rem;
    padding: 0.4rem 0.65rem;
    font-size: 0.9rem;
    min-width: 9rem;
    background: rgba(255, 255, 255, 0.9);
}

.dark-theme .athletics-filter-select,
.dark-theme .athletics-filter-input,
html.dark .athletics-filter-select,
html.dark .athletics-filter-input {
    background: rgba(30, 41, 59, 0.85);
    color: rgb(226, 232, 240);
    border-color: rgba(71, 85, 105, 0.75);
}

.athletics-team-item {
    border: 1px solid rgba(148, 163, 184, 0.35);
    border-radius: 0.65rem;
    padding: 0.75rem 0.9rem;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.75);
}

.athletics-team-item.selected {
    border-color: #3b82f6;
    box-shadow: 0 0 0 1px rgba(59, 130, 246, 0.35);
}

.athletics-team-item-title {
    font-weight: 600;
    margin: 0 0 0.2rem;
}

.athletics-team-item-meta {
    margin: 0;
    font-size: 0.82rem;
    color: #64748b;
}

.athletics-action-btn {
    display: inline-block;
    margin-top: 0.5rem;
}

.athletics-gate-message,
.athletics-error,
.athletics-status {
    margin-bottom: 1rem;
    padding: 0.75rem 1rem;
    border-radius: 0.65rem;
}

.athletics-gate-message {
    background: rgba(251, 191, 36, 0.15);
    border: 1px solid rgba(245, 158, 11, 0.35);
}

.athletics-error {
    background: rgba(248, 113, 113, 0.12);
    border: 1px solid rgba(239, 68, 68, 0.35);
}

.athletics-status {
    background: rgba(148, 163, 184, 0.12);
}

.athletics-prompt-card {
    margin-bottom: 1rem;
    padding: 1rem 1.1rem;
    border-radius: 0.75rem;
    border: 1px dashed rgba(59, 130, 246, 0.45);
    background: rgba(59, 130, 246, 0.08);
}

.athletics-guided-card {
    margin-bottom: 1.25rem;
    padding: 1.25rem 1.35rem;
    border-radius: 0.75rem;
    border: 1px solid rgba(59, 130, 246, 0.35);
    background: rgba(59, 130, 246, 0.07);
    max-width: 36rem;
}

.athletics-guided-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    margin-bottom: 0.85rem;
    border-radius: 0.65rem;
    background: rgba(59, 130, 246, 0.12);
    color: #2563eb;
}

.athletics-guided-icon svg {
    width: 1.45rem;
    height: 1.45rem;
}

.athletics-guided-title {
    margin: 0 0 0.5rem;
    font-size: 1.05rem;
    font-weight: 700;
}

.athletics-guided-lead {
    margin: 0 0 0.45rem;
    font-size: 0.95rem;
    line-height: 1.45;
}

.athletics-guided-card > .btn-primary,
.athletics-guided-card > .athletics-action-btn {
    margin-top: 1rem;
}

.athletics-guided-hint {
    margin: 0 0 0.25rem;
    font-size: 0.88rem;
    line-height: 1.45;
    color: #64748b;
}

.athletics-deliverable-hint {
    margin: 0.35rem 0 0;
    font-size: 0.85rem;
    line-height: 1.4;
    color: #64748b;
}

.athletics-deliverable-hint[hidden] {
    display: none !important;
}

.dark-theme .athletics-deliverable-hint,
html.dark .athletics-deliverable-hint {
    color: #94a3b8;
}

.athletics-team-badge--empty {
    font-style: italic;
}

.dark-theme .athletics-guided-hint,
html.dark .athletics-guided-hint {
    color: #94a3b8;
}

.athletics-inline-link {
    border: none;
    background: none;
    color: #2563eb;
    text-decoration: underline;
    cursor: pointer;
    font: inherit;
    padding: 0;
}

.athletics-metric {
    font-size: 1.35rem;
    font-weight: 700;
    margin: 0;
}

.athletics-doc-list {
    list-style: none;
    margin: 0.35rem 0 0;
    padding: 0;
}

.athletics-doc-list-item {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    align-items: baseline;
    padding: 0.35rem 0;
    border-bottom: 1px solid rgba(148, 163, 184, 0.25);
}

.athletics-doc-list-item:last-child {
    border-bottom: none;
}

.athletics-doc-link {
    border: none;
    background: none;
    padding: 0;
    text-align: left;
    color: inherit;
    cursor: pointer;
    font: inherit;
    font-weight: 500;
}

.athletics-doc-link:hover {
    color: #2563eb;
    text-decoration: underline;
}

.athletics-doc-date {
    font-size: 0.78rem;
    color: #64748b;
    white-space: nowrap;
}

.athletics-doc-empty {
    margin: 0;
    font-size: 0.88rem;
    color: #64748b;
}

.athletics-doc-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-bottom: 0.85rem;
}

.athletics-doc-filter {
    border: 1px solid rgba(148, 163, 184, 0.45);
    border-radius: 999px;
    background: transparent;
    padding: 0.35rem 0.75rem;
    font-size: 0.82rem;
    cursor: pointer;
}

.athletics-doc-filter.active {
    background: rgba(59, 130, 246, 0.14);
    border-color: rgba(59, 130, 246, 0.45);
    font-weight: 600;
}

.athletics-documents-list {
    margin-top: 0.5rem;
}

.athletics-field-label {
    display: block;
    margin: 0.75rem 0 0.35rem;
    font-size: 0.85rem;
    font-weight: 600;
}

.athletics-input {
    display: block;
    width: 100%;
    max-width: 28rem;
    margin-bottom: 0.5rem;
    padding: 0.45rem 0.6rem;
    border: 1px solid rgba(148, 163, 184, 0.45);
    border-radius: 0.5rem;
    background: transparent;
}

.athletics-roster-form {
    max-width: 42rem;
}

.athletics-roster-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 0.75rem 0;
}

.athletics-roster-review-summary {
    margin: 0.75rem 0;
    padding: 0.75rem 0.9rem;
    border-radius: 0.65rem;
    background: rgba(59, 130, 246, 0.08);
    font-size: 0.9rem;
}

.athletics-review-stats {
    margin: 0.5rem 0 0.65rem;
    padding-left: 1.15rem;
    line-height: 1.55;
}

.athletics-review-stats li {
    margin-bottom: 0.15rem;
}

.athletics-review-next {
    margin: 0;
    font-size: 0.88rem;
    line-height: 1.45;
    color: #64748b;
}

.athletics-roster-progress {
    margin: 0.75rem 0;
    padding: 0.85rem 0.95rem;
    border-radius: 0.65rem;
    border: 1px solid rgba(59, 130, 246, 0.25);
    background: rgba(59, 130, 246, 0.05);
}

.athletics-async-progress-title {
    margin: 0 0 0.65rem;
    font-size: 0.95rem;
    font-weight: 700;
}

.athletics-async-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.athletics-progress-steps {
    margin: 0;
    padding: 0;
    list-style: none;
}

.athletics-progress-step {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    padding: 0.35rem 0;
    font-size: 0.88rem;
    line-height: 1.4;
    color: #64748b;
}

.athletics-progress-step::before {
    content: '';
    flex-shrink: 0;
    width: 0.55rem;
    height: 0.55rem;
    margin-top: 0.35rem;
    border-radius: 999px;
    background: rgba(148, 163, 184, 0.55);
}

.athletics-progress-step.is-active {
    color: #1e293b;
    font-weight: 600;
}

.athletics-progress-step.is-active::before {
    background: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.18);
}

.athletics-progress-step.is-done {
    color: #334155;
}

.athletics-progress-step.is-done::before {
    background: #16a34a;
}

.athletics-roster-outcome {
    margin-top: 0.75rem;
}

.athletics-roster-outcome--failure {
    border-color: rgba(239, 68, 68, 0.35);
    background: rgba(239, 68, 68, 0.06);
}

.athletics-guided-icon--failure {
    background: rgba(239, 68, 68, 0.12);
    color: #dc2626;
}

.athletics-roster-outcome-list {
    margin: 0 0 1rem;
    padding-left: 1.15rem;
    line-height: 1.55;
    font-size: 0.9rem;
}

.dark-theme .athletics-review-next,
html.dark .athletics-review-next {
    color: #94a3b8;
}

.dark-theme .athletics-progress-step,
html.dark .athletics-progress-step {
    color: #94a3b8;
}

.dark-theme .athletics-progress-step.is-active,
html.dark .athletics-progress-step.is-active {
    color: #e2e8f0;
}

.dark-theme .athletics-progress-step.is-done,
html.dark .athletics-progress-step.is-done {
    color: #cbd5e1;
}

.athletics-roster-review-rows {
    margin-top: 0.5rem;
    max-height: 16rem;
    overflow: auto;
    border: 1px solid rgba(148, 163, 184, 0.35);
    border-radius: 0.65rem;
}

.athletics-roster-review-row {
    padding: 0.55rem 0.75rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.2);
    font-size: 0.82rem;
}

.athletics-roster-review-row:last-child {
    border-bottom: none;
}

.athletics-roster-review-row.status-error {
    background: rgba(239, 68, 68, 0.08);
}

.athletics-roster-review-row.status-warning {
    background: rgba(245, 158, 11, 0.08);
}

@media (max-width: 900px) {
    .athletics-layout {
        flex-direction: column;
    }

    .athletics-sidebar {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid rgba(148, 163, 184, 0.35);
    }

    .athletics-nav {
        flex-direction: row;
        flex-wrap: wrap;
    }
}

/* Athletics Studio: shared shell, responsive navigation, and coaching workspace. */
.athletics-workspace-page {
    --studio-bg: #f5f7fa;
    --studio-surface: #fff;
    --studio-ink: #182b3b;
    --studio-muted: #617387;
    --studio-line: #dce5ec;
    --studio-accent: #007d83;
    --studio-soft: #eaf5f4;
    color: var(--studio-ink);
}
html.dark .athletics-workspace-page, .athletics-workspace-page.dark-theme {
    --studio-bg: #101c2a;
    --studio-surface: #182838;
    --studio-ink: #e7eff6;
    --studio-muted: #a4b6c8;
    --studio-line: #33485a;
    --studio-accent: #71ded2;
    --studio-soft: #203f43;
}
.athletics-workspace-page *, .athletics-workspace-page *::before, .athletics-workspace-page *::after { box-sizing: border-box; }
.athletics-workspace-page [hidden] { display: none !important; }
.athletics-workspace-page .dashboard-container { overflow: auto; height: auto; min-height: calc(100vh - var(--topbar-h)); background: var(--studio-bg); }
.athletics-layout { align-items: stretch; flex: 1; min-height: calc(100vh - var(--topbar-h)); overflow: visible; }
.athletics-sidebar, html.dark .athletics-sidebar { width: 256px; padding: 30px 20px; background: #122d3d; color: #e5edf2; border: 0; display: flex; flex-direction: column; gap: 20px; position: sticky; top: var(--topbar-h); height: calc(100vh - var(--topbar-h)); overflow-y: auto; }
.athletics-eyebrow { font-size: 10px; font-weight: 700; letter-spacing: .13em; line-height: 1.5; }
.athletics-sidebar-header > .athletics-eyebrow { color: #8baab9; margin: 0 0 14px; }
.athletics-sidebar-header h2 { font-size: 19px; letter-spacing: -.025em; margin-bottom: 25px; display: flex; align-items: center; gap: 8px; }
.athletics-brand-dot { width: 7px; height: 7px; background: #79dcc2; border-radius: 50%; }
.athletics-team-switch { width: 100%; text-align: left; border: 1px solid #426070; padding: 15px 13px; border-radius: 10px; background: #1c3b4b; color: #edf8fa; cursor: pointer; }
.athletics-team-switch > span { display: block; }
.athletics-team-switch .athletics-eyebrow { color: #9fb9c8; font-size: 9px; }
.athletics-team-badge { color: #fff; font-size: 13px; line-height: 1.55; margin: 7px 0 12px; font-weight: 600; font-style: normal; overflow-wrap: anywhere; }
.athletics-team-switch-hint { font-size: 11px; color: #a4dace; }
.athletics-nav { gap: 6px; }
.athletics-nav-btn { display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: 8px; color: #bbcbd6; font-size: 13px; text-decoration: none; min-height: 44px; }
.athletics-nav-btn svg { width: 18px; height: 18px; flex-shrink: 0; }
.athletics-nav-btn:hover { background: #234354; color: #fff; }
.athletics-nav-btn.active { background: #d7f2e9; color: #173f3d; font-weight: 700; }
.athletics-sidebar-footer { margin-top: auto; padding: 30px 10px 0; color: #93aebb; }
.athletics-sidebar-footer .athletics-eyebrow { font-size: 8px; letter-spacing: .1em; }
.athletics-sidebar-footer p { font-size: 13px; line-height: 1.7; margin: 12px 0 24px; }
.athletics-sidebar-footer a { color: #bed6df; font-size: 12px; text-decoration: none; }
.athletics-main { padding: 24px clamp(22px, 3.5vw, 64px) 50px; overflow: visible; max-width: 1600px; color: var(--studio-ink); }
.athletics-workspace-bar { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding-bottom: 24px; margin-bottom: 25px; border-bottom: 1px solid var(--studio-line); color: var(--studio-muted); font-size: 10px; font-weight: 600; letter-spacing: .04em; }
.athletics-bar-divider { margin: 0 10px; opacity: .6; }
#athleticsCurrentPage { color: var(--studio-ink); letter-spacing: 0; }
.athletics-refresh { border: 1px solid var(--studio-line); border-radius: 7px; background: var(--studio-surface); color: var(--studio-ink); font: inherit; font-size: 12px; padding: 9px 13px; cursor: pointer; white-space: nowrap; }
.athletics-panel-header { margin-bottom: 26px; }
.athletics-panel-header .athletics-eyebrow { color: var(--studio-accent); margin-bottom: 7px; }
.athletics-panel-header h1 { font-size: clamp(26px, 2.5vw, 36px); line-height: 1.2; font-weight: 650; letter-spacing: -.035em; margin: 0 0 10px; }
.athletics-panel-header h1:focus { outline: none; }
.athletics-panel-subtitle { color: var(--studio-muted); font-size: 14px; margin: 0; line-height: 1.6; }
.athletics-welcome { display: grid; grid-template-columns: 1.2fr 1fr; background: #e7f2ec; border: 1px solid #d0e4db; border-radius: 16px; overflow: hidden; min-height: 330px; }
.athletics-welcome-copy { padding: clamp(26px, 3vw, 42px); color: #183e38; }
.athletics-welcome-copy .athletics-eyebrow { color: #447a6b; font-size: 9px; }
.athletics-welcome h2 { font-size: clamp(30px, 3vw, 43px); font-weight: 650; letter-spacing: -.04em; line-height: 1.12; margin: 15px 0; }
.athletics-welcome p { font-size: 13px; line-height: 1.7; max-width: 390px; color: #44665e; }
.athletics-welcome-note { display: block; font-size: 11px; color: #547b6d; margin-top: 14px; }
.athletics-field-art { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 30px; background: radial-gradient(ellipse at center, #d5e9db, transparent 70%); }
.athletics-court { width: 100%; max-width: 300px; height: 205px; border: 2px solid #83af99; border-radius: 8px; transform: rotate(-8deg); position: relative; background: #d9eadd; box-shadow: 12px 18px 0 #caddd080; }
.athletics-court::before { content: ''; position: absolute; left: 50%; top: 0; height: 100%; border-left: 2px solid #83af99; }
.athletics-court::after { content: ''; position: absolute; left: -2px; right: -2px; top: 25%; height: 50%; border: 2px solid #83af99; border-radius: 0 50px 50px 0; width: 24%; }
.athletics-center-circle { border: 2px solid #83af99; position: absolute; top: 50%; left: 50%; width: 70px; height: 70px; border-radius: 50%; transform: translate(-50%,-50%); }
.athletics-play-dot { width: 27px; height: 27px; display: grid; place-items: center; background: #176957; color: #fff; font-size: 11px; font-weight: 700; border-radius: 50%; position: absolute; z-index: 1; box-shadow: 0 0 0 5px #c0dacc; }
.athletics-play-dot--one { left: 22%; top: 27%; }.athletics-play-dot--two { left: 60%; top: 65%; }.athletics-play-dot--three { left: 77%; top: 20%; }
.athletics-play-path { position: absolute; width: 42%; height: 62%; left: 34%; top: 10%; border-top: 2px dashed #427e69; border-right: 2px dashed #427e69; border-radius: 0 55px 0 0; }
.athletics-field-caption { font-size: 8px; letter-spacing: .22em; margin-top: 30px; color: #557c69; }
.athletics-section-heading { display: flex; justify-content: space-between; gap: 15px; align-items: center; margin: 32px 0 15px; }
.athletics-section-heading h2, .athletics-workflow-card h2 { font-size: 17px; font-weight: 650; letter-spacing: -.02em; margin: 0; }
.athletics-section-heading > span { font-size: 11px; color: var(--studio-muted); }
.athletics-launch-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.athletics-launch-card { display: block; text-decoration: none; padding: 20px; border: 1px solid var(--studio-line); border-radius: 12px; background: var(--studio-surface); color: var(--studio-ink); transition: border-color .15s, transform .15s; }
.athletics-launch-card:hover { border-color: var(--studio-accent); transform: translateY(-2px); }
.athletics-launch-number { display: flex; justify-content: space-between; font-size: 11px; color: var(--studio-accent); margin-bottom: 22px; }
.athletics-launch-number span { font-size: 18px; }
.athletics-launch-card h3 { font-size: 14px; font-weight: 650; margin: 0 0 8px; }
.athletics-launch-card p { font-size: 12px; line-height: 1.6; color: var(--studio-muted); margin: 0; }
.athletics-card-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
.athletics-card, html.dark .athletics-card { background: var(--studio-surface); border-color: var(--studio-line); padding: 24px; position: relative; }
.athletics-card h3 { font-size: 12px; font-weight: 600; color: var(--studio-muted); padding-right: 20px; margin: 0 0 15px; }
.athletics-card p { font-size: 14px; }.athletics-card .athletics-metric { font-size: 30px; }
.athletics-card-link { position: absolute; right: 20px; top: 18px; text-decoration: none; color: var(--studio-accent); }
.athletics-team-filters { padding: 16px; background: var(--studio-surface); border: 1px solid var(--studio-line); border-radius: 10px; }
.athletics-team-list { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; }
.athletics-team-item { padding: 0; background: var(--studio-surface); border: 1px solid var(--studio-line); overflow: hidden; }
.athletics-team-item.selected { border-color: var(--studio-accent); box-shadow: 0 0 0 1px var(--studio-accent); }
.athletics-team-select { width: 100%; text-align: left; background: transparent; border: 0; color: inherit; cursor: pointer; padding: 22px; }
.athletics-team-item-title { display: block; font-size: 16px; margin-bottom: 10px; }.athletics-team-item-meta { display: block; line-height: 1.6; color: var(--studio-muted); }
.athletics-team-select-state { display: block; margin-top: 20px; color: var(--studio-accent); font-size: 12px; font-weight: 600; }
.athletics-create-team { margin-top: 26px; border: 1px solid var(--studio-line); background: var(--studio-surface); border-radius: 12px; padding: 22px; }
.athletics-create-team summary { cursor: pointer; font-size: 15px; font-weight: 600; }.athletics-create-team summary span { float: right; }
.athletics-create-team[open] summary { margin-bottom: 24px; }
.athletics-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.athletics-form-wide { grid-column: 1 / -1; }
.athletics-form-grid label { display: block; font-size: 12px; font-weight: 600; margin-bottom: 7px; }.athletics-form-grid label span { font-weight: 400; color: var(--studio-muted); }
.athletics-form-grid input, .athletics-form-grid textarea, .athletics-form-grid select, .athletics-filter-input, .athletics-filter-select, .athletics-input { background: var(--studio-surface); color: var(--studio-ink); border: 1px solid var(--studio-line); padding: 11px 12px; border-radius: 7px; font: inherit; font-size: 13px; max-width: 100%; }
.athletics-form-grid input, .athletics-form-grid textarea, .athletics-form-grid select { width: 100%; min-width: 0; }.athletics-form-grid textarea { resize: vertical; }
.athletics-professional-brief { margin: 22px 0; border: 1px solid var(--studio-line); border-radius: 10px; background: var(--studio-soft); }
.athletics-professional-brief summary { cursor: pointer; padding: 16px 18px; font-size: 13px; font-weight: 650; color: var(--studio-ink); }
.athletics-professional-brief summary span { float: right; color: var(--studio-muted); font-size: 11px; font-weight: 500; }
.athletics-professional-brief[open] summary { border-bottom: 1px solid var(--studio-line); }
.athletics-professional-grid { padding: 20px 18px; }
.athletics-workflow-card { background: var(--studio-surface); border: 1px solid var(--studio-line); padding: 26px; border-radius: 12px; margin-bottom: 20px; }
.athletics-workflow-card .athletics-section-heading { margin-top: 0; }.athletics-workflow-card .athletics-team-filters { padding: 0; border: none; }
.athletics-muted { color: var(--studio-muted); font-size: 12px; line-height: 1.7; margin: 16px 0; }
body.athletics-workspace-page .btn-primary { background: #087f80; color: #fff; border: 1px solid #087f80; border-radius: 7px; font-size: 12px; font-weight: 600; padding: 12px 18px; cursor: pointer; }
body.athletics-workspace-page .btn-primary:hover { background: #00686c; }
body.athletics-workspace-page .btn-secondary { background: var(--studio-surface); color: var(--studio-ink); border: 1px solid var(--studio-line); border-radius: 7px; font-size: 12px; font-weight: 600; padding: 12px 18px; cursor: pointer; }
.athletics-workspace-page button:disabled { opacity: .5; cursor: not-allowed; }
.athletics-workspace-page :is(button,a,input,select,textarea,summary):focus-visible { outline: 3px solid #3296c9; outline-offset: 3px; }
.athletics-guided-card { background: var(--studio-soft); border-color: var(--studio-line); max-width: none; }
.athletics-roster-form { max-width: none; }.athletics-roster-form > .athletics-workflow-card { margin-top: 24px; }
.athletics-table-wrap { overflow-x: auto; }
.athletics-table { width: 100%; border-collapse: collapse; text-align: left; font-size: 13px; }
.athletics-table caption { text-align: left; font-size: 12px; padding: 10px 0; color: var(--studio-muted); }
.athletics-table th { font-size: 10px; text-transform: uppercase; letter-spacing: .06em; color: var(--studio-muted); background: var(--studio-bg); }
.athletics-table td, .athletics-table th { padding: 14px 12px; border-bottom: 1px solid var(--studio-line); }
.athletics-documents-list { border-radius: 12px; overflow: hidden; }
.athletics-document-row { width: 100%; display: flex; gap: 18px; align-items: center; text-align: left; padding: 19px 22px; border: 1px solid var(--studio-line); border-bottom: 0; background: var(--studio-surface); color: var(--studio-ink); cursor: pointer; }
.athletics-document-row:last-child { border-bottom: 1px solid var(--studio-line); }.athletics-document-row:hover { background: var(--studio-soft); }
.athletics-document-icon { color: var(--studio-accent); font-size: 22px; }.athletics-document-title { font-size: 14px; font-weight: 600; display: block; overflow-wrap: anywhere; }.athletics-document-meta { display: block; font-size: 11px; color: var(--studio-muted); margin-top: 5px; }.athletics-document-open { margin-left: auto; color: var(--studio-accent); white-space: nowrap; font-size: 12px; }
.athletics-doc-filter { color: var(--studio-muted); border-color: var(--studio-line); padding: 9px 14px; background: var(--studio-surface); }.athletics-doc-filter.active { color: var(--studio-accent); background: var(--studio-soft); border-color: var(--studio-accent); }
.athletics-doc-empty, .athletics-doc-date, .athletics-guided-hint, .athletics-filter-label { color: var(--studio-muted); }
.athletics-inline-link { color: var(--studio-accent); }
.athletics-pagination { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 20px; font-size: 12px; color: var(--studio-muted); }
.athletics-sr-only, .athletics-skip-link:not(:focus) { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.athletics-skip-link:focus { position: fixed; z-index: 10000; top: 8px; left: 8px; padding: 12px; color: #fff; background: #122d3d; }
@media (min-width: 1600px) { .athletics-main { margin-left: auto; margin-right: auto; } }
@media (max-width: 1150px) { .athletics-sidebar { width: 222px; padding: 26px 14px; }.athletics-launch-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.athletics-card-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 900px) { .athletics-sidebar, html.dark .athletics-sidebar { position: static; width: 100%; height: auto; padding: 18px 22px; gap: 16px; }.athletics-sidebar-header { display: flex; justify-content: space-between; gap: 20px; align-items: center; }.athletics-sidebar-header > .athletics-eyebrow, .athletics-sidebar-footer { display: none; }.athletics-sidebar-header h2 { margin: 0; }.athletics-team-switch { max-width: 290px; padding: 10px 13px; }.athletics-team-switch .athletics-eyebrow, .athletics-team-switch-hint { display: none; }.athletics-team-badge { margin: 0; }.athletics-nav { flex-wrap: nowrap; overflow-x: auto; }.athletics-nav-btn { white-space: nowrap; padding: 10px 12px; }.athletics-main { padding-top: 22px; }.athletics-workspace-bar { margin-bottom: 22px; padding-bottom: 18px; } }
@media (max-width: 600px) { .athletics-sidebar, html.dark .athletics-sidebar { padding: 16px; }.athletics-sidebar-header h2 { font-size: 16px; white-space: nowrap; }.athletics-team-switch { max-width: 155px; }.athletics-team-badge { font-size: 11px; }.athletics-nav-btn svg { display: none; }.athletics-main { padding: 18px 16px 36px; }.athletics-workspace-bar > span { font-size: 8px; }.athletics-welcome { grid-template-columns: 1fr; }.athletics-welcome-copy { padding: 26px; }.athletics-field-art { display: none; }.athletics-launch-grid, .athletics-card-grid, .athletics-team-list, .athletics-form-grid { grid-template-columns: 1fr; }.athletics-launch-card { padding: 18px; }.athletics-launch-number { margin-bottom: 10px; }.athletics-section-heading > span { display: none; }.athletics-workflow-card { padding: 20px; }.athletics-team-filters { align-items: stretch; }.athletics-team-filters input { width: 100%; }.athletics-document-row { padding: 15px; gap: 12px; }.athletics-document-open { font-size: 0; }.athletics-document-open::after { content: '↗'; font-size: 18px; }.athletics-async-actions { flex-direction: column; }.athletics-doc-list-item { flex-wrap: wrap; } }
@media (prefers-reduced-motion: reduce) { .athletics-launch-card { transition: none; } }
body.athletics-workspace-page .dashboard-container { height: auto; overflow: visible; }
@media (min-width: 901px) and (max-height: 800px) {
    .athletics-sidebar-footer { display: none; }
    .athletics-sidebar, html.dark .athletics-sidebar { padding-top: 22px; padding-bottom: 22px; gap: 18px; }
    .athletics-sidebar-header h2 { margin-bottom: 18px; }
}
@media (max-width: 900px) {
    .athletics-team-switch .athletics-team-switch-hint { display: none; }
    .athletics-workspace-page .dashboard-header a[data-fresh-chat-entry] > div { display: none; }
}
@media (max-width: 600px) {
    .athletics-workspace-page .dashboard-top-bar { padding: 8px 16px; }
    .athletics-workspace-page .dashboard-top-bar .dashboard-header { padding: 0 !important; }
    .athletics-workspace-page .dashboard-top-bar .dashboard-header > div { align-items: flex-start; padding-top: 6px !important; }
    .athletics-workspace-page .dashboard-top-bar .dashboard-header nav { position: absolute; left: 8px; bottom: 5px; }
    .athletics-workspace-page .dashboard-top-bar .app-nav-link { font-size: 12px; padding: 6px 9px; }
    .athletics-workspace-page .dashboard-top-bar #userName { display: none; }
}

/* Library follows the studio's saved-content pattern; viewing remains in the workspace. */
.athletics-library-toolbar { display:flex; align-items:end; flex-wrap:wrap; gap:14px; padding:20px; margin-bottom:20px; background:var(--studio-surface); border:1px solid var(--studio-line); border-radius:12px; }
.athletics-library-toolbar label { display:block; font-size:12px; margin-bottom:7px; color:var(--studio-muted); }
.athletics-library-toolbar input,.athletics-library-toolbar select { font:inherit; font-size:14px; padding:10px 12px; border:1px solid var(--studio-line); border-radius:7px; background:var(--studio-surface); color:var(--studio-ink); }
.athletics-library-toolbar > div:first-child { flex:1; min-width:200px; }.athletics-library-toolbar input { width:100%; box-sizing:border-box; }
.athletics-library-card { padding:20px 22px; border:1px solid var(--studio-line); background:var(--studio-surface); border-radius:12px; }.athletics-library-card h3 { font-size:16px; margin:0 0 8px; overflow-wrap:anywhere; }.athletics-library-card-actions { display:flex; gap:10px; flex-wrap:wrap; margin-top:14px; }
.athletics-documents-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; overflow:visible; }
.athletics-library-viewer { width:min(1080px,94vw); max-height:90vh; margin:auto; padding:0; border:1px solid var(--studio-line); border-radius:16px; background:var(--studio-surface); color:var(--studio-ink); box-shadow:0 22px 80px #0004; }
.athletics-library-viewer::backdrop { background:#071c2ab8; }.athletics-library-viewer-header { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:24px 28px; border-bottom:1px solid var(--studio-line); }.athletics-library-viewer h1 { font-size:22px; margin:6px 0 0; overflow-wrap:anywhere; }.athletics-library-viewer .athletics-eyebrow { color:var(--studio-accent); }
.athletics-library-viewer-toolbar { display:flex; flex-wrap:wrap; gap:10px; align-items:center; padding:16px 28px; }.athletics-library-viewer-toolbar p { font-size:12px; color:var(--studio-muted); margin:0; }.athletics-library-viewer > nav { padding:0 28px 16px; margin:0; }
.athletics-library-content { padding:24px 32px 36px; border-top:1px solid var(--studio-line); font-size:15px; line-height:1.7; overflow-wrap:anywhere; }.athletics-library-content h2 { font-size:22px; margin:0 0 24px; }.athletics-library-content h3 { font-size:16px; margin:24px 0 8px; }.athletics-library-content li { margin-bottom:6px; }.athletics-library-prose { white-space:pre-wrap; }.athletics-library-table-wrap { overflow:auto; }.athletics-library-content table { border-collapse:collapse; width:100%; font-size:13px; }.athletics-library-content td,.athletics-library-content th { padding:10px 12px; border:1px solid var(--studio-line); text-align:left; min-width:75px; }.athletics-library-content th { background:var(--studio-soft); }.athletics-library-slide { border:1px solid var(--studio-line); border-radius:10px; padding:18px 22px; margin:15px 0; }
@media(max-width:700px) { .athletics-documents-list { grid-template-columns:1fr; }.athletics-library-viewer { width:96vw; max-height:95vh; }.athletics-library-viewer-header,.athletics-library-viewer-toolbar,.athletics-library-content { padding:18px; }.athletics-library-viewer > nav { padding:0 18px 12px; }.athletics-library-viewer h1 { font-size:18px; } }

.athletics-workflow-team{display:inline-flex;align-items:center;padding:8px 12px;margin-top:14px;border-radius:8px;background:var(--studio-soft);color:var(--studio-ink);font-weight:650;font-size:13px}

.athletics-library-content ul { padding-left:22px; }

.athletics-workflow-context { display:flex; align-items:baseline; gap:16px; flex-wrap:wrap; }