.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: 11px;
}
.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 rgba(184, 203, 194, .3);
  border-radius: 999px;
  background: #2b5341;
  color: #edf5f0;
  font-size: 11px;
  font-weight: 600;
  line-height: 18px;
  text-decoration: none;
  white-space: nowrap;
}
.update-pill:hover { background: #386750; }
.update-pill:focus-visible { outline: 2px solid #b6edcb; outline-offset: 3px; }
.update-pill.has-update { background: #b6edcb; border-color: #b6edcb; color: #173d2d; }
.update-pill.has-update:hover { background: #d3f7e0; }
.update-pill[aria-busy="true"] { cursor: progress; }
.update-dialog p { line-height: 1.8; overflow-wrap: anywhere; }
#update-message { color: var(--ink); font-size: 14px; }
#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: 30; }
@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: 10px; }
}