/* The hub page, on top of admin.css. */
.hub-summary { margin-bottom: 4px; }
.hub-chip { padding: 10px 14px; border-radius: 10px; background: var(--chip, rgba(127, 127, 127, .1)); min-width: 120px; }
.hub-chip strong { display: block; font-size: 1.6rem; line-height: 1.1; }
.hub-chip.bad { background: rgba(200, 40, 40, .12); color: #b42318; }
.hub-org { margin: 24px 4px 8px; font-size: 1.15rem; }
.hub-location-head { align-items: center; }
.hub-location-head h3 { margin: 0; }
.hub-displays { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 14px; margin-top: 10px; }
.hub-display { border: 1px solid rgba(127, 127, 127, .25); border-radius: 10px; overflow: hidden; }
.hub-display img, .hub-noshot { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: contain; background: #111; }
.hub-noshot { display: grid; place-items: center; color: #aaa; font-size: .85rem; }
.hub-display-text { padding: 8px 10px; }
.badge.bad { background: rgba(200, 40, 40, .15); color: #b42318; }
.hub-list { margin: 8px 0 14px; }
.hub-row { display: flex; flex-wrap: wrap; gap: 8px; justify-content: space-between; align-items: center;
  padding: 8px 0; border-bottom: 1px solid rgba(127, 127, 127, .2); }
.hub-loc-form h4, #userForm h4 { margin: 14px 0 6px; }
.hub-code { font: 600 1.8rem/1.2 ui-monospace, Consolas, monospace; letter-spacing: .08em; text-align: center;
  padding: 12px; border-radius: 10px; background: rgba(127, 127, 127, .12); user-select: all; }
.hub-targets { border: 1px solid rgba(127, 127, 127, .25); border-radius: 10px; padding: 10px 14px; margin: 10px 0 0; }
.hub-targets .sub { margin-top: 8px; }
.hub-grow { flex: 1 1 260px; }
.hub-user-locs { margin-top: 6px; font-size: .9rem; }
#manageMenu summary { padding: 6px 12px; }