.administration-tabs { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:18px; }
.administration-usage-card > .central-usage, .administration-usage-card > .usage-breakdown,
.administration-usage-card > p, .administration-usage-card > .button-row { margin-inline:22px; }
.administration-usage-card > .button-row { margin-bottom:22px; }
.usage-breakdown { margin-top:24px; padding-top:0; }
.usage-team-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr)); gap:14px; margin:18px 0; }
.usage-team-card { min-width:0; border:1px solid var(--line); border-radius:14px; padding:16px; background:var(--surface); }
.usage-team-card h4 { margin:0 0 12px; overflow-wrap:anywhere; }
.usage-source + .usage-source { border-top:1px solid var(--line); padding-top:12px; margin-top:12px; }
.usage-source dl { margin:6px 0 0; }
.usage-source dl > div { display:flex; flex-wrap:wrap; justify-content:space-between; gap:4px 12px; padding:4px 0; }
.usage-source dt { font-size:0.82rem; color:var(--muted); }
.usage-source dd { margin:0; font-weight:800; font-variant-numeric:tabular-nums; }
.usage-method { margin-bottom:18px; }
.team-profile-card > .card-heading { flex-wrap:wrap; }
.team-profile-card > .card-heading > div { min-width:0; flex:1 1 190px; }
.team-profile-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px; align-items:start; padding:0 22px 22px; }
.team-profile-fields { border:0; padding:0; margin:0; min-width:0; display:grid; gap:14px; }
.team-profile-colors { display:grid; grid-template-columns:repeat(auto-fit,minmax(90px,1fr)); gap:10px; }
.team-profile-colors input { height:46px; width:100%; padding:4px; }
.team-preview-label { font-size:0.82rem; color:var(--muted); margin:0 0 8px; }
.team-profile-preview { background:var(--surface); border:1px solid var(--line); border-radius:14px; overflow:hidden; padding-bottom:16px; }
.team-profile-preview-header { display:flex; gap:12px; align-items:center; padding:18px; background:var(--green-700); color:var(--team-primary-ink,#fff); }
.team-profile-preview-header h3 { margin:0; color:inherit; overflow-wrap:anywhere; }
.team-profile-preview-score { padding:0 16px; margin:16px 0 10px; font-weight:800; overflow-wrap:anywhere; }
.team-profile-player { display:grid; margin:10px 16px 0; padding:12px; background:var(--green-50); border-left:4px solid var(--green-700); border-radius:8px; }
.team-profile-player span { font-size:0.85rem; }
.team-profile-player--alternative { background:var(--team-secondary-soft); border-color:var(--team-secondary); }
.team-profile-player--keeper { background:var(--goalkeeper-50); border-color:var(--goalkeeper-700); }
.team-logo { position:relative; width:48px; height:48px; display:inline-grid; place-items:center; flex:0 0 48px; font-weight:900; font-size:16px; overflow:hidden; border-radius:8px; }
.team-logo > img { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; }
.team-logo > img[hidden] { display:none; }
.team-logo--skuru > img { inset:auto; top:50%; left:50%; width:96px; max-width:none; height:72px; transform:translate(-50%,-50%); filter:url(#green-logo-white); }
.team-logo:has(img:not([hidden])) > span { visibility:hidden; }
.team-profile-card .form-actions { display:flex; flex-wrap:wrap; gap:8px; }
@media(max-width:760px) { .team-profile-layout { grid-template-columns:minmax(0,1fr); } }
@media(max-width:680px) {
  .topbar { flex-wrap:wrap; gap:10px; }
  .topbar > div:first-child { min-width:0; }
  .topbar-actions { max-width:100%; flex-wrap:wrap; }
}

.timeout-player-card--goalkeeper .timeout-player-position { background:var(--goalkeeper-100); color:var(--goalkeeper-700); }
.timeout-player-card--goalkeeper.timeout-player-card--active { box-shadow:inset 0 3px var(--goalkeeper-700); }

.usage-overview { margin:18px 0 24px; min-width:0; }
.usage-overview h4 { margin:0 0 8px; }
.usage-overview .table-scroll { margin:0; max-width:100%; }
.usage-overview-table { min-width:710px; width:100%; }
.usage-overview-table th, .usage-overview-table td { padding:12px; font-variant-numeric:tabular-nums; text-align:right; }
.usage-overview-table th:first-child { text-align:left; width:26%; white-space:normal; overflow-wrap:anywhere; }
.usage-overview-table tfoot { background:var(--green-50); font-weight:800; }

.usage-overview-hint { display:none; font-size:.82rem; color:var(--muted); }
@media(max-width:760px) { .usage-overview-hint { display:block; } }
