/* --- HIỆU ỨNG RUNG --- */
@keyframes cpm-extreme-shake {
    0% { transform: scale(1) rotate(0); }
    12% { transform: scale(1.2) rotate(-8deg); }
    24% { transform: scale(1.2) rotate(8deg); }
    36% { transform: scale(1.2) rotate(-8deg); }
    48% { transform: scale(1.2) rotate(8deg); }
    60% { transform: scale(1) rotate(0); }
    100% { transform: scale(1) rotate(0); }
}

.cpm-main-container { pointer-events: none; position: fixed !important; display: flex !important; flex-direction: column !important; }
.cpm-pos-right { align-items: flex-end !important; }
.cpm-block { margin-bottom: 7px !important; pointer-events: auto; display: block !important; width: fit-content !important; }
.cpm-action-link { display: flex !important; align-items: center !important; text-decoration: none !important; border: none !important; }

/* --- CHỈ TẬP TRUNG PHÓNG TO ICON TẠI ĐÂY --- */
.cpm-icon-box {
    width: 44px !important; 
    height: 44px !important;
    min-width: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 10;
    position: relative;
    /* Phóng to toàn bộ vòng tròn icon lên 1.15 lần */
    transform: scale(1.15) !important; 
}

.cpm-mode-1 .cpm-icon-box {
    background: #fff !important;
    border-radius: 50% !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important;
}

.cpm-icon-box img { 
    width: 30px !important; 
    height: 30px !important; 
    object-fit: contain !important;
    animation: cpm-extreme-shake 2.2s infinite;
}

/* --- TEXT BOX (Khôi phục padding cũ) --- */
.cpm-text-box {
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    z-index: 5;
    padding: 8px 15px 8px 25px !important; /* Trả về padding chuẩn */
}

.cpm-pos-left .cpm-text-box {
    margin-left: -20px !important;
    border-radius: 0 40px 40px 0 !important;
}

.cpm-pos-right .cpm-action-link { flex-direction: row-reverse !important; }
.cpm-pos-right .cpm-text-box {
    padding: 8px 25px 8px 15px !important;
    margin-right: -20px !important;
    margin-left: 0 !important;
    border-radius: 40px 0 0 40px !important;
}

/* --- MÀU NỀN --- */
.cpm-bg-orange { background: #f39c12 !important; }
.cpm-bg-red { background: #e74c3c !important; }
.cpm-bg-red-light { background: #ff5e4d !important; }
.cpm-bg-blue { background: #0180c7 !important; }
.cpm-bg-blue-light { background: #2e62f0 !important; }

/* --- TYPE 3 & 4 --- */
.cpm-mode-3 .cpm-action-link, .cpm-mode-4 .cpm-action-link { border-radius: 10px !important; }
.cpm-mode-3 .cpm-text-box, .cpm-mode-4 .cpm-text-box { margin: 0 !important; padding: 8px 12px !important; background: transparent !important; }
.cpm-mode-4 .cpm-action-link { background: #0180c7 !important; }