/* A composer tray, never a modal or a second window. Existing reference tokens only. */
.emoji-picker-panel { display:flex; flex-direction:column; gap:8px; grid-column:1/-1; flex-basis:100%; width:100%; min-width:0; padding-top:8px; border-top:1px solid var(--border); box-sizing:border-box; }
.emoji-picker-tools { display:flex; align-items:center; gap:8px; min-width:0; }
.emoji-picker-control { display:grid; place-items:center; flex-shrink:0; min-width:44px; height:44px; padding:8px; border:0; border-radius:var(--r-sm); background:transparent; color:var(--text); font:inherit; cursor:pointer; }
.emoji-picker-categories { display:flex; gap:4px; overflow-x:auto; overflow-y:hidden; min-width:0; max-width:100%; scrollbar-width:thin; }
.emoji-picker-categories .emoji-picker-control { font-size:22px; }
.emoji-picker-control[aria-pressed="true"] { background:var(--surface-3,var(--bg-3)); color:var(--gold); }
.emoji-picker-panel .emoji-picker-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(44px,1fr)); gap:4px; min-height:96px; max-height:min(220px,30dvh); overflow:auto; overscroll-behavior:contain; }
.emoji-picker-panel .emoji-btn { display:grid; place-items:center; width:100%; height:44px; min-width:44px; min-height:44px; padding:0; border:0; border-radius:var(--r-sm); background:transparent; color:inherit; font-size:26px; cursor:pointer; }
.emoji-picker-panel .emoji-btn:hover,.emoji-picker-control:hover { background:var(--surface-3,var(--bg-3)); }
.emoji-picker-status { margin:0; font-size:12px; color:var(--text-3,var(--text)); }
.emoji-picker-status[hidden],.emoji-picker-panel [hidden] { display:none; }
[data-guest-support] [data-emoji-for] { display:grid; place-items:center; width:44px; height:44px; min-width:44px; min-height:44px; font-size:24px; border:0; border-radius:var(--r-sm); background:transparent; color:var(--text); cursor:pointer; }

/* Owner correction: matching composer emoji and attachment controls everywhere. */
.emoji-btn[data-emoji-for],.attach-btn { box-sizing: border-box; width: 44px; height: 44px; min-width: 44px; min-height: 44px; flex: 0 0 44px; display: inline-flex; align-items: center; justify-content: center; padding: 0; font-size: 20px; }
[data-guest-support] [data-emoji-for] { font-size: 20px; }
.attach-btn svg { width: 20px; height: 20px; }

.emoji-picker-tools { justify-content:flex-end; }