.page-heading,
.page-header {display: flex;justify-content: space-between;gap: var(--space-4);margin-bottom: 18px;}
.page-heading h1,
.page-header h1 {margin: 0;color: var(--text);font-size: var(--font-size-title);font-weight: 820;letter-spacing: 0;}
.page-heading.compact {margin: 22px 0 18px;}
.eyebrow {margin: 0 0 5px;color: var(--primary-hover);font-size: .72rem;font-weight: 850;text-transform: uppercase;letter-spacing: 0;}
.context-heading {margin: 7px 0 0;color: var(--text-secondary);font-weight: 700;}
.page-heading-actions {display: flex;align-items: center;justify-content: flex-end;gap: var(--space-2);margin-left: auto;flex-wrap: wrap;}
.section-title {display: flex;align-items: center;gap: 10px;margin-bottom: 14px;color: var(--primary-hover);}
.section-title h2,
.admin-section h2 {margin: 0;font-size: 1.05rem;font-weight: 820;}
.table-actions {display: flex;justify-content: flex-end;gap: var(--space-2);white-space: nowrap;}
:is(.ft-tabs,.dashboard-tabs,.training-tabs,.statistics-tabs,.squad-nav) {border-bottom: 1px solid var(--border);}
:is(.ft-tabs,.dashboard-tabs,.training-tabs,.statistics-tabs,.squad-nav) > :is(a,button) {display: inline-flex;align-items: center;justify-content: center;min-height: var(--control-height);padding: var(--space-2) var(--space-3);border: 0;border-bottom: 2px solid transparent;border-radius: 0;color: var(--text-secondary);background: transparent;font-family: var(--font-family);font-size: var(--font-size-label);font-weight: var(--font-weight-control);line-height: var(--line-height);text-decoration: none;}
:is(.ft-tabs,.dashboard-tabs,.training-tabs,.statistics-tabs,.squad-nav) > :is(a,button):is(.active,[aria-current="page"],[aria-selected="true"]) {color: var(--primary-hover);background: transparent;border-bottom-color: var(--primary);}
:is(.ft-tabs,.dashboard-tabs,.training-tabs,.statistics-tabs,.squad-nav) > :is(a,button):hover {color: var(--primary-hover);background: var(--primary-light);}
:is(.ft-tabs,.dashboard-tabs,.training-tabs,.statistics-tabs,.squad-nav) > :is(a,button):focus-visible {outline: 3px solid var(--focus);outline-offset: 3px;}

/* Shared responsive record grid. Mirrors the Players list: a table on larger
   screens and readable two-column record cards on compact screens. */
@media (max-width: 767.98px) {
.record-grid {overflow: visible;}
.record-grid .table,
.record-grid .table tbody {display: block;width: 100%;}
.record-grid .table thead {display: none;}
.record-grid .table tbody tr {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 0 12px;margin-bottom: 12px;padding: 12px;border: 1px solid var(--border-color, #d8e4f3);border-radius: 12px;background: var(--surface, #fff);}
.record-grid .table tbody tr:last-child {margin-bottom: 0;}
.record-grid .table tbody td {display: block;min-width: 0;padding: 8px 4px;border: 0;overflow-wrap: anywhere;}
.record-grid .table tbody td[data-grid-span="full"] {grid-column: 1 / -1;}
.record-grid .table tbody td[data-label]::before {content: attr(data-label);display: block;margin-bottom: 4px;color: var(--text-muted);font-size: .75rem;font-weight: 700;}
.record-grid .table tbody td.record-grid-actions {grid-column: 1 / -1;padding-top: 8px;}
.record-grid .record-grid-actions::before {display: none !important;}
.record-grid .record-grid-actions .table-actions,
.record-grid .record-grid-actions.table-actions {flex-direction: row;flex-wrap: wrap;justify-content: flex-start;}
.record-grid .record-grid-actions .btn,
.record-grid .record-grid-actions form,
.record-grid .record-grid-actions.table-actions .btn,
.record-grid .record-grid-actions.table-actions form {width: auto;}
}

@media (max-width: 430px) {
.record-grid .table tbody tr {grid-template-columns: 1fr;}
.record-grid .table tbody td {grid-column: 1 / -1;}
}
.page-heading,
.page-header {align-items: center;}
.page-heading > :first-child,
.page-header > :first-child {min-width: 0;}
.page-heading > :is(.page-heading-actions, .table-actions, .d-flex, a.btn, button.btn),
.page-header > :is(.page-heading-actions, .table-actions, .d-flex, a.btn, button.btn) {align-self: center;margin-left: auto;}
.page-heading > :is(.page-heading-actions, .table-actions, .d-flex),
.page-header > :is(.page-heading-actions, .table-actions, .d-flex) {display: flex;align-items: center;justify-content: flex-end;flex-flow: row wrap;gap: 4px;}
.page-heading > :is(a.btn, button.btn),
.page-heading > :is(.page-heading-actions, .table-actions, .d-flex) .btn,
.page-header > :is(a.btn, button.btn),
.page-header > :is(.page-heading-actions, .table-actions, .d-flex) .btn {min-height: var(--control-height);padding: var(--space-2) var(--space-3);gap: 5px;font-size: var(--font-size-control);white-space: normal;}
.page-heading > :is(a.btn, button.btn) i,
.page-heading > :is(.page-heading-actions, .table-actions, .d-flex) .btn i,
.page-header > :is(a.btn, button.btn) i,
.page-header > :is(.page-heading-actions, .table-actions, .d-flex) .btn i {margin: 0;}
