/* Left menu row buttons and icons. */

  .menu-subtree-root {
    display: grid;
    gap: 6px;
  }

  .menu-nav-button-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) var(--menu-panel-row-height);
    gap: 6px;
    align-items: stretch;
  }

  .menu-nav-link,
  .menu-nav-button {
    --vk-paper-row-height: var(--menu-panel-row-height);
    --vk-paper-row-radius: var(--menu-panel-row-radius);
    --vk-paper-row-padding-x: var(--menu-panel-row-padding-x);
    --vk-paper-row-gap: var(--menu-panel-row-gap);
    --vk-paper-row-leading-size: 18px;

    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: var(--vk-paper-row-gap);
    min-height: var(--menu-panel-row-height);
    height: var(--menu-panel-row-height);
    padding: var(--menu-panel-row-padding-y) var(--menu-panel-row-padding-x);
    box-sizing: border-box;
    text-decoration: none;
    border-radius: var(--menu-panel-row-radius);
    font-weight: 600;
    font-size: 13px;
    text-align: left;
  }

  .menu-nav-button {
    text-align: left;
    cursor: pointer;
  }

  .menu-nav-icon-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: var(--menu-panel-row-height);
    width: var(--menu-panel-row-height);
    min-height: var(--menu-panel-row-height);
    height: var(--menu-panel-row-height);
    border-radius: var(--menu-panel-row-radius);
    text-decoration: none;
    cursor: pointer;
  }

  .menu-nav-link.is-disabled,
  .menu-nav-button.is-disabled,
  .menu-nav-icon-button.is-disabled {
    opacity: 0.58;
    cursor: default;
    pointer-events: none;
  }

  .menu-nav-link .lucide,
  .menu-nav-button .lucide,
  .menu-nav-icon-button .lucide,
  .menu-sub-link .lucide,
  .menu-sub-toggle .lucide,
  .subscription-row .lucide {
    width: var(--menu-panel-main-icon-size);
    height: var(--menu-panel-main-icon-size);
    stroke-width: 1.9;
  }

  .menu-nav-link > .lucide,
  .menu-nav-button > .lucide {
    order: 0;
    flex: 0 0 var(--vk-paper-row-leading-size);
  }

  .menu-nav-accent-mark {
    color: var(--vk-paper-main-bg);
  }

  .menu-nav-text {
    order: 1;
    flex: 1 1 auto;
    justify-self: start;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
  }

  .menu-nav-chevron {
    color: var(--vk-text-muted);
  }
