.header-btn-container {
      position: relative;
    }
    .share-dropdown,
    .user-dropdown {
      display: none;
      position: absolute;
      top: 100%;
      right: 0;
      margin-top: 8px;
      background: var(--white);
      border: 1px solid var(--gray-light);
      border-radius: 12px;
      box-shadow: 0 4px 16px rgba(0,0,0,0.12);
      min-width: 180px;
      z-index: 1000;
      overflow: hidden;
    }
    .share-dropdown.visible,
    .user-dropdown.visible {
      display: block;
    }
    .share-option,
    .user-option {
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 12px 16px;
      color: var(--navy);
      text-decoration: none;
      font-size: 14px;
      transition: background 0.15s;
    }
    .share-option:hover,
    .user-option:hover {
      background: var(--gray-background);
    }
    .share-option svg,
    .user-option svg {
      flex-shrink: 0;
    }
    .user-dropdown-header {
      padding: 12px 16px;
      font-size: 13px;
      color: var(--gray-mid);
      border-bottom: 1px solid var(--gray-light);
    }

    /* Add People Modal — chrome moved to canonical Tier B selectors
       (#addPeopleOverlay scope) in static/css/work.css. May 9 2026. */