.team-identity{display:inline-flex;align-items:center;gap:8px;max-width:100%;vertical-align:middle;text-align:left}
.team-name{min-width:0;overflow-wrap:anywhere}
.team-logo-box{display:inline-flex;width:24px;height:24px;flex:0 0 24px;align-items:center;justify-content:center;vertical-align:middle}
.team-logo{display:block;width:100%;height:100%;object-fit:contain}
.team-logo-placeholder{border:1px solid #b9c6c5;border-radius:50%;background:#edf2f1}
.team-logo-placeholder::after{content:"";width:10px;height:4px;border-radius:50%;background:#829391}
.team-identity-heading .team-logo-box{width:36px;height:36px;flex-basis:36px}
.team-identity-bracket .team-logo-box{width:28px;height:28px;flex-basis:28px}
.opponent-picker{display:flex;align-items:center;gap:8px}
.opponent-picker select{flex:1;min-width:0}
.team-controls>.team-logo-box{width:28px;height:28px;flex-basis:28px}
@media(max-width:600px){.team-identity{gap:5px}.team-controls>select{flex:1;min-width:0;width:auto}}

/* Only public schedule opponent cells use these responsive names. */
.schedule-opponent .opponent-short{display:none}
.opponent-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:600px){
  .schedule-opponent .opponent-full{display:none}
  .schedule-opponent .opponent-short{display:inline;white-space:nowrap;overflow-wrap:normal;word-break:normal}
  .schedule-opponent{flex-wrap:nowrap;white-space:nowrap}
}