.chat-widget,.chat-info-form{font-family:Arial,sans-serif}
.chat-info-form{position:fixed;right:20px;bottom:90px;width:380px;max-width:calc(100vw - 30px);background:#fff;border-radius:16px;box-shadow:0 8px 30px rgba(0,0,0,.18);display:none;overflow:hidden;z-index:10001}
.chat-info-form.open{display:block}
.chat-form-header{background:linear-gradient(135deg,#1f6feb,#1259c3);color:#fff;padding:16px 18px;display:flex;align-items:center;justify-content:space-between}
.chat-form-body{padding:18px}
.chat-form-field{margin-bottom:14px}
.chat-form-field label{display:block;margin-bottom:6px;font-size:13px;font-weight:700}
.chat-form-field input,.chat-form-field select{width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid #d4dce7;border-radius:8px}
.chat-form-submit{width:100%;padding:13px;border:0;border-radius:10px;background:#1f6feb;color:#fff;font-weight:700;cursor:pointer}

.chat-widget{position:fixed;right:20px;bottom:90px;width:360px;max-width:calc(100vw - 30px);height:540px;max-height:calc(100vh - 120px);background:#fff;border-radius:16px;box-shadow:0 8px 30px rgba(0,0,0,.18);overflow:hidden;display:none;flex-direction:column;z-index:10000}
.chat-widget.open{display:flex}
.chat-header{background:linear-gradient(135deg,#1f6feb,#1259c3);color:#fff;padding:15px 16px;display:flex;align-items:center;justify-content:space-between}
.chat-header-title{display:flex;align-items:center;gap:8px;font-weight:700}
.chat-status-dot{width:8px;height:8px;border-radius:50%;background:#3ddc84}
.chat-close-btn{background:transparent;color:#fff;border:0;font-size:28px;cursor:pointer}

.chat-messages{flex:1;background:#f5f7fb;padding:14px;overflow-y:auto}
.chat-message{display:flex;margin-bottom:10px}
.chat-message.customer{justify-content:flex-end}
.chat-message.agent{justify-content:flex-start}
.chat-message.system{justify-content:center}

.chat-bubble{max-width:78%;padding:10px 13px;border-radius:14px;line-height:1.45;word-break:break-word;font-size:14px}
.chat-message.customer .chat-bubble{background:#1f6feb;color:#fff}
.chat-message.agent .chat-bubble{background:#fff;color:#222;border:1px solid #dce3ed}
.chat-message.system .chat-bubble{background:#eaf3ff;color:#1f6feb;font-size:13px}

.chat-input-wrapper{display:flex;gap:8px;padding:12px;border-top:1px solid #e5ebf4}
.chat-input{flex:1;padding:11px 13px;border:1px solid #d4dce7;border-radius:22px}
.chat-send-btn{width:42px;height:42px;border:0;border-radius:50%;background:#1f6feb;color:#fff;cursor:pointer}

/* =========================
   🔥 수정된 채팅 버튼
   ========================= */
.chat-toggle-btn{
    position:fixed;
    right:20px;
    bottom:20px;
    width:70px;
    height:70px;
    border:0;
    border-radius:50%;
    background:linear-gradient(135deg,#7b61ff,#2aa9ff);
    box-shadow:0 8px 24px rgba(31,111,235,.35);
    cursor:pointer;
    z-index:9999;

    display:flex;
    align-items:center;
    justify-content:center;
    font-size:0; /* 기존 💬 숨김 */
}

/* 💬 구름 크게 */
.chat-toggle-btn::before{
    content:"";
    width:40px;   /* 🔥 구름 크기 */
    height:30px;
    background:#fff;
    border-radius:50% / 60%;
    display:block;
}

/* 꼬리 */
.chat-toggle-btn::after{
    content:"";
    position:absolute;
    bottom:18px;
    left:24px;
    width:10px;
    height:10px;
    background:#fff;
    transform:rotate(45deg);
    border-radius:2px;
}

/* 배지 */
.chat-badge{
    position:absolute;
    top:-2px;
    right:-2px;
    min-width:18px;
    height:18px;
    padding:0 5px;
    border-radius:20px;
    background:#ff4d4f;
    color:#fff;
    font-size:11px;
    line-height:18px
}