/* Shared compact manager presentation. Credits remain visible and complete. */
.manager-profile-compact {
    padding: 16px;
    margin-bottom: 16px;
    border-top: 4px solid var(--tangerine);
}
.manager-profile-identity {
    display: flex;
    align-items: flex-start;
    gap: 18px;
}
.manager-profile-identity > .manager-photo {
    display: block;
    flex: 0 0 90px;
    width: 90px;
    height: 130px;
    object-fit: contain;
    object-position: left top;
}
.manager-profile-identity > div { min-width: 0; }
.manager-profile-identity h1 { margin: 0 0 8px; }
.manager-profile-identity p { margin: 5px 0 0; font-size: .875rem; }
.manager-profile-compact > .manager-card-credit,
.manager-card > .manager-card-credit {
    color: #555;
    font-size: .6875rem;
    line-height: 1.45;
    border-top: 1px solid #e2e2e2;
    padding-top: 8px;
}
.manager-profile-compact > .manager-card-credit { margin: 12px 0 0; }
.manager-card > .manager-card-credit { margin: 0 12px 12px; }
.manager-card-credit p { display: inline; margin: 0 0 0 .3em; font-size: inherit; line-height: inherit; }
.manager-card .manager-card-intro {
    display: flex;
    align-items: flex-start;
    min-height: 128px;
    box-sizing: border-box;
    gap: 12px;
}
.manager-card .manager-card-intro > .manager-photo {
    display: block;
    flex: 0 0 66px;
    width: 66px;
    height: 96px;
    object-fit: contain;
    object-position: left top;
}
.manager-card .manager-card-intro > div { flex: 1; min-width: 0; }

/* Managers offers the visual timeline and a dense, sortable record table. */
.manager-view-tabs {
    display: flex;
    gap: 4px;
    margin: 0 0 16px;
    border-bottom: 3px solid var(--club-primary, var(--tangerine));
}
.manager-view-tabs a {
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    padding: 8px 15px;
    color: var(--club-primary, var(--link));
    background: #fff;
    border: 1px solid var(--line);
    border-bottom: 0;
    font-size: .875rem;
    font-weight: 700;
    text-decoration: none;
}
.manager-view-tabs a:hover { background: var(--hover); }
.manager-view-tabs a[aria-current] {
    color: #fff;
    background: var(--club-primary, var(--tangerine));
    border-color: var(--club-primary, var(--tangerine));
}
.manager-record-table { min-width: 760px; }
.manager-record-table th,
.manager-record-table td { padding: 9px 10px; }
.manager-record-table thead th:not(:first-child),
.manager-record-table tbody td { text-align: right; }
.manager-record-table thead a {
    display: block;
    color: inherit;
    text-decoration: none;
    white-space: nowrap;
}
.manager-record-table thead a:hover { text-decoration: underline; }
.manager-record-table tbody td {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}
.manager-record-name {
    min-width: 190px;
    background: transparent;
}
.manager-record-identity {
    display: flex;
    align-items: center;
    gap: 9px;
}
.manager-record-identity .nation-flag { flex: 0 0 24px; object-fit: cover; }
.manager-record-identity > span { min-width: 0; }
.manager-record-name a { color: var(--club-primary, var(--link)); }
.manager-record-name small { display: block; color: var(--muted); font-size: .7rem; font-weight: 400; }
.manager-record-caretaker { background: #fbebed; }
.manager-record-caretaker:hover,
.manager-record-caretaker:focus-within { background: #f7dce0; }
.manager-record-caretaker .manager-record-name a { font-style: italic; }
.manager-record-table sup { color: var(--club-accent, #111111); }

@media (max-width: 540px) {
    .manager-profile-compact { padding: 12px; }
    .manager-profile-identity { gap: 12px; }
    .manager-profile-identity > .manager-photo { flex-basis: 68px; width: 68px; height: 100px; }
    .manager-profile-identity h1 { font-size: 1.5rem; }
    .manager-view-tabs a { flex: 1 1 50%; justify-content: center; padding-inline: 8px; }
    .manager-record-table { min-width: 0; table-layout: fixed; font-size: .75rem; }
    .manager-record-table th,
    .manager-record-table td { padding: 8px 4px; }
    .manager-record-table .manager-record-optional { display: none; }
    .manager-record-table th:first-child { width: 40%; }
    .manager-record-table th:not(:first-child) { width: 12%; }
    .manager-record-name { min-width: 0; overflow-wrap: anywhere; }
    .manager-record-identity { gap: 5px; }
    .manager-record-identity .nation-flag { width: 20px; height: auto; flex-basis: 20px; }
}

/* Caley Thistle black and silver trim. */
.manager-record-caretaker{background:#f1f2f3}.manager-record-caretaker:hover,.manager-record-caretaker:focus-within{background:#e7e8e9}

.manager-card-date span{color:var(--club-accent,#b8bdc5)}