/* Platform additions: the shared product bar, the site chip, the sign-in banner. */
.product-bar { display: flex; align-items: center; gap: 14px; padding: 6px 14px; background: #0f172a;
  color: #cbd5e1; font: 600 13px/1.4 system-ui, sans-serif; }
.product-bar a { color: #cbd5e1; text-decoration: none; padding: 2px 0; }
.product-bar a[hidden] { display: none; }
.product-bar a.current { color: #fff; border-bottom: 2px solid #38bdf8; }
.product-bar-brand { color: #fff; letter-spacing: .08em; margin-right: 4px; }
.product-bar-user { margin-left: auto; font-weight: 400; color: #94a3b8; overflow: hidden; text-overflow: ellipsis;
  white-space: nowrap; max-width: 40vw; }
.site-chip { margin-left: auto; border: 1px solid #cbd5e1; background: #f8fafc; border-radius: 999px;
  padding: 6px 12px; font: 600 13px system-ui, sans-serif; max-width: 45vw; overflow: hidden;
  text-overflow: ellipsis; white-space: nowrap; color: #0f172a; }
.session-banner { display: flex; gap: 10px; align-items: center; justify-content: space-between;
  background: #fef3c7; color: #78350f; padding: 8px 14px; font: 14px system-ui, sans-serif; }
.session-banner[hidden] { display: none; }
.thumb-row { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.thumb { width: 64px; height: 64px; object-fit: cover; border-radius: 6px; }
.popup-thumb { width: 72px; height: 72px; object-fit: cover; border-radius: 4px; margin: 4px 4px 0 0; }