/* Gym name in the middle of the top bar. Loaded after app.css. */
/* side columns never shrink below their content; only the name truncates. Centred whenever there is room. */
.topbar.has-gym{display:grid;grid-template-columns:minmax(max-content,1fr) minmax(0,auto) minmax(max-content,1fr);align-items:center;gap:14px}
.topbar.has-gym>.brand{justify-self:start}
.topbar.has-gym>:last-child:not(.topbar-gym){justify-self:end}
.topbar-gym{min-width:0;max-width:100%;text-align:center;font-weight:800;font-size:clamp(15px,1.7vw,19px);letter-spacing:.03em;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.topbar-gym[hidden]{display:none}
@media(max-width:720px){
  /* phones: keep just the logo mark on the left so the name has room */
  .topbar.has-gym{grid-template-columns:auto minmax(0,1fr) auto;gap:10px}
  .topbar.has-gym>.brand>span:last-child{display:none}
  .topbar-gym{font-size:14px}
}
/* admin: name editor */
.gym-name-card{padding:16px 20px;margin-bottom:18px;display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
.gym-name-card .field{flex:1 1 260px;margin:0}
.gym-name-card .form-message{flex-basis:100%;margin:0}