.wc-affiliate-stats {
    display: flex;
    gap: 20px;
    margin: 20px 0;
    flex-wrap: wrap;
}
.wc-affiliate-stat {
    background: #f8f9fa;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 20px;
    min-width: 180px;
    flex: 1;
}
.wc-affiliate-stat .stat-label {
    display: block;
    font-size: 13px;
    color: #64748b;
    margin-bottom: 8px;
}
.wc-affiliate-stat .stat-value {
    display: block;
    font-size: 24px;
    font-weight: 700;
    color: #1e293b;
}
.wc-affiliate-section {
    margin: 24px 0;
}
.wc-affiliate-section h3 {
    margin-bottom: 12px;
    font-size: 16px;
}
.wc-affiliate-link-box input {
    width: 100%;
    max-width: 500px;
    padding: 10px 12px;
    font-size: 14px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    background: #fff;
    cursor: pointer;
}
.wc-affiliate-link-box .description {
    margin-top: 6px;
    color: #6b7280;
    font-size: 13px;
}
.wc-affiliate-form .form-row {
    margin-bottom: 16px;
}
.wc-affiliate-form label {
    display: block;
    margin-bottom: 4px;
    font-weight: 600;
}
.wc-affiliate-form .required {
    color: #dc2626;
}
.wc-affiliate-form input,
.wc-affiliate-form textarea {
    width: 100%;
    max-width: 400px;
}
#wc-affiliate-register-message,
#wc-affiliate-payout-message {
    margin-top: 16px;
}

.wc-affiliate-guide-content {
    font-size: 15px;
    line-height: 1.7;
    color: #334155;
}

.wc-affiliate-banner-preview {
    margin: 12px 0;
}

@media (max-width: 768px) {
    .wc-affiliate-stats {
        flex-direction: column;
    }
    .wc-affiliate-stat {
        min-width: auto;
    }
    .wc-affiliate-link-box input {
        max-width: 100%;
    }
    .wc-affiliate-form input,
    .wc-affiliate-form textarea {
        max-width: 100%;
    }
}

/* ==========================================================================
   Form đăng ký Affiliate – sửa hiển thị radio (MST cá nhân/doanh nghiệp)
   và checkbox (đồng ý thỏa thuận).
   Theme style `.form-ip input` thành ô viền full-width, khiến radio/checkbox
   bị "phình" thành ô trống. Reset lại về dạng nút chọn gốc của trình duyệt.
   ========================================================================== */

/* Trả radio & checkbox về kích thước/hình dạng gốc, không ăn style ô input */
#wc-affiliate-register-form input[type="radio"],
#wc-affiliate-register-form input[type="checkbox"] {
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;
    appearance: auto !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px;
    margin: 0;
    padding: 0;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: none !important;
    flex: 0 0 auto;
    accent-color: #2f9e44; /* màu xanh thương hiệu khi chọn */
    cursor: pointer;
}

/* --- Nhóm chọn loại MST (cá nhân / doanh nghiệp) --- */
#wc-affiliate-register-form .tax-type-radios {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 28px;
    margin: 8px 0 12px;
}
#wc-affiliate-register-form .tax-type-radio {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-weight: 400;
    cursor: pointer;
    line-height: 1.4;
    white-space: nowrap;
}

/* --- Checkbox "Tôi đồng ý thỏa thuận Affiliate" --- */
#wc-affiliate-register-form .terms-agreement {
    margin-top: 4px;
}
#wc-affiliate-register-form .terms-checkbox {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    font-weight: 400;
    line-height: 1.5;
    cursor: pointer;
}
#wc-affiliate-register-form .terms-checkbox a {
    color: #2f9e44;
    text-decoration: underline;
    font-weight: 600;
}
#wc-affiliate-register-form .terms-checkbox a:hover {
    color: #1e7a32;
}

/* Cân đối khoảng cách các hàng trong form */
#wc-affiliate-register-form .form-list .form-ip {
    margin-bottom: 18px;
}