/* DIRECT CHAT EMOJI + STICKERS · 2026-09-26 */
#directChatScreen{position:relative!important}
#directChatScreen .emojiStickerToggle{
  font-family:-apple-system,BlinkMacSystemFont,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif!important;
  font-size:24px!important;line-height:1!important;flex:0 0 auto!important;
  color:var(--skin-text)!important;background:color-mix(in srgb,var(--skin-card2) 72%,transparent)!important;
}
#directChatScreen .emojiStickerToggle.active{
  border-color:color-mix(in srgb,var(--skin-accent) 70%,white 12%)!important;
  box-shadow:0 0 18px color-mix(in srgb,var(--skin-accent) 28%,transparent)!important;
}
.directStickerPanel{
  position:absolute;z-index:1650;left:max(10px,var(--safe-l));right:max(10px,var(--safe-r));
  bottom:calc(76px + var(--safe-b));max-height:min(470px,58vh);overflow:hidden;
  display:flex;flex-direction:column;border:1px solid color-mix(in srgb,var(--skin-accent) 28%,var(--skin-border));
  border-radius:24px;background:color-mix(in srgb,var(--skin-surface-strong) 88%,transparent);
  box-shadow:0 20px 54px rgba(0,0,0,.42),0 0 30px color-mix(in srgb,var(--skin-accent2) 12%,transparent);
  backdrop-filter:blur(var(--se-user-blur,22px)) saturate(1.25);
  -webkit-backdrop-filter:blur(var(--se-user-blur,22px)) saturate(1.25);
}
.directStickerPanel.hidden{display:none!important}
.directStickerPanel>header{
  min-height:52px;display:flex;align-items:center;gap:8px;padding:8px 10px;
  border-bottom:1px solid color-mix(in srgb,var(--skin-border) 72%,transparent);
}
.directStickerTabs{display:flex;gap:5px;flex:1;padding:3px;border-radius:15px;background:rgba(0,0,0,.16)}
.directStickerTabs button,.directStickerPanel>header>button{
  appearance:none;border:0;color:var(--skin-muted);background:transparent;border-radius:12px;
  min-height:36px;padding:7px 12px;font:600 13px/1 system-ui,-apple-system,sans-serif;
}
.directStickerTabs button{flex:1}
.directStickerTabs button.on{color:var(--skin-text);background:color-mix(in srgb,var(--skin-accent) 18%,var(--skin-card))}
.directStickerPanel>header>button{width:36px;padding:0;font-size:25px}
.directStickerBody{overflow:auto;overscroll-behavior:contain;padding:10px 10px 14px}
.emojiGroupBar,.stickerPackBar{
  display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding:0 0 9px;
}
.emojiGroupBar::-webkit-scrollbar,.stickerPackBar::-webkit-scrollbar{display:none}
.emojiGroupBar button,.stickerPackBar button{
  flex:0 0 auto;appearance:none;border:0;border-radius:11px;min-height:34px;
  padding:5px 9px;color:var(--skin-muted);background:color-mix(in srgb,var(--skin-card2) 70%,transparent);
  font-family:-apple-system,BlinkMacSystemFont,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;
}
.emojiGroupBar button{font-size:19px;min-width:36px}
.emojiGroupBar button.on,.stickerPackBar button.on{
  color:var(--skin-text);background:color-mix(in srgb,var(--skin-accent) 22%,var(--skin-card));
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--skin-accent) 34%,transparent);
}
.emojiGrid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:3px}
.emojiCell{
  appearance:none;border:0;background:transparent;border-radius:12px;aspect-ratio:1;
  display:grid;place-items:center;font-size:28px;line-height:1;min-width:0;padding:2px;
  font-family:-apple-system,BlinkMacSystemFont,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;
}
.emojiCell:active,.emojiCell.selected{background:color-mix(in srgb,var(--skin-accent) 20%,transparent);transform:scale(.91)}
.emojiCell.selected{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--skin-accent) 62%,transparent)}
.stickerActions{display:grid;gap:8px;padding:0 0 10px}
.stickerActions>small{color:var(--skin-muted);font-size:11px;padding:0 3px}
.stickerCreate{
  display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;border-radius:14px;
  background:color-mix(in srgb,var(--skin-accent) 16%,var(--skin-card));color:var(--skin-text);
  border:1px solid color-mix(in srgb,var(--skin-accent) 28%,transparent);font-weight:650;cursor:pointer;
}
.stickerCreate span{font-size:22px;color:var(--skin-accent)}
.telegramImport{display:flex;gap:7px}
.telegramImport input{
  flex:1;min-width:0;min-height:40px;border-radius:13px;padding:8px 11px;color:var(--skin-text);
  background:color-mix(in srgb,var(--skin-input) 88%,transparent);border:1px solid var(--skin-border);
}
.telegramImport button{
  appearance:none;border:1px solid color-mix(in srgb,var(--skin-accent) 35%,transparent);border-radius:13px;
  padding:7px 11px;color:var(--skin-text);background:color-mix(in srgb,var(--skin-accent2) 18%,var(--skin-card));
}
.stickerPackBar button{max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stickerGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;min-height:86px}
.stickerCell{
  appearance:none;border:0;border-radius:15px;aspect-ratio:1;background:color-mix(in srgb,var(--skin-card2) 44%,transparent);
  display:grid;place-items:center;overflow:hidden;font-size:26px;padding:4px;
}
.stickerCell img,.stickerCell video{width:100%;height:100%;object-fit:contain;pointer-events:none}
.stickerCell:active{transform:scale(.94);background:color-mix(in srgb,var(--skin-accent) 14%,transparent)}
.stickerEmpty{grid-column:1/-1;min-height:90px;display:grid;place-items:center;text-align:center;color:var(--skin-muted);font-size:13px}
.emojiStatusHead{
  display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 2px 12px;
}
.emojiStatusHead>div:first-child{display:grid;gap:4px}
.emojiStatusHead small{color:var(--skin-muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.emojiStatusHead strong{
  min-height:30px;font-size:24px;font-family:-apple-system,BlinkMacSystemFont,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;
}
.emojiStatusHead>div:last-child{display:flex;gap:6px}
.emojiStatusHead button{min-height:34px;padding:6px 10px;border-radius:11px;font-size:12px}
#directChatScreen .stickerAttachment{
  background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;overflow:visible!important;
}
#directChatScreen .stickerAttachment img,#directChatScreen .stickerAttachment video{
  width:min(220px,58vw)!important;height:min(220px,58vw)!important;max-width:220px!important;max-height:220px!important;
  object-fit:contain!important;border:0!important;border-radius:0!important;background:transparent!important;
}
#directChatScreen .bubble.attachmentOnly:has(.stickerAttachment){
  background:transparent!important;border:0!important;box-shadow:none!important;padding:3px!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
#directChatScreen .bubble.attachmentOnly:has(.stickerAttachment)::before,
#directChatScreen .bubble.attachmentOnly:has(.stickerAttachment)::after{display:none!important}
#directChatScreen .bubble.attachmentOnly:has(.stickerAttachment) .directTime{
  width:max-content;margin-left:auto;margin-right:5px;padding:2px 6px;border-radius:8px;background:rgba(0,0,0,.32);
}
@media(min-width:700px){
  .directStickerPanel{left:50%!important;right:auto!important;width:min(610px,72vw);transform:translateX(-50%)}
  .emojiGrid{grid-template-columns:repeat(10,minmax(0,1fr))}
  .stickerGrid{grid-template-columns:repeat(6,minmax(0,1fr))}
}
@media(max-width:390px){
  .directStickerPanel{left:6px;right:6px;bottom:calc(70px + var(--safe-b));border-radius:20px;max-height:56vh}
  .directStickerBody{padding:8px}
  .directStickerTabs button{padding-left:7px;padding-right:7px;font-size:12px}
  .emojiGrid{grid-template-columns:repeat(7,minmax(0,1fr))}
  .emojiCell{font-size:26px}
  .stickerGrid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .telegramImport{display:grid;grid-template-columns:1fr auto}
  .telegramImport input{width:100%}
  .emojiStatusHead{align-items:flex-start;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){
  .emojiCell,.stickerCell{transition:none!important}
}
#directChatScreen .directEmojiStatus{
  display:inline-flex;align-items:center;min-height:20px;margin-top:1px;padding:1px 7px;
  border-radius:9px;background:color-mix(in srgb,var(--skin-accent) 12%,transparent);
  border:1px solid color-mix(in srgb,var(--skin-accent) 20%,transparent);
  font:600 15px/1.15 -apple-system,BlinkMacSystemFont,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;
  letter-spacing:1px;width:max-content;max-width:150px;overflow:hidden;
}
#directChatScreen .directEmojiStatus.hidden{display:none!important}

.telegramConnect{display:grid;grid-template-columns:auto 1fr auto;gap:7px;align-items:center}
.telegramConnect a,.telegramConnect button,.stickerActions>.ghost{min-height:38px;border-radius:12px;padding:7px 10px;border:1px solid color-mix(in srgb,var(--skin-accent) 30%,transparent);background:color-mix(in srgb,var(--skin-accent) 12%,var(--skin-card));color:var(--skin-text);text-decoration:none;font:600 12px/1.2 system-ui,-apple-system,sans-serif}
.telegramConnect a{display:flex;align-items:center;justify-content:center;white-space:nowrap}
.telegramConnect input{min-width:0;min-height:38px;border-radius:12px;padding:8px 10px;color:var(--skin-text);background:color-mix(in srgb,var(--skin-input) 88%,transparent);border:1px solid var(--skin-border)}
.telegramImport input:disabled,.telegramImport button:disabled{opacity:.48}
@media(max-width:520px){.telegramConnect{grid-template-columns:1fr auto}.telegramConnect a{grid-column:1/-1}}