/* The "+ New" button and its menu (UX overhaul, New batch). Zentrum tokens only. */
.nw-btn {
  display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 14px; border: 0; border-radius: 99px; cursor: pointer;
  background: var(--amino-text); color: var(--amino-surface); font: inherit; font-size: 14px; font-weight: 600; white-space: nowrap;
}
.nw-btn span { font-size: 18px; line-height: 1; margin-top: -1px; }
.nw-btn:focus-visible { outline: 2px solid var(--z-accent); outline-offset: 2px; }
.nw-scrim { position: fixed; inset: 0; z-index: 70; }
.nw-menu {
  position: fixed; right: max(24px, calc((100vw - 1180px) / 2 + 16px)); top: 76px; z-index: 71; width: 300px; padding: 6px;
  display: flex; flex-direction: column; background: var(--amino-surface); border-radius: 16px; box-shadow: var(--z-paper-shadow);
  border: 1px solid var(--amino-border); animation: nw-in .14s ease;
}
@keyframes nw-in { from { opacity: 0; transform: translateY(-4px); } }
.nw-head { padding: 8px 12px 4px; font-size: 10.5px; font-weight: 600; letter-spacing: .09em; text-transform: uppercase; color: var(--amino-text-muted); }
.nw-menu button {
  all: unset; box-sizing: border-box; cursor: pointer; display: flex; flex-direction: column; gap: 2px; padding: 10px 12px; border-radius: 10px;
}
.nw-menu button:hover, .nw-menu button:focus-visible { background: var(--amino-surface-sunk); }
.nw-menu strong { font-size: 14px; font-weight: 600; color: var(--amino-text); }
.nw-menu span { font-size: 12.5px; color: var(--amino-text-muted); }

@media (max-width: 640px) {
  .nw-btn { height: 34px; padding: 0 12px; font-size: 13.5px; }
  .nw-scrim { background: color-mix(in srgb, var(--amino-text) 28%, transparent); }
  .nw-menu {
    position: fixed; left: 0; right: 0; top: auto; bottom: 0; width: auto; border-radius: var(--amino-radius-lg) var(--amino-radius-lg) 0 0;
    padding: 8px 8px calc(12px + env(safe-area-inset-bottom)); animation-name: nw-up;
  }
  .nw-menu button { padding: 13px 14px; }
}
@keyframes nw-up { from { transform: translateY(24px); opacity: .4; } }