/* ============================================================================
   CTKM — phần khách hàng nhìn thấy.

   Chỉ hai thứ, và cả hai chỉ xuất hiện khi có gì đó cần giải thích:
     .ctkm-group-note    vì sao khách này thấy giá khác người khác
     .ctkm-campaign-tag  mức giảm đang đến từ chương trình nào

   Khách lẻ không bao giờ thấy hai thành phần này — không có gợi ý nào rằng
   tồn tại một bảng giá khác.
   ============================================================================ */

.ctkm-group-note {
    margin: 8px 0 0;
    padding: 8px 12px;
    background: #f4faf6;
    border: 1px solid #d8ebe0;
    border-left: 3px solid #17694a;
    border-radius: 0 5px 5px 0;
    color: #3d5c4a;
    font-size: 13px;
    line-height: 1.55;
}

.ctkm-campaign-tag {
    display: inline-block;
    padding: 2px 9px;
    margin-left: 6px;
    border-radius: 999px;
    background: #e8f3ec;
    color: #17694a;
    border: 1px solid #c5e2d1;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.6;
    white-space: nowrap;
    vertical-align: middle;
}

@media (max-width: 640px) {
    .ctkm-group-note { padding: 7px 10px; font-size: 12.5px; }
    .ctkm-campaign-tag { font-size: 11.5px; }
}

@media (prefers-color-scheme: dark) {
    .ctkm-group-note {
        background: #0f1f17;
        border-color: #1f4735;
        border-left-color: #2f8a60;
        color: #a8c7b6;
    }
    .ctkm-campaign-tag {
        background: #10291e;
        color: #7fc9a3;
        border-color: #1f4735;
    }
}