/* ===== ボタン全般 ===== */
.button,
button,
.status__action-bar-button,
.compose-form__publish-button-wrapper button,
.notification__filter-bar button,
.column-header__button,
.column-header__button--with-dropdown,
.dropdown-menu__item a {
  border-radius: 12px !important;
}

/* ===== トゥートアクション（Boost / Fav / Reply） ===== */
.status__action-bar-button {
  border-radius: 12px !important;
}

/* ===== カラムヘッダーのボタン（設定・メニュー） ===== */
.column-header__button {
  border-radius: 12px !important;
}

/* ===== 検索窓（通常 UI） ===== */
.search__input,
.search__input input {
  border-radius: 10px !important;
}

/* ===== Deck UI の検索窓 ===== */
.search__input input[type="text"],
.search__input input[type="search"] {
  border-radius: 10px !important;
}

/* ===== フォーム入力欄（投稿欄など） ===== */
.compose-form__textarea,
.compose-form__modifiers,
.compose-form__highlightable,
.compose-form__autosuggest-wrapper input {
  border-radius: 10px !important;
}

/* ===== ドロップダウンメニュー ===== */
.dropdown-menu,
.dropdown-menu__item {
  border-radius: 12px !important;
}

/* 投稿フォームの補助入力（CW、公開範囲、タグなど） */
.compose-form__modifiers,
.compose-form__autosuggest-wrapper input,
.compose-form__sensitive-button,
.compose-form__upload-button {
  border-radius: 10px !important;
}

/* ===== 汎用 input（検索窓以外） ===== */
input[type="text"]:not(.search__input input),
input[type="url"],
input[type="password"],
textarea {
  border-radius: 10px !important;
}

/* ===== macOS風・極細スクロールバー ===== */

/* スクロールバーの幅（極細） */
::-webkit-scrollbar {
  width: 4px !important;
  height: 4px !important;
}

/* トラック（背景）を透明に */
::-webkit-scrollbar-track {
  background: transparent !important;
}

/* つまみ（サム）を薄い半透明に */
::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.25) !important;
  border-radius: 10px !important;
}

/* ホバー時は少し濃くして macOS っぽい挙動に */
::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.45) !important;
}

::-webkit-scrollbar-thumb:active { background: rgba(255, 255, 255, 0.6) !important; }

/* ===== TL のカードをフラット化 ===== */
.status {
  box-shadow: none !important;
  border: none !important;
  background: transparent !important;
}

/* カード内のメディア部分もフラットに */
.media-gallery,
.media-gallery__item {
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* カードの hover 時の影も消す */
.status:hover {
  box-shadow: none !important;
}

/* カラム背景と馴染ませる（必要に応じて） */
.column {
  background: transparent !important;
}

/* ===== カラム全体の幅を広げる ===== */
.column {
  max-width: 520px !important;   /* 好みで調整：480〜600px が使いやすい */
  width: 520px !important;
}

/* カラム内のスクロール領域も合わせて広げる */
.scrollable {
  max-width: 520px !important;
}