.brand-mark { flex-shrink: 0; }
.brand-copy { min-width: 0; }
.brand .brand-version-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 9px;
  font-size:var(--fs-sm);
}
.version-number { color: #b8cbc2; white-space: nowrap; }
.update-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  padding: 3px 10px;
  border: 1px solid var(--admin-sidebar-border);
  border-radius: var(--ui-radius,12px);
  background: var(--admin-sidebar-hover-bg);
  color: var(--admin-sidebar-text);
  font-size:var(--fs-sm);
  font-weight: 600;
  line-height: 18px;
  text-decoration: none;
  white-space: nowrap;
}
.update-pill:hover { background: rgba(255,255,255,.14); }
.update-pill:focus-visible { outline: 2px solid var(--admin-sidebar-accent); outline-offset: 3px; }
.update-pill.has-update { background: var(--admin-sidebar-accent); border-color: var(--admin-sidebar-accent); color: var(--admin-sidebar-start); }
.update-pill.has-update:hover { background: var(--admin-sidebar-accent); filter: brightness(1.12); }
.update-pill[aria-busy="true"] { cursor: progress; }
.update-dialog p { line-height:var(--lh-relaxed); overflow-wrap: anywhere; }
#update-message { color: var(--ink); font-size:var(--fs-lg); }
#update-versions { margin-top: 14px; }
#update-note { margin-top: 12px; }
#update-progress { display: block; width: 100%; height: 12px; margin-top: 18px; accent-color: var(--green); }
.update-dialog .form-actions { flex-wrap: wrap; }
.update-dialog button:disabled { opacity: .55; cursor: wait; }
#update-details { margin-right: auto; align-self: center; }
#confirm-modal { z-index: 60; }
@media (max-width: 760px) {
  .sidebar .brand { flex-direction: column; gap: 8px; }
  .brand-copy > b, .brand-copy > small { display: none; }
  .brand .brand-version-row { flex-direction: column; gap: 4px; margin-top: 0; }
  .update-pill { padding: 3px 4px; font-size:var(--fs-xs); }
}
