.column-picker {
  position:relative;
}
.column-picker>button {
  white-space:nowrap;
}
.column-menu {
  position:absolute;
  z-index:30;
  top:calc(100% + var(--zg-space-2));
  right:0;
  width:230px;
  max-width:calc(100vw - 2 * var(--zg-page-padding-x));
  max-height:min(360px,calc(100vh - 180px));
  overflow-y:auto;
  padding:var(--zg-space-2);
  border:1px solid var(--zg-border-soft);
  border-radius:var(--zg-radius-md);
  background:var(--zg-surface-floating);
  box-shadow:var(--zg-shadow-floating);
}
.column-menu label {
  display:flex;
  gap:var(--zg-space-2);
  align-items:center;
  padding:var(--zg-space-2);
  font-size:var(--zg-font-label);
  cursor:pointer;
}
.column-menu label:hover {
  background:var(--zg-surface-hover);
}