/* откъде: nx-system/07-nx-dash/v2/bottom/bottom.css, nx-system/08-nx-shell/v6/shell.css */
/* ====================================================================
   10-bottom · пултът: от край до край на сцената, последното ѝ дете.
   Плочките — три колони до три, четири от четири нагоре. Само токените
   на 15 (00-tokens); без blur и сияние — токени за тях няма. Центрирането
   на компютър е в подредбата. [hidden] е тук, защото display: grid и flex
   го бият, а общо правило в 15 и 16 няма.
   ==================================================================== */
.nx-bottom {
  flex: none;
  display: flex;
  flex-direction: column;
  gap: var(--nx-s2);
  padding: var(--nx-s2) var(--nx-s2) calc(var(--nx-s2) + env(safe-area-inset-bottom));
  background: var(--nx-glass-bg);
  border-top: thin solid var(--nx-glass-line);
}

.nx-bottom [hidden] {
  display: none;
}

.nx-bottom-keys {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--nx-s2);
}

.nx-bottom-keys:has(> :nth-child(4)) {
  grid-template-columns: repeat(4, 1fr);
}

.nx-bottom-key {
  min-height: var(--nx-dash-key);
  padding: var(--nx-key-pad-y) var(--nx-key-pad-x);
  border: thin solid var(--nx-line);
  border-radius: var(--nx-r2);
  corner-shape: squircle;
  background: var(--nx-surface-2);
  color: var(--nx-text);
  font: inherit;
  font-size: var(--nx-t-xs);
  font-weight: 600;
  line-height: 1.1;
  cursor: pointer;
}