/* Jeden przezroczysty zestaw dla obu palet; bez zmiany kolorów grafiki. */
img.gtx-emote {
  display: inline-block;
  width: 24px;
  height: 24px;
  max-width: 24px;
  margin: 0 2px;
  vertical-align: -5px;
  object-fit: contain;
}
.gtx-emote-choice img.gtx-emote,
.gtx-pm-emote-choice img.gtx-emote,
.gtx-native-emote-choice img.gtx-emote { width: 32px; height: 32px; max-width: 32px; margin: 0; vertical-align: middle; }
/* TinyMCE4 wpisuje 16px bezpośrednio w style IMG; ograniczony wyjątek. */
.mce-grid .gtx-native-emote-choice img.gtx-emote { width: 32px !important; height: 32px !important; }
.gtx-native-emote-choice {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  min-height: 40px;
  border: 1px solid transparent;
  border-radius: 7px;
}
.gtx-native-emote-choice:hover { background: rgba(35,188,216,.15); border-color: #1687a2; }
.gtx-native-emote-choice:focus-visible,
.gtx-emote-choice:focus-visible,
.gtx-pm-emote-choice:focus-visible { outline: 3px solid #1687a2; outline-offset: 1px; }
.gtx-theme-emote-grid,
.gtx-pm-emote-grid { display: flex; flex-wrap: wrap; gap: 5px; max-width: 100%; }
.gtx-emote-theme,
.gtx-pm-emote-picker--theme-only { max-width: 100%; box-sizing: border-box; }
.gtx-emote-popup { max-width: calc(100vw - 16px); overflow-x: auto; }
html[data-gtx-theme="light"] .gtx-emote-popup,
html[data-gtx-theme="light"] .gtx-emote-popup .mce-container-body { background: #fff; color: #172339; }
html[data-gtx-theme="dark"] .gtx-emote-popup,
html[data-gtx-theme="dark"] .gtx-emote-popup .mce-container-body { background: #171c29; color: #e8edf8; }