/**
 * ChatGalaxy Emoji Picker 样式
 * 遵循 SOLID 原则：使用 CSS 变量支持主题切换
 * @version 1.0.0
 * @updated 2026-01-07
 * @author 深山有密林团队
 */

/* ========== 输入框和按钮容器 ========== */

.input-with-btn {
    display: flex;
    gap: 10px;
    position: relative; /* 🔧 为绝对定位的 emoji picker 提供定位上下文 */
}

.input-with-btn input {
    flex: 1;
}

.emoji-btn {
    background: var(--card-bg);
    border: 1px solid var(--card-border);
    border-radius: 6px;
    cursor: pointer;
    padding: 0 10px;
    font-size: 16px;
    transition: all var(--transition-fast);
    box-shadow: var(--shadow-sm);
    color: var(--text-main);
}

.emoji-btn:hover {
    background: var(--card-hover-bg);
    box-shadow: var(--shadow-md);
    transform: translateY(-1px);
}