/* XAM — единый стиль иконок (iostgico / Telegram iOS outline) */
@font-face {
  font-family: 'XamTgIcons';
  src: url('/fonts/iostgico.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.xam-tg-ico {
  font-family: 'XamTgIcons', sans-serif !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1em;
  height: 1em;
  font-size: 24px;
  color: inherit;
  flex-shrink: 0;
  user-select: none;
  pointer-events: none;
}

.xam-tg-ico::before {
  content: var(--xam-ico);
}

/* Composer / chrome */
.xam-tg-ico--paperclip { --xam-ico: '\f0e9'; }
.xam-tg-ico--emoji { --xam-ico: '\f224'; }
.xam-tg-ico--keyboard { --xam-ico: '\f2c7'; }
.xam-tg-ico--send { --xam-ico: '\f069'; }
.xam-tg-ico--microphone { --xam-ico: '\f153'; }
.xam-tg-ico--search { --xam-ico: '\f07a'; }
.xam-tg-ico--menu { --xam-ico: '\f0d9'; }
.xam-tg-ico--close { --xam-ico: '\f291'; }
.xam-tg-ico--back { --xam-ico: '\f17c'; }
.xam-tg-ico--phone { --xam-ico: '\f001'; }
.xam-tg-ico--video { --xam-ico: '\f179'; }
.xam-tg-ico--image { --xam-ico: '\f056'; }
.xam-tg-ico--music { --xam-ico: '\f01a'; }
.xam-tg-ico--file { --xam-ico: '\f062'; }
.xam-tg-ico--poll { --xam-ico: '\f06c'; }
.xam-tg-ico--plus { --xam-ico: '\f16d'; }
.xam-tg-ico--pin { --xam-ico: '\f07d'; }
.xam-tg-ico--bell { --xam-ico: '\f199'; }
.xam-tg-ico--edit { --xam-ico: '\f01f'; }
.xam-tg-ico--reply { --xam-ico: '\f198'; }
.xam-tg-ico--forward { --xam-ico: '\f18a'; }
.xam-tg-ico--info { --xam-ico: '\f189'; }
.xam-tg-ico--check { --xam-ico: '\f03e'; }
.xam-tg-ico--more { --xam-ico: '\f17b'; }

/* Size helpers matching former SVG widths */
.xam-tg-ico--18 { font-size: 18px; }
.xam-tg-ico--20 { font-size: 20px; }
.xam-tg-ico--22 { font-size: 22px; }
.xam-tg-ico--24 { font-size: 24px; }

/* Composer buttons: align with previous svg sizing rules */
.message-input-container .input-attach-buttons .btn-file .xam-tg-ico,
.message-input-container .input-attach-buttons .btn-emoji .xam-tg-ico,
.message-input-container .voice-send-slot .btn-voice .xam-tg-ico,
.message-input-container .voice-send-slot .btn-send .xam-tg-ico {
  font-size: 22px;
}

.message-input-container .voice-send-slot .btn-send .xam-tg-ico {
  font-size: 20px;
}

.composer-attach-menu-ico .xam-tg-ico {
  font-size: 18px;
}

.btn-emoji .emoji-icon--kbd {
  display: none !important;
}

.btn-emoji.is-emoji-open .emoji-icon--emoji {
  display: none !important;
}

.btn-emoji.is-emoji-open .emoji-icon--kbd {
  display: inline-flex !important;
}

.sidebar-menu-btn .xam-tg-ico,
.mobile-top-pill-btn .xam-tg-ico,
.btn-back .xam-tg-ico {
  font-size: 22px;
}

/* sidebar menu toggle: keep absolute swap working with <i> */
.sidebar-menu-btn .sidebar-menu-icon.xam-tg-ico,
.sidebar-menu-btn .sidebar-menu-close-icon.xam-tg-ico {
  width: 22px;
  height: 22px;
  font-size: 22px;
}

.chat-top-back-icon.xam-tg-ico,
.chat-top-search-close-icon.xam-tg-ico {
  display: inline-flex;
}

.sidebar-search-icon.xam-tg-ico {
  font-size: 18px;
}

/* Desktop/mobile attach + send inherit button color */
.message-input-container .xam-tg-ico {
  color: inherit;
}

body.theme-light .message-input-container .input-attach-buttons .xam-tg-ico {
  color: inherit;
}