/* The upgrade page's size picker: a product sold in sizes (UPS Monitor Cloud:
   10, 20 or 30 computers) picks one, and the line under it says what
   buying it would do. The rest of the page is appMenu.css's rows.

   Tokens only, so it reads right in every theme. Added 2026-10-09. */

.upgrade-sizes[hidden] {
  display: none;
}

.upgrade-sizes {
  margin: 10px 0 4px;
  padding: 10px 14px;
  border: 1px solid var(--rule);
  border-radius: 8px;
}

.upgrade-sizes legend {
  padding: 0 6px;
  color: var(--ink-muted);
  font-size: calc(0.85rem * var(--font-scale, 1));
}

.upgrade-sizes__list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
}

.upgrade-sizes__list label {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--ink);
  cursor: pointer;
}

.upgrade-sizes__quote {
  margin: 10px 0 0;
  color: var(--ink);
}

.upgrade-sizes__quote:empty {
  display: none;
}