/* ========================================================
   1. 画面全体の文字色と背景（根こそぎ白ベースに強制上書き）
   ======================================================== */
html, body, div, span, p, a, strong, time, h1, h2, h3, button,
.status, .detailed-status, .column, .column-header, .column-header__wrapper,
.ui, .scrollable, .item-list, .getting-started, .drawer__inner, .compose-panel {
  color: #111111 !important;
  opacity: 1 !important;
  text-shadow: none !important;
  background-color: #ffffff !important;
  background-image: none !important;
}

/* ========================================================
   2. 投稿フォーム・検索ボックス（各種ポップアップ含む）
   ======================================================== */
.compose-form,
.compose-form *,
.privacy-dropdown__dropdown,
.privacy-dropdown__dropdown *,
.language-dropdown__dropdown,
.language-dropdown__dropdown *,
.dropdown-menu,
.dropdown-menu *,
.search__input {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #111111 !important;
}

/* 投稿・検索フォームの入力欄の枠線 */
.compose-form .autosuggest-textarea__textarea,
.compose-form .spoiler-input__input,
.compose-form .poll__option input[type="text"],
.search__input {
  border: 1px solid #d0d7de !important;
}

/* ========================================================
   3. リンク色・タイムラインの枠線区切り
   ======================================================== */
/* リンク（@ユーザー名やURL）は識別しやすいよう濃い青に */
html a, 
html .status__content a, 
html .account__mention-status {
  color: #0969da !important;
}

/* 各投稿やヘッダーの間の薄いグレーの区切り線 */
.status, .detailed-status, .column-header, .column-header__wrapper, 
.drawer__header, .card, .status__quote, .detailed-status__quote {
  border-color: #e1e4e8 !important;
}

/* ========================================================
   4. タイムライン内の引用カード ＆ ポップアップダイアログ
   ======================================================== */
.status__quote,
.detailed-status__quote,
.status__quote *,
.detailed-status__quote *,
.modal-root__modal,
.modal-root__modal *,
.boost-modal,
.confirmation-modal {
  background-color: #ffffff !important;
  color: #111111 !important;
}

/* ========================================================
   5. スクロールバー（すべてのエリアをライトモード仕様に）
   ======================================================== */
html *, .scrollable, .column, .drawer__inner, div {
  scrollbar-color: #cdcdcd #ffffff !important; /* Firefox用 */
}

/* Chrome / Edge / Safari 用 */
::-webkit-scrollbar, *::-webkit-scrollbar {
  width: 10px !important;
  height: 10px !important;
  background-color: #ffffff !important;
}
::-webkit-scrollbar-thumb, *::-webkit-scrollbar-thumb {
  background-color: #cdcdcd !important;
  border: 2px solid #ffffff !important;
  border-radius: 5px !important;
}
::-webkit-scrollbar-thumb:hover, *::-webkit-scrollbar-thumb:hover {
  background-color: #a6a6a6 !important;
}
::-webkit-scrollbar-track, *::-webkit-scrollbar-track {
  background-color: #ffffff !important;
}