/* ===== 右のステータスパネル内にいる時だけ大きくする ===== */

/* 1. アバター本体（名前バブルと同居している場合のみ） */
div:has(> div[data-hatch-avatar-interaction]):has([data-hatch-avatar-accessory="status-sidebar-bubble"]) div[data-hatch-avatar-interaction] {
  width: 300px !important;
  height: 300px !important;
  clip-path: none !important; /* 128px用のくり抜きを解除 */
}

/* 2. 名前の表示位置 */
div:has(> div[data-hatch-avatar-interaction]):has([data-hatch-avatar-accessory="status-sidebar-bubble"]) div[data-hatch-avatar-accessory="status-sidebar-bubble"] {
  top: 320px !important;
}

/* 3. 親コンテナの固定高さを突破して領域を広げる */
div:has(> div[data-hatch-avatar-interaction]):has([data-hatch-avatar-accessory="status-sidebar-bubble"]),
div:has(> div > div[data-hatch-avatar-interaction]):has([data-hatch-avatar-accessory="status-sidebar-bubble"]) {
  height: auto !important;
  min-height: 320px !important; /* アバター300 + 余白 */
  padding-bottom: 20px !important;
}

/* ===== ここからは常時適用でOK（編集ボタンを消す） ===== */
div[data-hatch-avatar-accessory="status-avatar-edit-menu"],
button[aria-label="アバターと名前を編集"],
button[aria-label="アバターのオプション"] {
  display: none !important;
}