/* Hamburger panel */

  .hamburger-overlay {

    position: fixed;

    inset: 0;

    background: rgba(0,0,0,0.3);

    z-index: 190;

    opacity: 0;

    pointer-events: none;

    transition: opacity 0.25s ease;

  }

  .hamburger-overlay.show {

    opacity: 1;

    pointer-events: auto;

  }

  .hamburger-panel {

    position: fixed;

    top: 0;

    left: 0;

    bottom: 0;

    width: 260px;

    background: var(--bg);

    border-right: 1px solid var(--border);

    z-index: 200;

    transform: translateX(-100%);

    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);

    display: flex;

    flex-direction: column;

    padding: 20px 16px;

    box-shadow: 4px 0 24px rgba(0,0,0,0.1);

  }

  .hamburger-panel.show {

    transform: translateX(0);

  }

  .hamburger-panel .brand {

    font-size: 17px;

    font-weight: 600;

    letter-spacing: -0.3px;

    margin-bottom: 24px;

    display: flex;

    align-items: center;

    gap: 8px;

  }

  .hamburger-item {

    display: flex;

    align-items: center;

    gap: 12px;

    padding: 12px 14px;

    border-radius: 10px;

    font-size: 14px;

    cursor: pointer;

    color: var(--text);

    transition: background 0.12s;

    margin-bottom: 2px;

  }

  .hamburger-item:hover { background: var(--hover); }

  .hamburger-item svg { flex-shrink: 0; }

  .hamburger-spacer { flex: 1; }

  .hamburger-version {

    padding: 12px 14px 4px;

    font-size: 11px;

    color: var(--text-muted);

    text-align: center;

    

    margin-top: 8px;

  }