/* Team Progress follows the coach dashboard's open, divided page rhythm. */
body.team-progress-surface .dash-main {
    max-width: none;
    padding: 0 0 72px;
    background: #fff;
}
.athlete-mobile-nav { display: none; }
.dash-main #page-athletes > .team-checkup-grid:not(.is-section-hidden) { display: block; width: 100%; }
.dash-main #page-athletes > .team-checkup-grid.is-section-hidden { display: none; }
.dash-main #page-athletes > .team-checkup-grid > .team-checkup-panel {
    --team-progress-gutter: var(--dashboard-gutter);
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
}
.team-checkup-heading {
    display: flex;
    align-items: start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 24px 36px;
    padding: 30px var(--team-progress-gutter) 24px;
    border-bottom: 1px solid var(--line-strong);
}
.team-checkup-eyebrow {
    display: inline-block;
    padding: 5px 9px;
    border: 1px solid rgba(14, 120, 181, .28);
    border-radius: 999px;
    background: rgba(20, 149, 218, .09);
    color: var(--brand-deep);
    font-size: .62rem;
    font-weight: 900;
    letter-spacing: .1em;
}
.team-checkup-heading h2 {
    margin: 12px 0 7px;
    color: var(--text);
    font: 400 clamp(1.8rem, 3vw, 2.65rem)/1.04 var(--display);
    text-transform: uppercase;
}
.team-progress-heading { padding-block: 24px 20px; }
.team-progress-heading h2 { margin-top: 0; text-transform: none; }
.team-checkup-heading p {
    max-width: 720px;
    margin: 0;
    color: var(--muted);
    font-size: .9rem;
    line-height: 1.5;
}
/* Team Progress links to Compare Dates from its top-right button. */
.team-checkup-compare-toggle {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    margin-left: auto;
    padding: 0 16px;
    border: 1px solid var(--brand);
    border-radius: var(--radius-sm);
    background: var(--brand);
    color: #0b0b0b;
    cursor: pointer;
    font: 800 .8rem Inter, sans-serif;
}
.team-checkup-compare-toggle:hover,
.team-checkup-compare-toggle:focus-visible { box-shadow: 0 10px 24px var(--button-shadow-hover); }
.team-checkup-compare-toggle:focus-visible { outline: 3px solid var(--focus-ring); outline-offset: 2px; }
.team-compare-heading { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; }
.team-compare-intro { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: 8px 20px; min-width: 0; }
.team-compare-intro h2 { margin: 0; }
.team-compare-intro p { grid-column: 1 / -1; text-align: left; }
.team-compare-back {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
    min-height: 42px;
    padding: 0 14px;
    border: 1px solid var(--line-strong);
    border-radius: 5px;
    background: var(--surface);
    color: var(--text);
    cursor: pointer;
    font: 800 .76rem Inter, sans-serif;
}
.team-compare-back span { font-size: 1rem; }
.team-compare-back:hover { border-color: var(--accent-hover-border); background: var(--accent-hover-bg); }
.team-compare-back:focus-visible { outline: 3px solid var(--focus-ring); outline-offset: 2px; }
.team-checkup-form { display: grid; gap: 10px; margin-left: auto; }
.team-checkup-presets { display: flex; flex-wrap: wrap; gap: 6px; }
.team-checkup-presets button {
    min-height: 32px;
    padding: 0 11px;
    border: 1px solid var(--line-strong);
    border-radius: 5px;
    background: var(--surface-2);
    color: var(--text);
    cursor: pointer;
    font: 700 .72rem Inter, sans-serif;
}
.team-checkup-presets button:hover { border-color: var(--accent-hover-border); background: var(--accent-hover-bg); }
.team-checkup-presets button:focus-visible { outline: 3px solid var(--focus-ring); outline-offset: 1px; }
.team-checkup-dates { display: grid; grid-template-columns: minmax(150px, 1fr) minmax(150px, 1fr) auto; align-items: end; gap: 10px; }
.team-checkup-form label { display: grid; gap: 7px; }
.team-checkup-form label span {
    color: var(--muted-2);
    font-size: .65rem;
    font-weight: 800;
    letter-spacing: .08em;
}
.team-checkup-form input {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    padding: 0 10px;
    border: 1px solid var(--line-strong);
    border-radius: var(--radius-sm);
    background: var(--surface);
    color: var(--text);
    color-scheme: light;
    font: 700 .83rem Inter, sans-serif;
}
.team-checkup-form input:hover { border-color: rgba(12, 12, 12, .35); }
.team-checkup-form input:focus-visible {
    border-color: var(--focus-border);
    outline: 3px solid var(--focus-ring);
    outline-offset: 1px;
}
.team-checkup-picker-error { margin: -4px 0 0; color: #8f3b22; font-size: .72rem; font-weight: 700; }
.team-checkup-picker-error:empty { display: none; }
.team-checkup-form button[type=submit] {
    min-height: 44px;
    padding: 0 16px;
    border: 1px solid var(--brand);
    border-radius: var(--radius-sm);
    background: var(--brand);
    color: #0b0b0b;
    cursor: pointer;
    font: 800 .8rem Inter, sans-serif;
}
.team-checkup-form button[type=submit]:hover,
.team-checkup-form button[type=submit]:focus-visible { box-shadow: 0 10px 24px var(--button-shadow-hover); }
.team-checkup-form button[type=submit]:disabled { opacity: .55; cursor: wait; box-shadow: none; }
.team-checkup-feedback {
    margin: 0;
    padding: 16px var(--team-progress-gutter) 0;
    color: var(--muted);
    font-size: .75rem;
    font-weight: 600;
}
.team-checkup-feedback:empty { display: none; }
.team-checkup-feedback.is-loading {
    display: grid;
    place-items: center;
    min-height: clamp(240px, 45dvh, 500px);
    padding-top: 0;
}
.team-checkup-results { display: grid; gap: 0; margin: 0; }
.team-checkup-results.hidden { display: none; }
.team-checkup-section-heading > div > span {
    color: var(--brand-deep);
    font-size: .64rem;
    font-weight: 900;
    letter-spacing: .11em;
}
.team-checkup-metrics {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin: 22px var(--team-progress-gutter) 0;
    border-top: 1px solid var(--line-strong);
    border-bottom: 1px solid var(--line-strong);
    overflow: hidden;
}
/* Each tile draws its left and top hairline; the container clips the outer edges. */
.team-checkup-metric {
    display: grid;
    align-content: start;
    gap: 7px;
    min-width: 0;
    padding: 18px clamp(14px, 1.6vw, 22px);
    box-shadow: -1px -1px 0 var(--line);
}
.team-checkup-metric-label { color: var(--muted); font-size: .73rem; font-weight: 800; }
.team-checkup-metric-main { display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px; }
.team-checkup-metric-main strong {
    color: var(--text);
    font: 400 clamp(1.7rem, 2.2vw, 2.4rem)/1 var(--display);
    white-space: nowrap;
}
.team-checkup-change { font-size: .68rem; font-weight: 900; white-space: nowrap; }
.team-checkup-change.is-up { color: var(--brand-deep); }
.team-checkup-change.is-down { color: #b55031; }
.team-checkup-change.is-flat { color: var(--muted); }
.team-checkup-metric.is-text .team-checkup-metric-main strong { font-size: clamp(1.35rem, 1.7vw, 1.9rem); text-transform: uppercase; }
.team-checkup-metric small { color: var(--muted-2); font-size: .68rem; line-height: 1.45; }
.team-checkup-metric-foot { display: grid; gap: 4px; margin-top: 5px; color: var(--muted-2); font-size: .64rem; line-height: 1.35; }
.team-checkup-metric-foot b { color: var(--text); }
.team-checkup-lower {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(280px, .8fr);
    gap: clamp(28px, 3vw, 48px);
    margin: 0 var(--team-progress-gutter);
    padding: 34px 0;
    border-bottom: 1px solid var(--line-strong);
}
.team-checkup-comparison,
.team-checkup-insights { min-width: 0; }
.team-checkup-insights { padding-left: clamp(28px, 3vw, 48px); border-left: 1px solid var(--line); }
.team-checkup-section-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 9px 18px;
    margin-bottom: 22px;
}
.team-checkup-section-heading h3 {
    margin: 6px 0 0;
    color: var(--text);
    font: 400 clamp(1.4rem, 1.9vw, 1.9rem)/1.05 var(--display);
    text-transform: uppercase;
}
.team-checkup-section-heading p { margin: 0; color: var(--muted-2); font-size: .68rem; font-weight: 700; }
.team-checkup-distribution { display: grid; gap: 14px; }
.team-checkup-dist-row { display: grid; grid-template-columns: 116px minmax(0, 1fr) 88px; align-items: center; gap: 12px; }
.team-checkup-dist-row > span { color: var(--muted); font-size: .72rem; font-weight: 800; }
.team-checkup-dist-row > div { height: 12px; border-radius: 3px; background: var(--surface-3); overflow: hidden; }
.team-checkup-dist-row i { display: block; height: 100%; border-radius: 0 4px 4px 0; background: #a9afb5; }
.team-checkup-dist-row.is-up i { background: var(--brand); }
.team-checkup-dist-row.is-down i { background: #b55031; }
.team-checkup-dist-row b { color: var(--text); font-size: .72rem; text-align: right; white-space: nowrap; }
.team-checkup-dist-note { margin: 4px 0 0; color: var(--muted-2); font-size: .66rem; }
.team-checkup-insight-list { display: grid; }
.team-checkup-insight-list p {
    display: flex;
    align-items: start;
    gap: 12px;
    margin: 0;
    padding: 14px 0;
    border-top: 1px solid var(--line);
    color: var(--muted);
    font-size: .79rem;
    line-height: 1.5;
}
.team-checkup-insight-list p:first-child { padding-top: 0; border-top: 0; }
.team-checkup-insight-list p span { color: var(--brand-deep); font: 400 1.18rem/1 var(--display); }
/* Team Progress main page: four weekly trend charts. Hairline gaps divide the cards. */
.team-progress-trends {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    margin: 0 var(--team-progress-gutter);
    background: var(--line);
}
.team-progress-trends.is-empty {
    padding-block: 24px;
    background: transparent;
}
.team-progress-trends > .day-loading,
.team-progress-trends > .team-trends-empty { grid-column: 1 / -1; background: #fff; }
.team-progress-empty {
    grid-column: 1 / -1;
    display: grid;
    place-items: center;
    min-height: clamp(320px, 52dvh, 620px);
    padding: 32px;
    border: 1px solid var(--line-strong);
    background: var(--surface-2);
    color: var(--muted);
    font-size: .9rem;
    text-align: center;
}
.team-progress-card { display: grid; align-content: start; gap: 12px; min-width: 0; padding: 26px clamp(14px, 2vw, 28px) 22px; background: #fff; }
.team-progress-card header { display: flex; align-items: start; justify-content: space-between; gap: 12px; }
.team-progress-card h3 {
    margin: 0;
    color: var(--text);
    font: 400 clamp(1.25rem, 1.6vw, 1.6rem)/1.05 var(--display);
    text-transform: uppercase;
}
.team-progress-card header p { margin: 4px 0 0; color: var(--muted-2); font-size: .7rem; }
.team-progress-filter select {
    min-height: 36px;
    padding: 0 10px;
    border: 1px solid var(--line-strong);
    border-radius: var(--radius-sm);
    background: var(--surface);
    color: var(--text);
    color-scheme: light;
    font: 700 .76rem Inter, sans-serif;
}
.team-progress-filter select:focus-visible { border-color: var(--focus-border); outline: 3px solid var(--focus-ring); outline-offset: 1px; }
.team-progress-headline { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 10px; }
.team-progress-headline strong { color: var(--text); font: 400 clamp(1.8rem, 2.4vw, 2.5rem)/1 var(--display); }
.team-progress-headline small { flex-basis: 100%; color: var(--muted-2); font-size: .68rem; }
.team-progress-chart { position: relative; }
.team-progress-chart .team-trends-plot { height: 190px; }
.team-progress-chart .team-trends-empty {
    display: grid;
    place-items: center;
    min-height: 190px;
    padding: 20px;
    border: 1px solid var(--line-strong);
    background: var(--surface-2);
}

/* Where to focus: strength change by muscle group and by exercise. */
.team-focus {
    margin: 0 var(--team-progress-gutter);
    padding: 34px 0;
    border-bottom: 1px solid var(--line-strong);
    scroll-margin-top: calc(var(--topbar-h) + 16px);
}
.team-focus.hidden,
.team-focus .hidden { display: none; }
.team-focus .team-checkup-section-heading { margin-bottom: 10px; }
.team-focus-toggle {
    display: inline-flex;
    gap: 2px;
    padding: 3px;
    border: 1px solid var(--line-strong);
    border-radius: 999px;
    background: var(--surface-2);
}
.team-focus-toggle button {
    min-height: 34px;
    padding: 0 16px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: var(--muted);
    cursor: pointer;
    font: 800 .76rem Inter, sans-serif;
}
.team-focus-toggle button:hover { color: var(--text); }
.team-focus-toggle button.is-active { background: var(--text); color: #fff; }
.team-focus-toggle button:focus-visible { outline: 3px solid var(--focus-ring); outline-offset: 1px; }
.team-focus-summary { max-width: 760px; margin: 0 0 18px; color: var(--muted); font-size: .79rem; line-height: 1.5; }
.team-focus-controls { display: flex; align-items: end; flex-wrap: wrap; gap: 10px 12px; margin-bottom: 20px; }
.team-focus-controls label { display: grid; gap: 6px; }
.team-focus-controls label > span { color: var(--muted-2); font-size: .62rem; font-weight: 800; letter-spacing: .08em; }
.team-focus-controls select,
.team-focus-controls input {
    min-width: 180px;
    min-height: 40px;
    padding: 0 12px;
    border: 1px solid var(--line-strong);
    border-radius: var(--radius-sm);
    background: var(--surface);
    color: var(--text);
    color-scheme: light;
    font: 700 .8rem Inter, sans-serif;
}
.team-focus-controls select:focus-visible,
.team-focus-controls input:focus-visible {
    border-color: var(--focus-border);
    outline: 3px solid var(--focus-ring);
    outline-offset: 1px;
}
.team-focus-muscles {
    display: grid;
    grid-template-columns: minmax(240px, 300px) minmax(0, 1fr);
    align-items: start;
    gap: clamp(24px, 3vw, 44px);
}
.team-focus-map { position: sticky; top: calc(var(--topbar-h) + 16px); display: grid; gap: 14px; }
.team-focus-figures { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.team-focus-figure { display: grid; justify-items: center; gap: 6px; margin: 0; }
.team-focus-figure svg { display: block; width: 100%; height: auto; max-height: 300px; }
.team-focus-figure [data-muscle] {
    cursor: pointer;
    stroke: transparent;
    stroke-width: 0;
    transition: fill 220ms ease;
}
.team-focus-figure [data-muscle]:hover,
.team-focus-figure [data-muscle].is-linked { stroke: #111; stroke-width: 2.5px; }
.team-focus-figure figcaption { color: var(--muted-2); font-size: .6rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.team-focus-legend {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px 10px;
    color: var(--muted);
    font-size: .68rem;
    font-weight: 700;
}
.team-focus-ramp {
    width: 96px;
    height: 8px;
    border-radius: 999px;
    background: linear-gradient(90deg, #b55031 0%, #e6baab 42%, #a9afb5 42% 58%, #a4d1e9 58%, #0e78b5 100%);
}
.team-focus-legend-none { display: inline-flex; align-items: center; gap: 6px; }
.team-focus-legend-none i { width: 10px; height: 10px; border-radius: 2px; background: #d9dde1; }
.team-focus-list { display: grid; min-width: 0; }
.team-focus-row {
    display: grid;
    grid-template-columns: minmax(130px, 1.1fr) minmax(170px, 1.5fr) minmax(120px, 1fr) minmax(96px, .8fr) 118px;
    align-items: center;
    gap: 14px;
    width: 100%;
    padding: 13px 10px;
    border: 0;
    border-top: 1px solid var(--line);
    border-radius: 0;
    background: transparent;
    color: var(--text);
    font: inherit;
    text-align: left;
}
button.team-focus-row { cursor: pointer; }
button.team-focus-row:hover,
.team-focus-row.is-linked { background: var(--accent-hover-bg); }
button.team-focus-row:focus-visible { outline: 3px solid var(--focus-ring); outline-offset: -3px; }
.team-focus-row-head {
    padding-top: 0;
    padding-bottom: 10px;
    border-top: 0;
    color: var(--muted-2);
    font-size: .6rem;
    font-weight: 900;
    letter-spacing: .09em;
    text-transform: uppercase;
}
.team-focus-row.is-untrained .team-focus-name strong { color: var(--muted); }
.team-focus-name { display: grid; gap: 3px; min-width: 0; }
.team-focus-name strong { font-size: .84rem; font-weight: 800; overflow-wrap: anywhere; }
.team-focus-name small,
.team-focus-stat small,
.team-focus-change small { color: var(--muted-2); font-size: .66rem; line-height: 1.35; }
.team-focus-change {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 58px;
    align-items: center;
    gap: 4px 10px;
    min-width: 0;
}
.team-focus-change b { font-size: .8rem; font-weight: 900; text-align: right; white-space: nowrap; }
.team-focus-change small { grid-column: 1 / -1; }
.team-focus-diverge { position: relative; display: block; height: 10px; border-radius: 3px; background: var(--surface-3); }
.team-focus-diverge::after {
    content: "";
    position: absolute;
    top: -3px;
    bottom: -3px;
    left: 50%;
    width: 1px;
    background: rgba(12, 12, 12, .35);
}
.team-focus-diverge i { position: absolute; top: 0; bottom: 0; display: block; }
.team-focus-diverge i.is-up { border-radius: 0 4px 4px 0; background: var(--brand); }
.team-focus-diverge i.is-down { border-radius: 4px 0 0 4px; background: #b55031; }
.team-focus-stat { display: grid; gap: 3px; min-width: 0; }
.team-focus-stat b { font-size: .76rem; font-weight: 800; white-space: nowrap; }
.team-focus-stat b.is-wrap { white-space: normal; overflow-wrap: anywhere; }
.team-focus-tag {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    justify-self: start;
    padding: 4px 9px;
    border-radius: 999px;
    font-size: .64rem;
    font-weight: 900;
    white-space: nowrap;
}
.team-focus-tag.is-down { background: rgba(181, 80, 49, .12); color: #8f3b22; }
.team-focus-tag.is-up { background: rgba(20, 149, 218, .12); color: var(--brand-deep); }
.team-focus-tag.is-flat { background: var(--surface-3); color: var(--muted); }
.team-focus-tag.is-muted { border: 1px dashed var(--line-strong); color: var(--muted-2); }
.team-focus-empty { margin: 0; padding: 24px 0; color: var(--muted); font-size: .8rem; }
.team-focus-placeholder {
    display: grid;
    place-items: center;
    width: 100%;
    min-height: clamp(260px, 40dvh, 440px);
    padding: 32px;
    border: 1px solid var(--line-strong);
    background: var(--surface-2);
    text-align: center;
}
.team-focus-exercises { display: grid; }
.team-focus-more {
    justify-self: start;
    min-height: 38px;
    margin-top: 14px;
    padding: 0 14px;
    border: 1px solid var(--line-strong);
    border-radius: var(--radius-sm);
    background: var(--surface);
    color: var(--text);
    cursor: pointer;
    font: 800 .76rem Inter, sans-serif;
}
.team-focus-more:hover { border-color: var(--accent-hover-border); background: var(--accent-hover-bg); }
.team-focus-more:focus-visible { outline: 3px solid var(--focus-ring); outline-offset: 1px; }
@media (max-width: 1280px) {
    .team-checkup-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 1100px) {
    body.team-progress-surface #page-athletes.dashboard-page.is-active { gap: 0; }
    .athlete-mobile-nav {
        display: flex;
        gap: 4px;
        width: 100%;
        padding: 12px var(--dashboard-gutter);
        overflow-x: auto;
        scrollbar-width: none;
        white-space: nowrap;
    }
    .athlete-mobile-tab {
        flex: 0 0 auto;
        width: auto;
        padding: 9px 12px;
        border: 0;
        border-bottom: 2px solid transparent;
        border-radius: 0;
        background: transparent;
        color: var(--muted);
        font-size: .76rem;
        font-weight: 800;
        cursor: pointer;
    }
    .athlete-mobile-tab:hover,
    .athlete-mobile-tab:focus-visible { color: var(--brand-deep); background: rgba(20, 149, 218, .07); }
    .athlete-mobile-tab.is-active { border-bottom-color: var(--brand); background: transparent; color: var(--brand-deep); }
    #page-athletes > .dashboard-grid.is-section-hidden { display: none; }
    body.team-progress-surface .athlete-mobile-nav {
        padding-inline: var(--dashboard-gutter);
        border-bottom: 1px solid var(--line-strong);
    }
}
@media (max-width: 1100px) {
    .team-focus-muscles { grid-template-columns: 1fr; }
    .team-focus-map { position: static; justify-self: center; width: 100%; max-width: 380px; }
}
@media (max-width: 760px) {
    .team-focus-row-head { display: none; }
    .team-focus-row {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        grid-template-areas: "name tag" "change change" "stat-a stat-b";
        gap: 10px 14px;
        padding: 14px 4px;
    }
    .team-focus-list > .team-focus-row-head + .team-focus-row { border-top: 0; }
    .team-focus-row > .team-focus-name { grid-area: name; }
    .team-focus-row > .team-focus-tag { grid-area: tag; justify-self: end; align-self: start; }
    .team-focus-row > .team-focus-change { grid-area: change; }
    .team-focus-row > .team-focus-stat-a { grid-area: stat-a; }
    .team-focus-row > .team-focus-stat-b { grid-area: stat-b; }
    .team-focus-stat::before { content: attr(data-label); color: var(--muted-2); font-size: .58rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
    .team-focus-controls { display: grid; grid-template-columns: 1fr; width: 100%; }
    .team-focus-controls select,
    .team-focus-controls input { width: 100%; min-width: 0; }
}
@media (max-width: 900px) {
    .team-progress-trends { grid-template-columns: 1fr; }
    .team-compare-heading { grid-template-columns: 1fr; }
    .team-compare-heading .team-checkup-form { width: 100%; margin-left: 0; }
}
@media (max-width: 850px) {
    .team-checkup-lower { grid-template-columns: 1fr; gap: 28px; }
    .team-checkup-insights { padding: 28px 0 0; border-left: 0; border-top: 1px solid var(--line); }
}
@media (max-width: 600px) {
    .team-checkup-heading { padding-top: 24px; gap: 22px; }
    .team-compare-intro { grid-template-columns: 1fr; gap: 14px; }
    .team-compare-intro p { grid-column: 1; }
    .team-checkup-compare-toggle { justify-content: center; width: 100%; margin-left: 0; }
    .team-checkup-form { width: 100%; margin-left: 0; }
    .team-checkup-dates { grid-template-columns: 1fr 1fr; }
    .team-checkup-dates button[type=submit] { grid-column: 1 / -1; }
    .team-checkup-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .team-checkup-metric { padding: 16px 12px; }
    .team-checkup-dist-row { grid-template-columns: 96px minmax(0, 1fr) 76px; gap: 8px; }
}