/* Teams admin editor — OutRun theme. */

.team-edit { background: var(--ink2); border: 1px solid var(--line-d); border-radius: 16px; padding: 14px; margin-bottom: 12px; }
.team-edit-head { display: flex; align-items: center; gap: 10px; }
.team-edit-head input[type="color"] { width: 38px; height: 38px; border: none; background: none; padding: 0; border-radius: 10px; cursor: pointer; flex-shrink: 0; }
.team-edit-head .te-name { flex: 1; }
.team-edit-head .te-remove { background: rgba(247,52,94,0.14); color: var(--a2); border: 1px solid rgba(247,52,94,0.4); border-radius: 10px; font-weight: 800; font-size: 18px; line-height: 1; width: 38px; height: 38px; cursor: pointer; flex-shrink: 0; }
.te-logo { width: 44px; height: 44px; border-radius: 12px; border: 1px solid var(--line-d); background: var(--ink); display: inline-flex; align-items: center; justify-content: center; overflow: hidden; cursor: pointer; flex-shrink: 0; }
.te-logo img { width: 100%; height: 100%; object-fit: cover; }
.te-logo .te-logo-ph { display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 16px; font-weight: 800; color: var(--on-dark-soft); line-height: 1; }
.te-logo .te-logo-ph small { font-size: 7px; letter-spacing: 0.5px; text-transform: uppercase; margin-top: 1px; }

.runners-edit { margin-top: 12px; display: flex; flex-direction: column; gap: 8px; }
.runner-edit { display: grid; grid-template-columns: 1fr 1fr auto; gap: 6px; align-items: center; }
.runner-edit .rx { background: rgba(247,52,94,0.10); color: var(--a2); border: 1px solid rgba(247,52,94,0.35); border-radius: 8px; cursor: pointer; font-weight: 800; height: 38px; width: 38px; }
.runner-head { display: grid; grid-template-columns: 1fr 1fr auto; gap: 6px; font-size: 10px; font-weight: 800; letter-spacing: 0.6px; text-transform: uppercase; color: var(--on-dark-soft); margin-top: 10px; }
.runner-head span:last-child { width: 38px; }

.teams-editor input.wo-input { font-size: 14px; }
.add-runner { margin-top: 10px; background: transparent; border: 1px dashed var(--line-d); color: var(--on-dark-soft); border-radius: 10px; padding: 9px; width: 100%; cursor: pointer; font-weight: 700; font-family: inherit; }
.add-runner:hover { border-color: var(--a1); color: var(--on-dark); }

.teams-actions { display: flex; gap: 10px; margin-top: 8px; }
.teams-actions .wo-btn-ghost, .teams-actions .wo-btn-primary { flex: 1; }

@media (max-width: 480px) {
  .runner-edit, .runner-head { grid-template-columns: 1fr 1fr 0.6fr auto; }
  .runner-edit .re-pace, .runner-head .h-pace { display: none; }
}