/* V612 - Affiliate khóa học: sản phẩm mở bán và chuẩn hóa ngân hàng */
.affiliate-page-v611{background:#eef4f8;min-height:calc(100vh - 72px);font-family:Roboto,sans-serif;color:#172033}.affiliate-container-v611{max-width:1540px}.affiliate-layout-v611{display:grid;grid-template-columns:190px minmax(0,1fr);gap:16px;align-items:start}.affiliate-sidebar-v611{background:#fff;border:1px solid #e3eaf3;border-radius:12px;padding:10px;position:sticky;top:82px;box-shadow:0 6px 20px rgba(15,55,103,.05)}.affiliate-sidebar-title-v611{display:flex;align-items:center;gap:8px;padding:10px 12px 12px;color:#0f3b66;font-weight:700;border-bottom:1px solid #edf1f6;margin-bottom:6px}.affiliate-menu-item-v611{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;color:#111827;text-decoration:none;font-size:14px;margin:2px 0}.affiliate-menu-item-v611:hover{background:#f2f6fb;color:#0f3b66}.affiliate-menu-item-v611.active{background:#dbeafe;color:#0f3b66;font-weight:600}.affiliate-main-v611{min-width:0}.affiliate-status-head-v611{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:14px}.affiliate-status-head-v611 h1{margin:0;color:#0f3b66;font-size:26px;font-weight:700}.affiliate-status-head-v611 p{margin:5px 0 0;color:#64748b;font-size:14px}.affiliate-status-v611{display:inline-flex;align-items:center;width:max-content;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:600;background:#eef2f7;color:#475569}.affiliate-status-v611.is-success{background:#dcfce7;color:#166534}.affiliate-status-v611.is-warning{background:#fff7d6;color:#9a6700}.affiliate-status-v611.is-danger{background:#fee2e2;color:#b91c1c}.affiliate-alert-v611{display:flex;align-items:center;gap:9px;padding:12px 14px;border-radius:10px;margin-bottom:14px;font-size:14px}.affiliate-alert-v611.is-warning{background:#fff8dd;color:#8a5a00;border:1px solid #f4d77a}.affiliate-alert-v611.is-danger{background:#fff0f0;color:#a61b1b;border:1px solid #f0b6b6}.affiliate-stat-grid-v611{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.affiliate-stat-grid-v611>div,.affiliate-income-summary-v611>div{background:#fff;border:1px solid #e1e9f3;border-radius:10px;padding:14px;min-width:0}.affiliate-stat-grid-v611 span,.affiliate-income-summary-v611 span{display:block;color:#64748b;font-size:12px;margin-bottom:5px}.affiliate-stat-grid-v611 strong,.affiliate-income-summary-v611 strong{display:block;color:#0f3b66;font-size:19px;font-weight:700;overflow-wrap:anywhere}.affiliate-card-v611{background:#fff;border:1px solid #e1e9f3;border-radius:12px;padding:18px;margin-bottom:16px;box-shadow:0 5px 18px rgba(15,55,103,.04)}.affiliate-card-v611 h2{margin:0 0 14px;color:#172033;font-size:18px;font-weight:600}.affiliate-card-head-v611{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.affiliate-card-head-v611 h2{margin:0}.affiliate-card-head-v611>span{font-size:12px;color:#64748b}.affiliate-copy-row-v611{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.affiliate-copy-row-v611 input,.affiliate-inline-form-v611 input,.affiliate-settings-form-v611 input,.affiliate-settings-form-v611 select,.affiliate-admin-settings-form-v611 input,.affiliate-admin-settings-form-v611 select{height:42px;border:1px solid #cbd8e8;border-radius:8px;padding:0 12px;color:#24364e;outline:0;background:#fff;min-width:0}.affiliate-copy-row-v611 input:focus,.affiliate-inline-form-v611 input:focus,.affiliate-settings-form-v611 input:focus,.affiliate-settings-form-v611 select:focus,.affiliate-admin-settings-form-v611 input:focus,.affiliate-admin-settings-form-v611 select:focus{border-color:#2f7cf6;box-shadow:0 0 0 3px rgba(47,124,246,.12)}.affiliate-copy-btn-v611,.affiliate-inline-form-v611 button,.affiliate-form-actions-v611 button,.affiliate-payout-box-v611 button,.affiliate-settings-actions-v611 button{border:0;border-radius:8px;background:#2f7cf6;color:#fff;min-height:42px;padding:0 16px;font-weight:600;white-space:nowrap}.affiliate-copy-btn-v611:hover,.affiliate-inline-form-v611 button:hover,.affiliate-form-actions-v611 button:hover,.affiliate-payout-box-v611 button:hover,.affiliate-settings-actions-v611 button:hover{background:#1f69df}.affiliate-inline-form-v611{margin-top:16px}.affiliate-inline-form-v611>label{display:block;margin-bottom:6px;font-size:13px;font-weight:600}.affiliate-inline-form-v611>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;max-width:650px}.affiliate-inline-form-v611 small{display:block;margin-top:5px;color:#7c8ca1;font-size:11px}.affiliate-tabs-v611{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;background:#eef3f9;border-radius:9px;padding:4px;margin-bottom:16px}.admin-affiliate-tabs-v611{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:#eef3f9;border-radius:9px;padding:4px;margin-bottom:16px}.affiliate-tabs-v611 button,.admin-affiliate-tabs-v611 button{border:0;background:transparent;color:#52657c;border-radius:7px;min-height:38px;font-weight:500}.affiliate-tabs-v611 button.active,.admin-affiliate-tabs-v611 button.active{background:#2f7cf6;color:#fff}.affiliate-tab-panel-v611,.admin-affiliate-panel-v611{display:none}.affiliate-tab-panel-v611.active,.admin-affiliate-panel-v611.active{display:block}.affiliate-product-table-v611{width:100%}.affiliate-product-head-v611,.affiliate-product-row-v611{display:grid;grid-template-columns:110px minmax(0,1fr) 160px 52px;gap:16px;align-items:center}.affiliate-product-head-v611{padding:9px 12px;color:#111827;font-size:13px;font-weight:600;border-bottom:1px solid #dbe4ee}.affiliate-product-row-v611{padding:12px;border-bottom:1px solid #edf1f6;color:#405a78;font-size:13px}.affiliate-product-row-v611:last-child{border-bottom:0}.affiliate-product-thumb-v611{width:96px;height:54px;border-radius:6px;overflow:hidden;background:#edf3f9;display:flex;align-items:center;justify-content:center;color:#66809e}.affiliate-product-thumb-v611 img{width:100%;height:100%;object-fit:cover}.affiliate-product-name-v611{line-height:1.45}.affiliate-product-price-v611{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.affiliate-product-price-v611 del{color:#7b8a9d;font-size:12px}.affiliate-product-price-v611 strong{color:#334155;font-weight:500}.affiliate-icon-copy-v611,.affiliate-simple-list-v611 button{width:38px;height:38px;border:0;border-radius:8px;background:transparent;color:#4c6686;font-size:18px}.affiliate-icon-copy-v611:hover,.affiliate-simple-list-v611 button:hover{background:#eaf3ff;color:#1d67d8}.affiliate-simple-list-v611>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 10px;border-bottom:1px solid #edf1f6}.affiliate-simple-list-v611>div:last-child{border-bottom:0}.affiliate-simple-list-v611 span{min-width:0}.affiliate-simple-list-v611 strong{display:block;color:#314a68;font-size:14px;font-weight:500}.affiliate-simple-list-v611 small{display:block;color:#7b8a9d;font-size:11px;margin-top:3px}.affiliate-empty-v611,.affiliate-empty-cell-v611{text-align:center;color:#7b8a9d;padding:28px}.affiliate-responsive-table-v611{overflow-x:auto}.affiliate-responsive-table-v611 table{width:100%;border-collapse:collapse;min-width:760px}.affiliate-responsive-table-v611 th,.affiliate-responsive-table-v611 td{padding:12px 10px;border-bottom:1px solid #e9eef5;text-align:left;vertical-align:middle;font-size:13px}.affiliate-responsive-table-v611 th{color:#25364c;font-weight:600;background:#f8fafc}.affiliate-responsive-table-v611 td{color:#3f5875}.affiliate-responsive-table-v611 td small{display:block;color:#7c8ca1;font-size:11px;margin-top:3px}.affiliate-reason-v611{display:block;max-width:220px;color:#b42318!important;line-height:1.35}.affiliate-income-summary-v611{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.affiliate-payout-box-v611{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px;border-radius:10px;background:#f4f8fd;margin-bottom:16px}.affiliate-payout-box-v611 span{display:block;color:#64748b;font-size:12px}.affiliate-payout-box-v611 strong{display:block;color:#0f3b66;font-size:24px;margin-top:4px}.affiliate-payout-box-v611 button:disabled,.affiliate-copy-btn-v611:disabled,.affiliate-icon-copy-v611:disabled,.affiliate-inline-form-v611 button:disabled{opacity:.5;cursor:not-allowed}.affiliate-settings-form-v611{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.affiliate-settings-form-v611 label{display:grid;grid-template-rows:auto 42px;align-content:start;gap:6px;color:#263b56;font-size:13px;font-weight:600}.affiliate-form-actions-v611{grid-column:1/-1;padding-top:4px}.affiliate-toast-v611{position:fixed;right:22px;bottom:22px;z-index:3000;max-width:420px;padding:12px 16px;border-radius:9px;background:#17395e;color:#fff;box-shadow:0 12px 32px rgba(0,0,0,.18);font-size:13px}.affiliate-toast-v611.is-error{background:#b42318}

/* Admin Affiliate */
.admin-affiliate-page-v611{font-family:Roboto,sans-serif;color:#172033}.admin-affiliate-head-v611,.affiliate-settings-head-v611{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.admin-affiliate-head-v611 h1{font-size:24px;color:#0f3b66;margin:0;font-weight:700}.admin-affiliate-head-v611 p,.affiliate-settings-head-v611 p{margin:5px 0 0;color:#64748b;font-size:13px}.admin-affiliate-settings-link-v611,.affiliate-settings-head-v611>a{display:inline-flex;align-items:center;gap:7px;text-decoration:none;background:#fff;border:1px solid #cbd8e8;border-radius:8px;padding:9px 12px;color:#0f3b66;font-weight:600;font-size:13px}.admin-affiliate-stat-grid-v611{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px}.admin-affiliate-stat-grid-v611>div{background:#fff;border:1px solid #e0e8f1;border-radius:10px;padding:14px}.admin-affiliate-stat-grid-v611 span{display:block;color:#64748b;font-size:11px;margin-bottom:5px}.admin-affiliate-stat-grid-v611 strong{display:block;color:#0f3b66;font-size:18px;font-weight:700}.admin-affiliate-panel-v611{background:#fff;border:1px solid #e0e8f1;border-radius:11px;padding:16px}.admin-affiliate-panel-head-v611{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.admin-affiliate-panel-head-v611 h2{font-size:18px;margin:0;color:#172033;font-weight:600}.admin-affiliate-panel-head-v611 select{height:38px;border:1px solid #cbd8e8;border-radius:8px;padding:0 10px;color:#334155;background:#fff}.admin-affiliate-table-wrap-v611{overflow-x:auto}.admin-affiliate-table-v611{width:100%;border-collapse:collapse;min-width:1180px}.admin-affiliate-table-v611 th,.admin-affiliate-table-v611 td{padding:11px 9px;border-bottom:1px solid #e9eef5;text-align:left;vertical-align:middle;font-size:12px}.admin-affiliate-table-v611 th{background:#f8fafc;color:#24364e;font-weight:600}.admin-affiliate-table-v611 td{color:#3e5875}.admin-affiliate-table-v611 td>a{color:#1d67d8;text-decoration:none;font-weight:600}.admin-affiliate-table-v611 td>strong{display:block;color:#263b56;font-weight:600}.admin-affiliate-table-v611 td>small{display:block;color:#7d8ca0;font-size:10px;margin-top:3px;line-height:1.4}.admin-affiliate-invalid-v611{color:#b42318!important;max-width:210px}.admin-affiliate-actions-v611{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.admin-affiliate-actions-v611 form{margin:0}.admin-affiliate-actions-v611 button,.admin-affiliate-account-form-v611 button{border:0;border-radius:6px;background:#2f7cf6;color:#fff;min-height:31px;padding:0 9px;font-size:11px}.admin-affiliate-actions-v611 button.approve{background:#16a34a}.admin-affiliate-actions-v611 button.reject{background:#fff;color:#b42318;border:1px solid #efb2ac}.admin-affiliate-account-form-v611{display:grid;grid-template-columns:115px 90px auto;gap:5px;align-items:center}.admin-affiliate-account-form-v611 select,.admin-affiliate-account-form-v611 input{height:32px;border:1px solid #cbd8e8;border-radius:6px;padding:0 7px;font-size:11px;min-width:0}.admin-affiliate-empty-v611{text-align:center!important;padding:30px!important;color:#7b8a9d!important}.admin-affiliate-no-action-v611{color:#94a3b8}

/* V621 - Bảng doanh thu Affiliate: cột sản phẩm 2 dòng và kiểm tra IP riêng */
/* V622 - Thu gọn cột sản phẩm, ép xuống tối đa 2 dòng và tránh dòng cuối quá ngắn */
/* V623 - Mở rộng đủ chỗ hiển thị tên sản phẩm trong 2 dòng, thu nhỏ cột thao tác */
.admin-affiliate-revenue-table-v621{table-layout:fixed;min-width:1360px}.admin-affiliate-revenue-table-v621 th:nth-child(1){width:11%}.admin-affiliate-revenue-table-v621 th:nth-child(2){width:11%}.admin-affiliate-revenue-table-v621 th:nth-child(3){width:10%}.admin-affiliate-revenue-table-v621 th:nth-child(4){width:25%}.admin-affiliate-revenue-table-v621 th:nth-child(5){width:7%}.admin-affiliate-revenue-table-v621 th:nth-child(6){width:7%}.admin-affiliate-revenue-table-v621 th:nth-child(7){width:8%}.admin-affiliate-revenue-table-v621 th:nth-child(8){width:16%}.admin-affiliate-revenue-table-v621 th:nth-child(9){width:5%}.admin-affiliate-product-cell-v621{min-width:0;white-space:normal!important}.admin-affiliate-product-title-v621{display:-webkit-box!important;width:100%;min-width:0;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:2.8em;line-height:1.4;white-space:normal!important;text-wrap:balance;word-break:normal;overflow-wrap:normal;hyphens:none;color:#3e5875;font-size:12px}.admin-affiliate-revenue-table-v621 th:nth-child(9){padding-left:4px;padding-right:4px;text-align:center}@media(min-width:768px){.admin-affiliate-revenue-table-v621 td:nth-child(9){padding-left:4px;padding-right:4px;text-align:center}.admin-affiliate-revenue-table-v621 td:nth-child(9) .admin-affiliate-actions-v611{flex-direction:column;align-items:stretch;gap:4px}.admin-affiliate-revenue-table-v621 td:nth-child(9) .admin-affiliate-actions-v611 button{width:100%;padding:0 4px;font-size:10px;white-space:nowrap}}.admin-affiliate-ip-check-v621{display:inline-flex;align-items:center;width:max-content;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:600;white-space:nowrap}.admin-affiliate-ip-check-v621.is-match{background:#fee2e2;color:#b91c1c}.admin-affiliate-ip-check-v621.is-clear{background:#dcfce7;color:#166534}

/* Admin settings Affiliate */
.affiliate-settings-page-v611 .settings-content{min-width:0}.affiliate-settings-head-v611 h4{color:#0f3b66}.affiliate-settings-summary-v611{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.affiliate-settings-summary-v611 span{background:#eef4fb;color:#39536f;border-radius:999px;padding:6px 10px;font-size:11px}.affiliate-admin-settings-form-v611{background:#fff;border:1px solid #e0e8f1;border-radius:11px;padding:18px}.affiliate-switch-row-v611{display:flex;align-items:flex-start;gap:11px;padding-bottom:16px;border-bottom:1px solid #e9eef5}.affiliate-switch-row-v611 input{width:38px;height:21px;min-height:0;accent-color:#2f7cf6}.affiliate-switch-row-v611 strong{display:block;color:#24364e;font-size:14px}.affiliate-switch-row-v611 small{display:block;color:#7b8a9d;font-size:11px;margin-top:3px}.affiliate-admin-settings-form-v611 fieldset{border:0;padding:15px 0 0;margin:0}.affiliate-admin-settings-form-v611 legend{font-size:13px;color:#263b56;font-weight:600;margin-bottom:8px}.affiliate-admin-settings-form-v611 fieldset label{display:flex;align-items:center;gap:8px;margin:8px 0;color:#334155;font-size:13px}.affiliate-admin-settings-form-v611 fieldset input{width:16px;height:16px;min-height:0;accent-color:#2f7cf6}.affiliate-settings-grid-v611{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:15px}.affiliate-settings-grid-v611>label{display:flex;flex-direction:column;gap:6px;color:#263b56;font-size:13px;font-weight:600}.affiliate-settings-grid-v611 small{font-size:10px;color:#7b8a9d;font-weight:400}.affiliate-rule-box-v611{margin-top:16px;border:1px solid #d9e6f4;background:#f7fbff;border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:7px}.affiliate-rule-box-v611 strong{color:#0f3b66;font-size:13px}.affiliate-rule-box-v611 span{display:flex;align-items:flex-start;gap:7px;color:#405a78;font-size:12px}.affiliate-rule-box-v611 i{color:#16a34a}.affiliate-settings-actions-v611{margin-top:16px;padding-top:14px;border-top:1px solid #e9eef5}

@media(max-width:1199.98px){.affiliate-stat-grid-v611{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-affiliate-stat-grid-v611{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:991.98px){.affiliate-layout-v611{grid-template-columns:1fr}.affiliate-sidebar-v611{position:static;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.affiliate-sidebar-title-v611{grid-column:1/-1}.affiliate-menu-item-v611{justify-content:center}.admin-affiliate-stat-grid-v611{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767.98px){.affiliate-page-v611{padding-top:14px!important}.affiliate-container-v611{padding-left:12px;padding-right:12px}.affiliate-sidebar-v611{grid-template-columns:repeat(2,1fr)}.affiliate-status-head-v611,.admin-affiliate-head-v611,.affiliate-settings-head-v611,.affiliate-card-head-v611{flex-direction:column;align-items:stretch}.affiliate-status-head-v611 h1{font-size:22px}.affiliate-stat-grid-v611,.affiliate-income-summary-v611,.affiliate-settings-form-v611,.affiliate-settings-grid-v611,.admin-affiliate-stat-grid-v611{grid-template-columns:1fr 1fr}.affiliate-product-head-v611{display:none}.affiliate-product-row-v611{grid-template-columns:82px minmax(0,1fr) 40px;gap:10px}.affiliate-product-thumb-v611{width:78px;height:45px}.affiliate-product-price-v611{grid-column:2}.affiliate-product-row-v611>span:last-child{grid-column:3;grid-row:1/3}.affiliate-tabs-v611,.admin-affiliate-tabs-v611{grid-template-columns:1fr}.affiliate-copy-row-v611,.affiliate-inline-form-v611>div{grid-template-columns:1fr}.affiliate-copy-btn-v611,.affiliate-inline-form-v611 button{width:100%}.affiliate-payout-box-v611{flex-direction:column;align-items:stretch}.affiliate-payout-box-v611 button{width:100%}.affiliate-form-actions-v611{grid-column:auto}.admin-affiliate-settings-link-v611,.affiliate-settings-head-v611>a{justify-content:center}.affiliate-admin-settings-form-v611{padding:14px}}
@media(max-width:480px){.affiliate-stat-grid-v611,.affiliate-income-summary-v611,.affiliate-settings-form-v611,.affiliate-settings-grid-v611,.admin-affiliate-stat-grid-v611{grid-template-columns:1fr}.affiliate-sidebar-v611{grid-template-columns:1fr 1fr}.affiliate-menu-item-v611{padding:9px 7px;font-size:12px}.affiliate-menu-item-v611 i{display:none}}

@media(max-width:767.98px){
  .affiliate-responsive-table-v611{overflow:visible}
  .affiliate-responsive-table-v611 table,.affiliate-responsive-table-v611 tbody,.affiliate-responsive-table-v611 tr,.affiliate-responsive-table-v611 td{display:block;width:100%;min-width:0}
  .affiliate-responsive-table-v611 thead{display:none}
  .affiliate-responsive-table-v611 tr{border:1px solid #e1e9f3;border-radius:10px;margin-bottom:10px;padding:7px 10px;background:#fff}
  .affiliate-responsive-table-v611 td{display:grid;grid-template-columns:112px minmax(0,1fr);gap:10px;padding:9px 0;border-bottom:1px dashed #e6edf5;align-items:start;overflow-wrap:anywhere}
  .affiliate-responsive-table-v611 td:last-child{border-bottom:0}
  .affiliate-responsive-table-v611 td::before{content:attr(data-label);font-weight:600;color:#263b56;font-size:12px}
  .affiliate-responsive-table-v611 .affiliate-empty-cell-v611{display:block;text-align:center;padding:22px 8px}
  .affiliate-responsive-table-v611 .affiliate-empty-cell-v611::before{display:none}

  .admin-affiliate-table-wrap-v611{overflow:visible}
  .admin-affiliate-table-v611,.admin-affiliate-table-v611 tbody,.admin-affiliate-table-v611 tr,.admin-affiliate-table-v611 td{display:block;width:100%;min-width:0}
  .admin-affiliate-table-v611 thead{display:none}
  .admin-affiliate-table-v611 tr{border:1px solid #e1e9f3;border-radius:10px;margin-bottom:10px;padding:8px 10px;background:#fff}
  .admin-affiliate-table-v611 td{display:grid;grid-template-columns:118px minmax(0,1fr);gap:10px;padding:9px 0;border-bottom:1px dashed #e6edf5;align-items:start;overflow-wrap:anywhere}
  .admin-affiliate-table-v611 td:last-child{border-bottom:0}
  .admin-affiliate-table-v611 td::before{content:attr(data-label);font-weight:600;color:#263b56;font-size:12px}
  .admin-affiliate-table-v611 .admin-affiliate-empty-v611{display:block;text-align:center!important;padding:22px 8px!important}
  .admin-affiliate-table-v611 .admin-affiliate-empty-v611::before{display:none}
  .admin-affiliate-revenue-table-v621{table-layout:auto;min-width:0}
  .admin-affiliate-product-title-v621{max-width:100%}
  .admin-affiliate-account-form-v611{grid-template-columns:1fr;max-width:250px}
  .admin-affiliate-actions-v611{justify-content:flex-start}
}

/* V624 - phân quyền và nhật ký tài chính Affiliate */
.admin-affiliate-tabs-v611.has-audit-v624{grid-template-columns:repeat(4,minmax(0,1fr))}
.admin-affiliate-audit-table-v624{min-width:980px}
.admin-affiliate-audit-table-v624 th:nth-child(1){width:135px}
.admin-affiliate-audit-table-v624 th:nth-child(2){width:190px}
.admin-affiliate-audit-table-v624 th:nth-child(3){width:170px}
.admin-affiliate-audit-table-v624 th:nth-child(4){width:150px}
.admin-affiliate-audit-action-v624{display:inline-flex;max-width:100%;padding:5px 8px;border-radius:6px;background:#eef4fb;color:#0f3b66;font-size:11px;font-weight:600;overflow-wrap:anywhere}
.admin-affiliate-audit-table-v624 td a{color:#1d67d8;text-decoration:none}
@media(max-width:767.98px){
  .admin-affiliate-tabs-v611.has-audit-v624{grid-template-columns:1fr 1fr}
  .admin-affiliate-audit-table-v624{min-width:0}
}


/* V628 - đồng bộ khung tab, bố trí cập nhật tài khoản và nút thao tác ngang */
.admin-affiliate-tabs-v611{gap:10px;background:transparent;border-radius:12px;padding:0;margin-bottom:16px}
.admin-affiliate-tabs-v611 button{border:1px solid #d7e2ef;background:#fff;color:#3e5875;border-radius:9px;min-height:42px;box-shadow:0 1px 0 rgba(15,55,103,.03);font-weight:600}
.admin-affiliate-tabs-v611 button:hover{border-color:#a9c3e6;background:#f7fbff;color:#0f3b66}
.admin-affiliate-tabs-v611 button.active{border-color:#2f7cf6;background:#2f7cf6;color:#fff;box-shadow:0 6px 14px rgba(47,124,246,.18)}
.admin-affiliate-actions-v611{justify-content:center;flex-wrap:nowrap;gap:6px}
.admin-affiliate-actions-v611 button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:66px;min-height:34px;padding:0 10px;white-space:nowrap}
.admin-affiliate-revenue-table-v621 th:nth-child(4){width:23%}
.admin-affiliate-revenue-table-v621 th:nth-child(8){width:15%}
.admin-affiliate-revenue-table-v621 th:nth-child(9){width:9%;text-align:center}
@media(min-width:768px){.admin-affiliate-revenue-table-v621 td:nth-child(9) .admin-affiliate-actions-v611{flex-direction:row;align-items:center;justify-content:center;gap:6px}.admin-affiliate-revenue-table-v621 td:nth-child(9) .admin-affiliate-actions-v611 button{width:auto;min-width:62px;padding:0 7px;font-size:10.5px}}
.admin-affiliate-accounts-table-v628{table-layout:fixed;min-width:1220px}
.admin-affiliate-accounts-table-v628 th:nth-child(1){width:20%}
.admin-affiliate-accounts-table-v628 th:nth-child(2){width:12%}
.admin-affiliate-accounts-table-v628 th:nth-child(3){width:10%}
.admin-affiliate-accounts-table-v628 th:nth-child(4){width:10%}
.admin-affiliate-accounts-table-v628 th:nth-child(5){width:7%}
.admin-affiliate-accounts-table-v628 th:nth-child(6){width:13%}
.admin-affiliate-accounts-table-v628 th:nth-child(7){width:28%}
.admin-affiliate-account-form-v611{grid-template-columns:minmax(128px,1fr) minmax(118px,1fr) 86px;gap:8px;max-width:430px;align-items:end}
.admin-affiliate-account-form-v611 label{display:flex;flex-direction:column;gap:4px;margin:0;color:#52657c;font-size:10px;font-weight:600;line-height:1.2}
.admin-affiliate-account-form-v611 select,.admin-affiliate-account-form-v611 input{height:36px;border-radius:8px;font-size:12px;padding:0 9px}
.admin-affiliate-account-form-v611 button{height:36px;min-height:36px;border-radius:8px;font-size:12px;font-weight:600;background:#2f7cf6}
@media(max-width:767.98px){.admin-affiliate-tabs-v611{grid-template-columns:1fr 1fr;gap:8px}.admin-affiliate-actions-v611{justify-content:flex-start;flex-wrap:wrap}.admin-affiliate-account-form-v611{grid-template-columns:1fr;max-width:100%}}

/* V629 - bỏ thanh trượt ngang trong bảng Affiliate admin, thu gọn chữ/nút để hiển thị đầy đủ */
.admin-affiliate-table-wrap-v611{
  overflow-x:visible!important;
  max-width:100%;
}
.admin-affiliate-table-v611,
.admin-affiliate-revenue-table-v621,
.admin-affiliate-accounts-table-v628,
.admin-affiliate-audit-table-v624{
  width:100%!important;
  min-width:0!important;
  table-layout:fixed!important;
}
.admin-affiliate-table-v611 th,
.admin-affiliate-table-v611 td{
  padding:8px 6px;
  font-size:11px;
  line-height:1.35;
  white-space:normal;
  word-break:normal;
  overflow-wrap:anywhere;
}
.admin-affiliate-table-v611 td>small{
  font-size:9.5px;
  line-height:1.35;
}
.admin-affiliate-table-v611 td>strong{
  font-size:11px;
}
.admin-affiliate-revenue-table-v621 th:nth-child(1){width:12%}
.admin-affiliate-revenue-table-v621 th:nth-child(2){width:12%}
.admin-affiliate-revenue-table-v621 th:nth-child(3){width:12%}
.admin-affiliate-revenue-table-v621 th:nth-child(4){width:26%}
.admin-affiliate-revenue-table-v621 th:nth-child(5){width:7%}
.admin-affiliate-revenue-table-v621 th:nth-child(6){width:7%}
.admin-affiliate-revenue-table-v621 th:nth-child(7){width:7%}
.admin-affiliate-revenue-table-v621 th:nth-child(8){width:9%}
.admin-affiliate-revenue-table-v621 th:nth-child(9){width:8%;text-align:center}
.admin-affiliate-product-cell-v621{
  min-width:0;
}
.admin-affiliate-product-title-v621{
  display:block;
  max-width:100%;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  line-height:1.35;
  text-wrap:balance;
  word-break:normal;
  overflow-wrap:break-word;
}
.admin-affiliate-revenue-table-v621 td:nth-child(5),
.admin-affiliate-revenue-table-v621 td:nth-child(6),
.admin-affiliate-revenue-table-v621 td:nth-child(7),
.admin-affiliate-revenue-table-v621 td:nth-child(8),
.admin-affiliate-revenue-table-v621 td:nth-child(9){
  text-align:center;
}
.admin-affiliate-ip-check-v621,
.admin-affiliate-invalid-v611,
.affiliate-status-v611{
  max-width:100%;
  white-space:normal;
  text-align:center;
}
.admin-affiliate-actions-v611{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  flex-wrap:nowrap;
}
.admin-affiliate-actions-v611 button,
.admin-affiliate-account-form-v611 button{
  min-width:0;
  min-height:28px;
  height:28px;
  padding:0 6px;
  border-radius:6px;
  font-size:9.8px;
  line-height:1;
}
.admin-affiliate-actions-v611 button i{
  font-size:10px;
}
.admin-affiliate-accounts-table-v628 th:nth-child(1){width:17%}
.admin-affiliate-accounts-table-v628 th:nth-child(2){width:10%}
.admin-affiliate-accounts-table-v628 th:nth-child(3){width:9%}
.admin-affiliate-accounts-table-v628 th:nth-child(4){width:9%}
.admin-affiliate-accounts-table-v628 th:nth-child(5){width:6%}
.admin-affiliate-accounts-table-v628 th:nth-child(6){width:11%}
.admin-affiliate-accounts-table-v628 th:nth-child(7){width:38%}
.admin-affiliate-account-form-v611{
  grid-template-columns:minmax(0,1fr) minmax(0,.9fr) auto;
  gap:6px;
  max-width:100%;
  align-items:end;
}
.admin-affiliate-account-form-v611 label{
  min-width:0;
}
.admin-affiliate-account-form-v611 select,
.admin-affiliate-account-form-v611 input{
  width:100%;
  height:32px;
  font-size:10.5px;
  padding:0 6px;
}
.admin-affiliate-account-form-v611 button{
  width:auto;
  min-width:52px;
  height:32px;
}
[data-affiliate-panel="payouts"] .admin-affiliate-table-v611 th:nth-child(1){width:7%}
[data-affiliate-panel="payouts"] .admin-affiliate-table-v611 th:nth-child(2){width:22%}
[data-affiliate-panel="payouts"] .admin-affiliate-table-v611 th:nth-child(3){width:12%}
[data-affiliate-panel="payouts"] .admin-affiliate-table-v611 th:nth-child(4){width:20%}
[data-affiliate-panel="payouts"] .admin-affiliate-table-v611 th:nth-child(5){width:12%}
[data-affiliate-panel="payouts"] .admin-affiliate-table-v611 th:nth-child(6){width:13%}
[data-affiliate-panel="payouts"] .admin-affiliate-table-v611 th:nth-child(7){width:14%;text-align:center}
.admin-affiliate-audit-table-v624 th:nth-child(1){width:12%}
.admin-affiliate-audit-table-v624 th:nth-child(2){width:17%}
.admin-affiliate-audit-table-v624 th:nth-child(3){width:16%}
.admin-affiliate-audit-table-v624 th:nth-child(4){width:13%}
.admin-affiliate-audit-table-v624 th:nth-child(5){width:32%}
.admin-affiliate-audit-table-v624 th:nth-child(6){width:10%}
@media(max-width:1199.98px){
  .admin-affiliate-table-v611 th,.admin-affiliate-table-v611 td{padding:7px 5px;font-size:10.2px}
  .admin-affiliate-table-v611 td>small{font-size:9px}
  .admin-affiliate-actions-v611 button{padding:0 5px;font-size:9.2px;min-height:27px;height:27px}
  .admin-affiliate-account-form-v611{grid-template-columns:1fr 1fr;gap:5px}
  .admin-affiliate-account-form-v611 button{grid-column:1/-1;width:100%}
}
@media(min-width:768px) and (max-width:991.98px){
  .admin-affiliate-revenue-table-v621 th:nth-child(1){width:11%}
  .admin-affiliate-revenue-table-v621 th:nth-child(2){width:11%}
  .admin-affiliate-revenue-table-v621 th:nth-child(3){width:11%}
  .admin-affiliate-revenue-table-v621 th:nth-child(4){width:24%}
  .admin-affiliate-revenue-table-v621 th:nth-child(5){width:7%}
  .admin-affiliate-revenue-table-v621 th:nth-child(6){width:7%}
  .admin-affiliate-revenue-table-v621 th:nth-child(7){width:8%}
  .admin-affiliate-revenue-table-v621 th:nth-child(8){width:10%}
  .admin-affiliate-revenue-table-v621 th:nth-child(9){width:11%}
  .admin-affiliate-actions-v611{gap:3px}
  .admin-affiliate-actions-v611 button{font-size:8.8px;padding:0 4px}
}

/* V629 override cắt chữ cũ */
.admin-affiliate-product-title-v621{
  display:block!important;
  -webkit-line-clamp:unset!important;
  -webkit-box-orient:initial!important;
  max-height:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.admin-affiliate-ip-check-v621{
  width:auto!important;
  white-space:normal!important;
}

/* V632 - User Affiliate: giới thiệu, tổng quan, top 10 hoa hồng */
.affiliate-sidebar-v611{display:grid;gap:4px}
.affiliate-menu-item-v611{line-height:1.25}
.affiliate-mini-link-v632{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:#1769d2;font-weight:600;font-size:13px;white-space:nowrap}
.affiliate-mini-link-v632:hover{text-decoration:underline;color:#0f5fc5}
.affiliate-overview-copy-v632{margin-bottom:16px}
.affiliate-overview-grid-v632{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.affiliate-overview-grid-v632>div{position:relative;min-height:116px;border:1px solid #dce7f4;border-radius:13px;background:#f8fbff;padding:16px 52px 16px 16px;overflow:hidden}
.affiliate-overview-grid-v632 i{position:absolute;right:16px;top:16px;font-size:26px;color:#f97316;opacity:.9}
.affiliate-overview-grid-v632 span{display:block;color:#526b86;font-size:13px;font-weight:600;margin-bottom:22px}
.affiliate-overview-grid-v632 strong{display:block;color:#0f3b66;font-size:23px;font-weight:700;line-height:1.2;overflow-wrap:anywhere}
.affiliate-leader-list-v632{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.affiliate-leader-row-v632{display:grid;grid-template-columns:46px 42px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:62px;padding:10px;border:1px solid #e3ebf5;border-radius:12px;background:#fff;color:#263b56}
.affiliate-leader-row-v632.is-top{background:linear-gradient(135deg,#fffaf0,#fff);border-color:#ffd996}
.affiliate-leader-rank-v632{display:inline-flex;align-items:center;justify-content:center;width:38px;height:34px;border-radius:10px;background:#eaf3ff;color:#0f5fc5;font-weight:700}
.affiliate-leader-row-v632.is-top .affiliate-leader-rank-v632{background:#fff1cc;color:#b66a00}
.affiliate-leader-avatar-v632{width:42px;height:42px;border-radius:50%;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:#dbeafe;color:#0f3b66;font-weight:700;border:2px solid #fff;box-shadow:0 0 0 1px #d7e5f5;flex:0 0 42px}
.affiliate-leader-avatar-v632 img{width:100%;height:100%;object-fit:cover;display:block}
.affiliate-leader-name-v632{min-width:0;display:grid;gap:2px}
.affiliate-leader-name-v632 strong{font-weight:700;color:#172033;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.affiliate-leader-name-v632 small{color:#6b7f98;font-size:11px}
.affiliate-leader-money-v632{font-weight:700;color:#0f3b66;white-space:nowrap;text-align:right}
.affiliate-intro-card-v632 p{margin:0 0 16px;color:#42566f;line-height:1.65;max-width:920px}
.affiliate-intro-steps-v632{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.affiliate-intro-steps-v632>div{border:1px solid #dfe9f5;border-radius:12px;background:#f8fbff;padding:13px;display:grid;gap:7px}
.affiliate-intro-steps-v632 strong{color:#0f3b66;font-size:13px}
.affiliate-intro-steps-v632 span{color:#405871;font-size:13px;line-height:1.5}
.affiliate-intro-grid-v632{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.affiliate-intro-grid-v632 ul{margin:0;padding-left:19px;color:#405871;line-height:1.7;font-size:14px}
.affiliate-intro-actions-v632{display:flex;gap:10px;flex-wrap:wrap}
.affiliate-intro-actions-v632 a{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:9px 13px;border-radius:9px;background:#2f7cf6;color:#fff;text-decoration:none;font-weight:600}
.affiliate-intro-actions-v632 a:nth-child(2){background:#0f3b66}.affiliate-intro-actions-v632 a:nth-child(3){background:#f97316}
.affiliate-no-scroll-v632{overflow-x:visible}.affiliate-no-scroll-v632 table{min-width:0;table-layout:fixed}.affiliate-no-scroll-v632 th,.affiliate-no-scroll-v632 td{white-space:normal;overflow-wrap:anywhere}
@media(max-width:1199.98px){.affiliate-overview-grid-v632{grid-template-columns:repeat(2,minmax(0,1fr))}.affiliate-leader-list-v632{grid-template-columns:1fr}.affiliate-intro-steps-v632{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767.98px){.affiliate-mini-link-v632{white-space:normal}.affiliate-overview-grid-v632,.affiliate-intro-grid-v632,.affiliate-intro-steps-v632{grid-template-columns:1fr}.affiliate-leader-row-v632{grid-template-columns:38px 40px minmax(0,1fr);align-items:center}.affiliate-leader-money-v632{grid-column:3;text-align:left}.affiliate-no-scroll-v632 table{table-layout:auto}.affiliate-intro-actions-v632 a{width:100%;justify-content:center}}


/* V633 - User Affiliate gọn hơn: bỏ thẻ thống kê trùng, rút ngắn menu */
.affiliate-sidebar-title-v611{margin-bottom:8px}
.affiliate-menu-item-v611{font-size:13px;padding:9px 10px}
.affiliate-status-head-v611{margin-bottom:16px}
.affiliate-main-v611 > .affiliate-card-v611:first-of-type{margin-top:0}
.affiliate-overview-hero-v632 .affiliate-card-head-v611{align-items:center}
.affiliate-overview-hero-v632 .affiliate-copy-row-v611{margin-bottom:14px}
@media(max-width:991.98px){.affiliate-menu-item-v611{font-size:12.5px}.affiliate-layout-v611{grid-template-columns:160px minmax(0,1fr)}}
@media(max-width:767.98px){.affiliate-layout-v611{grid-template-columns:1fr}.affiliate-sidebar-v611{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.affiliate-sidebar-title-v611{grid-column:1/-1;border-bottom:0;margin-bottom:0}.affiliate-menu-item-v611{margin:0;justify-content:center}}

/* V635 - Affiliate rút hoa hồng: nhập số tiền, QR và biên lai */
.affiliate-payout-box-v635{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(320px,1.25fr);gap:18px;align-items:end}
.affiliate-payout-balance-v635{background:#f5f9ff;border:1px solid #dfeaf6;border-radius:14px;padding:16px 18px;min-height:86px;display:flex;flex-direction:column;gap:8px;justify-content:center}
.affiliate-payout-balance-v635 span,.affiliate-payout-input-v635 span{color:#64748b;font-size:14px}
.affiliate-payout-balance-v635 strong{font-size:24px;color:#0f3b66}
.affiliate-payout-box-v635 form{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:14px;align-items:end}
.affiliate-payout-input-v635{display:flex;flex-direction:column;gap:8px;margin:0}
.affiliate-payout-input-v635 input{height:50px;border:1px solid #cbd7e6;border-radius:12px;padding:0 16px;font-weight:700;color:#0f3b66;background:#fff;outline:none}
.affiliate-payout-input-v635 input:focus{border-color:#2f7df4;box-shadow:0 0 0 3px rgba(47,125,244,.12)}
.affiliate-payout-box-v635 button{height:50px;white-space:nowrap}
.admin-affiliate-payout-table-v635 th,.admin-affiliate-payout-table-v635 td{font-size:12px;vertical-align:top}
.admin-affiliate-bank-v635{display:flex;flex-direction:column;gap:3px;margin-bottom:8px}
.admin-affiliate-bank-v635 span{font-weight:700;color:#10233d}
.admin-affiliate-bank-v635 small{color:#52677f;line-height:1.35}
.admin-affiliate-qr-v635{display:flex;align-items:center;gap:8px;text-decoration:none;color:#2563eb;font-weight:700;font-size:12px}
.admin-affiliate-qr-v635 img{width:72px;height:72px;object-fit:contain;background:#fff;border:1px solid #dbe5f0;border-radius:10px;padding:4px}
.admin-affiliate-proof-v635{display:inline-flex;align-items:center;gap:6px;color:#2563eb;text-decoration:none;font-weight:700}
.admin-affiliate-payout-actions-v635{gap:6px;align-items:flex-start;flex-wrap:wrap}
.admin-affiliate-paid-form-v635{display:grid;grid-template-columns:1fr;gap:6px;min-width:118px}
.admin-affiliate-paid-form-v635 input[type="text"]{height:30px;border:1px solid #dbe5f0;border-radius:8px;padding:0 8px;font-size:12px;color:#10233d;width:100%}
.admin-affiliate-proof-input-v635{display:flex;align-items:center;gap:6px;justify-content:center;height:30px;border:1px dashed #9db2c8;border-radius:8px;background:#f8fbff;color:#33506c;font-weight:700;font-size:12px;cursor:pointer;padding:0 8px;white-space:nowrap}
.admin-affiliate-proof-input-v635 input{display:none}
@media(max-width:900px){.affiliate-payout-box-v635{grid-template-columns:1fr}.affiliate-payout-box-v635 form{grid-template-columns:1fr}.affiliate-payout-box-v635 button{width:100%}.admin-affiliate-qr-v635 img{width:58px;height:58px}}


/* V638 - User Affiliate đơn hàng: tách mã đơn/ngày giờ sang cột riêng, vẫn giữ bảng không tràn ngang */
.affiliate-orders-table-wrap-v637{overflow-x:visible!important;max-width:100%}
.affiliate-orders-table-v637{width:100%!important;min-width:0!important;table-layout:fixed!important;border-collapse:collapse}
.affiliate-orders-table-v637 th,.affiliate-orders-table-v637 td{padding:12px 9px;vertical-align:middle;white-space:normal;word-break:normal;overflow-wrap:break-word}
.affiliate-orders-table-v637 th:nth-child(1){width:27%}
.affiliate-orders-table-v637 th:nth-child(2){width:14%}
.affiliate-orders-table-v637 th:nth-child(3){width:16%}
.affiliate-orders-table-v637 th:nth-child(4){width:10%}
.affiliate-orders-table-v637 th:nth-child(5){width:10%}
.affiliate-orders-table-v637 th:nth-child(6){width:11%;text-align:center}
.affiliate-orders-table-v637 th:nth-child(7){width:12%;text-align:center}
.affiliate-orders-table-v637 td:nth-child(2),.affiliate-orders-table-v637 td:nth-child(4),.affiliate-orders-table-v637 td:nth-child(5),.affiliate-orders-table-v637 td:nth-child(6),.affiliate-orders-table-v637 td:nth-child(7){text-align:center}
.affiliate-order-product-v637 span{display:block;max-width:100%;line-height:1.45;text-wrap:balance;color:#24476c}
.affiliate-order-code-v638 span{display:block;color:#24476c;font-size:12px;line-height:1.35;overflow-wrap:anywhere}
.affiliate-order-code-v638 small{display:block;margin-top:4px;color:#7c8ca1;font-size:11px;line-height:1.35;white-space:normal}
.affiliate-orders-table-v637 .affiliate-status-v611,.affiliate-orders-table-v637 .admin-affiliate-ip-check-v621{justify-content:center;margin-inline:auto}
.affiliate-orders-table-v637 .affiliate-reason-v611{max-width:100%;text-align:center;margin:5px auto 0;color:#b42318!important}
@media(max-width:1199.98px){.affiliate-orders-table-v637 th,.affiliate-orders-table-v637 td{padding:10px 7px;font-size:12px}.affiliate-orders-table-v637 th:nth-child(1){width:25%}.affiliate-orders-table-v637 th:nth-child(2){width:15%}.affiliate-orders-table-v637 th:nth-child(3){width:15%}.affiliate-orders-table-v637 th:nth-child(6){width:12%}.affiliate-orders-table-v637 th:nth-child(7){width:13%}.affiliate-order-code-v638 span{font-size:11.5px}}
@media(max-width:767.98px){.affiliate-orders-table-v637,.affiliate-orders-table-v637 tbody,.affiliate-orders-table-v637 tr,.affiliate-orders-table-v637 td{display:block;width:100%;min-width:0}.affiliate-orders-table-v637 thead{display:none}.affiliate-orders-table-v637 tr{border:1px solid #e1e9f3;border-radius:10px;margin-bottom:10px;padding:7px 10px;background:#fff}.affiliate-orders-table-v637 td{display:grid;grid-template-columns:112px minmax(0,1fr);gap:10px;padding:9px 0;border-bottom:1px dashed #e6edf5;text-align:left!important;align-items:start}.affiliate-orders-table-v637 td:last-child{border-bottom:0}.affiliate-orders-table-v637 td::before{content:attr(data-label);font-weight:600;color:#263b56;font-size:12px}.affiliate-orders-table-v637 .affiliate-status-v611,.affiliate-orders-table-v637 .admin-affiliate-ip-check-v621{margin-inline:0}.affiliate-orders-table-v637 .affiliate-reason-v611{text-align:left;margin-left:0}.affiliate-order-code-v638 span{font-size:12px}}

/* V640 - Sửa bảng Đơn hàng Affiliate user: chia đều 7 cột, không để cột Kiểm tra hợp lệ bị ép dọc */
@media (min-width:768px){
  .affiliate-orders-table-wrap-v637{
    width:100%;
    max-width:100%;
    overflow:hidden!important;
  }
  .affiliate-orders-table-v638{
    display:block;
    width:100%!important;
    min-width:0!important;
    table-layout:auto!important;
    border-collapse:separate;
    border-spacing:0;
  }
  .affiliate-orders-table-v638 thead,
  .affiliate-orders-table-v638 tbody{
    display:block;
    width:100%;
  }
  .affiliate-orders-table-v638 tr{
    display:grid;
    grid-template-columns:minmax(220px,1.55fr) minmax(145px,.82fr) minmax(150px,.95fr) minmax(90px,.58fr) minmax(90px,.58fr) minmax(105px,.62fr) minmax(125px,.76fr);
    width:100%;
    align-items:stretch;
    border-bottom:1px solid #e9eef5;
  }
  .affiliate-orders-table-v638 thead tr{
    background:#f8fafc;
  }
  .affiliate-orders-table-v638 tbody tr:last-child{
    border-bottom:0;
  }
  .affiliate-orders-table-v638 th,
  .affiliate-orders-table-v638 td{
    display:block;
    width:auto!important;
    min-width:0;
    padding:12px 9px;
    border-bottom:0!important;
    white-space:normal;
    word-break:normal;
    overflow-wrap:break-word;
    line-height:1.35;
  }
  .affiliate-orders-table-v638 th{
    display:flex;
    align-items:center;
    background:transparent!important;
    color:#25364c;
    font-size:13px;
    font-weight:600;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .affiliate-orders-table-v638 th:nth-child(4),
  .affiliate-orders-table-v638 th:nth-child(5),
  .affiliate-orders-table-v638 th:nth-child(6),
  .affiliate-orders-table-v638 th:nth-child(7){
    justify-content:center;
    text-align:center;
  }
  .affiliate-orders-table-v638 td:nth-child(2),
  .affiliate-orders-table-v638 td:nth-child(4),
  .affiliate-orders-table-v638 td:nth-child(5),
  .affiliate-orders-table-v638 td:nth-child(6),
  .affiliate-orders-table-v638 td:nth-child(7){
    text-align:center;
  }
  .affiliate-orders-table-v638 td:nth-child(3){
    text-align:center;
  }
  .affiliate-orders-table-v638 .affiliate-order-product-v637 span{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    max-height:2.8em;
    line-height:1.4;
    text-wrap:balance;
  }
  .affiliate-orders-table-v638 .affiliate-status-v611,
  .affiliate-orders-table-v638 .admin-affiliate-ip-check-v621{
    max-width:100%;
    white-space:nowrap;
  }
}
@media (min-width:768px) and (max-width:1199.98px){
  .affiliate-orders-table-v638 tr{
    grid-template-columns:minmax(150px,1.35fr) minmax(112px,.85fr) minmax(118px,.9fr) minmax(72px,.55fr) minmax(72px,.55fr) minmax(82px,.62fr) minmax(92px,.7fr);
  }
  .affiliate-orders-table-v638 th,
  .affiliate-orders-table-v638 td{
    padding:10px 6px;
    font-size:12px;
  }
  .affiliate-orders-table-v638 th{
    font-size:12px;
  }
  .affiliate-orders-table-v638 .affiliate-status-v611,
  .affiliate-orders-table-v638 .admin-affiliate-ip-check-v621{
    padding:5px 7px;
    font-size:10.5px;
  }
  .affiliate-orders-table-v638 .affiliate-order-code-v638 span{
    font-size:11px;
  }
  .affiliate-orders-table-v638 .affiliate-order-code-v638 small{
    font-size:10.5px;
  }
}

/* V641 - Affiliate bank settings */
.affiliate-bank-actions-v641{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.affiliate-bank-actions-v641 .affiliate-secondary-btn-v641{background:#f3f8ff;color:#0f3b66;border:1px solid #cbd8e8}.affiliate-bank-actions-v641 .affiliate-secondary-btn-v641:hover{background:#e6f0ff;color:#0f3b66}.affiliate-bank-qr-preview-v641{grid-column:1/-1;display:flex;align-items:center;gap:14px;border:1px solid #dbe5f0;background:#f8fafc;border-radius:12px;padding:12px 14px}.affiliate-bank-qr-preview-v641 strong{display:block;color:#0f3b66;font-weight:600}.affiliate-bank-qr-preview-v641 small{display:block;color:#64748b;margin-top:2px}.affiliate-bank-qr-preview-v641 img{width:118px;height:118px;object-fit:contain;border:1px solid #dbe5f0;border-radius:10px;background:#fff;padding:6px}@media(max-width:767.98px){.affiliate-bank-actions-v641{display:grid;grid-template-columns:1fr;grid-column:1/-1}.affiliate-bank-actions-v641 button{width:100%}.affiliate-bank-qr-preview-v641{grid-column:1/-1;align-items:flex-start}.affiliate-bank-qr-preview-v641 img{width:98px;height:98px}}
.affiliate-bank-qr-preview-v641[hidden]{display:none!important}

/* V642 - Đồng bộ lại độ rộng bảng Affiliate, căn trái nội dung, không ép chữ dọc */
@media (min-width:768px){
  .affiliate-orders-table-wrap-v637{
    overflow:hidden!important;
    max-width:100%!important;
  }
  .affiliate-orders-table-v638{
    display:table!important;
    width:100%!important;
    min-width:0!important;
    table-layout:fixed!important;
    border-collapse:collapse!important;
  }
  .affiliate-orders-table-v638 thead{display:table-header-group!important;width:auto!important}
  .affiliate-orders-table-v638 tbody{display:table-row-group!important;width:auto!important}
  .affiliate-orders-table-v638 tr{display:table-row!important;width:auto!important;border-bottom:0!important}
  .affiliate-orders-table-v638 th,
  .affiliate-orders-table-v638 td{
    display:table-cell!important;
    width:auto!important;
    min-width:0!important;
    padding:11px 8px!important;
    border-bottom:1px solid #e9eef5!important;
    text-align:left!important;
    vertical-align:middle!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
    line-height:1.35!important;
  }
  .affiliate-orders-table-v638 th{
    background:#f8fafc!important;
    color:#25364c!important;
    font-size:12.5px!important;
    font-weight:600!important;
  }
  .affiliate-orders-table-v638 th:nth-child(1){width:30%!important}
  .affiliate-orders-table-v638 th:nth-child(2){width:15%!important}
  .affiliate-orders-table-v638 th:nth-child(3){width:16%!important}
  .affiliate-orders-table-v638 th:nth-child(4){width:8%!important}
  .affiliate-orders-table-v638 th:nth-child(5){width:8%!important}
  .affiliate-orders-table-v638 th:nth-child(6){width:10%!important}
  .affiliate-orders-table-v638 th:nth-child(7){width:13%!important}
  .affiliate-orders-table-v638 tbody tr:last-child td{border-bottom:0!important}
  .affiliate-orders-table-v638 .affiliate-status-v611,
  .affiliate-orders-table-v638 .admin-affiliate-ip-check-v621{
    justify-content:flex-start!important;
    margin-inline:0!important;
    text-align:left!important;
    white-space:normal!important;
    width:max-content!important;
    max-width:100%!important;
  }
  .affiliate-orders-table-v638 .affiliate-reason-v611{
    margin:5px 0 0!important;
    text-align:left!important;
    max-width:100%!important;
  }
  .affiliate-orders-table-v638 .affiliate-order-code-v638 span,
  .affiliate-orders-table-v638 .affiliate-order-code-v638 small{
    overflow-wrap:anywhere!important;
  }
  .affiliate-orders-table-v638 .affiliate-order-product-v637 span{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
    max-height:2.8em!important;
    line-height:1.4!important;
    text-wrap:auto!important;
  }
}
@media (min-width:768px) and (max-width:1199.98px){
  .affiliate-orders-table-v638 th,
  .affiliate-orders-table-v638 td{
    padding:9px 6px!important;
    font-size:11.5px!important;
  }
  .affiliate-orders-table-v638 th{font-size:11.5px!important}
  .affiliate-orders-table-v638 .affiliate-status-v611,
  .affiliate-orders-table-v638 .admin-affiliate-ip-check-v621{
    padding:5px 7px!important;
    font-size:10px!important;
  }
}
@media (max-width:767.98px){
  .affiliate-orders-table-v638 .affiliate-status-v611,
  .affiliate-orders-table-v638 .admin-affiliate-ip-check-v621{
    justify-content:flex-start!important;
    margin-inline:0!important;
    text-align:left!important;
  }
}

@media (min-width:768px){
  [data-affiliate-panel="payouts"] .admin-affiliate-table-wrap-v611{
    overflow:hidden!important;
    max-width:100%!important;
  }
  [data-affiliate-panel="payouts"] .admin-affiliate-payout-table-v635{
    width:100%!important;
    min-width:0!important;
    table-layout:fixed!important;
    border-collapse:collapse!important;
  }
  [data-affiliate-panel="payouts"] .admin-affiliate-payout-table-v635 th,
  [data-affiliate-panel="payouts"] .admin-affiliate-payout-table-v635 td{
    padding:9px 6px!important;
    text-align:left!important;
    vertical-align:top!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    white-space:normal!important;
    hyphens:none!important;
    line-height:1.35!important;
  }
  [data-affiliate-panel="payouts"] .admin-affiliate-payout-table-v635 th:nth-child(1){width:6%!important}
  [data-affiliate-panel="payouts"] .admin-affiliate-payout-table-v635 th:nth-child(2){width:18%!important}
  [data-affiliate-panel="payouts"] .admin-affiliate-payout-table-v635 th:nth-child(3){width:10%!important}
  [data-affiliate-panel="payouts"] .admin-affiliate-payout-table-v635 th:nth-child(4){width:20%!important}
  [data-affiliate-panel="payouts"] .admin-affiliate-payout-table-v635 th:nth-child(5){width:11%!important}
  [data-affiliate-panel="payouts"] .admin-affiliate-payout-table-v635 th:nth-child(6){width:13%!important}
  [data-affiliate-panel="payouts"] .admin-affiliate-payout-table-v635 th:nth-child(7){width:9%!important}
  [data-affiliate-panel="payouts"] .admin-affiliate-payout-table-v635 th:nth-child(8){width:13%!important}
  [data-affiliate-panel="payouts"] .admin-affiliate-payout-table-v635 td>strong,
  [data-affiliate-panel="payouts"] .admin-affiliate-payout-table-v635 td>small{
    overflow-wrap:anywhere!important;
  }
  [data-affiliate-panel="payouts"] .admin-affiliate-payout-table-v635 .affiliate-status-v611,
  [data-affiliate-panel="payouts"] .admin-affiliate-payout-table-v635 .admin-affiliate-actions-v611{
    justify-content:flex-start!important;
    text-align:left!important;
    margin-inline:0!important;
  }
  [data-affiliate-panel="payouts"] .admin-affiliate-payout-actions-v635{
    flex-wrap:wrap!important;
    gap:6px!important;
  }
  [data-affiliate-panel="payouts"] .admin-affiliate-paid-form-v635{
    min-width:0!important;
    width:100%!important;
  }
}
@media (min-width:768px) and (max-width:1199.98px){
  [data-affiliate-panel="payouts"] .admin-affiliate-payout-table-v635 th,
  [data-affiliate-panel="payouts"] .admin-affiliate-payout-table-v635 td{
    padding:8px 5px!important;
    font-size:10px!important;
  }
  [data-affiliate-panel="payouts"] .admin-affiliate-payout-table-v635 th:nth-child(1){width:6%!important}
  [data-affiliate-panel="payouts"] .admin-affiliate-payout-table-v635 th:nth-child(2){width:17%!important}
  [data-affiliate-panel="payouts"] .admin-affiliate-payout-table-v635 th:nth-child(3){width:10%!important}
  [data-affiliate-panel="payouts"] .admin-affiliate-payout-table-v635 th:nth-child(4){width:19%!important}
  [data-affiliate-panel="payouts"] .admin-affiliate-payout-table-v635 th:nth-child(5){width:11%!important}
  [data-affiliate-panel="payouts"] .admin-affiliate-payout-table-v635 th:nth-child(6){width:13%!important}
  [data-affiliate-panel="payouts"] .admin-affiliate-payout-table-v635 th:nth-child(7){width:10%!important}
  [data-affiliate-panel="payouts"] .admin-affiliate-payout-table-v635 th:nth-child(8){width:14%!important}
}

/* V643 - Làm mới hoàn toàn layout bảng Affiliate quan trọng bằng CSS Grid, không dùng table để tránh ép chữ dọc */
.affiliate-orders-grid-v643,
.admin-affiliate-payout-grid-v643{
  width:100%;
  max-width:100%;
  overflow:hidden;
  border-radius:10px;
}
.affiliate-orders-grid-head-v643,
.affiliate-orders-grid-row-v643,
.admin-affiliate-payout-grid-head-v643,
.admin-affiliate-payout-grid-row-v643{
  display:grid;
  width:100%;
  min-width:0;
  align-items:stretch;
}
.affiliate-orders-grid-head-v643,
.affiliate-orders-grid-row-v643{
  grid-template-columns:26% 15% 15% 9% 9% 11% 15%;
}
.admin-affiliate-payout-grid-head-v643,
.admin-affiliate-payout-grid-row-v643{
  grid-template-columns:6% 16% 10% 22% 12% 13% 9% 12%;
}
.affiliate-orders-grid-head-v643,
.admin-affiliate-payout-grid-head-v643{
  background:#f8fafc;
  border-bottom:1px solid #e9eef5;
}
.affiliate-orders-grid-head-v643>div,
.admin-affiliate-payout-grid-head-v643>div{
  min-width:0;
  padding:12px 8px;
  color:#25364c;
  font-size:12.5px;
  font-weight:600;
  line-height:1.35;
  text-align:left;
  white-space:normal;
  word-break:normal;
  overflow-wrap:normal;
  hyphens:none;
}
.affiliate-orders-grid-row-v643,
.admin-affiliate-payout-grid-row-v643{
  border-bottom:1px solid #e9eef5;
  background:#fff;
}
.affiliate-orders-grid-row-v643:last-child,
.admin-affiliate-payout-grid-row-v643:last-child{
  border-bottom:0;
}
.affiliate-grid-cell-v643{
  min-width:0;
  padding:12px 8px;
  color:#3f5875;
  font-size:13px;
  line-height:1.4;
  text-align:left;
  white-space:normal;
  word-break:normal;
  overflow-wrap:anywhere;
  hyphens:none;
}
.affiliate-grid-cell-v643 strong{
  display:block;
  color:#263b56;
  font-weight:600;
}
.affiliate-grid-cell-v643 small{
  display:block;
  margin-top:3px;
  color:#7c8ca1;
  font-size:11px;
  line-height:1.35;
}
.affiliate-orders-grid-v643 .affiliate-order-product-v637 span{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  line-height:1.4;
  max-height:2.8em;
  color:#24476c;
}
.affiliate-orders-grid-v643 .affiliate-order-code-v638 span{
  display:block;
  color:#24476c;
  font-size:12px;
  line-height:1.35;
  overflow-wrap:anywhere;
}
.affiliate-orders-grid-v643 .affiliate-order-code-v638 small{
  margin-top:4px;
  font-size:11px;
}
.affiliate-orders-grid-v643 .affiliate-status-v611,
.affiliate-orders-grid-v643 .admin-affiliate-ip-check-v621,
.admin-affiliate-payout-grid-v643 .affiliate-status-v611{
  justify-content:flex-start;
  margin:0;
  max-width:100%;
  width:max-content;
  white-space:normal;
  text-align:left;
}
.affiliate-orders-grid-v643 .affiliate-reason-v611{
  max-width:100%;
  margin:5px 0 0;
  text-align:left;
}
.admin-affiliate-payout-grid-v643 .admin-affiliate-bank-v635,
.admin-affiliate-payout-grid-v643 .admin-affiliate-qr-v635,
.admin-affiliate-payout-grid-v643 .admin-affiliate-proof-v635{
  max-width:100%;
}
.admin-affiliate-payout-grid-v643 .admin-affiliate-actions-v611{
  justify-content:flex-start;
  align-items:flex-start;
  gap:6px;
}
.admin-affiliate-payout-grid-v643 .admin-affiliate-paid-form-v635{
  width:100%;
  min-width:0;
}
.admin-affiliate-payout-grid-v643 .admin-affiliate-paid-form-v635 input[type="text"]{
  width:100%;
  min-width:0;
}
.affiliate-grid-empty-v643{
  display:block;
  width:100%;
  padding:30px 12px!important;
  text-align:center!important;
  border-bottom:1px solid #e9eef5;
}
@media (max-width:1199.98px) and (min-width:768px){
  .affiliate-orders-grid-head-v643,
  .affiliate-orders-grid-row-v643{
    grid-template-columns:24% 15% 15% 9% 9% 12% 16%;
  }
  .admin-affiliate-payout-grid-head-v643,
  .admin-affiliate-payout-grid-row-v643{
    grid-template-columns:6% 15% 10% 21% 12% 13% 9% 14%;
  }
  .affiliate-orders-grid-head-v643>div,
  .admin-affiliate-payout-grid-head-v643>div,
  .affiliate-grid-cell-v643{
    padding:10px 6px;
    font-size:11.5px;
  }
  .affiliate-grid-cell-v643 small{
    font-size:10.5px;
  }
  .affiliate-orders-grid-v643 .affiliate-status-v611,
  .affiliate-orders-grid-v643 .admin-affiliate-ip-check-v621,
  .admin-affiliate-payout-grid-v643 .affiliate-status-v611{
    padding:5px 7px;
    font-size:10px;
  }
  .admin-affiliate-payout-grid-v643 .admin-affiliate-actions-v611 button,
  .admin-affiliate-payout-grid-v643 .admin-affiliate-account-form-v611 button{
    min-height:29px;
    padding:0 7px;
    font-size:10px;
  }
}
@media (max-width:767.98px){
  .affiliate-orders-grid-head-v643,
  .admin-affiliate-payout-grid-head-v643{
    display:none;
  }
  .affiliate-orders-grid-row-v643,
  .admin-affiliate-payout-grid-row-v643{
    display:block;
    border:1px solid #e1e9f3;
    border-radius:10px;
    margin-bottom:10px;
    padding:7px 10px;
    background:#fff;
  }
  .affiliate-grid-cell-v643{
    display:grid;
    grid-template-columns:118px minmax(0,1fr);
    gap:10px;
    align-items:start;
    padding:9px 0;
    border-bottom:1px dashed #e6edf5;
    font-size:12.5px;
    text-align:left!important;
  }
  .affiliate-grid-cell-v643:last-child{
    border-bottom:0;
  }
  .affiliate-grid-cell-v643::before{
    content:attr(data-label);
    color:#263b56;
    font-size:12px;
    font-weight:600;
    line-height:1.35;
  }
  .affiliate-orders-grid-v643 .affiliate-status-v611,
  .affiliate-orders-grid-v643 .admin-affiliate-ip-check-v621,
  .admin-affiliate-payout-grid-v643 .affiliate-status-v611{
    justify-content:flex-start;
    margin:0;
  }
  .affiliate-orders-grid-v643 .affiliate-order-product-v637 span{
    -webkit-line-clamp:unset;
    max-height:none;
  }
  .admin-affiliate-payout-grid-v643 .admin-affiliate-actions-v611{
    display:flex;
    flex-wrap:wrap;
  }
}

/* V644 - Làm lại bảng Affiliate bằng table thật: cột đều, chữ nhỏ, căn trái, không lệ thuộc CSS Grid */
.affiliate-fit-table-v644{
  width:100%;
  max-width:100%;
  overflow-x:hidden!important;
  overflow-y:visible;
}
.affiliate-orders-table-v644,
.admin-affiliate-payout-table-v644{
  width:100%!important;
  min-width:0!important;
  table-layout:fixed!important;
  border-collapse:collapse!important;
  border-spacing:0!important;
  font-size:12px!important;
  color:#24364e;
}
.affiliate-orders-table-v644 th,
.affiliate-orders-table-v644 td,
.admin-affiliate-payout-table-v644 th,
.admin-affiliate-payout-table-v644 td{
  padding:10px 8px!important;
  border-bottom:1px solid #e9eef5!important;
  text-align:left!important;
  vertical-align:middle!important;
  line-height:1.35!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
  hyphens:none!important;
}
.affiliate-orders-table-v644 th,
.admin-affiliate-payout-table-v644 th{
  background:#f8fafc!important;
  color:#172033!important;
  font-size:12px!important;
  font-weight:600!important;
}
.affiliate-orders-table-v644 tbody tr:last-child td,
.admin-affiliate-payout-table-v644 tbody tr:last-child td{
  border-bottom:0!important;
}
.affiliate-orders-table-v644 td,
.admin-affiliate-payout-table-v644 td{
  font-size:12px!important;
  color:#24476c!important;
}
.affiliate-orders-table-v644 small,
.admin-affiliate-payout-table-v644 small{
  display:block;
  margin-top:3px;
  color:#7c8ca1!important;
  font-size:10.5px!important;
  line-height:1.3!important;
  overflow-wrap:anywhere!important;
}
.affiliate-orders-table-v644 strong,
.admin-affiliate-payout-table-v644 strong{
  display:block;
  color:#263b56!important;
  font-weight:600!important;
}
.affiliate-orders-table-v644 .affiliate-order-product-v637 span{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  max-height:2.7em!important;
  line-height:1.35!important;
  text-wrap:auto!important;
}
.affiliate-orders-table-v644 .affiliate-order-code-v638 span{
  display:block!important;
  font-size:11.5px!important;
  color:#24476c!important;
  overflow-wrap:anywhere!important;
}
.affiliate-orders-table-v644 .affiliate-status-v611,
.affiliate-orders-table-v644 .admin-affiliate-ip-check-v621,
.admin-affiliate-payout-table-v644 .affiliate-status-v611{
  display:inline-flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  max-width:100%!important;
  width:auto!important;
  margin:0!important;
  padding:5px 8px!important;
  font-size:10.5px!important;
  line-height:1.2!important;
  text-align:left!important;
  white-space:nowrap!important;
}
.affiliate-orders-table-v644 .affiliate-reason-v611{
  display:block!important;
  max-width:100%!important;
  margin:5px 0 0!important;
  color:#b42318!important;
  font-size:10.5px!important;
  line-height:1.3!important;
  text-align:left!important;
}
.admin-affiliate-payout-table-v644 .admin-affiliate-bank-v635,
.admin-affiliate-payout-table-v644 .admin-affiliate-qr-v635,
.admin-affiliate-payout-table-v644 .admin-affiliate-proof-v635{
  max-width:100%!important;
}
.admin-affiliate-payout-table-v644 .admin-affiliate-qr-v635{
  align-items:flex-start!important;
  justify-content:flex-start!important;
  margin-top:6px!important;
}
.admin-affiliate-payout-table-v644 .admin-affiliate-qr-v635 img{
  width:54px!important;
  height:54px!important;
}
.admin-affiliate-payout-table-v644 .admin-affiliate-actions-v611{
  justify-content:flex-start!important;
  align-items:flex-start!important;
  gap:5px!important;
  flex-wrap:wrap!important;
}
.admin-affiliate-payout-table-v644 .admin-affiliate-payout-actions-v635 button,
.admin-affiliate-payout-table-v644 .admin-affiliate-account-form-v611 button{
  min-height:28px!important;
  padding:0 7px!important;
  font-size:10.5px!important;
}
.admin-affiliate-payout-table-v644 .admin-affiliate-paid-form-v635{
  width:100%!important;
  min-width:0!important;
  gap:5px!important;
}
.admin-affiliate-payout-table-v644 .admin-affiliate-paid-form-v635 input[type="text"]{
  width:100%!important;
  min-width:0!important;
  height:28px!important;
  font-size:10.5px!important;
  padding:0 7px!important;
}
.admin-affiliate-payout-table-v644 .admin-affiliate-proof-input-v635{
  width:100%!important;
  min-height:28px!important;
  padding:5px 7px!important;
  font-size:10.5px!important;
}
.admin-affiliate-payout-table-v644 .admin-affiliate-empty-v611,
.affiliate-orders-table-v644 .affiliate-empty-cell-v611{
  padding:30px 12px!important;
  text-align:center!important;
  color:#7c8ca1!important;
}
@media(max-width:1199.98px) and (min-width:768px){
  .affiliate-orders-table-v644 th,
  .affiliate-orders-table-v644 td,
  .admin-affiliate-payout-table-v644 th,
  .admin-affiliate-payout-table-v644 td{
    padding:8px 5px!important;
    font-size:10.8px!important;
  }
  .affiliate-orders-table-v644 th,
  .admin-affiliate-payout-table-v644 th{
    font-size:10.8px!important;
  }
  .affiliate-orders-table-v644 small,
  .admin-affiliate-payout-table-v644 small{
    font-size:9.8px!important;
  }
  .affiliate-orders-table-v644 .affiliate-status-v611,
  .affiliate-orders-table-v644 .admin-affiliate-ip-check-v621,
  .admin-affiliate-payout-table-v644 .affiliate-status-v611{
    padding:4px 6px!important;
    font-size:9.5px!important;
  }
}
@media(max-width:767.98px){
  .affiliate-fit-table-v644{
    overflow:visible!important;
  }
  .affiliate-orders-table-v644,
  .affiliate-orders-table-v644 tbody,
  .affiliate-orders-table-v644 tr,
  .affiliate-orders-table-v644 td,
  .admin-affiliate-payout-table-v644,
  .admin-affiliate-payout-table-v644 tbody,
  .admin-affiliate-payout-table-v644 tr,
  .admin-affiliate-payout-table-v644 td{
    display:block!important;
    width:100%!important;
    min-width:0!important;
  }
  .affiliate-orders-table-v644 colgroup,
  .affiliate-orders-table-v644 thead,
  .admin-affiliate-payout-table-v644 colgroup,
  .admin-affiliate-payout-table-v644 thead{
    display:none!important;
  }
  .affiliate-orders-table-v644 tr,
  .admin-affiliate-payout-table-v644 tr{
    border:1px solid #e1e9f3!important;
    border-radius:10px!important;
    margin-bottom:10px!important;
    padding:7px 10px!important;
    background:#fff!important;
  }
  .affiliate-orders-table-v644 td,
  .admin-affiliate-payout-table-v644 td{
    display:grid!important;
    grid-template-columns:118px minmax(0,1fr)!important;
    gap:10px!important;
    align-items:start!important;
    padding:9px 0!important;
    border-bottom:1px dashed #e6edf5!important;
    text-align:left!important;
    font-size:12.5px!important;
  }
  .affiliate-orders-table-v644 td:last-child,
  .admin-affiliate-payout-table-v644 td:last-child{
    border-bottom:0!important;
  }
  .affiliate-orders-table-v644 td::before,
  .admin-affiliate-payout-table-v644 td::before{
    content:attr(data-label);
    color:#263b56;
    font-size:12px;
    font-weight:600;
    line-height:1.35;
  }
  .affiliate-orders-table-v644 .affiliate-order-product-v637 span{
    -webkit-line-clamp:unset!important;
    max-height:none!important;
  }
  .affiliate-orders-table-v644 .affiliate-status-v611,
  .affiliate-orders-table-v644 .admin-affiliate-ip-check-v621,
  .admin-affiliate-payout-table-v644 .affiliate-status-v611{
    white-space:normal!important;
  }
}


/* V645 - Tên tài khoản ngân hàng nhập văn bản tự nhiên, không ép HOA/không làm mất dấu tiếng Việt */
.affiliate-settings-form-v611 input[name="bank_account_name"],
.affiliate-settings-form-v611 input[data-raw-bank-account-name-v645]{
  text-transform:none!important;
  font-variant:normal!important;
}

/* V646 - Gộp menu Affiliate cho gọn, giữ các phần liên quan trong cùng trang */
.affiliate-layout-v611{
  grid-template-columns:176px minmax(0,1fr)!important;
}
.affiliate-sidebar-v611{
  padding:9px!important;
}
.affiliate-sidebar-title-v611{
  padding:9px 10px 10px!important;
  margin-bottom:5px!important;
  font-size:13px!important;
}
.affiliate-menu-item-v611{
  min-height:38px!important;
  padding:8px 10px!important;
  gap:9px!important;
  font-size:13px!important;
  margin:1px 0!important;
}
.affiliate-menu-item-v611 i{
  width:18px!important;
  text-align:center!important;
  font-size:15px!important;
  flex:0 0 18px!important;
}
.affiliate-merged-intro-v646{
  padding:14px 16px!important;
}
.affiliate-quick-steps-v646{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.affiliate-quick-steps-v646>div{
  display:flex;
  align-items:flex-start;
  gap:9px;
  padding:10px 12px;
  border:1px solid #e3eaf3;
  border-radius:10px;
  background:#f8fbff;
  min-width:0;
}
.affiliate-quick-steps-v646 strong{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 24px;
  width:24px;
  height:24px;
  border-radius:999px;
  background:#0f3b66;
  color:#fff;
  font-size:12px;
  font-weight:700;
}
.affiliate-quick-steps-v646 span{
  color:#334155;
  font-size:12.5px;
  line-height:1.45;
}
.affiliate-compact-table-v646 table{
  min-width:0!important;
  table-layout:fixed;
}
.affiliate-compact-table-v646 th,
.affiliate-compact-table-v646 td{
  font-size:12.5px!important;
}
.affiliate-payment-bank-card-v646{
  margin-bottom:14px!important;
}
.affiliate-payment-bank-form-v646{
  gap:12px 14px!important;
}
@media(max-width:991.98px){
  .affiliate-layout-v611{
    grid-template-columns:156px minmax(0,1fr)!important;
    gap:12px!important;
  }
  .affiliate-menu-item-v611{
    font-size:12.5px!important;
    padding:8px 9px!important;
  }
  .affiliate-quick-steps-v646{
    grid-template-columns:1fr;
  }
}
@media(max-width:767.98px){
  .affiliate-layout-v611{
    grid-template-columns:1fr!important;
  }
  .affiliate-sidebar-v611{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
  }
  .affiliate-sidebar-title-v611{
    grid-column:1/-1!important;
  }
  .affiliate-menu-item-v611{
    justify-content:flex-start!important;
    margin:0!important;
  }
  .affiliate-payment-bank-form-v646{
    grid-template-columns:1fr!important;
  }
}

/* V647 - Affiliate: bật/tắt cho phép đơn trùng IP */
.affiliate-switch-row-v647{margin-top:14px;padding-top:14px;border-top:1px solid #e9eef5;border-bottom:1px solid #e9eef5}
.admin-affiliate-ip-check-v621.is-allowed{background:#e0f2fe;color:#075985}

/* V650 - Admin Affiliate: tách thao tác thanh toán thành các cột riêng, chữ nhỏ và hạn chế xuống dòng */
.admin-affiliate-payout-wrap-v650{
  width:100%;
  max-width:100%;
  overflow-x:hidden!important;
}
.admin-affiliate-payout-table-v650{
  width:100%!important;
  min-width:0!important;
  table-layout:fixed!important;
  border-collapse:collapse!important;
  border-spacing:0!important;
  font-size:11px!important;
  color:#24364e!important;
}
.admin-affiliate-payout-table-v650 th,
.admin-affiliate-payout-table-v650 td{
  padding:8px 6px!important;
  border-bottom:1px solid #e9eef5!important;
  text-align:left!important;
  vertical-align:middle!important;
  line-height:1.3!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
  hyphens:none!important;
}
.admin-affiliate-payout-table-v650 th{
  background:#f8fafc!important;
  color:#172033!important;
  font-size:10.8px!important;
  font-weight:600!important;
  white-space:nowrap!important;
}
.admin-affiliate-payout-table-v650 td{
  color:#24476c!important;
  font-size:10.8px!important;
}
.admin-affiliate-payout-table-v650 tbody tr:last-child td{
  border-bottom:0!important;
}
.admin-affiliate-payout-table-v650 strong,
.admin-affiliate-payout-table-v650 small,
.admin-affiliate-payout-table-v650 .admin-affiliate-bank-v635 span{
  display:block!important;
  max-width:100%!important;
}
.admin-affiliate-payout-table-v650 strong{
  color:#263b56!important;
  font-weight:600!important;
  white-space:normal!important;
}
.admin-affiliate-payout-table-v650 small{
  margin-top:2px!important;
  color:#7c8ca1!important;
  font-size:9.6px!important;
  line-height:1.25!important;
}
.admin-affiliate-payout-person-v650 strong,
.admin-affiliate-payout-person-v650 small,
.admin-affiliate-payout-bank-cell-v650 .admin-affiliate-bank-v635 span,
.admin-affiliate-payout-bank-cell-v650 .admin-affiliate-bank-v635 small{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:1!important;
  overflow:hidden!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
}
.admin-affiliate-payout-bank-cell-v650 .admin-affiliate-bank-v635{
  margin:0 0 4px!important;
}
.admin-affiliate-payout-money-v650 strong,
.admin-affiliate-payout-code-v650{
  white-space:nowrap!important;
}
.admin-affiliate-payout-status-v650 .affiliate-status-v611{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  max-width:100%!important;
  margin:0!important;
  padding:4px 7px!important;
  font-size:9.5px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
.admin-affiliate-qr-v650{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  max-width:100%!important;
  color:#2f72ee!important;
  font-size:10px!important;
  font-weight:600!important;
  text-decoration:none!important;
}
.admin-affiliate-qr-v650 img{
  width:42px!important;
  height:42px!important;
  object-fit:contain!important;
  border:1px solid #dbe7f6!important;
  border-radius:8px!important;
  background:#fff!important;
  flex:0 0 auto!important;
}
.admin-affiliate-qr-v650 span,
.admin-affiliate-proof-v635{
  white-space:nowrap!important;
}
.admin-affiliate-payout-table-v650 input[type="text"]{
  width:100%!important;
  min-width:0!important;
  height:30px!important;
  padding:0 7px!important;
  border:1px solid #d7e2ef!important;
  border-radius:8px!important;
  font-size:10px!important;
  line-height:30px!important;
}
.admin-affiliate-proof-input-v650{
  display:inline-flex!important;
  width:100%!important;
  min-height:30px!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  padding:5px 6px!important;
  border:1px dashed #bfd3ec!important;
  border-radius:8px!important;
  background:#fbfdff!important;
  color:#24476c!important;
  font-size:10px!important;
  font-weight:600!important;
  cursor:pointer!important;
  white-space:nowrap!important;
}
.admin-affiliate-proof-input-v650 input[type="file"]{
  display:none!important;
}
.admin-affiliate-paid-form-v650{
  display:none!important;
}
.admin-affiliate-one-button-form-v650{
  display:block!important;
  margin:0!important;
}
.admin-affiliate-payout-table-v650 button,
.admin-affiliate-paid-button-v650{
  width:100%!important;
  min-height:30px!important;
  padding:0 7px!important;
  border-radius:8px!important;
  border:1px solid transparent!important;
  font-size:10px!important;
  font-weight:600!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  cursor:pointer!important;
}
.admin-affiliate-payout-table-v650 button.approve,
.admin-affiliate-payout-table-v650 .approve{
  background:#16a34a!important;
  color:#fff!important;
}
.admin-affiliate-paid-button-v650{
  display:block!important;
  margin:0 0 5px!important;
  background:#2f72ee!important;
  color:#fff!important;
}
.admin-affiliate-payout-table-v650 button.reject,
.admin-affiliate-payout-table-v650 .reject{
  background:#fff!important;
  color:#dc2626!important;
  border-color:#fecaca!important;
}
.admin-affiliate-payout-final-v650 form{
  margin:0!important;
}
.admin-affiliate-payout-table-v650 .admin-affiliate-empty-v611{
  padding:28px 12px!important;
  text-align:center!important;
  color:#7c8ca1!important;
}
@media(max-width:1299.98px) and (min-width:768px){
  .admin-affiliate-payout-table-v650 th,
  .admin-affiliate-payout-table-v650 td{
    padding:7px 4px!important;
    font-size:9.8px!important;
  }
  .admin-affiliate-payout-table-v650 th{font-size:9.6px!important;}
  .admin-affiliate-payout-table-v650 small{font-size:8.8px!important;}
  .admin-affiliate-qr-v650 img{width:36px!important;height:36px!important;}
  .admin-affiliate-qr-v650 span{font-size:9px!important;}
  .admin-affiliate-payout-table-v650 input[type="text"],
  .admin-affiliate-proof-input-v650,
  .admin-affiliate-payout-table-v650 button,
  .admin-affiliate-paid-button-v650{
    min-height:27px!important;
    height:27px!important;
    padding-left:4px!important;
    padding-right:4px!important;
    font-size:9px!important;
  }
}
@media(max-width:767.98px){
  .admin-affiliate-payout-wrap-v650{overflow:visible!important;}
  .admin-affiliate-payout-table-v650,
  .admin-affiliate-payout-table-v650 tbody,
  .admin-affiliate-payout-table-v650 tr,
  .admin-affiliate-payout-table-v650 td{
    display:block!important;
    width:100%!important;
    min-width:0!important;
  }
  .admin-affiliate-payout-table-v650 colgroup,
  .admin-affiliate-payout-table-v650 thead{display:none!important;}
  .admin-affiliate-payout-table-v650 tr{
    border:1px solid #e1e9f3!important;
    border-radius:10px!important;
    margin-bottom:10px!important;
    padding:7px 10px!important;
    background:#fff!important;
  }
  .admin-affiliate-payout-table-v650 td{
    display:grid!important;
    grid-template-columns:118px minmax(0,1fr)!important;
    gap:10px!important;
    align-items:start!important;
    padding:9px 0!important;
    border-bottom:1px dashed #e6edf5!important;
    text-align:left!important;
    font-size:12px!important;
  }
  .admin-affiliate-payout-table-v650 td:last-child{border-bottom:0!important;}
  .admin-affiliate-payout-table-v650 td::before{
    content:attr(data-label);
    color:#263b56;
    font-size:12px;
    font-weight:600;
    line-height:1.35;
  }
  .admin-affiliate-payout-table-v650 input[type="text"],
  .admin-affiliate-proof-input-v650,
  .admin-affiliate-payout-table-v650 button,
  .admin-affiliate-paid-button-v650{
    max-width:260px!important;
  }
}

/* V651 - Admin Affiliate: gọn lại yêu cầu thanh toán, tách Ngân hàng và QR, gộp thao tác */
.admin-affiliate-payout-wrap-v651{width:100%;max-width:100%;overflow-x:auto!important;}
.admin-affiliate-payout-table-v651{width:100%!important;min-width:1280px!important;table-layout:fixed!important;border-collapse:collapse!important;border-spacing:0!important;color:#24364e!important;font-size:10.6px!important;}
.admin-affiliate-payout-table-v651 th,.admin-affiliate-payout-table-v651 td{padding:10px 8px!important;border-bottom:1px solid #e9eef5!important;text-align:left!important;vertical-align:middle!important;line-height:1.3!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;hyphens:none!important;}
.admin-affiliate-payout-table-v651 th{background:#f8fafc!important;color:#172033!important;font-size:10.5px!important;font-weight:600!important;white-space:nowrap!important;}
.admin-affiliate-payout-table-v651 td{font-size:10.5px!important;color:#24476c!important;}
.admin-affiliate-payout-table-v651 tbody tr:last-child td{border-bottom:0!important;}
.admin-affiliate-payout-table-v651 strong,.admin-affiliate-payout-table-v651 small,.admin-affiliate-payout-bank-v651 .admin-affiliate-bank-v635 span{display:block!important;max-width:100%!important;}
.admin-affiliate-payout-table-v651 strong{color:#263b56!important;font-weight:600!important;}
.admin-affiliate-payout-table-v651 small{margin-top:2px!important;color:#7c8ca1!important;font-size:9.4px!important;line-height:1.22!important;}
.admin-affiliate-payout-person-v651 strong,.admin-affiliate-payout-person-v651 small,.admin-affiliate-payout-bank-v651 .admin-affiliate-bank-v635 span,.admin-affiliate-payout-bank-v651 .admin-affiliate-bank-v635 small{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:1!important;overflow:hidden!important;word-break:normal!important;overflow-wrap:anywhere!important;}
.admin-affiliate-payout-money-v651 strong,.admin-affiliate-payout-code-v651{white-space:nowrap!important;}
.admin-affiliate-payout-status-v651 .affiliate-status-v611{display:inline-flex!important;align-items:center!important;max-width:100%!important;margin:0!important;padding:4px 7px!important;font-size:9.4px!important;line-height:1.15!important;white-space:nowrap!important;}
.admin-affiliate-qr-v651{display:inline-flex!important;align-items:center!important;gap:4px!important;color:#2f72ee!important;font-size:9.6px!important;font-weight:600!important;text-decoration:none!important;white-space:nowrap!important;}
.admin-affiliate-qr-v651 img{width:38px!important;height:38px!important;object-fit:contain!important;border:1px solid #dbe7f6!important;border-radius:7px!important;background:#fff!important;flex:0 0 auto!important;}
.admin-affiliate-payout-action-v651{padding-right:10px!important;}
.admin-affiliate-payout-proof-v651,.admin-affiliate-payout-action-v651{white-space:nowrap!important;}
.admin-affiliate-paid-form-v651{display:none!important;}
.admin-affiliate-payout-action-row-v651{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;flex-wrap:nowrap!important;max-width:100%!important;white-space:nowrap!important;}
.admin-affiliate-payout-action-row-v651 > *{align-self:center!important;}
.admin-affiliate-mini-form-v651{display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:0!important;flex:0 0 auto!important;}
.admin-affiliate-payout-action-row-v651 input[type="text"]{width:92px!important;min-width:80px!important;height:30px!important;padding:0 8px!important;border:1px solid #d7e2ef!important;border-radius:8px!important;font-size:9.8px!important;line-height:30px!important;display:inline-flex!important;align-items:center!important;}
.admin-affiliate-proof-input-v651{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;width:56px!important;height:30px!important;padding:0 8px!important;border:1px dashed #bfd3ec!important;border-radius:8px!important;background:#fbfdff!important;color:#24476c!important;font-size:9.6px!important;font-weight:600!important;cursor:pointer!important;white-space:nowrap!important;flex:0 0 auto!important;}
.admin-affiliate-proof-input-v651 input[type="file"]{display:none!important;}
.admin-affiliate-payout-action-row-v651 button,.admin-affiliate-paid-button-v651{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:30px!important;min-height:30px!important;padding:0 10px!important;border-radius:8px!important;border:1px solid transparent!important;font-size:9.8px!important;font-weight:600!important;line-height:1!important;white-space:nowrap!important;cursor:pointer!important;flex:0 0 auto!important;}
.admin-affiliate-payout-action-row-v651 button.approve,.admin-affiliate-payout-action-row-v651 .approve{background:#16a34a!important;color:#fff!important;}
.admin-affiliate-paid-button-v651{background:#2f72ee!important;color:#fff!important;}
.admin-affiliate-payout-action-row-v651 button.reject,.admin-affiliate-payout-action-row-v651 .reject{background:#fff!important;color:#dc2626!important;border-color:#fecaca!important;}
.admin-affiliate-payout-table-v651 .admin-affiliate-empty-v611{padding:28px 12px!important;text-align:center!important;color:#7c8ca1!important;}
@media(max-width:1299.98px) and (min-width:768px){
  .admin-affiliate-payout-table-v651 th,.admin-affiliate-payout-table-v651 td{padding:7px 4px!important;font-size:9.6px!important;}
  .admin-affiliate-payout-table-v651 th{font-size:9.3px!important;}
  .admin-affiliate-payout-table-v651 small{font-size:8.6px!important;}
  .admin-affiliate-qr-v651 img{width:34px!important;height:34px!important;}
  .admin-affiliate-qr-v651 span{font-size:8.8px!important;}
  .admin-affiliate-payout-action-row-v651{gap:3px!important;}
  .admin-affiliate-payout-action-row-v651 input[type="text"]{width:74px!important;min-width:64px!important;height:26px!important;font-size:8.8px!important;padding:0 5px!important;}
  .admin-affiliate-proof-input-v651{width:42px!important;height:26px!important;font-size:8.6px!important;padding:0 4px!important;}
  .admin-affiliate-payout-action-row-v651 button,.admin-affiliate-paid-button-v651{height:26px!important;min-height:26px!important;font-size:8.7px!important;padding:0 5px!important;}
}
@media(max-width:767.98px){
  .admin-affiliate-payout-wrap-v651{overflow:visible!important;}
  .admin-affiliate-payout-table-v651,.admin-affiliate-payout-table-v651 tbody,.admin-affiliate-payout-table-v651 tr,.admin-affiliate-payout-table-v651 td{display:block!important;width:100%!important;min-width:0!important;}
  .admin-affiliate-payout-table-v651 colgroup,.admin-affiliate-payout-table-v651 thead{display:none!important;}
  .admin-affiliate-payout-table-v651 tr{border:1px solid #e1e9f3!important;border-radius:10px!important;margin-bottom:10px!important;padding:7px 10px!important;background:#fff!important;}
  .admin-affiliate-payout-table-v651 td{display:grid!important;grid-template-columns:118px minmax(0,1fr)!important;gap:10px!important;align-items:start!important;padding:9px 0!important;border-bottom:1px dashed #e6edf5!important;text-align:left!important;font-size:12px!important;}
  .admin-affiliate-payout-table-v651 td:last-child{border-bottom:0!important;}
  .admin-affiliate-payout-table-v651 td::before{content:attr(data-label);color:#263b56;font-size:12px;font-weight:600;line-height:1.35;}
  .admin-affiliate-payout-action-row-v651{flex-wrap:wrap!important;max-width:280px!important;gap:8px!important;}
  .admin-affiliate-payout-action-v651{display:grid!important;grid-template-columns:118px minmax(0,1fr)!important;align-items:start!important;}
  .admin-affiliate-payout-action-v651 > *:not(form){min-width:0!important;}
  .admin-affiliate-payout-action-v651 .admin-affiliate-payout-action-row-v651{justify-content:flex-start!important;}
  .admin-affiliate-payout-action-row-v651 input[type="text"]{width:120px!important;}
}

/* V653: gộp Thu nhập vào Đơn hàng Affiliate */
.affiliate-income-merged-orders-v653 .affiliate-income-summary-v611{margin-bottom:12px!important;}
.affiliate-income-monthly-table-v653{overflow-x:hidden!important;}
.affiliate-income-monthly-table-v653 table{min-width:0!important;table-layout:fixed!important;}
.affiliate-income-monthly-table-v653 th,.affiliate-income-monthly-table-v653 td{font-size:12px!important;padding:10px 12px!important;}
@media(max-width:767.98px){.affiliate-income-monthly-table-v653{overflow:visible!important;}.affiliate-income-monthly-table-v653 table,.affiliate-income-monthly-table-v653 tbody,.affiliate-income-monthly-table-v653 tr,.affiliate-income-monthly-table-v653 td{display:block!important;width:100%!important;min-width:0!important;}.affiliate-income-monthly-table-v653 thead{display:none!important;}.affiliate-income-monthly-table-v653 tr{border:1px solid #e1e9f3!important;border-radius:10px!important;margin-bottom:8px!important;padding:8px 10px!important;}.affiliate-income-monthly-table-v653 td{display:grid!important;grid-template-columns:120px minmax(0,1fr)!important;border-bottom:1px dashed #e6edf5!important;}.affiliate-income-monthly-table-v653 td:last-child{border-bottom:0!important;}.affiliate-income-monthly-table-v653 td::before{content:attr(data-label);font-weight:600;color:#263b56;}}

/* V654: gọn phần hướng dẫn và phân trang Affiliate user */
.affiliate-status-head-v611{margin-bottom:12px!important;}
.affiliate-status-head-v611 h1{line-height:1.15!important;}
.affiliate-merged-intro-v646{padding:12px 14px!important;margin-bottom:14px!important;}
.affiliate-merged-intro-v646 .affiliate-card-head-v611{margin-bottom:8px!important;}
.affiliate-merged-intro-v646 .affiliate-card-head-v611 h2{font-size:16px!important;}
.affiliate-quick-steps-v646{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;}
.affiliate-quick-steps-v646>div{align-items:center!important;gap:8px!important;padding:7px 10px!important;min-height:40px!important;border-radius:9px!important;}
.affiliate-quick-steps-v646 strong{width:22px!important;height:22px!important;flex-basis:22px!important;font-size:11px!important;}
.affiliate-quick-steps-v646 span{font-size:12px!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.affiliate-pagination-v654{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-top:10px;border-top:1px solid #edf2f7;color:#64748b;font-size:12px;}
.affiliate-pagination-v654>span{white-space:nowrap;}
.affiliate-pagination-v654>div{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end;}
.affiliate-pagination-v654 a{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 9px;border:1px solid #d8e5f2;border-radius:8px;background:#fff;color:#24476c;text-decoration:none;font-size:12px;font-weight:600;line-height:1;}
.affiliate-pagination-v654 a:hover{background:#edf5ff;border-color:#b9d4f2;color:#0f3b66;}
.affiliate-pagination-v654 a.active{background:#2f7cf6;border-color:#2f7cf6;color:#fff;}
.affiliate-pagination-v654 a.disabled{pointer-events:none;opacity:.45;}
@media(max-width:1199.98px) and (min-width:768px){
  .affiliate-quick-steps-v646 span{font-size:11.2px!important;}
  .affiliate-quick-steps-v646>div{padding:7px 8px!important;}
}
@media(max-width:767.98px){
  .affiliate-quick-steps-v646{grid-template-columns:1fr!important;}
  .affiliate-quick-steps-v646 span{white-space:normal!important;}
  .affiliate-pagination-v654{align-items:flex-start;flex-direction:column;}
  .affiliate-pagination-v654>div{justify-content:flex-start;}
}

/* V656 affiliate settings compact checkbox + editable cookie days */
.affiliate-settings-page-v611 .affiliate-inline-check-v656{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:start;column-gap:10px;padding-bottom:14px}
.affiliate-settings-page-v611 .affiliate-inline-check-v656 input[type="checkbox"]{width:21px;height:21px;min-width:21px;min-height:21px;margin:1px 0 0;accent-color:#2f7cf6}
.affiliate-settings-page-v611 .affiliate-inline-check-v656 strong{display:block;white-space:nowrap;font-size:14px;line-height:1.25;color:#10233f}
.affiliate-settings-page-v611 .affiliate-inline-check-v656 small{display:block;margin-top:3px;font-size:11px;line-height:1.35;color:#74839a}
.affiliate-settings-page-v611 .affiliate-settings-grid-v611 input[name="cookie_days"]{max-width:155px}
@media (max-width: 760px){.affiliate-settings-page-v611 .affiliate-inline-check-v656 strong{white-space:normal}}
.affiliate-settings-page-v611 .affiliate-inline-check-v656 input[type="checkbox"]{appearance:none;-webkit-appearance:none;border:1px solid #bdd0e8;border-radius:5px;background:#fff;position:relative;cursor:pointer;box-sizing:border-box;}
.affiliate-settings-page-v611 .affiliate-inline-check-v656 input[type="checkbox"]:checked{background:#2f7cf6;border-color:#2f7cf6;}
.affiliate-settings-page-v611 .affiliate-inline-check-v656 input[type="checkbox"]:checked::after{content:"✓";position:absolute;left:4px;top:-3px;color:#fff;font-size:19px;font-weight:800;line-height:21px;}

/* V657 - phân trang 10 mục/trang cho toàn bộ bảng danh sách trong Admin Affiliate */
.admin-affiliate-pagination-v657{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 0 0;
  margin-top:4px;
  border-top:1px solid #e8eef6;
  color:#64748b;
  font-size:12px;
}
.admin-affiliate-pagination-info-v657{
  white-space:nowrap;
}
.admin-affiliate-pagination-buttons-v657{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:5px;
  flex-wrap:wrap;
}
.admin-affiliate-pagination-buttons-v657 button{
  min-width:30px;
  height:30px;
  padding:0 9px;
  border:1px solid #d7e2ef;
  border-radius:7px;
  background:#fff;
  color:#0f3b66;
  font-size:12px;
  font-weight:600;
  line-height:1;
}
.admin-affiliate-pagination-buttons-v657 button:hover:not(:disabled){
  border-color:#2f7cf6;
  background:#eef6ff;
  color:#1d67d8;
}
.admin-affiliate-pagination-buttons-v657 button.active{
  border-color:#2f7cf6;
  background:#2f7cf6;
  color:#fff;
}
.admin-affiliate-pagination-buttons-v657 button:disabled{
  opacity:.45;
  cursor:not-allowed;
}
.admin-affiliate-pagination-buttons-v657 span{
  color:#94a3b8;
  padding:0 2px;
}
.admin-affiliate-page-v611 tr[hidden]{display:none!important;}
@media(max-width:767.98px){
  .admin-affiliate-pagination-v657{align-items:flex-start;flex-direction:column;gap:8px;}
  .admin-affiliate-pagination-info-v657{white-space:normal;}
  .admin-affiliate-pagination-buttons-v657{justify-content:flex-start;}
}

/* V658 - ô tìm kiếm nhanh cho toàn bộ bảng danh sách trong Admin Affiliate */
.admin-affiliate-panel-head-v658{
  align-items:center!important;
  flex-wrap:wrap!important;
}
.admin-affiliate-panel-tools-v658{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
  margin-left:auto;
}
.admin-affiliate-panel-tools-v658>span{
  color:#172033;
  font-size:13px;
  white-space:nowrap;
}
.admin-affiliate-panel-tools-v658 form{
  margin:0;
}
.admin-affiliate-search-v658{
  display:inline-flex;
  align-items:center;
  gap:7px;
  width:min(330px,38vw);
  min-width:230px;
  height:38px;
  padding:0 11px;
  border:1px solid #d7e3f0;
  border-radius:9px;
  background:#fff;
  color:#6b7d92;
  box-shadow:0 1px 0 rgba(15,59,102,.03);
}
.admin-affiliate-search-v658 i{
  color:#2f7cf6;
  font-size:14px;
  flex:0 0 auto;
}
.admin-affiliate-search-v658 input{
  width:100%;
  min-width:0;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#172033;
  font-size:12.5px;
  line-height:1;
  padding:0!important;
  height:auto!important;
  box-shadow:none!important;
}
.admin-affiliate-search-v658 input::placeholder{
  color:#8a99aa;
}
.admin-affiliate-search-empty-v658{
  height:78px;
}
@media(max-width:900px){
  .admin-affiliate-panel-head-v658{align-items:flex-start!important;}
  .admin-affiliate-panel-tools-v658{justify-content:flex-start;width:100%;margin-left:0;}
  .admin-affiliate-search-v658{width:100%;min-width:0;}
  .admin-affiliate-panel-tools-v658 form,.admin-affiliate-panel-tools-v658 select{width:100%;}
}

/* V659 - Khung avatar xếp hạng Affiliate bằng CSS, không dùng ảnh mới */
.affiliate-leader-row-v632.is-top{
  position:relative;
  overflow:hidden;
  grid-template-columns:54px 64px minmax(0,1fr) auto;
  min-height:74px;
  padding:12px 14px;
}
.affiliate-leader-row-v632.is-top::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.55;
}
.affiliate-leader-row-v632.is-rank-1{background:linear-gradient(135deg,#fff8e6 0%,#ffffff 64%);border-color:#f8c85d;box-shadow:0 10px 26px rgba(245,166,35,.10)}
.affiliate-leader-row-v632.is-rank-2{background:linear-gradient(135deg,#f7fbff 0%,#ffffff 64%);border-color:#b9c7de;box-shadow:0 10px 26px rgba(78,104,139,.09)}
.affiliate-leader-row-v632.is-rank-3{background:linear-gradient(135deg,#fff4ee 0%,#ffffff 64%);border-color:#eca27c;box-shadow:0 10px 26px rgba(220,112,55,.09)}
.affiliate-leader-row-v632.is-rank-1::before{background:radial-gradient(circle at 78% 10%,rgba(255,190,60,.20),transparent 34%)}
.affiliate-leader-row-v632.is-rank-2::before{background:radial-gradient(circle at 78% 10%,rgba(113,141,180,.18),transparent 34%)}
.affiliate-leader-row-v632.is-rank-3::before{background:radial-gradient(circle at 78% 10%,rgba(230,112,55,.16),transparent 34%)}
.affiliate-leader-row-v632.is-top .affiliate-leader-rank-v632{
  width:44px;
  height:38px;
  border-radius:12px;
  position:relative;
  z-index:1;
  font-weight:800;
}
.affiliate-leader-row-v632.is-rank-1 .affiliate-leader-rank-v632{background:#ffefbd;color:#a65f00;box-shadow:inset 0 0 0 1px rgba(248,192,71,.48)}
.affiliate-leader-row-v632.is-rank-2 .affiliate-leader-rank-v632{background:#edf4ff;color:#47617f;box-shadow:inset 0 0 0 1px rgba(162,178,202,.50)}
.affiliate-leader-row-v632.is-rank-3 .affiliate-leader-rank-v632{background:#fff0e8;color:#b7541d;box-shadow:inset 0 0 0 1px rgba(227,139,92,.45)}
.affiliate-leader-row-v632.is-top .affiliate-leader-avatar-v632{
  width:52px;
  height:52px;
  flex:0 0 52px;
  border:0;
  overflow:visible;
  position:relative;
  z-index:1;
  background:#fff;
  box-shadow:none;
}
.affiliate-leader-row-v632.is-top .affiliate-leader-avatar-v632::before{
  content:"";
  position:absolute;
  inset:-8px;
  border-radius:50%;
  clip-path:polygon(50% 0%,61% 18%,82% 11%,79% 34%,100% 50%,79% 66%,82% 89%,61% 82%,50% 100%,39% 82%,18% 89%,21% 66%,0% 50%,21% 34%,18% 11%,39% 18%);
  z-index:0;
  filter:drop-shadow(0 4px 7px rgba(15,59,102,.18));
}
.affiliate-leader-row-v632.is-top .affiliate-leader-avatar-v632::after{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:50%;
  z-index:1;
  background:#fff;
}
.affiliate-leader-row-v632.is-rank-1 .affiliate-leader-avatar-v632::before{background:linear-gradient(135deg,#fff0a8,#d38a08 42%,#fff6cd 70%,#b56b00)}
.affiliate-leader-row-v632.is-rank-2 .affiliate-leader-avatar-v632::before{background:linear-gradient(135deg,#f7fbff,#8fa7c4 42%,#ffffff 70%,#6d8098)}
.affiliate-leader-row-v632.is-rank-3 .affiliate-leader-avatar-v632::before{background:linear-gradient(135deg,#ffd7c2,#c86a30 42%,#fff1e7 70%,#9b491b)}
.affiliate-leader-row-v632.is-top .affiliate-leader-avatar-v632 img,
.affiliate-leader-row-v632.is-top .affiliate-leader-avatar-v632 > :not(style):not(script){
  position:relative;
  z-index:2;
}
.affiliate-leader-row-v632.is-top .affiliate-leader-avatar-v632 img{
  border-radius:50%;
  box-shadow:0 0 0 3px #fff;
}
.affiliate-leader-row-v632.is-top .affiliate-leader-name-v632,
.affiliate-leader-row-v632.is-top .affiliate-leader-money-v632{position:relative;z-index:1}
@media(max-width:767.98px){
  .affiliate-leader-row-v632.is-top{grid-template-columns:44px 58px minmax(0,1fr);padding:11px 12px}
  .affiliate-leader-row-v632.is-top .affiliate-leader-avatar-v632{width:48px;height:48px;flex-basis:48px}
  .affiliate-leader-row-v632.is-top .affiliate-leader-avatar-v632::before{inset:-7px}
}
.affiliate-leader-initial-v659{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;background:#dbeafe;color:#0f3b66;font-weight:800;box-shadow:0 0 0 3px #fff}


/* V664 - Bỏ huy chương chữ # và khung CSS; chỉ dùng ảnh khung Top do Admin tự tải lên */
.affiliate-leader-rank-v632{display:none!important}
.affiliate-leader-row-v632{
  grid-template-columns:46px minmax(0,1fr) auto;
}
.affiliate-leader-row-v632.is-top{
  grid-template-columns:46px minmax(0,1fr) auto;
  min-height:66px;
  padding:10px;
  border-radius:14px;
  background:#fff;
  border-color:#e3ebf5;
  overflow:visible;
}
.affiliate-leader-row-v632.is-top.has-frame-v664{
  grid-template-columns:92px minmax(0,1fr) auto;
  min-height:98px;
  padding:12px 14px;
}
.affiliate-leader-row-v632.is-top .affiliate-leader-avatar-v632{
  width:46px;
  height:46px;
  flex:0 0 46px;
  border-radius:50%;
  overflow:hidden;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#dbeafe;
  color:#0f3b66;
  font-weight:700;
  border:2px solid #fff;
  box-shadow:0 0 0 1px #d7e5f5;
}
.affiliate-leader-row-v632.is-top .affiliate-leader-avatar-v632::before,
.affiliate-leader-row-v632.is-top .affiliate-leader-avatar-v632::after{
  content:none!important;
  display:none!important;
}
.affiliate-leader-row-v632.is-top .affiliate-leader-avatar-v632 img{
  position:static;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:50%;
  display:block;
  background:#fff;
  box-shadow:none;
}
.affiliate-leader-row-v632.is-top.has-frame-v664 .affiliate-leader-avatar-v632{
  position:absolute;
  left:50%;
  top:50%;
  width:58px;
  height:58px;
  flex:0 0 58px;
  transform:translate(-50%,-50%);
  z-index:1;
}
.affiliate-leader-frame-wrap-v664{
  position:relative;
  width:88px;
  height:88px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  overflow:visible;
}
.affiliate-leader-frame-img-v664{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  z-index:2;
  pointer-events:none;
  user-select:none;
  filter:drop-shadow(0 8px 12px rgba(15,59,102,.14));
}
.affiliate-rank-frame-settings-v664{
  border:1px solid #dce7f4;
  border-radius:14px;
  padding:16px;
  background:#fbfdff;
}
.affiliate-rank-frame-note-v664{
  margin:0 0 12px;
  color:#60758f;
  font-size:13px;
}
.affiliate-rank-frame-grid-v664{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.affiliate-rank-frame-item-v664{
  display:grid;
  gap:9px;
  border:1px solid #e1eaf5;
  border-radius:12px;
  background:#fff;
  padding:12px;
}
.affiliate-rank-frame-item-v664 strong{
  color:#0f3b66;
  font-size:14px;
}
.affiliate-rank-frame-preview-v664{
  min-height:92px;
  border:1px dashed #b9c8db;
  border-radius:12px;
  background:#f8fbff;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.affiliate-rank-frame-preview-v664 img{
  width:86px;
  height:86px;
  object-fit:contain;
  display:block;
}
.affiliate-rank-frame-preview-v664 span{
  color:#8392a6;
  font-size:12px;
}
.affiliate-rank-frame-item-v664 input[type="file"]{
  width:100%;
  font-size:12px;
  color:#334155;
}
.affiliate-rank-frame-remove-v664{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#b42318;
  font-size:12px;
}
@media(max-width:991.98px){
  .affiliate-rank-frame-grid-v664{grid-template-columns:1fr}
}
@media(max-width:767.98px){
  .affiliate-leader-row-v632,
  .affiliate-leader-row-v632.is-top{
    grid-template-columns:44px minmax(0,1fr);
  }
  .affiliate-leader-row-v632.is-top.has-frame-v664{
    grid-template-columns:88px minmax(0,1fr);
  }
  .affiliate-leader-row-v632.is-top .affiliate-leader-money-v632{
    grid-column:2;
    text-align:left;
  }
}

/* V660 - Sửa ô tìm kiếm Admin Affiliate: icon và nội dung nằm cùng 1 dòng */
.admin-affiliate-panel-tools-v658 .admin-affiliate-search-v658,
label.admin-affiliate-search-v658{
  display:grid!important;
  grid-template-columns:18px minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:8px!important;
  row-gap:0!important;
  height:40px!important;
  min-height:40px!important;
  padding:0 12px!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  flex:0 1 360px!important;
}
.admin-affiliate-panel-tools-v658 .admin-affiliate-search-v658 i,
label.admin-affiliate-search-v658 i{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:18px!important;
  height:18px!important;
  line-height:1!important;
  margin:0!important;
  padding:0!important;
  grid-column:1!important;
  grid-row:1!important;
}
.admin-affiliate-panel-tools-v658 .admin-affiliate-search-v658 input,
label.admin-affiliate-search-v658 input[type="search"]{
  display:block!important;
  grid-column:2!important;
  grid-row:1!important;
  width:100%!important;
  min-width:0!important;
  height:38px!important;
  min-height:0!important;
  line-height:38px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
@media(max-width:900px){
  .admin-affiliate-panel-tools-v658 .admin-affiliate-search-v658,
  label.admin-affiliate-search-v658{
    width:100%!important;
    flex-basis:100%!important;
  }
}


/* V662 - Admin Affiliate: ô tìm kiếm và bộ lọc luôn nằm cùng một hàng, bỏ bộ đếm */
.admin-affiliate-panel-head-v658{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  flex-wrap:nowrap!important;
}
.admin-affiliate-panel-head-v658 h2{
  flex:0 0 auto;
  margin-right:10px;
}
.admin-affiliate-panel-tools-v658{
  display:grid!important;
  grid-template-columns:minmax(280px,520px) auto!important;
  align-items:center!important;
  justify-content:end!important;
  gap:10px!important;
  margin-left:auto!important;
  width:auto!important;
  max-width:760px!important;
  flex:1 1 auto!important;
  flex-wrap:nowrap!important;
}
.admin-affiliate-panel-tools-v658:not(:has(form)){
  grid-template-columns:minmax(280px,520px)!important;
}
.admin-affiliate-panel-tools-v658>span{
  display:none!important;
}
.admin-affiliate-panel-tools-v658 .admin-affiliate-search-v658,
label.admin-affiliate-search-v658{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  flex:1 1 auto!important;
}
.admin-affiliate-panel-tools-v658 form{
  width:auto!important;
  min-width:160px!important;
  margin:0!important;
  flex:0 0 auto!important;
}
.admin-affiliate-panel-tools-v658 select{
  width:180px!important;
  min-width:160px!important;
  height:40px!important;
  margin:0!important;
  white-space:nowrap!important;
}
@media(max-width:900px){
  .admin-affiliate-panel-head-v658{
    align-items:flex-start!important;
    flex-wrap:wrap!important;
  }
  .admin-affiliate-panel-tools-v658{
    width:100%!important;
    max-width:none!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    justify-content:stretch!important;
    margin-left:0!important;
  }
  .admin-affiliate-panel-tools-v658:not(:has(form)){
    grid-template-columns:minmax(0,1fr)!important;
  }
  .admin-affiliate-panel-tools-v658 .admin-affiliate-search-v658,
  label.admin-affiliate-search-v658{
    width:100%!important;
    flex-basis:auto!important;
  }
  .admin-affiliate-panel-tools-v658 form,
  .admin-affiliate-panel-tools-v658 select{
    width:auto!important;
    min-width:150px!important;
  }
}
@media(max-width:520px){
  .admin-affiliate-panel-tools-v658{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .admin-affiliate-panel-tools-v658 form,
  .admin-affiliate-panel-tools-v658 select{
    width:100%!important;
    min-width:0!important;
  }
}

/* V666 - Ảnh khung Top Affiliate: nhận ảnh vuông 1:1 và chọn từ Quản lý tệp hosting */
.affiliate-rank-frame-settings-v666{
  overflow:visible;
}
.affiliate-rank-frame-settings-v666 legend{
  margin-bottom:8px;
}
.affiliate-rank-frame-settings-v666 .affiliate-rank-frame-note-v664{
  margin-bottom:14px;
  line-height:1.5;
}
.affiliate-rank-frame-grid-v666{
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  align-items:stretch;
  gap:14px;
}
.affiliate-rank-frame-item-v666{
  min-width:0;
  gap:10px;
  overflow:visible;
}
.affiliate-rank-frame-title-v666{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.affiliate-rank-frame-title-v666 strong{
  margin:0;
}
.affiliate-rank-frame-title-v666 small{
  color:#64748b;
  font-size:12px;
  white-space:nowrap;
}
.affiliate-rank-frame-preview-v666{
  width:100%;
  aspect-ratio:1/1;
  min-height:0;
  max-height:240px;
  padding:10px;
  border-radius:14px;
  background:linear-gradient(135deg,#f8fbff,#fff);
}
.affiliate-rank-frame-preview-v666 img{
  width:100%;
  height:100%;
  max-width:210px;
  max-height:210px;
  object-fit:contain;
}
.affiliate-rank-frame-actions-v666{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  min-width:0;
}
.affiliate-rank-frame-hosting-v666,
.affiliate-rank-frame-upload-v666{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  width:100%;
  min-width:0;
  min-height:38px;
  padding:0 10px;
  border-radius:10px;
  font-size:12px;
  font-weight:700;
  line-height:1.2;
  white-space:nowrap;
  cursor:pointer;
}
.affiliate-rank-frame-hosting-v666{
  border:1px solid #bcd2ef;
  background:#eef6ff;
  color:#0f5fc5;
}
.affiliate-rank-frame-hosting-v666:hover{
  background:#e2f0ff;
}
.affiliate-rank-frame-upload-v666{
  border:1px solid #2f7df4;
  background:#2f7df4;
  color:#fff;
  margin:0;
}
.affiliate-rank-frame-upload-v666 input{
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}
.affiliate-rank-frame-remove-v666{
  margin-top:0;
}
.affiliate-leader-row-v632.is-top.has-frame-v664{
  grid-template-columns:96px minmax(0,1fr) auto;
  min-height:104px;
}
.affiliate-leader-frame-wrap-v664{
  width:94px;
  height:94px;
}
.affiliate-leader-row-v632.is-top.has-frame-v664 .affiliate-leader-avatar-v632{
  width:58px;
  height:58px;
  flex-basis:58px;
}
.affiliate-leader-frame-img-v664{
  object-fit:contain;
}
@media(max-width:1199.98px){
  .affiliate-rank-frame-grid-v666{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
}
@media(max-width:575.98px){
  .affiliate-rank-frame-actions-v666{grid-template-columns:1fr}
  .affiliate-rank-frame-title-v666{align-items:flex-start;flex-direction:column;gap:2px}
  .affiliate-rank-frame-preview-v666{max-height:none}
}


/* V667 - Hiển thị chữ Top 1...Top 10 với chữ Top phong cách mạnh hơn */
.affiliate-leader-name-v632{align-content:start}
.affiliate-leader-toptext-v667{
  display:inline-flex;
  align-items:baseline;
  gap:6px;
  width:max-content;
  margin:0 0 2px;
  font-weight:900;
  line-height:1;
  letter-spacing:.2px;
}
.affiliate-leader-toptext-v667 span{
  font-size:16px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.6px;
  background:linear-gradient(180deg,#ffcf55 0%,#ff8a00 48%,#d9480f 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:0 1px 0 rgba(255,255,255,.32),0 2px 6px rgba(255,138,0,.12);
}
.affiliate-leader-toptext-v667{
  font-size:18px;
  color:#15395f;
}
.affiliate-leader-toptext-v667.is-rank-1{color:#9c5a00}
.affiliate-leader-toptext-v667.is-rank-2{color:#536b89}
.affiliate-leader-toptext-v667.is-rank-3{color:#a45425}
.affiliate-leader-toptext-v667.is-rank-1 span{background:linear-gradient(180deg,#ffe789 0%,#ffbf1f 50%,#e27300 100%);-webkit-background-clip:text;background-clip:text}
.affiliate-leader-toptext-v667.is-rank-2 span{background:linear-gradient(180deg,#f8fbff 0%,#b7c6d9 52%,#6a839f 100%);-webkit-background-clip:text;background-clip:text}
.affiliate-leader-toptext-v667.is-rank-3 span{background:linear-gradient(180deg,#ffd7bf 0%,#de955c 50%,#aa5720 100%);-webkit-background-clip:text;background-clip:text}
.affiliate-leader-toptext-v667.is-rank-other span{background:linear-gradient(180deg,#88b7ff 0%,#2f7cf6 60%,#0f5fc5 100%);-webkit-background-clip:text;background-clip:text}
.affiliate-leader-row-v632.is-top.has-frame-v664 .affiliate-leader-name-v632 strong{margin-top:1px}
@media(max-width:767.98px){
  .affiliate-leader-toptext-v667{font-size:16px}
  .affiliate-leader-toptext-v667 span{font-size:14px}
}

/* V667 - Hiển thị chữ Top 1...Top 10, chữ Top nghệ thuật; không dùng icon/huy chương CSS */
.affiliate-leader-rank-v632{display:none!important}
.affiliate-leader-row-v632{
  grid-template-columns:74px 46px minmax(0,1fr) auto!important;
  gap:12px;
  align-items:center;
}
.affiliate-leader-row-v632.is-top{
  grid-template-columns:74px 46px minmax(0,1fr) auto!important;
  min-height:72px;
}
.affiliate-leader-row-v632.is-top.has-frame-v664{
  grid-template-columns:74px 96px minmax(0,1fr) auto!important;
  min-height:104px;
}
.affiliate-leader-top-label-v667{
  --top-main:#0f3b66;
  --top-accent:#2f7df4;
  --top-soft:#eaf3ff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  width:66px;
  min-height:38px;
  padding:5px 8px;
  border-radius:999px;
  background:linear-gradient(135deg,#ffffff,var(--top-soft));
  border:1px solid rgba(15,59,102,.1);
  box-shadow:0 8px 16px rgba(15,59,102,.07), inset 0 1px 0 rgba(255,255,255,.95);
  line-height:1;
  white-space:nowrap;
}
.affiliate-leader-top-word-v667{
  font-size:16px;
  font-weight:900;
  font-style:italic;
  letter-spacing:.2px;
  text-transform:uppercase;
  background:linear-gradient(135deg,var(--top-main),var(--top-accent),#ff7a00);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:0 8px 16px rgba(15,59,102,.08);
}
.affiliate-leader-top-number-v667{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:20px;
  height:20px;
  padding:0 5px;
  border-radius:999px;
  color:#fff;
  background:linear-gradient(135deg,var(--top-main),var(--top-accent));
  font-size:12px;
  font-weight:900;
  box-shadow:0 5px 10px rgba(15,59,102,.16);
}
.affiliate-leader-row-v632.is-rank-1 .affiliate-leader-top-label-v667{
  --top-main:#9b5a00;
  --top-accent:#f6b500;
  --top-soft:#fff3c4;
  border-color:rgba(246,181,0,.28);
}
.affiliate-leader-row-v632.is-rank-2 .affiliate-leader-top-label-v667{
  --top-main:#52677f;
  --top-accent:#9aaec6;
  --top-soft:#f1f6fc;
  border-color:rgba(154,174,198,.28);
}
.affiliate-leader-row-v632.is-rank-3 .affiliate-leader-top-label-v667{
  --top-main:#934f1c;
  --top-accent:#d98d52;
  --top-soft:#fff0e6;
  border-color:rgba(217,141,82,.28);
}
.affiliate-leader-row-v632.has-frame-v664 .affiliate-leader-frame-wrap-v664{
  justify-self:start;
}
@media(max-width:767.98px){
  .affiliate-leader-row-v632,
  .affiliate-leader-row-v632.is-top{
    grid-template-columns:66px 46px minmax(0,1fr)!important;
    gap:10px;
  }
  .affiliate-leader-row-v632.is-top.has-frame-v664{
    grid-template-columns:66px 92px minmax(0,1fr)!important;
  }
  .affiliate-leader-top-label-v667{
    width:62px;
    min-height:36px;
    padding:5px 7px;
  }
  .affiliate-leader-top-word-v667{font-size:14px}
  .affiliate-leader-top-number-v667{height:19px;min-width:19px;font-size:11px}
  .affiliate-leader-money-v632{
    grid-column:3!important;
    text-align:left!important;
    margin-top:2px;
  }
}


/* V668 - Top affiliate gọn lại: chỉ giữ số hạng, bỏ Top text, bỏ đơn hợp lệ, đưa tiền xuống dưới tên */
.affiliate-leader-list-v632{
  grid-template-columns:repeat(auto-fit,minmax(320px,520px));
  justify-content:flex-start;
}
.affiliate-leader-row-v632,
.affiliate-leader-row-v632.is-top{
  grid-template-columns:78px 46px minmax(180px,1fr)!important;
  width:100%;
  max-width:520px;
  min-height:76px;
  padding:12px 14px;
  align-items:center;
}
.affiliate-leader-row-v632.is-top.has-frame-v664{
  grid-template-columns:78px 108px minmax(180px,1fr)!important;
  min-height:104px;
}
.affiliate-leader-toptext-v667,
.affiliate-leader-top-word-v667{display:none!important}
.affiliate-leader-top-label-v667{
  gap:0;
  width:74px;
  min-height:42px;
  padding:6px 8px;
  justify-content:center;
}
.affiliate-leader-top-number-v667{
  min-width:auto;
  width:100%;
  height:auto;
  padding:0;
  border-radius:0;
  color:var(--top-main,#0f3b66);
  background:transparent;
  font-size:24px;
  font-weight:900;
  line-height:1;
  box-shadow:none;
}
.affiliate-leader-name-v632{
  gap:4px;
  align-content:center;
}
.affiliate-leader-name-v632 strong{
  font-size:18px;
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.affiliate-leader-money-v632{
  display:block;
  font-size:18px;
  font-weight:800;
  line-height:1.2;
  text-align:left;
  background:linear-gradient(135deg,#0f3b66 0%,#2f7df4 55%,#ff7a00 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:0 2px 8px rgba(15,59,102,.08);
}
.affiliate-leader-row-v632.has-frame-v664 .affiliate-leader-frame-wrap-v664{justify-self:center}
@media(max-width:1199.98px){
  .affiliate-leader-list-v632{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));}
  .affiliate-leader-row-v632,
  .affiliate-leader-row-v632.is-top,
  .affiliate-leader-row-v632.is-top.has-frame-v664{max-width:none;}
}
@media(max-width:767.98px){
  .affiliate-leader-list-v632{grid-template-columns:1fr;}
  .affiliate-leader-row-v632,
  .affiliate-leader-row-v632.is-top{grid-template-columns:64px 46px minmax(0,1fr)!important;gap:10px;min-height:72px;}
  .affiliate-leader-row-v632.is-top.has-frame-v664{grid-template-columns:64px 96px minmax(0,1fr)!important;min-height:96px;}
  .affiliate-leader-top-label-v667{width:60px;min-height:38px;padding:5px 6px;}
  .affiliate-leader-top-number-v667{font-size:21px;}
  .affiliate-leader-name-v632 strong{font-size:17px;}
  .affiliate-leader-money-v632{font-size:17px;margin-top:0;grid-column:auto!important;}
}


/* V668 - Top Affiliate gọn: chỉ giữ số hạng, bỏ chữ Top trùng và đưa số tiền dưới tên */
.affiliate-leader-list-v632{
  max-width:760px;
}
.affiliate-leader-row-v632,
.affiliate-leader-row-v632.is-top{
  grid-template-columns:58px 46px minmax(0,1fr)!important;
  width:100%;
  min-height:72px;
  padding:12px 14px;
  align-items:center;
}
.affiliate-leader-row-v632.is-top.has-frame-v664{
  grid-template-columns:58px 96px minmax(0,1fr)!important;
  max-width:760px;
  min-height:104px;
}
.affiliate-leader-top-label-v667{
  width:46px;
  height:46px;
  min-height:46px;
  padding:0;
  gap:0;
  border-radius:999px;
  background:linear-gradient(145deg,#ffffff,var(--top-soft,#fff3c4));
  box-shadow:0 9px 18px rgba(15,59,102,.08),inset 0 1px 0 rgba(255,255,255,.95);
}
.affiliate-leader-top-word-v667,
.affiliate-leader-toptext-v667,
.affiliate-leader-name-v632 small{
  display:none!important;
}
.affiliate-leader-top-number-v667{
  min-width:34px;
  height:34px;
  padding:0;
  font-size:19px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--top-main,#9b5a00),var(--top-accent,#f6b500));
  color:#fff;
  box-shadow:0 6px 14px rgba(15,59,102,.14),inset 0 1px 0 rgba(255,255,255,.4);
}
.affiliate-leader-name-v632{
  gap:6px;
  align-content:center;
}
.affiliate-leader-name-v632 strong{
  font-size:18px;
  line-height:1.2;
}
.affiliate-leader-name-v632 .affiliate-leader-money-v632{
  display:block;
  text-align:left;
  width:max-content;
  font-size:17px;
  line-height:1.1;
  color:#0f3b66;
  background:linear-gradient(135deg,#0f3b66 0%,#2563eb 48%,#ff7a00 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  font-weight:800;
  letter-spacing:.1px;
}
.affiliate-leader-row-v632.is-rank-1 .affiliate-leader-name-v632 .affiliate-leader-money-v632{
  background:linear-gradient(135deg,#0f3b66 0%,#d98a00 60%,#ff7a00 100%);
  -webkit-background-clip:text;
  background-clip:text;
}
.affiliate-leader-row-v632.is-rank-2 .affiliate-leader-name-v632 .affiliate-leader-money-v632{
  background:linear-gradient(135deg,#0f3b66 0%,#6b809a 60%,#2f7df4 100%);
  -webkit-background-clip:text;
  background-clip:text;
}
.affiliate-leader-row-v632.is-rank-3 .affiliate-leader-name-v632 .affiliate-leader-money-v632{
  background:linear-gradient(135deg,#0f3b66 0%,#b56f3c 60%,#ff7a00 100%);
  -webkit-background-clip:text;
  background-clip:text;
}
@media(max-width:1199.98px){
  .affiliate-leader-list-v632{max-width:760px}
}
@media(max-width:767.98px){
  .affiliate-leader-list-v632{max-width:none}
  .affiliate-leader-row-v632,
  .affiliate-leader-row-v632.is-top{
    grid-template-columns:50px 42px minmax(0,1fr)!important;
    gap:9px;
    padding:10px 11px;
  }
  .affiliate-leader-row-v632.is-top.has-frame-v664{
    grid-template-columns:50px 86px minmax(0,1fr)!important;
  }
  .affiliate-leader-top-label-v667{width:42px;height:42px;min-height:42px}
  .affiliate-leader-top-number-v667{min-width:30px;height:30px;font-size:17px}
  .affiliate-leader-name-v632 strong{font-size:16px}
  .affiliate-leader-name-v632 .affiliate-leader-money-v632{font-size:15px;grid-column:auto!important;margin-top:0!important}
}


/* V669 - Top Affiliate: badge tròn #1 và mở danh sách khách giới thiệu khi bấm tên */
.affiliate-leader-list-v632{
  max-width:680px;
}
.affiliate-leader-row-v632,
.affiliate-leader-row-v632.is-top{
  max-width:680px;
}
.affiliate-leader-top-label-v667{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  min-height:46px!important;
  aspect-ratio:1/1;
  padding:0!important;
  border-radius:50%!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.affiliate-leader-top-number-v667{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:36px!important;
  min-width:36px!important;
  height:36px!important;
  padding:0!important;
  border-radius:50%!important;
  font-size:16px!important;
  font-weight:900!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.affiliate-leader-name-btn-v669{
  appearance:none;
  border:0;
  background:transparent;
  color:#172033;
  font:inherit;
  font-size:18px;
  font-weight:700;
  line-height:1.2;
  padding:0;
  margin:0;
  text-align:left;
  cursor:pointer;
  width:max-content;
  max-width:100%;
}
.affiliate-leader-name-btn-v669:hover{
  color:#0f5fc5;
  text-decoration:underline;
}
.affiliate-leader-name-btn-v669:focus-visible{
  outline:2px solid rgba(47,125,244,.35);
  outline-offset:3px;
  border-radius:6px;
}
.affiliate-leader-row-v632.is-open-v669{
  box-shadow:0 12px 28px rgba(15,59,102,.10);
}
.affiliate-leader-referrals-v669{
  grid-column:1/-1;
  margin-top:8px;
  border-top:1px dashed #d9e4f1;
  padding-top:12px;
}
.affiliate-leader-referrals-head-v669{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:8px;
}
.affiliate-leader-referrals-head-v669 strong{
  color:#0f3b66;
  font-size:13px;
}
.affiliate-leader-referrals-head-v669 span{
  color:#6b7f98;
  font-size:12px;
}
.affiliate-leader-referral-list-v669{
  display:grid;
  gap:8px;
}
.affiliate-leader-referral-item-v669{
  display:grid;
  grid-template-columns:minmax(120px,1fr) minmax(160px,1.45fr) minmax(80px,.55fr);
  gap:10px;
  align-items:center;
  padding:9px 10px;
  border:1px solid #e5edf6;
  border-radius:10px;
  background:#fbfdff;
}
.affiliate-leader-referral-item-v669 strong,
.affiliate-leader-referral-item-v669 span,
.affiliate-leader-referral-item-v669 small{
  display:block;
  min-width:0;
}
.affiliate-leader-referral-item-v669 strong{
  color:#172033;
  font-size:13px;
  line-height:1.25;
}
.affiliate-leader-referral-item-v669 span{
  color:#24476c;
  font-size:12px;
  line-height:1.3;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}
.affiliate-leader-referral-item-v669 small{
  color:#71839a;
  font-size:11px;
  line-height:1.35;
  margin-top:3px;
}
.affiliate-leader-referral-item-v669 > div:last-child{
  text-align:right;
}
.affiliate-leader-referral-item-v669 > div:last-child strong{
  color:#0f3b66;
}
@media(max-width:767.98px){
  .affiliate-leader-list-v632{max-width:none}
  .affiliate-leader-row-v632,
  .affiliate-leader-row-v632.is-top{max-width:none}
  .affiliate-leader-top-label-v667{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important}
  .affiliate-leader-top-number-v667{width:32px!important;min-width:32px!important;height:32px!important;font-size:14px!important}
  .affiliate-leader-name-btn-v669{font-size:16px}
  .affiliate-leader-referral-item-v669{
    grid-template-columns:1fr;
    gap:5px;
  }
  .affiliate-leader-referral-item-v669 > div:last-child{
    text-align:left;
  }
}

/* V670 - Popup danh sách học viên giới thiệu: chỉ STT, tên, email */
body.affiliate-modal-open-v670{overflow:hidden}
.affiliate-leader-referrals-v669:not([hidden]){
  position:fixed!important;
  inset:0!important;
  z-index:99999!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:28px!important;
  margin:0!important;
  border:0!important;
  background:rgba(5,12,22,.62)!important;
  backdrop-filter:blur(3px);
}
.affiliate-leader-referrals-modal-v670{
  position:relative;
  width:min(920px,calc(100vw - 56px));
  max-height:min(78vh,720px);
  display:flex;
  flex-direction:column;
  border-radius:18px;
  background:#ffffff;
  border:1px solid rgba(216,228,242,.9);
  box-shadow:0 24px 70px rgba(15,35,58,.24);
  overflow:hidden;
}
.affiliate-leader-referrals-close-v670{
  position:absolute;
  right:14px;
  top:12px;
  z-index:2;
  width:34px;
  height:34px;
  border:0;
  border-radius:50%;
  background:#eef4fb;
  color:#0f3b66;
  font-size:24px;
  line-height:1;
  cursor:pointer;
}
.affiliate-leader-referrals-close-v670:hover{background:#dbeafe;color:#0b4ea2}
.affiliate-leader-referrals-v669 .affiliate-leader-referrals-head-v669{
  flex:0 0 auto;
  display:block;
  margin:0;
  padding:22px 58px 18px 24px;
  border-bottom:1px solid #e3ebf5;
  background:linear-gradient(135deg,#f8fbff 0%,#fff8ee 100%);
}
.affiliate-leader-referrals-v669 .affiliate-leader-referrals-head-v669 strong{
  display:block;
  color:#10233d;
  font-size:24px;
  line-height:1.28;
  font-weight:700;
}
.affiliate-leader-referrals-v669 .affiliate-leader-referrals-head-v669 strong span{
  color:#f97316;
}
.affiliate-leader-referral-table-wrap-v670{
  overflow:auto;
  max-height:calc(78vh - 92px);
  scrollbar-color:#f59e0b #f1f5f9;
  scrollbar-width:thin;
}
.affiliate-leader-referral-table-v670{
  width:100%;
  border-collapse:collapse;
  table-layout:fixed;
  min-width:640px;
}
.affiliate-leader-referral-table-v670 th,
.affiliate-leader-referral-table-v670 td{
  padding:14px 18px;
  border-bottom:1px solid #e5edf6;
  text-align:left;
  vertical-align:middle;
  color:#10233d;
  font-size:14px;
  line-height:1.35;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.affiliate-leader-referral-table-v670 th{
  position:sticky;
  top:0;
  z-index:1;
  background:#f8fafc;
  color:#0f233d;
  font-weight:700;
}
.affiliate-leader-referral-table-v670 th:nth-child(1),
.affiliate-leader-referral-table-v670 td:nth-child(1){width:74px;text-align:center}
.affiliate-leader-referral-table-v670 th:nth-child(2),
.affiliate-leader-referral-table-v670 td:nth-child(2){width:46%}
.affiliate-leader-referral-table-v670 th:nth-child(3),
.affiliate-leader-referral-table-v670 td:nth-child(3){width:44%;text-align:right}
.affiliate-leader-referral-table-v670 tbody tr:hover{background:#fbfdff}
.affiliate-leader-referrals-v669 .affiliate-empty-v611{
  margin:22px;
  border:1px dashed #cbd7e6;
  border-radius:12px;
}
@media(max-width:767.98px){
  .affiliate-leader-referrals-v669:not([hidden]){padding:14px!important;align-items:flex-start!important}
  .affiliate-leader-referrals-modal-v670{width:100%;max-height:86vh;margin-top:22px;border-radius:15px}
  .affiliate-leader-referrals-v669 .affiliate-leader-referrals-head-v669{padding:18px 54px 14px 18px}
  .affiliate-leader-referrals-v669 .affiliate-leader-referrals-head-v669 strong{font-size:18px}
  .affiliate-leader-referral-table-wrap-v670{max-height:calc(86vh - 76px)}
  .affiliate-leader-referral-table-v670{min-width:520px}
  .affiliate-leader-referral-table-v670 th,
  .affiliate-leader-referral-table-v670 td{padding:12px 12px;font-size:13px}
}


/* V671 - Popup học viên giới thiệu: thêm SĐT và làm tên người giới thiệu đồng bộ */
.affiliate-leader-referrals-v669 .affiliate-leader-referrals-head-v669 strong{
  font-size:28px;
  line-height:1.22;
}
.affiliate-leader-referrals-v669 .affiliate-leader-referrals-head-v669 strong span{
  display:inline;
  color:#f97316;
  font-size:1em!important;
  font-weight:800;
  letter-spacing:-.01em;
}
.affiliate-leader-referral-table-v670{
  min-width:760px;
}
.affiliate-leader-referral-table-v670 th:nth-child(1),
.affiliate-leader-referral-table-v670 td:nth-child(1){width:72px;text-align:center}
.affiliate-leader-referral-table-v670 th:nth-child(2),
.affiliate-leader-referral-table-v670 td:nth-child(2){width:36%;text-align:left}
.affiliate-leader-referral-table-v670 th:nth-child(3),
.affiliate-leader-referral-table-v670 td:nth-child(3){width:20%;text-align:left}
.affiliate-leader-referral-table-v670 th:nth-child(4),
.affiliate-leader-referral-table-v670 td:nth-child(4){width:34%;text-align:right}
@media(max-width:767.98px){
  .affiliate-leader-referrals-v669 .affiliate-leader-referrals-head-v669 strong{font-size:20px}
  .affiliate-leader-referral-table-v670{min-width:680px}
}

/* V672 - Admin Affiliate: sản phẩm mỗi khóa học 1 dòng, thao tác gộp 1 nút */
.admin-affiliate-revenue-table-v621 .admin-affiliate-product-title-v621{
  display:grid!important;
  gap:4px!important;
  width:100%!important;
  max-height:none!important;
  overflow:visible!important;
  -webkit-line-clamp:unset!important;
  -webkit-box-orient:initial!important;
  line-height:1.35!important;
  text-wrap:initial!important;
}
.admin-affiliate-product-line-v672{
  display:block;
  position:relative;
  padding-left:10px;
  color:#24476c;
  font-size:12px;
  line-height:1.35;
}
.admin-affiliate-product-line-v672::before{
  content:"";
  position:absolute;
  left:0;
  top:.68em;
  width:4px;
  height:4px;
  border-radius:50%;
  background:#ff7a00;
  transform:translateY(-50%);
}
.admin-affiliate-action-menu-v672{
  position:relative;
  display:inline-block;
  width:auto;
  min-width:86px;
  z-index:5;
}
.admin-affiliate-action-menu-v672 > summary,
.admin-affiliate-action-menu-v672 > summary::marker,
.admin-affiliate-action-menu-v672 > summary::-webkit-details-marker{
  list-style:none!important;
}
.admin-affiliate-action-menu-v672 > summary{
  min-height:32px;
  padding:0 12px;
  border:1px solid #cfe0f3;
  border-radius:9px;
  background:#f7fbff;
  color:#0f3b66;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  font-size:11px;
  font-weight:700;
  cursor:pointer;
  white-space:nowrap;
  user-select:none;
}
.admin-affiliate-action-menu-v672[open] > summary,
.admin-affiliate-action-menu-v672 > summary:hover{
  background:#eaf3ff;
  border-color:#9fc2ef;
  box-shadow:0 8px 18px rgba(15,59,102,.12);
}
.admin-affiliate-action-menu-panel-v672{
  position:absolute;
  right:0;
  top:calc(100% + 7px);
  z-index:80;
  width:136px;
  padding:7px;
  border:1px solid #dbe7f5;
  border-radius:12px;
  background:#fff;
  box-shadow:0 18px 40px rgba(15,59,102,.18);
  display:grid;
  gap:6px;
}
.admin-affiliate-action-menu-panel-v672::before{
  content:"";
  position:absolute;
  top:-6px;
  right:18px;
  width:10px;
  height:10px;
  background:#fff;
  border-left:1px solid #dbe7f5;
  border-top:1px solid #dbe7f5;
  transform:rotate(45deg);
}
.admin-affiliate-action-menu-panel-v672 form{margin:0;position:relative;z-index:1}
.admin-affiliate-action-menu-panel-v672 button{
  width:100%;
  min-height:34px;
  border-radius:9px;
  border:0;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:7px;
  padding:0 10px;
  font-size:11px;
  font-weight:700;
  cursor:pointer;
}
.admin-affiliate-action-menu-panel-v672 button.approve{background:#16a34a;color:#fff}
.admin-affiliate-action-menu-panel-v672 button.reject{background:#fff1f2;color:#b42318;border:1px solid #fecdd3}
.admin-affiliate-revenue-table-v621 td:nth-child(9){overflow:visible!important}
@media(min-width:768px){
  .admin-affiliate-revenue-table-v621 th:nth-child(4){width:27%!important}
  .admin-affiliate-revenue-table-v621 th:nth-child(8){width:10%!important}
  .admin-affiliate-revenue-table-v621 th:nth-child(9){width:7%!important;text-align:center!important}
  .admin-affiliate-revenue-table-v621 td:nth-child(9){text-align:center!important}
}
@media(max-width:767.98px){
  .admin-affiliate-action-menu-v672{display:block;width:max-content;min-width:0}
  .admin-affiliate-action-menu-panel-v672{left:0;right:auto}
}

/* V673 - Admin Affiliate: cột thao tác đổi thành 1 nút trạng thái đối ứng */
.admin-affiliate-toggle-action-v673{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0;
  width:100%;
}
.admin-affiliate-toggle-action-v673 button{
  min-width:74px;
  height:34px;
  padding:0 12px;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  font-size:12px;
  font-weight:700;
  line-height:1;
  cursor:pointer;
  white-space:nowrap;
  border:1px solid transparent;
  transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease;
}
.admin-affiliate-toggle-action-v673 button:disabled{
  opacity:.72;
  cursor:not-allowed;
  transform:none!important;
}
.admin-affiliate-toggle-action-v673 button.approve{
  background:#16a34a;
  color:#fff;
  border-color:#16a34a;
  box-shadow:0 7px 16px rgba(22,163,74,.16);
}
.admin-affiliate-toggle-action-v673 button.approve:hover{background:#15803d;border-color:#15803d;box-shadow:0 9px 18px rgba(22,163,74,.22)}
.admin-affiliate-toggle-action-v673 button.reject{
  background:#fff1f2;
  color:#b42318;
  border-color:#fecdd3;
  box-shadow:none;
}
.admin-affiliate-toggle-action-v673 button.reject:hover{background:#ffe4e6;border-color:#fda4af;color:#991b1b}
.admin-affiliate-revenue-table-v621 td:nth-child(9){overflow:visible!important;text-align:center!important}
@media(min-width:768px){
  .admin-affiliate-revenue-table-v621 th:nth-child(9){width:7%!important;text-align:center!important}
}
@media(max-width:767.98px){
  .admin-affiliate-toggle-action-v673{justify-content:flex-start;width:auto}
  .admin-affiliate-toggle-action-v673 button{min-width:92px}
}

/* V674 - Top Affiliate: top 1-3 ngắn lại, top 4-10 nằm cột phải dạng nhỏ */
@media (min-width: 1200px){
  .affiliate-leaderboard-v632 .affiliate-leader-list-v632{
    display:grid!important;
    grid-template-columns:minmax(360px,520px) minmax(360px,1fr)!important;
    gap:10px 18px!important;
    align-items:start!important;
    max-width:none!important;
    width:100%!important;
  }
  .affiliate-leaderboard-v632 .affiliate-leader-row-v632{
    max-width:none!important;
    width:100%!important;
    box-sizing:border-box!important;
  }
  .affiliate-leaderboard-v632 .affiliate-leader-row-v632.is-top{
    grid-column:1!important;
    max-width:520px!important;
    min-height:92px!important;
    padding:12px 14px!important;
    grid-template-columns:52px 88px minmax(0,1fr)!important;
    gap:12px!important;
  }
  .affiliate-leaderboard-v632 .affiliate-leader-row-v632.is-top.has-frame-v664{
    grid-template-columns:52px 96px minmax(0,1fr)!important;
    min-height:100px!important;
  }
  .affiliate-leaderboard-v632 .affiliate-leader-row-v632:not(.is-top){
    grid-column:2!important;
    min-height:54px!important;
    padding:8px 10px!important;
    grid-template-columns:44px 38px minmax(0,1fr)!important;
    gap:9px!important;
    border-radius:12px!important;
    background:#fff!important;
  }
  .affiliate-leaderboard-v632 .affiliate-leader-row-v632:not(.is-top) .affiliate-leader-top-label-v667{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
  }
  .affiliate-leaderboard-v632 .affiliate-leader-row-v632:not(.is-top) .affiliate-leader-top-number-v667{
    width:28px!important;
    min-width:28px!important;
    height:28px!important;
    font-size:13px!important;
  }
  .affiliate-leaderboard-v632 .affiliate-leader-row-v632:not(.is-top) .affiliate-leader-avatar-v632{
    width:36px!important;
    height:36px!important;
    flex:0 0 36px!important;
  }
  .affiliate-leaderboard-v632 .affiliate-leader-row-v632:not(.is-top) .affiliate-leader-name-btn-v669{
    font-size:13.5px!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .affiliate-leaderboard-v632 .affiliate-leader-row-v632:not(.is-top) .affiliate-leader-name-v632{
    gap:2px!important;
    min-width:0!important;
  }
  .affiliate-leaderboard-v632 .affiliate-leader-row-v632:not(.is-top) .affiliate-leader-money-v632{
    font-size:13px!important;
    line-height:1.1!important;
  }
}
@media (min-width: 768px) and (max-width: 1199.98px){
  .affiliate-leaderboard-v632 .affiliate-leader-list-v632{
    grid-template-columns:1fr!important;
    max-width:720px!important;
  }
  .affiliate-leaderboard-v632 .affiliate-leader-row-v632,
  .affiliate-leaderboard-v632 .affiliate-leader-row-v632.is-top,
  .affiliate-leaderboard-v632 .affiliate-leader-row-v632.is-top.has-frame-v664{
    max-width:720px!important;
    width:100%!important;
  }
}


/* V675 - Top Affiliate: top 1-3 căn giữa + hover nảy, top 4-10 gọn ở cột phải */
@media (min-width:1200px){
  .affiliate-leaderboard-v632 .affiliate-leader-list-v632{
    grid-template-columns:minmax(340px,480px) minmax(280px,460px)!important;
    justify-content:flex-start!important;
    align-items:start!important;
    gap:8px 18px!important;
  }
  .affiliate-leaderboard-v632 .affiliate-leader-row-v632.is-top,
  .affiliate-leaderboard-v632 .affiliate-leader-row-v632.is-top.has-frame-v664{
    max-width:480px!important;
    min-height:92px!important;
    padding:10px 14px!important;
    grid-template-columns:54px 104px minmax(128px,200px)!important;
    justify-content:center!important;
    justify-items:center!important;
    align-items:center!important;
    gap:10px!important;
    text-align:left!important;
    transform:translateY(0) scale(1);
    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
    will-change:transform;
  }
  .affiliate-leaderboard-v632 .affiliate-leader-row-v632.is-top:hover{
    transform:translateY(-7px) scale(1.012);
    box-shadow:0 18px 34px rgba(15,59,102,.13)!important;
    border-color:rgba(255,122,0,.34)!important;
  }
  .affiliate-leaderboard-v632 .affiliate-leader-row-v632.is-top .affiliate-leader-name-v632{
    justify-self:start!important;
    align-self:center!important;
    justify-items:start!important;
    gap:3px!important;
    min-width:0!important;
  }
  .affiliate-leaderboard-v632 .affiliate-leader-row-v632.is-top .affiliate-leader-name-btn-v669{
    font-size:17px!important;
    font-weight:600!important;
    letter-spacing:-.018em!important;
    line-height:1.18!important;
    color:#14223a!important;
    text-shadow:0 1px 0 rgba(255,255,255,.72);
  }
  .affiliate-leaderboard-v632 .affiliate-leader-row-v632.is-top .affiliate-leader-money-v632{
    font-size:19px!important;
    font-weight:650!important;
    line-height:1.08!important;
    letter-spacing:-.012em!important;
  }
  .affiliate-leaderboard-v632 .affiliate-leader-row-v632:not(.is-top){
    grid-column:2!important;
    max-width:460px!important;
    width:100%!important;
    min-height:46px!important;
    padding:7px 10px!important;
    grid-template-columns:38px 34px minmax(0,1fr)!important;
    gap:8px!important;
    border-radius:11px!important;
    align-items:center!important;
  }
  .affiliate-leaderboard-v632 .affiliate-leader-row-v632:nth-child(4){grid-row:1!important}
  .affiliate-leaderboard-v632 .affiliate-leader-row-v632:nth-child(5){grid-row:2!important}
  .affiliate-leaderboard-v632 .affiliate-leader-row-v632:nth-child(6){grid-row:3!important}
  .affiliate-leaderboard-v632 .affiliate-leader-row-v632:nth-child(7){grid-row:4!important}
  .affiliate-leaderboard-v632 .affiliate-leader-row-v632:nth-child(8){grid-row:5!important}
  .affiliate-leaderboard-v632 .affiliate-leader-row-v632:nth-child(9){grid-row:6!important}
  .affiliate-leaderboard-v632 .affiliate-leader-row-v632:nth-child(10){grid-row:7!important}
  .affiliate-leaderboard-v632 .affiliate-leader-row-v632:not(.is-top) .affiliate-leader-top-label-v667{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    min-height:32px!important;
    box-shadow:0 5px 12px rgba(15,59,102,.08)!important;
  }
  .affiliate-leaderboard-v632 .affiliate-leader-row-v632:not(.is-top) .affiliate-leader-top-number-v667{
    width:26px!important;
    height:26px!important;
    min-width:26px!important;
    font-size:12px!important;
    font-weight:650!important;
  }
  .affiliate-leaderboard-v632 .affiliate-leader-row-v632:not(.is-top) .affiliate-leader-avatar-v632{
    width:32px!important;
    height:32px!important;
    flex:0 0 32px!important;
  }
  .affiliate-leaderboard-v632 .affiliate-leader-row-v632:not(.is-top) .affiliate-leader-name-btn-v669{
    font-size:12.8px!important;
    font-weight:600!important;
    line-height:1.12!important;
  }
  .affiliate-leaderboard-v632 .affiliate-leader-row-v632:not(.is-top) .affiliate-leader-money-v632{
    font-size:12.4px!important;
    font-weight:650!important;
    line-height:1.05!important;
  }
}
@media (prefers-reduced-motion:reduce){
  .affiliate-leaderboard-v632 .affiliate-leader-row-v632.is-top{
    transition:none!important;
  }
  .affiliate-leaderboard-v632 .affiliate-leader-row-v632.is-top:hover{
    transform:none!important;
  }
}
@media (min-width:768px) and (max-width:1199.98px){
  .affiliate-leaderboard-v632 .affiliate-leader-row-v632.is-top,
  .affiliate-leaderboard-v632 .affiliate-leader-row-v632.is-top.has-frame-v664{
    justify-content:center!important;
    justify-items:center!important;
    text-align:left!important;
    transition:transform .22s ease, box-shadow .22s ease;
  }
  .affiliate-leaderboard-v632 .affiliate-leader-row-v632.is-top:hover{
    transform:translateY(-5px);
    box-shadow:0 14px 28px rgba(15,59,102,.12)!important;
  }
}

/* V676 - Popup danh sách học viên giới thiệu: căn trái toàn bộ cột và tránh tràn/cắt bảng */
.affiliate-leader-referrals-modal-v670{
  width:min(980px,calc(100vw - 42px));
}
.affiliate-leader-referral-table-wrap-v670{
  overflow:auto;
}
.affiliate-leader-referral-table-v670{
  width:100%;
  min-width:0!important;
  table-layout:fixed;
}
.affiliate-leader-referral-table-v670 th,
.affiliate-leader-referral-table-v670 td,
.affiliate-leader-referral-table-v670 th:nth-child(1),
.affiliate-leader-referral-table-v670 td:nth-child(1),
.affiliate-leader-referral-table-v670 th:nth-child(2),
.affiliate-leader-referral-table-v670 td:nth-child(2),
.affiliate-leader-referral-table-v670 th:nth-child(3),
.affiliate-leader-referral-table-v670 td:nth-child(3),
.affiliate-leader-referral-table-v670 th:nth-child(4),
.affiliate-leader-referral-table-v670 td:nth-child(4){
  text-align:left!important;
}
.affiliate-leader-referral-table-v670 th:nth-child(1),
.affiliate-leader-referral-table-v670 td:nth-child(1){width:72px!important}
.affiliate-leader-referral-table-v670 th:nth-child(2),
.affiliate-leader-referral-table-v670 td:nth-child(2){width:34%!important}
.affiliate-leader-referral-table-v670 th:nth-child(3),
.affiliate-leader-referral-table-v670 td:nth-child(3){width:20%!important}
.affiliate-leader-referral-table-v670 th:nth-child(4),
.affiliate-leader-referral-table-v670 td:nth-child(4){width:34%!important}
.affiliate-leader-referral-table-v670 td{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
@media(max-width:767.98px){
  .affiliate-leader-referrals-modal-v670{width:100%;max-height:86vh;margin-top:16px}
  .affiliate-leader-referral-table-v670{min-width:0!important}
  .affiliate-leader-referral-table-v670 th,
  .affiliate-leader-referral-table-v670 td{font-size:12px;padding:11px 9px}
  .affiliate-leader-referral-table-v670 th:nth-child(1),
  .affiliate-leader-referral-table-v670 td:nth-child(1){width:44px!important}
  .affiliate-leader-referral-table-v670 th:nth-child(2),
  .affiliate-leader-referral-table-v670 td:nth-child(2){width:30%!important}
  .affiliate-leader-referral-table-v670 th:nth-child(3),
  .affiliate-leader-referral-table-v670 td:nth-child(3){width:22%!important}
  .affiliate-leader-referral-table-v670 th:nth-child(4),
  .affiliate-leader-referral-table-v670 td:nth-child(4){width:36%!important}
}


/* V677 - Làm mới popup danh sách học viên giới thiệu, luôn hiện giữa màn hình */
body.affiliate-modal-open-v670{overflow:hidden!important}
.affiliate-leader-referrals-v669:not([hidden]){
  position:fixed!important;
  inset:0!important;
  z-index:100000!important;
  display:grid!important;
  place-items:center!important;
  align-items:center!important;
  justify-content:center!important;
  padding:24px!important;
  margin:0!important;
  width:100vw!important;
  height:100vh!important;
  background:rgba(15,35,58,.54)!important;
  backdrop-filter:blur(4px);
}
.affiliate-leader-referrals-modal-v670{
  position:relative!important;
  width:min(880px,calc(100vw - 48px))!important;
  max-width:880px!important;
  max-height:min(78vh,680px)!important;
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  border-radius:20px!important;
  background:#fff!important;
  border:1px solid #dce7f4!important;
  box-shadow:0 28px 80px rgba(15,35,58,.28)!important;
  transform:none!important;
}
.affiliate-leader-referrals-close-v670{
  position:absolute!important;
  top:16px!important;
  right:16px!important;
  z-index:5!important;
  width:42px!important;
  height:42px!important;
  border-radius:50%!important;
  background:#eef6ff!important;
  color:#0f3b66!important;
  font-size:26px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  cursor:pointer!important;
}
.affiliate-leader-referrals-v669 .affiliate-leader-referrals-head-v669{
  padding:22px 72px 18px 26px!important;
  margin:0!important;
  border-bottom:1px solid #e6eef8!important;
  background:linear-gradient(135deg,#f9fcff 0%,#fff7ec 100%)!important;
}
.affiliate-leader-referrals-v669 .affiliate-leader-referrals-head-v669 strong{
  display:block!important;
  max-width:100%!important;
  color:#10233d!important;
  font-size:24px!important;
  line-height:1.28!important;
  font-weight:650!important;
  letter-spacing:-.02em!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.affiliate-leader-referrals-v669 .affiliate-leader-referrals-head-v669 strong span{
  color:#f97316!important;
  font-size:1em!important;
  font-weight:700!important;
  white-space:nowrap!important;
}
.affiliate-leader-referral-table-wrap-v670{
  width:100%!important;
  max-height:calc(min(78vh,680px) - 88px)!important;
  overflow:auto!important;
}
.affiliate-leader-referral-table-v670{
  width:100%!important;
  min-width:0!important;
  table-layout:fixed!important;
  border-collapse:collapse!important;
}
.affiliate-leader-referral-table-v670 th,
.affiliate-leader-referral-table-v670 td,
.affiliate-leader-referral-table-v670 th:nth-child(1),
.affiliate-leader-referral-table-v670 td:nth-child(1),
.affiliate-leader-referral-table-v670 th:nth-child(2),
.affiliate-leader-referral-table-v670 td:nth-child(2),
.affiliate-leader-referral-table-v670 th:nth-child(3),
.affiliate-leader-referral-table-v670 td:nth-child(3),
.affiliate-leader-referral-table-v670 th:nth-child(4),
.affiliate-leader-referral-table-v670 td:nth-child(4){
  text-align:left!important;
  vertical-align:middle!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.affiliate-leader-referral-table-v670 th{
  background:#f8fafc!important;
  font-weight:650!important;
}
.affiliate-leader-referral-table-v670 th:nth-child(1),
.affiliate-leader-referral-table-v670 td:nth-child(1){width:64px!important}
.affiliate-leader-referral-table-v670 th:nth-child(2),
.affiliate-leader-referral-table-v670 td:nth-child(2){width:34%!important}
.affiliate-leader-referral-table-v670 th:nth-child(3),
.affiliate-leader-referral-table-v670 td:nth-child(3){width:24%!important}
.affiliate-leader-referral-table-v670 th:nth-child(4),
.affiliate-leader-referral-table-v670 td:nth-child(4){width:34%!important}
.affiliate-leader-referrals-v669 .affiliate-empty-v611{
  margin:18px!important;
}
@media(max-width:767.98px){
  .affiliate-leader-referrals-v669:not([hidden]){
    padding:12px!important;
    place-items:center!important;
    align-items:center!important;
  }
  .affiliate-leader-referrals-modal-v670{
    width:calc(100vw - 24px)!important;
    max-height:84vh!important;
    border-radius:16px!important;
  }
  .affiliate-leader-referrals-v669 .affiliate-leader-referrals-head-v669{
    padding:16px 58px 14px 16px!important;
  }
  .affiliate-leader-referrals-v669 .affiliate-leader-referrals-head-v669 strong{
    font-size:18px!important;
  }
  .affiliate-leader-referral-table-wrap-v670{
    max-height:calc(84vh - 72px)!important;
  }
  .affiliate-leader-referral-table-v670 th,
  .affiliate-leader-referral-table-v670 td{
    padding:10px 8px!important;
    font-size:12px!important;
  }
  .affiliate-leader-referral-table-v670 th:nth-child(1),
  .affiliate-leader-referral-table-v670 td:nth-child(1){width:42px!important}
  .affiliate-leader-referral-table-v670 th:nth-child(2),
  .affiliate-leader-referral-table-v670 td:nth-child(2){width:31%!important}
  .affiliate-leader-referral-table-v670 th:nth-child(3),
  .affiliate-leader-referral-table-v670 td:nth-child(3){width:23%!important}
  .affiliate-leader-referral-table-v670 th:nth-child(4),
  .affiliate-leader-referral-table-v670 td:nth-child(4){width:36%!important}
}


/* V678 - Sửa popup giới thiệu: bỏ hiệu ứng nảy gây lệch popup, ép popup nằm giữa màn hình */
.affiliate-leaderboard-v632 .affiliate-leader-row-v632.is-top,
.affiliate-leaderboard-v632 .affiliate-leader-row-v632.is-top.has-frame-v664{
  transform:none!important;
  transition:box-shadow .18s ease, border-color .18s ease, background .18s ease!important;
  will-change:auto!important;
}
.affiliate-leaderboard-v632 .affiliate-leader-row-v632.is-top:hover,
.affiliate-leaderboard-v632 .affiliate-leader-row-v632.is-top.has-frame-v664:hover{
  transform:none!important;
  box-shadow:0 10px 26px rgba(15,59,102,.08)!important;
}
.affiliate-leader-referrals-v669:not([hidden]){
  position:fixed!important;
  inset:0!important;
  left:0!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  width:100vw!important;
  height:100vh!important;
  min-width:100vw!important;
  min-height:100vh!important;
  z-index:2147483000!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:24px!important;
  margin:0!important;
  border:0!important;
  background:rgba(15,35,58,.58)!important;
  backdrop-filter:blur(4px);
}
.affiliate-leader-referrals-modal-v670{
  position:relative!important;
  inset:auto!important;
  margin:auto!important;
  width:min(760px,calc(100vw - 48px))!important;
  max-width:760px!important;
  max-height:min(76vh,620px)!important;
  transform:none!important;
  display:flex!important;
  flex-direction:column!important;
}
.affiliate-leader-referrals-v669 .affiliate-leader-referrals-head-v669{
  padding:18px 62px 15px 22px!important;
}
.affiliate-leader-referrals-v669 .affiliate-leader-referrals-head-v669 strong{
  font-size:21px!important;
  line-height:1.28!important;
  font-weight:650!important;
}
.affiliate-leader-referral-table-wrap-v670{
  max-height:calc(min(76vh,620px) - 78px)!important;
}
@media(max-width:767.98px){
  .affiliate-leader-referrals-v669:not([hidden]){
    padding:12px!important;
  }
  .affiliate-leader-referrals-modal-v670{
    width:calc(100vw - 24px)!important;
    max-height:84vh!important;
  }
  .affiliate-leader-referrals-v669 .affiliate-leader-referrals-head-v669 strong{
    font-size:18px!important;
  }
}

/* V680 - Top Affiliate: toàn khung bấm mở popup, cột hướng dẫn bên phải, top 4-10 gọn hơn */
.affiliate-leaderboard-v632 .affiliate-card-head-v611 span{display:none!important}
.affiliate-leaderboard-layout-v680{
  display:grid;
  grid-template-columns:minmax(0,760px) minmax(320px,380px);
  gap:20px 28px;
  align-items:start;
  justify-content:space-between;
}
.affiliate-leader-main-v680,
.affiliate-leader-side-list-v680{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.affiliate-leader-side-v680{
  display:flex;
  flex-direction:column;
  gap:14px;
  min-width:0;
}
.affiliate-affiliate-guide-v680{
  border:1px solid #dbe6f3;
  border-radius:18px;
  background:linear-gradient(180deg,#f8fbff 0%,#ffffff 100%);
  padding:16px 18px;
  box-shadow:0 8px 22px rgba(15,59,102,.05);
}
.affiliate-affiliate-guide-v680 h3{
  margin:0 0 12px;
  font-size:18px;
  font-weight:600;
  color:#133156;
  letter-spacing:-.01em;
}
.affiliate-affiliate-guide-v680 ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.affiliate-affiliate-guide-v680 li{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.5;color:#34506f}
.affiliate-affiliate-guide-v680 li i{color:#16a34a;font-size:16px;line-height:1.2;margin-top:2px;flex:0 0 auto}

.affiliate-leader-row-v680{
  cursor:pointer;
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.affiliate-leader-row-v680:hover,
.affiliate-leader-row-v680:focus-visible,
.affiliate-leader-row-v680.is-open-v669{
  border-color:rgba(255,122,0,.34)!important;
  box-shadow:0 12px 24px rgba(15,59,102,.10)!important;
  outline:none;
}
.affiliate-leader-row-v680 .affiliate-leader-name-btn-v669,
.affiliate-leader-row-v680 .affiliate-leader-name-btn-v669:hover,
.affiliate-leader-row-v680 .affiliate-leader-name-btn-v669:focus{
  display:block;
  text-decoration:none!important;
  border:0!important;
  box-shadow:none!important;
  background:none!important;
  color:#18253f!important;
}
.affiliate-leader-row-v680 .affiliate-leader-name-v632{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px;
}
.affiliate-leader-row-v680 .affiliate-leader-money-v632{margin:0}

.affiliate-leader-main-v680 .affiliate-leader-row-v632.is-top,
.affiliate-leader-main-v680 .affiliate-leader-row-v632.is-top.has-frame-v664{
  width:100%!important;
  max-width:100%!important;
  min-height:150px!important;
  padding:22px 26px!important;
  grid-template-columns:72px 138px minmax(180px,260px)!important;
  justify-content:center!important;
  justify-items:center!important;
  align-items:center!important;
  gap:18px!important;
  text-align:left!important;
}
.affiliate-leader-main-v680 .affiliate-leader-row-v632.is-top .affiliate-leader-name-v632{
  justify-self:start!important;
  align-self:center!important;
  gap:6px!important;
}
.affiliate-leader-main-v680 .affiliate-leader-row-v632.is-top .affiliate-leader-name-btn-v669{
  font-size:22px!important;
  font-weight:600!important;
  line-height:1.18!important;
  letter-spacing:-.02em!important;
}
.affiliate-leader-main-v680 .affiliate-leader-row-v632.is-top .affiliate-leader-money-v632{
  font-size:20px!important;
  font-weight:600!important;
  line-height:1.12!important;
}
.affiliate-leader-main-v680 .affiliate-leader-row-v632.is-top .affiliate-leader-top-label-v667{
  width:64px!important;
  min-width:64px!important;
  height:64px!important;
  min-height:64px!important;
}
.affiliate-leader-main-v680 .affiliate-leader-row-v632.is-top .affiliate-leader-top-number-v667{
  width:50px!important;
  min-width:50px!important;
  height:50px!important;
  font-size:18px!important;
}

.affiliate-leader-side-list-v680 .affiliate-leader-row-v632,
.affiliate-leader-side-list-v680 .affiliate-leader-row-v632.is-top,
.affiliate-leader-side-list-v680 .affiliate-leader-row-v632.is-top.has-frame-v664{
  width:100%!important;
  max-width:100%!important;
  min-height:72px!important;
  padding:10px 14px!important;
  grid-template-columns:54px 44px minmax(0,1fr)!important;
  gap:12px!important;
  border-radius:16px!important;
  background:#fff!important;
  align-items:center!important;
}
.affiliate-leader-side-list-v680 .affiliate-leader-row-v632 .affiliate-leader-top-label-v667{
  width:44px!important;
  min-width:44px!important;
  height:44px!important;
  min-height:44px!important;
}
.affiliate-leader-side-list-v680 .affiliate-leader-row-v632 .affiliate-leader-top-number-v667{
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  font-size:15px!important;
}
.affiliate-leader-side-list-v680 .affiliate-leader-row-v632 .affiliate-leader-avatar-v632{
  width:42px!important;
  height:42px!important;
  flex:0 0 42px!important;
}
.affiliate-leader-side-list-v680 .affiliate-leader-row-v632 .affiliate-leader-name-btn-v669{
  font-size:14px!important;
  font-weight:600!important;
  line-height:1.18!important;
}
.affiliate-leader-side-list-v680 .affiliate-leader-row-v632 .affiliate-leader-money-v632{
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.08!important;
}

@media (max-width: 1399.98px){
  .affiliate-leaderboard-layout-v680{
    grid-template-columns:minmax(0,1fr) minmax(300px,340px);
    gap:18px;
  }
  .affiliate-leader-main-v680 .affiliate-leader-row-v632.is-top,
  .affiliate-leader-main-v680 .affiliate-leader-row-v632.is-top.has-frame-v664{
    grid-template-columns:64px 120px minmax(160px,1fr)!important;
    min-height:140px!important;
    padding:20px 22px!important;
  }
}
@media (max-width: 1199.98px){
  .affiliate-leaderboard-layout-v680{
    grid-template-columns:1fr;
  }
  .affiliate-leader-side-v680{
    order:2;
  }
  .affiliate-leader-main-v680 .affiliate-leader-row-v632.is-top,
  .affiliate-leader-main-v680 .affiliate-leader-row-v632.is-top.has-frame-v664{
    min-height:124px!important;
    grid-template-columns:58px 108px minmax(140px,1fr)!important;
    padding:18px 18px!important;
  }
}
@media (max-width: 767.98px){
  .affiliate-leaderboard-layout-v680{gap:14px}
  .affiliate-affiliate-guide-v680{padding:14px 14px 12px;border-radius:16px}
  .affiliate-affiliate-guide-v680 h3{font-size:16px;margin-bottom:10px}
  .affiliate-affiliate-guide-v680 li{font-size:13px;gap:8px}
  .affiliate-leader-main-v680,
  .affiliate-leader-side-list-v680{gap:10px}
  .affiliate-leader-main-v680 .affiliate-leader-row-v632.is-top,
  .affiliate-leader-main-v680 .affiliate-leader-row-v632.is-top.has-frame-v664{
    min-height:106px!important;
    grid-template-columns:48px 88px minmax(0,1fr)!important;
    gap:10px!important;
    padding:14px!important;
  }
  .affiliate-leader-main-v680 .affiliate-leader-row-v632.is-top .affiliate-leader-top-label-v667{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important}
  .affiliate-leader-main-v680 .affiliate-leader-row-v632.is-top .affiliate-leader-top-number-v667{width:36px!important;height:36px!important;min-width:36px!important;font-size:14px!important}
  .affiliate-leader-main-v680 .affiliate-leader-row-v632.is-top .affiliate-leader-name-btn-v669{font-size:18px!important}
  .affiliate-leader-main-v680 .affiliate-leader-row-v632.is-top .affiliate-leader-money-v632{font-size:17px!important}
  .affiliate-leader-side-list-v680 .affiliate-leader-row-v632,
  .affiliate-leader-side-list-v680 .affiliate-leader-row-v632.is-top,
  .affiliate-leader-side-list-v680 .affiliate-leader-row-v632.is-top.has-frame-v664{
    min-height:64px!important;
    grid-template-columns:42px 36px minmax(0,1fr)!important;
    gap:10px!important;
    padding:10px 12px!important;
  }
  .affiliate-leader-side-list-v680 .affiliate-leader-row-v632 .affiliate-leader-top-label-v667{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}
  .affiliate-leader-side-list-v680 .affiliate-leader-row-v632 .affiliate-leader-top-number-v667{width:28px!important;height:28px!important;min-width:28px!important;font-size:12px!important}
  .affiliate-leader-side-list-v680 .affiliate-leader-row-v632 .affiliate-leader-avatar-v632{width:34px!important;height:34px!important;flex-basis:34px!important}
}


/* V681 - Bỏ khối chi tiết cách hoạt động Affiliate trong bảng xếp hạng */
.affiliate-leader-side-v680{gap:0!important}
.affiliate-leader-side-v680 .affiliate-affiliate-guide-v680{display:none!important}

/* V682 - User demo Top Affiliate + badge Premium/Free trên avatar */
.affiliate-top-demo-settings-v682{border:1px solid #dbe6f3;border-radius:16px;padding:18px;background:#fff;margin-top:16px}
.affiliate-top-demo-list-v682{display:flex;flex-direction:column;gap:12px;margin-top:12px}
.affiliate-top-demo-row-v682{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid #e0e9f5;border-radius:14px;padding:12px;background:#f8fbff}
.affiliate-top-demo-avatar-v682{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#eaf3ff;color:#0f3b66;font-weight:700;font-size:22px;box-shadow:0 0 0 1px #cfe0f5}
.affiliate-top-demo-avatar-v682 img{width:100%;height:100%;object-fit:cover;display:block}
.affiliate-top-demo-fields-v682{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:10px;align-items:end}
.affiliate-top-demo-fields-v682 label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#52677f;font-weight:600;margin:0}
.affiliate-top-demo-fields-v682 input,.affiliate-top-demo-fields-v682 select{height:40px;border:1px solid #cbd9ea;border-radius:9px;background:#fff;padding:0 10px;color:#10233d;font-size:14px;outline:none}
.affiliate-top-demo-fields-v682 input:focus,.affiliate-top-demo-fields-v682 select:focus{border-color:#2f7cf6;box-shadow:0 0 0 3px rgba(47,124,246,.12)}
.affiliate-top-demo-actions-v682{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.affiliate-top-demo-actions-v682 button,.affiliate-top-demo-add-v682{border:1px solid #bcd2ee;background:#eef6ff;color:#0f3b66;border-radius:10px;height:38px;padding:0 12px;font-weight:600;display:inline-flex;align-items:center;gap:7px;cursor:pointer}
.affiliate-top-demo-actions-v682 button:hover,.affiliate-top-demo-add-v682:hover{background:#e2f0ff;border-color:#8bb8ef}
.affiliate-top-demo-actions-v682 button.is-danger{background:#fff1f2;color:#b42318;border-color:#fecdd3}
.affiliate-top-demo-actions-v682 button.is-danger:hover{background:#ffe4e6;color:#991b1b}
.affiliate-top-demo-add-v682{margin-top:12px;background:#2f7cf6;color:#fff;border-color:#2f7cf6}
.affiliate-top-demo-add-v682:hover{background:#1e6ee9;color:#fff}

.affiliate-leader-frame-wrap-v664,.affiliate-leader-avatar-v632{position:relative;overflow:visible!important}
.affiliate-leader-membership-v682{position:absolute;right:-3px;bottom:-3px;width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:2px solid #fff;z-index:8;font-size:9px;box-shadow:0 2px 6px rgba(15,35,58,.18)}
.affiliate-leader-membership-v682.is-premium{background:linear-gradient(135deg,#ff7a00,#fbbf24);color:#fff}
.affiliate-leader-membership-v682.is-free{background:linear-gradient(135deg,#16a34a,#86efac);color:#fff}
.affiliate-leader-row-v632.has-frame-v664 .affiliate-leader-membership-v682{right:14px;bottom:10px}
.affiliate-leader-main-v680 .affiliate-leader-row-v632.has-frame-v664 .affiliate-leader-membership-v682{right:18px;bottom:15px;width:20px;height:20px;font-size:10px}
.affiliate-leader-side-list-v680 .affiliate-leader-row-v632.has-frame-v664 .affiliate-leader-membership-v682{right:2px;bottom:1px;width:16px;height:16px;font-size:8px}
@media(max-width:991.98px){.affiliate-top-demo-row-v682{grid-template-columns:58px minmax(0,1fr)}.affiliate-top-demo-actions-v682{grid-column:1/-1;justify-content:flex-start}.affiliate-top-demo-fields-v682{grid-template-columns:1fr 1fr}.affiliate-top-demo-avatar-v682{width:52px;height:52px}}
@media(max-width:575.98px){.affiliate-top-demo-fields-v682{grid-template-columns:1fr}.affiliate-top-demo-row-v682{grid-template-columns:1fr}.affiliate-top-demo-avatar-v682{justify-self:start}}
.affiliate-leader-membership-v682,.affiliate-leader-row-v632.is-top .affiliate-leader-avatar-v632 .affiliate-leader-membership-v682{transform:none!important;min-width:18px!important;flex:0 0 auto!important;}

/* V683 - Giữ avatar Top Affiliate luôn dạng tròn khi có badge Premium/Free */
.affiliate-leader-avatar-v632 > img,
.affiliate-leader-row-v632 .affiliate-leader-avatar-v632 > img{
  border-radius:50%!important;
}
.affiliate-leader-avatar-v632 .affiliate-leader-initial-v659{
  border-radius:50%!important;
}

/* V684 - Sửa ô nhập user demo không bị CSS checkbox/radio trong fieldset ép thành ô nhỏ */
.affiliate-admin-settings-form-v611 fieldset .affiliate-top-demo-fields-v682 label{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:5px!important;
  margin:0!important;
  color:#52677f!important;
  font-size:12px!important;
  font-weight:600!important;
  line-height:1.35!important;
}
.affiliate-admin-settings-form-v611 fieldset .affiliate-top-demo-fields-v682 input,
.affiliate-admin-settings-form-v611 fieldset .affiliate-top-demo-fields-v682 select{
  width:100%!important;
  min-width:0!important;
  height:40px!important;
  min-height:40px!important;
  border:1px solid #cbd9ea!important;
  border-radius:9px!important;
  background:#fff!important;
  padding:0 10px!important;
  color:#10233d!important;
  font-size:14px!important;
  font-weight:400!important;
  outline:none!important;
  accent-color:auto!important;
}
.affiliate-admin-settings-form-v611 fieldset .affiliate-top-demo-fields-v682 input:focus,
.affiliate-admin-settings-form-v611 fieldset .affiliate-top-demo-fields-v682 select:focus{
  border-color:#2f7cf6!important;
  box-shadow:0 0 0 3px rgba(47,124,246,.12)!important;
}

/* V685 - Top Affiliate: hai cột đều nhau, khung Top 1-3 gọn bằng cột Top 4-10 */
@media (min-width:1200px){
  .affiliate-leaderboard-layout-v680{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px 18px!important;
    align-items:start!important;
    justify-content:stretch!important;
  }
  .affiliate-leader-main-v680,
  .affiliate-leader-side-v680,
  .affiliate-leader-side-list-v680{
    width:100%!important;
    min-width:0!important;
  }
  .affiliate-leader-main-v680,
  .affiliate-leader-side-list-v680{
    gap:12px!important;
  }
  .affiliate-leader-main-v680 .affiliate-leader-row-v632.is-top,
  .affiliate-leader-main-v680 .affiliate-leader-row-v632.is-top.has-frame-v664,
  .affiliate-leader-side-list-v680 .affiliate-leader-row-v632,
  .affiliate-leader-side-list-v680 .affiliate-leader-row-v632.is-top,
  .affiliate-leader-side-list-v680 .affiliate-leader-row-v632.is-top.has-frame-v664{
    width:100%!important;
    max-width:none!important;
    min-height:72px!important;
    padding:10px 14px!important;
    border-radius:16px!important;
    box-sizing:border-box!important;
    align-items:center!important;
  }
  .affiliate-leader-main-v680 .affiliate-leader-row-v632.is-top,
  .affiliate-leader-main-v680 .affiliate-leader-row-v632.is-top.has-frame-v664{
    grid-template-columns:54px 64px minmax(0,1fr)!important;
    gap:12px!important;
    justify-content:stretch!important;
    justify-items:start!important;
    text-align:left!important;
  }
  .affiliate-leader-side-list-v680 .affiliate-leader-row-v632,
  .affiliate-leader-side-list-v680 .affiliate-leader-row-v632.is-top,
  .affiliate-leader-side-list-v680 .affiliate-leader-row-v632.is-top.has-frame-v664{
    grid-template-columns:54px 44px minmax(0,1fr)!important;
    gap:12px!important;
  }
  .affiliate-leader-main-v680 .affiliate-leader-row-v632.is-top .affiliate-leader-top-label-v667,
  .affiliate-leader-side-list-v680 .affiliate-leader-row-v632 .affiliate-leader-top-label-v667{
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    min-height:44px!important;
  }
  .affiliate-leader-main-v680 .affiliate-leader-row-v632.is-top .affiliate-leader-top-number-v667,
  .affiliate-leader-side-list-v680 .affiliate-leader-row-v632 .affiliate-leader-top-number-v667{
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    font-size:15px!important;
  }
  .affiliate-leader-main-v680 .affiliate-leader-row-v632.is-top .affiliate-leader-frame-wrap-v664{
    width:60px!important;
    height:60px!important;
    justify-self:center!important;
  }
  .affiliate-leader-main-v680 .affiliate-leader-row-v632.is-top.has-frame-v664 .affiliate-leader-avatar-v632{
    width:38px!important;
    height:38px!important;
    flex-basis:38px!important;
  }
  .affiliate-leader-main-v680 .affiliate-leader-row-v632.is-top:not(.has-frame-v664) .affiliate-leader-avatar-v632,
  .affiliate-leader-side-list-v680 .affiliate-leader-row-v632 .affiliate-leader-avatar-v632{
    width:42px!important;
    height:42px!important;
    flex:0 0 42px!important;
  }
  .affiliate-leader-main-v680 .affiliate-leader-row-v632.is-top .affiliate-leader-name-v632,
  .affiliate-leader-side-list-v680 .affiliate-leader-row-v632 .affiliate-leader-name-v632{
    width:100%!important;
    min-width:0!important;
    justify-self:start!important;
    align-self:center!important;
    gap:3px!important;
  }
  .affiliate-leader-main-v680 .affiliate-leader-row-v632.is-top .affiliate-leader-name-btn-v669,
  .affiliate-leader-side-list-v680 .affiliate-leader-row-v632 .affiliate-leader-name-btn-v669{
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:15.5px!important;
    font-weight:600!important;
    line-height:1.16!important;
  }
  .affiliate-leader-main-v680 .affiliate-leader-row-v632.is-top .affiliate-leader-money-v632,
  .affiliate-leader-side-list-v680 .affiliate-leader-row-v632 .affiliate-leader-money-v632{
    font-size:14.5px!important;
    font-weight:700!important;
    line-height:1.1!important;
  }
  .affiliate-leader-main-v680 .affiliate-leader-row-v632.has-frame-v664 .affiliate-leader-membership-v682{
    right:7px!important;
    bottom:5px!important;
    width:16px!important;
    height:16px!important;
    min-width:16px!important;
    font-size:8px!important;
    border-width:2px!important;
  }
}

/* V686 - Top Affiliate: bố trí theo mẫu 2-1-3 ở hàng trên, hạng 4-10 chia 2 cột bên dưới, giữ nền sáng hiện tại */
.affiliate-leaderboard-v686{
  overflow:hidden;
}
.affiliate-leaderboard-v686 .affiliate-leaderboard-head-v686{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  text-align:center!important;
  margin-bottom:18px!important;
}
.affiliate-leaderboard-v686 .affiliate-leaderboard-pill-v686{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  padding:0 22px!important;
  border-radius:10px!important;
  background:linear-gradient(135deg,#ffb23f 0%,#ff7a00 100%)!important;
  color:#fff!important;
  font-size:20px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:.01em!important;
  box-shadow:0 10px 20px rgba(255,122,0,.18)!important;
}
.affiliate-leaderboard-v686 .affiliate-leaderboard-head-v686 h2{
  margin:0!important;
  font-size:24px!important;
  line-height:1.2!important;
  text-transform:uppercase!important;
  letter-spacing:.01em!important;
  color:#0f213c!important;
}
.affiliate-leader-podium-v686{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.08fr) minmax(0,1fr);
  gap:18px;
  align-items:end;
  margin:12px 0 28px;
  padding-top:28px;
}
.affiliate-leader-podium-cell-v686{
  min-width:0;
}
.affiliate-leader-podium-cell-v686.is-second-v686{grid-column:1;grid-row:1}
.affiliate-leader-podium-cell-v686.is-first-v686{grid-column:2;grid-row:1}
.affiliate-leader-podium-cell-v686.is-third-v686{grid-column:3;grid-row:1}
.affiliate-leader-podium-cell-v686 .affiliate-leader-row-v632.is-top,
.affiliate-leader-podium-cell-v686 .affiliate-leader-row-v632.is-top.has-frame-v664{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:auto auto auto!important;
  justify-items:center!important;
  align-content:center!important;
  gap:10px!important;
  width:100%!important;
  max-width:none!important;
  min-height:218px!important;
  padding:22px 18px!important;
  border-radius:20px!important;
  text-align:center!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
.affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-row-v632.is-top,
.affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-row-v632.is-top.has-frame-v664{
  min-height:258px!important;
  padding:28px 20px!important;
  transform:translateY(-28px)!important;
  box-shadow:0 20px 42px rgba(245,166,35,.16)!important;
}
.affiliate-leader-podium-cell-v686.is-second-v686 .affiliate-leader-row-v632.is-top,
.affiliate-leader-podium-cell-v686.is-second-v686 .affiliate-leader-row-v632.is-top.has-frame-v664,
.affiliate-leader-podium-cell-v686.is-third-v686 .affiliate-leader-row-v632.is-top,
.affiliate-leader-podium-cell-v686.is-third-v686 .affiliate-leader-row-v632.is-top.has-frame-v664{
  min-height:210px!important;
}
.affiliate-leader-podium-cell-v686 .affiliate-leader-row-v632.is-top:hover{
  transform:translateY(-4px)!important;
}
.affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-row-v632.is-top:hover{
  transform:translateY(-34px)!important;
}
.affiliate-leader-podium-cell-v686 .affiliate-leader-top-label-v667{
  width:52px!important;
  min-width:52px!important;
  height:52px!important;
  min-height:52px!important;
  padding:0!important;
  border-radius:50%!important;
  justify-self:center!important;
}
.affiliate-leader-podium-cell-v686 .affiliate-leader-top-number-v667{
  width:40px!important;
  min-width:40px!important;
  height:40px!important;
  border-radius:50%!important;
  font-size:17px!important;
  font-weight:800!important;
}
.affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-top-label-v667{
  width:62px!important;
  min-width:62px!important;
  height:62px!important;
  min-height:62px!important;
}
.affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-top-number-v667{
  width:50px!important;
  min-width:50px!important;
  height:50px!important;
  font-size:20px!important;
}
.affiliate-leader-podium-cell-v686 .affiliate-leader-frame-wrap-v664{
  width:96px!important;
  height:96px!important;
  justify-self:center!important;
}
.affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-frame-wrap-v664{
  width:118px!important;
  height:118px!important;
}
.affiliate-leader-podium-cell-v686 .affiliate-leader-row-v632.is-top.has-frame-v664 .affiliate-leader-avatar-v632{
  width:58px!important;
  height:58px!important;
  flex-basis:58px!important;
}
.affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-row-v632.is-top.has-frame-v664 .affiliate-leader-avatar-v632{
  width:72px!important;
  height:72px!important;
  flex-basis:72px!important;
}
.affiliate-leader-podium-cell-v686 .affiliate-leader-row-v632.is-top:not(.has-frame-v664) .affiliate-leader-avatar-v632{
  width:82px!important;
  height:82px!important;
  flex:0 0 82px!important;
  justify-self:center!important;
}
.affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-row-v632.is-top:not(.has-frame-v664) .affiliate-leader-avatar-v632{
  width:98px!important;
  height:98px!important;
  flex-basis:98px!important;
}
.affiliate-leader-podium-cell-v686 .affiliate-leader-name-v632{
  width:100%!important;
  min-width:0!important;
  align-items:center!important;
  justify-items:center!important;
  text-align:center!important;
  gap:7px!important;
}
.affiliate-leader-podium-cell-v686 .affiliate-leader-name-btn-v669{
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:18px!important;
  font-weight:700!important;
  line-height:1.18!important;
  color:#0f213c!important;
}
.affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-name-btn-v669{
  font-size:21px!important;
}
.affiliate-leader-podium-cell-v686 .affiliate-leader-money-v632{
  display:block!important;
  width:100%!important;
  text-align:center!important;
  font-size:19px!important;
  font-weight:800!important;
  line-height:1.12!important;
}
.affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-money-v632{
  font-size:24px!important;
}
.affiliate-leader-podium-cell-v686 .affiliate-leader-membership-v682{
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  font-size:10px!important;
  right:8px!important;
  bottom:6px!important;
}
.affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-membership-v682{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  right:10px!important;
  bottom:8px!important;
}
.affiliate-leader-rest-grid-v686{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:repeat(4,auto);
  grid-auto-flow:column;
  gap:0 28px;
  margin-top:-8px;
}
.affiliate-leader-rest-cell-v686{
  min-width:0;
}
.affiliate-leader-rest-grid-v686 .affiliate-leader-row-v632,
.affiliate-leader-rest-grid-v686 .affiliate-leader-row-v632.is-top,
.affiliate-leader-rest-grid-v686 .affiliate-leader-row-v632.is-top.has-frame-v664{
  display:grid!important;
  grid-template-columns:54px 48px minmax(0,1fr) auto!important;
  gap:12px!important;
  width:100%!important;
  max-width:none!important;
  min-height:68px!important;
  padding:9px 8px!important;
  border-width:0 0 1px 0!important;
  border-radius:0!important;
  border-color:#dbe6f3!important;
  background:transparent!important;
  box-shadow:none!important;
  align-items:center!important;
  box-sizing:border-box!important;
}
.affiliate-leader-rest-grid-v686 .affiliate-leader-row-v632:hover,
.affiliate-leader-rest-grid-v686 .affiliate-leader-row-v632:focus-visible,
.affiliate-leader-rest-grid-v686 .affiliate-leader-row-v632.is-open-v669{
  background:#f8fbff!important;
  box-shadow:none!important;
}
.affiliate-leader-rest-grid-v686 .affiliate-leader-top-label-v667{
  width:44px!important;
  min-width:44px!important;
  height:44px!important;
  min-height:44px!important;
  padding:0!important;
  border-radius:50%!important;
}
.affiliate-leader-rest-grid-v686 .affiliate-leader-top-number-v667{
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  border-radius:50%!important;
  font-size:14px!important;
  font-weight:800!important;
}
.affiliate-leader-rest-grid-v686 .affiliate-leader-avatar-v632,
.affiliate-leader-rest-grid-v686 .affiliate-leader-row-v632.is-top:not(.has-frame-v664) .affiliate-leader-avatar-v632{
  width:42px!important;
  height:42px!important;
  flex:0 0 42px!important;
}
.affiliate-leader-rest-grid-v686 .affiliate-leader-frame-wrap-v664{
  width:48px!important;
  height:48px!important;
  justify-self:center!important;
}
.affiliate-leader-rest-grid-v686 .affiliate-leader-row-v632.has-frame-v664 .affiliate-leader-avatar-v632{
  width:32px!important;
  height:32px!important;
  flex-basis:32px!important;
}
.affiliate-leader-rest-grid-v686 .affiliate-leader-name-v632{
  min-width:0!important;
  width:100%!important;
  gap:3px!important;
}
.affiliate-leader-rest-grid-v686 .affiliate-leader-name-btn-v669{
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:15px!important;
  font-weight:650!important;
  line-height:1.15!important;
}
.affiliate-leader-rest-grid-v686 .affiliate-leader-money-v632{
  grid-column:4!important;
  width:auto!important;
  text-align:right!important;
  white-space:nowrap!important;
  font-size:14px!important;
  font-weight:750!important;
  line-height:1.1!important;
}
.affiliate-leader-rest-grid-v686 .affiliate-leader-membership-v682{
  width:17px!important;
  height:17px!important;
  min-width:17px!important;
  right:-2px!important;
  bottom:-2px!important;
  font-size:8px!important;
}
@media (max-width:1199.98px){
  .affiliate-leader-podium-v686{
    grid-template-columns:1fr;
    gap:12px;
    padding-top:0;
    margin:10px 0 16px;
  }
  .affiliate-leader-podium-cell-v686,
  .affiliate-leader-podium-cell-v686.is-second-v686,
  .affiliate-leader-podium-cell-v686.is-first-v686,
  .affiliate-leader-podium-cell-v686.is-third-v686{
    grid-column:1!important;
    grid-row:auto!important;
  }
  .affiliate-leader-podium-cell-v686.is-first-v686{order:1}
  .affiliate-leader-podium-cell-v686.is-second-v686{order:2}
  .affiliate-leader-podium-cell-v686.is-third-v686{order:3}
  .affiliate-leader-podium-cell-v686 .affiliate-leader-row-v632.is-top,
  .affiliate-leader-podium-cell-v686 .affiliate-leader-row-v632.is-top.has-frame-v664,
  .affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-row-v632.is-top,
  .affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-row-v632.is-top.has-frame-v664{
    transform:none!important;
    display:grid!important;
    grid-template-columns:54px 84px minmax(0,1fr)!important;
    grid-template-rows:auto!important;
    justify-items:start!important;
    text-align:left!important;
    min-height:96px!important;
    padding:13px 14px!important;
  }
  .affiliate-leader-podium-cell-v686 .affiliate-leader-name-v632,
  .affiliate-leader-podium-cell-v686 .affiliate-leader-money-v632{
    text-align:left!important;
    align-items:flex-start!important;
    justify-items:start!important;
  }
  .affiliate-leader-rest-grid-v686{
    grid-template-columns:1fr;
    grid-template-rows:auto;
    grid-auto-flow:row;
    gap:0;
    margin-top:0;
  }
  .affiliate-leader-rest-grid-v686 .affiliate-leader-row-v632,
  .affiliate-leader-rest-grid-v686 .affiliate-leader-row-v632.is-top,
  .affiliate-leader-rest-grid-v686 .affiliate-leader-row-v632.is-top.has-frame-v664{
    grid-template-columns:50px 44px minmax(0,1fr)!important;
  }
  .affiliate-leader-rest-grid-v686 .affiliate-leader-money-v632{
    grid-column:3!important;
    text-align:left!important;
  }
}
@media (max-width:575.98px){
  .affiliate-leaderboard-v686 .affiliate-leaderboard-pill-v686{
    min-height:36px!important;
    padding:0 16px!important;
    font-size:16px!important;
  }
  .affiliate-leaderboard-v686 .affiliate-leaderboard-head-v686 h2{
    font-size:18px!important;
  }
  .affiliate-leader-podium-cell-v686 .affiliate-leader-row-v632.is-top,
  .affiliate-leader-podium-cell-v686 .affiliate-leader-row-v632.is-top.has-frame-v664,
  .affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-row-v632.is-top,
  .affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-row-v632.is-top.has-frame-v664{
    grid-template-columns:46px 68px minmax(0,1fr)!important;
    gap:10px!important;
  }
  .affiliate-leader-podium-cell-v686 .affiliate-leader-frame-wrap-v664,
  .affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-frame-wrap-v664{
    width:72px!important;
    height:72px!important;
  }
  .affiliate-leader-podium-cell-v686 .affiliate-leader-row-v632.is-top.has-frame-v664 .affiliate-leader-avatar-v632,
  .affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-row-v632.is-top.has-frame-v664 .affiliate-leader-avatar-v632{
    width:44px!important;
    height:44px!important;
    flex-basis:44px!important;
  }
  .affiliate-leader-podium-cell-v686 .affiliate-leader-name-btn-v669,
  .affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-name-btn-v669{
    font-size:16px!important;
  }
  .affiliate-leader-podium-cell-v686 .affiliate-leader-money-v632,
  .affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-money-v632{
    font-size:15px!important;
  }
  .affiliate-leader-rest-grid-v686 .affiliate-leader-row-v632,
  .affiliate-leader-rest-grid-v686 .affiliate-leader-row-v632.is-top,
  .affiliate-leader-rest-grid-v686 .affiliate-leader-row-v632.is-top.has-frame-v664{
    grid-template-columns:42px 38px minmax(0,1fr)!important;
    gap:9px!important;
    min-height:60px!important;
  }
  .affiliate-leader-rest-grid-v686 .affiliate-leader-top-label-v667{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}
  .affiliate-leader-rest-grid-v686 .affiliate-leader-top-number-v667{width:28px!important;min-width:28px!important;height:28px!important;font-size:12px!important}
  .affiliate-leader-rest-grid-v686 .affiliate-leader-avatar-v632{width:34px!important;height:34px!important;flex-basis:34px!important}
  .affiliate-leader-rest-grid-v686 .affiliate-leader-name-btn-v669{font-size:13.5px!important}
  .affiliate-leader-rest-grid-v686 .affiliate-leader-money-v632{font-size:13px!important}
}

/* V686.1 - Hạng 4-10: tên bên trái, số tiền thẳng hàng bên phải như mẫu */
@media (min-width:1200px){
  .affiliate-leader-rest-grid-v686 .affiliate-leader-row-v632,
  .affiliate-leader-rest-grid-v686 .affiliate-leader-row-v632.is-top,
  .affiliate-leader-rest-grid-v686 .affiliate-leader-row-v632.is-top.has-frame-v664{
    grid-template-columns:54px 48px minmax(0,1fr)!important;
  }
  .affiliate-leader-rest-grid-v686 .affiliate-leader-name-v632{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    column-gap:12px!important;
  }
  .affiliate-leader-rest-grid-v686 .affiliate-leader-money-v632{
    grid-column:2!important;
    grid-row:1!important;
    text-align:right!important;
  }
}
@media (max-width:1199.98px){
  .affiliate-leader-rest-grid-v686 .affiliate-leader-name-v632{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:3px!important;
  }
  .affiliate-leader-rest-grid-v686 .affiliate-leader-money-v632{
    grid-column:1!important;
    grid-row:auto!important;
    text-align:left!important;
  }
}

/* V687 - Badge Free/Premium nằm cạnh tên, bỏ icon trạng thái đè lên avatar; bỏ khối hướng dẫn theo yêu cầu */
.affiliate-sidebar-title-v611{display:none!important;}
.affiliate-merged-intro-v646{display:none!important;}
.affiliate-leaderboard-v686 .affiliate-leader-membership-v682{display:none!important;}
.affiliate-leader-name-line-v687{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  min-width:0!important;
  max-width:100%!important;
  line-height:1.15!important;
}
.affiliate-leader-tier-badge-v687{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  min-width:max-content!important;
  min-height:24px!important;
  padding:3px 10px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.68)!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
  text-transform:uppercase!important;
  letter-spacing:.2px!important;
  box-shadow:0 4px 10px rgba(15,35,58,.10)!important;
}
.affiliate-leader-tier-badge-v687 i{
  font-size:11px!important;
  line-height:1!important;
}
.affiliate-leader-tier-badge-v687.is-premium{
  background:linear-gradient(100deg,#ff7a00 0%,#ff9b2f 38%,#5b6ff1 72%,#2563eb 100%)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.72)!important;
  box-shadow:0 4px 10px rgba(37,99,235,.14),0 3px 9px rgba(255,122,0,.14)!important;
}
.affiliate-leader-tier-badge-v687.is-free{
  background:#0f9f62!important;
  color:#fff!important;
  border-color:#22c55e!important;
}
.affiliate-leader-rest-grid-v686 .affiliate-leader-name-line-v687{
  grid-column:1!important;
  grid-row:1!important;
  justify-content:flex-start!important;
}
.affiliate-leader-rest-grid-v686 .affiliate-leader-name-btn-v669{
  flex:0 1 auto!important;
  min-width:0!important;
}
.affiliate-leader-rest-grid-v686 .affiliate-leader-money-v632{
  align-self:center!important;
}
.affiliate-leader-podium-cell-v686 .affiliate-leader-name-line-v687{
  justify-content:center!important;
}
.affiliate-leader-podium-cell-v686 .affiliate-leader-name-btn-v669{
  flex:0 1 auto!important;
  min-width:0!important;
}
.affiliate-leader-podium-cell-v686 .affiliate-leader-tier-badge-v687{
  height:23px!important;
  padding:0 10px!important;
  font-size:12.5px!important;
}
@media (min-width:1200px){
  .affiliate-leader-rest-grid-v686 .affiliate-leader-name-v632{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    column-gap:12px!important;
  }
  .affiliate-leader-rest-grid-v686 .affiliate-leader-name-line-v687{
    min-width:0!important;
    overflow:hidden!important;
  }
  .affiliate-leader-rest-grid-v686 .affiliate-leader-money-v632{
    grid-column:2!important;
    grid-row:1!important;
    text-align:right!important;
    white-space:nowrap!important;
  }
}
@media (max-width:1199.98px){
  .affiliate-leader-podium-cell-v686 .affiliate-leader-name-line-v687,
  .affiliate-leader-rest-grid-v686 .affiliate-leader-name-line-v687{
    justify-content:flex-start!important;
  }
  .affiliate-leader-tier-badge-v687{
    min-height:22px!important;
    padding:2px 8px!important;
    font-size:11.5px!important;
  }
}
@media (max-width:575.98px){
  .affiliate-leader-name-line-v687{
    gap:6px!important;
  }
  .affiliate-leader-tier-badge-v687{
    min-height:19px!important;
    padding:2px 6px!important;
    font-size:10px!important;
  }
  .affiliate-leader-tier-badge-v687 i{font-size:9px!important;}
}


/* V689 - Top 4-10: badge Premium gọn hơn, popup không làm trang lệch, nền bảng Top giảm trắng */
body.affiliate-modal-open-v670{
  overflow:hidden!important;
  padding-right:var(--affiliate-scrollbar-compensation,0px)!important;
}
.affiliate-card-v611.affiliate-leaderboard-v686{
  background:linear-gradient(135deg,#f3f7fb 0%,#edf4fa 100%)!important;
  border-color:#d5e2f0!important;
  box-shadow:0 14px 34px rgba(15,59,102,.08)!important;
}
.affiliate-leader-podium-cell-v686 .affiliate-leader-row-v632.is-top,
.affiliate-leader-podium-cell-v686 .affiliate-leader-row-v632.is-top.has-frame-v664{
  background:linear-gradient(135deg,rgba(255,255,255,.86) 0%,rgba(248,251,255,.78) 100%)!important;
}
.affiliate-leader-rest-grid-v686 .affiliate-leader-tier-badge-v687{
  min-height:18px!important;
  padding:2px 6px!important;
  gap:3px!important;
  font-size:9.5px!important;
  letter-spacing:.12px!important;
  box-shadow:0 2px 6px rgba(15,35,58,.08)!important;
}
.affiliate-leader-rest-grid-v686 .affiliate-leader-tier-badge-v687 i{
  font-size:8.5px!important;
}
.affiliate-leader-rest-grid-v686 .affiliate-leader-name-line-v687{
  gap:6px!important;
}
@media (max-width:575.98px){
  .affiliate-leader-rest-grid-v686 .affiliate-leader-tier-badge-v687{
    min-height:17px!important;
    padding:2px 5px!important;
    font-size:9px!important;
  }
}

/* V690 - Top 4-10: căn cụm giữa dưới Top 1, bỏ nền khung trắng của từng dòng */
@media (min-width:1200px){
  .affiliate-leader-rest-grid-v686{
    width:100%!important;
    max-width:1120px!important;
    margin:2px auto 0!important;
    grid-template-columns:repeat(2,minmax(360px,520px))!important;
    grid-template-rows:repeat(4,auto)!important;
    grid-auto-flow:column!important;
    justify-content:center!important;
    align-items:start!important;
    column-gap:42px!important;
    row-gap:0!important;
  }
  .affiliate-leader-rest-cell-v686{
    min-width:0!important;
    display:flex!important;
  }
  .affiliate-leader-rest-cell-v686:nth-child(-n+4){justify-content:flex-end!important;}
  .affiliate-leader-rest-cell-v686:nth-child(n+5){justify-content:flex-start!important;}
  .affiliate-leader-rest-grid-v686 .affiliate-leader-row-v632,
  .affiliate-leader-rest-grid-v686 .affiliate-leader-row-v632.is-top,
  .affiliate-leader-rest-grid-v686 .affiliate-leader-row-v632.is-top.has-frame-v664{
    width:100%!important;
    max-width:520px!important;
    min-height:64px!important;
    padding:8px 0!important;
    border:0!important;
    border-bottom:1px solid rgba(15,59,102,.14)!important;
    border-radius:0!important;
    background:transparent!important;
    background-color:transparent!important;
    box-shadow:none!important;
    outline:0!important;
  }
  .affiliate-leader-rest-grid-v686 .affiliate-leader-row-v632::before,
  .affiliate-leader-rest-grid-v686 .affiliate-leader-row-v632::after{
    display:none!important;
    content:none!important;
  }
  .affiliate-leader-rest-grid-v686 .affiliate-leader-row-v632:hover,
  .affiliate-leader-rest-grid-v686 .affiliate-leader-row-v632:focus-visible,
  .affiliate-leader-rest-grid-v686 .affiliate-leader-row-v632.is-open-v669{
    background:transparent!important;
    background-color:transparent!important;
    box-shadow:none!important;
  }
}
@media (max-width:1199.98px){
  .affiliate-leader-rest-grid-v686 .affiliate-leader-row-v632,
  .affiliate-leader-rest-grid-v686 .affiliate-leader-row-v632.is-top,
  .affiliate-leader-rest-grid-v686 .affiliate-leader-row-v632.is-top.has-frame-v664{
    border:0!important;
    border-bottom:1px solid rgba(15,59,102,.14)!important;
    border-radius:0!important;
    background:transparent!important;
    background-color:transparent!important;
    box-shadow:none!important;
  }
  .affiliate-leader-rest-grid-v686 .affiliate-leader-row-v632::before,
  .affiliate-leader-rest-grid-v686 .affiliate-leader-row-v632::after{
    display:none!important;
    content:none!important;
  }
}


/* V692 - Top 4-10: mặc định không có khung trắng, chỉ hiện khung khi hover */
@media (min-width:1200px){
  .affiliate-leader-rest-grid-v686 .affiliate-leader-row-v632,
  .affiliate-leader-rest-grid-v686 .affiliate-leader-row-v632.is-top,
  .affiliate-leader-rest-grid-v686 .affiliate-leader-row-v632.is-top.has-frame-v664{
    padding:8px 12px!important;
    border-bottom-color:rgba(15,59,102,.14)!important;
    transition:background-color .18s ease, box-shadow .18s ease, border-color .18s ease, border-radius .18s ease!important;
  }
  .affiliate-leader-rest-grid-v686 .affiliate-leader-row-v632:hover,
  .affiliate-leader-rest-grid-v686 .affiliate-leader-row-v632:focus-visible,
  .affiliate-leader-rest-grid-v686 .affiliate-leader-row-v632.is-open-v669{
    background:#ffffff!important;
    background-color:#ffffff!important;
    border-radius:16px!important;
    border-bottom-color:transparent!important;
    box-shadow:0 8px 22px rgba(15,55,103,.10)!important;
  }
}
@media (max-width:1199.98px){
  .affiliate-leader-rest-grid-v686 .affiliate-leader-row-v632,
  .affiliate-leader-rest-grid-v686 .affiliate-leader-row-v632.is-top,
  .affiliate-leader-rest-grid-v686 .affiliate-leader-row-v632.is-top.has-frame-v664{
    padding:8px 12px!important;
    transition:background-color .18s ease, box-shadow .18s ease, border-color .18s ease, border-radius .18s ease!important;
  }
  .affiliate-leader-rest-grid-v686 .affiliate-leader-row-v632:hover,
  .affiliate-leader-rest-grid-v686 .affiliate-leader-row-v632:focus-visible,
  .affiliate-leader-rest-grid-v686 .affiliate-leader-row-v632.is-open-v669{
    background:#ffffff!important;
    background-color:#ffffff!important;
    border-radius:16px!important;
    border-bottom-color:transparent!important;
    box-shadow:0 8px 22px rgba(15,55,103,.10)!important;
  }
}

/* V691 - Top 1/2/3: nút hạng nhỏ ở góc trái, khung/avatar lớn hơn nhẹ */
.affiliate-leader-podium-cell-v686 .affiliate-leader-row-v632.is-top,
.affiliate-leader-podium-cell-v686 .affiliate-leader-row-v632.is-top.has-frame-v664{
  position:relative!important;
  padding-top:30px!important;
}
.affiliate-leader-podium-cell-v686 .affiliate-leader-top-label-v667,
.affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-top-label-v667{
  position:absolute!important;
  top:14px!important;
  left:18px!important;
  z-index:6!important;
  width:38px!important;
  min-width:38px!important;
  height:38px!important;
  min-height:38px!important;
  padding:0!important;
  justify-self:auto!important;
  margin:0!important;
  box-shadow:0 6px 16px rgba(15,35,58,.16)!important;
}
.affiliate-leader-podium-cell-v686 .affiliate-leader-top-number-v667,
.affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-top-number-v667{
  width:30px!important;
  min-width:30px!important;
  height:30px!important;
  min-height:30px!important;
  font-size:13px!important;
  line-height:1!important;
}
.affiliate-leader-podium-cell-v686 .affiliate-leader-frame-wrap-v664{
  width:108px!important;
  height:108px!important;
}
.affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-frame-wrap-v664{
  width:132px!important;
  height:132px!important;
}
.affiliate-leader-podium-cell-v686 .affiliate-leader-row-v632.is-top.has-frame-v664 .affiliate-leader-avatar-v632{
  width:64px!important;
  height:64px!important;
  flex-basis:64px!important;
}
.affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-row-v632.is-top.has-frame-v664 .affiliate-leader-avatar-v632{
  width:80px!important;
  height:80px!important;
  flex-basis:80px!important;
}
.affiliate-leader-podium-cell-v686 .affiliate-leader-row-v632.is-top:not(.has-frame-v664) .affiliate-leader-avatar-v632{
  width:92px!important;
  height:92px!important;
  flex-basis:92px!important;
}
.affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-row-v632.is-top:not(.has-frame-v664) .affiliate-leader-avatar-v632{
  width:110px!important;
  height:110px!important;
  flex-basis:110px!important;
}
@media (max-width:1199.98px){
  .affiliate-leader-podium-cell-v686 .affiliate-leader-top-label-v667,
  .affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-top-label-v667{
    top:12px!important;
    left:14px!important;
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    min-height:34px!important;
  }
  .affiliate-leader-podium-cell-v686 .affiliate-leader-top-number-v667,
  .affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-top-number-v667{
    width:27px!important;
    min-width:27px!important;
    height:27px!important;
    min-height:27px!important;
    font-size:12px!important;
  }
  .affiliate-leader-podium-cell-v686 .affiliate-leader-frame-wrap-v664,
  .affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-frame-wrap-v664{
    width:108px!important;
    height:108px!important;
  }
  .affiliate-leader-podium-cell-v686 .affiliate-leader-row-v632.is-top.has-frame-v664 .affiliate-leader-avatar-v632,
  .affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-row-v632.is-top.has-frame-v664 .affiliate-leader-avatar-v632{
    width:64px!important;
    height:64px!important;
    flex-basis:64px!important;
  }
}
@media (max-width:575.98px){
  .affiliate-leader-podium-cell-v686 .affiliate-leader-top-label-v667,
  .affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-top-label-v667{
    top:10px!important;
    left:12px!important;
    width:32px!important;
    min-width:32px!important;
    height:32px!important;
    min-height:32px!important;
  }
  .affiliate-leader-podium-cell-v686 .affiliate-leader-top-number-v667,
  .affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-top-number-v667{
    width:25px!important;
    min-width:25px!important;
    height:25px!important;
    min-height:25px!important;
    font-size:11px!important;
  }
}

/* V692 - Top 4-10: bỏ khung trắng mặc định, chỉ hiện nền khi rê chuột */
.affiliate-leaderboard-v686 .affiliate-leader-rest-grid-v686 .affiliate-leader-row-v632,
.affiliate-leaderboard-v686 .affiliate-leader-rest-grid-v686 .affiliate-leader-row-v632.is-top,
.affiliate-leaderboard-v686 .affiliate-leader-rest-grid-v686 .affiliate-leader-row-v632.is-top.has-frame-v664{
  background:transparent!important;
  background-color:transparent!important;
  border:0!important;
  border-bottom:1px solid rgba(15,59,102,.12)!important;
  border-radius:0!important;
  box-shadow:none!important;
  outline:0!important;
}
.affiliate-leaderboard-v686 .affiliate-leader-rest-grid-v686 .affiliate-leader-row-v632::before,
.affiliate-leaderboard-v686 .affiliate-leader-rest-grid-v686 .affiliate-leader-row-v632::after{
  display:none!important;
  content:none!important;
  background:transparent!important;
  box-shadow:none!important;
}
.affiliate-leaderboard-v686 .affiliate-leader-rest-grid-v686 .affiliate-leader-row-v632:hover,
.affiliate-leaderboard-v686 .affiliate-leader-rest-grid-v686 .affiliate-leader-row-v632:focus-visible,
.affiliate-leaderboard-v686 .affiliate-leader-rest-grid-v686 .affiliate-leader-row-v632.is-open-v669{
  background:rgba(255,255,255,.82)!important;
  background-color:rgba(255,255,255,.82)!important;
  border-bottom-color:transparent!important;
  border-radius:16px!important;
  box-shadow:0 8px 22px rgba(15,35,58,.08)!important;
}

/* V693 - Mobile Affiliate: bố trí lại Top 10 để không lệch, không tràn ngang */
@media (max-width:767.98px){
  html,body{overflow-x:hidden!important;}
  .affiliate-page-v611{
    padding-top:10px!important;
    overflow-x:hidden!important;
  }
  .affiliate-container-v611{
    width:100%!important;
    max-width:100%!important;
    padding-left:10px!important;
    padding-right:10px!important;
    overflow-x:hidden!important;
  }
  .affiliate-layout-v611,
  .affiliate-main-v611{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:hidden!important;
  }
  .affiliate-card-v611.affiliate-leaderboard-v686{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    padding:12px 10px 14px!important;
    border-radius:16px!important;
    overflow:hidden!important;
  }
  .affiliate-leaderboard-v686 .affiliate-leaderboard-head-v686{
    gap:6px!important;
    margin-bottom:12px!important;
  }
  .affiliate-leaderboard-v686 .affiliate-leaderboard-pill-v686{
    min-height:32px!important;
    padding:0 14px!important;
    border-radius:9px!important;
    font-size:14px!important;
  }
  .affiliate-leaderboard-v686 .affiliate-leaderboard-head-v686 h2{
    font-size:16px!important;
    line-height:1.25!important;
  }
  .affiliate-leader-podium-v686{
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
    width:100%!important;
    max-width:100%!important;
    margin:6px 0 12px!important;
    padding:0!important;
  }
  .affiliate-leader-podium-cell-v686,
  .affiliate-leader-podium-cell-v686.is-first-v686,
  .affiliate-leader-podium-cell-v686.is-second-v686,
  .affiliate-leader-podium-cell-v686.is-third-v686{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    grid-column:auto!important;
    grid-row:auto!important;
  }
  .affiliate-leader-podium-cell-v686.is-first-v686{order:1!important;}
  .affiliate-leader-podium-cell-v686.is-second-v686{order:2!important;}
  .affiliate-leader-podium-cell-v686.is-third-v686{order:3!important;}
  .affiliate-leader-podium-cell-v686 .affiliate-leader-row-v632.is-top,
  .affiliate-leader-podium-cell-v686 .affiliate-leader-row-v632.is-top.has-frame-v664,
  .affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-row-v632.is-top,
  .affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-row-v632.is-top.has-frame-v664{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto auto!important;
    justify-items:center!important;
    align-items:center!important;
    align-content:center!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:0!important;
    padding:44px 12px 16px!important;
    border-radius:18px!important;
    text-align:center!important;
    transform:none!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  .affiliate-leader-podium-cell-v686 .affiliate-leader-row-v632.is-top:hover,
  .affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-row-v632.is-top:hover{
    transform:none!important;
  }
  .affiliate-leader-podium-cell-v686 .affiliate-leader-top-label-v667,
  .affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-top-label-v667{
    top:10px!important;
    left:12px!important;
    width:32px!important;
    min-width:32px!important;
    height:32px!important;
    min-height:32px!important;
    box-shadow:0 5px 14px rgba(15,35,58,.16)!important;
  }
  .affiliate-leader-podium-cell-v686 .affiliate-leader-top-number-v667,
  .affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-top-number-v667{
    width:25px!important;
    min-width:25px!important;
    height:25px!important;
    min-height:25px!important;
    font-size:11px!important;
  }
  .affiliate-leader-podium-cell-v686 .affiliate-leader-frame-wrap-v664,
  .affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-frame-wrap-v664{
    width:122px!important;
    height:122px!important;
    max-width:42vw!important;
    max-height:42vw!important;
    justify-self:center!important;
  }
  .affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-frame-wrap-v664{
    width:136px!important;
    height:136px!important;
    max-width:46vw!important;
    max-height:46vw!important;
  }
  .affiliate-leader-podium-cell-v686 .affiliate-leader-row-v632.is-top.has-frame-v664 .affiliate-leader-avatar-v632,
  .affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-row-v632.is-top.has-frame-v664 .affiliate-leader-avatar-v632{
    width:72px!important;
    height:72px!important;
    flex:0 0 72px!important;
  }
  .affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-row-v632.is-top.has-frame-v664 .affiliate-leader-avatar-v632{
    width:80px!important;
    height:80px!important;
    flex-basis:80px!important;
  }
  .affiliate-leader-podium-cell-v686 .affiliate-leader-row-v632.is-top:not(.has-frame-v664) .affiliate-leader-avatar-v632,
  .affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-row-v632.is-top:not(.has-frame-v664) .affiliate-leader-avatar-v632{
    width:92px!important;
    height:92px!important;
    flex:0 0 92px!important;
    justify-self:center!important;
  }
  .affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-row-v632.is-top:not(.has-frame-v664) .affiliate-leader-avatar-v632{
    width:106px!important;
    height:106px!important;
    flex-basis:106px!important;
  }
  .affiliate-leader-podium-cell-v686 .affiliate-leader-name-v632,
  .affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-name-v632{
    display:grid!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    justify-items:center!important;
    align-items:center!important;
    text-align:center!important;
    gap:6px!important;
  }
  .affiliate-leader-podium-cell-v686 .affiliate-leader-name-line-v687,
  .affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-name-line-v687{
    width:100%!important;
    max-width:100%!important;
    justify-content:center!important;
    flex-wrap:wrap!important;
    gap:6px!important;
    overflow:visible!important;
  }
  .affiliate-leader-podium-cell-v686 .affiliate-leader-name-btn-v669,
  .affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-name-btn-v669{
    max-width:100%!important;
    min-width:0!important;
    text-align:center!important;
    font-size:17px!important;
    line-height:1.18!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .affiliate-leader-podium-cell-v686 .affiliate-leader-money-v632,
  .affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-money-v632{
    width:100%!important;
    max-width:100%!important;
    text-align:center!important;
    font-size:18px!important;
    line-height:1.15!important;
    white-space:nowrap!important;
  }
  .affiliate-leader-podium-cell-v686 .affiliate-leader-tier-badge-v687{
    min-height:22px!important;
    padding:2px 8px!important;
    font-size:11px!important;
  }
  .affiliate-leader-podium-cell-v686 .affiliate-leader-tier-badge-v687 i{font-size:10px!important;}

  .affiliate-leader-rest-grid-v686{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:2px 0 0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  .affiliate-leader-rest-cell-v686{width:100%!important;max-width:100%!important;min-width:0!important;}
  .affiliate-leaderboard-v686 .affiliate-leader-rest-grid-v686 .affiliate-leader-row-v632,
  .affiliate-leaderboard-v686 .affiliate-leader-rest-grid-v686 .affiliate-leader-row-v632.is-top,
  .affiliate-leaderboard-v686 .affiliate-leader-rest-grid-v686 .affiliate-leader-row-v632.is-top.has-frame-v664{
    display:grid!important;
    grid-template-columns:38px 40px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    gap:6px 8px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:58px!important;
    padding:8px 2px!important;
    border:0!important;
    border-bottom:1px solid rgba(15,59,102,.12)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  .affiliate-leaderboard-v686 .affiliate-leader-rest-grid-v686 .affiliate-leader-row-v632:hover,
  .affiliate-leaderboard-v686 .affiliate-leader-rest-grid-v686 .affiliate-leader-row-v632:focus-visible,
  .affiliate-leaderboard-v686 .affiliate-leader-rest-grid-v686 .affiliate-leader-row-v632.is-open-v669{
    background:rgba(255,255,255,.82)!important;
    border-radius:12px!important;
    border-bottom-color:transparent!important;
    box-shadow:0 6px 16px rgba(15,35,58,.07)!important;
  }
  .affiliate-leader-rest-grid-v686 .affiliate-leader-top-label-v667{
    width:32px!important;
    min-width:32px!important;
    height:32px!important;
    min-height:32px!important;
    grid-column:1!important;
    grid-row:1 / span 2!important;
    align-self:center!important;
  }
  .affiliate-leader-rest-grid-v686 .affiliate-leader-top-number-v667{
    width:25px!important;
    min-width:25px!important;
    height:25px!important;
    min-height:25px!important;
    font-size:11px!important;
  }
  .affiliate-leader-rest-grid-v686 .affiliate-leader-avatar-v632,
  .affiliate-leader-rest-grid-v686 .affiliate-leader-row-v632.is-top:not(.has-frame-v664) .affiliate-leader-avatar-v632{
    width:36px!important;
    height:36px!important;
    flex:0 0 36px!important;
    grid-column:2!important;
    grid-row:1 / span 2!important;
    align-self:center!important;
  }
  .affiliate-leader-rest-grid-v686 .affiliate-leader-frame-wrap-v664{
    width:38px!important;
    height:38px!important;
    grid-column:2!important;
    grid-row:1 / span 2!important;
    align-self:center!important;
  }
  .affiliate-leader-rest-grid-v686 .affiliate-leader-row-v632.has-frame-v664 .affiliate-leader-avatar-v632{
    width:26px!important;
    height:26px!important;
    flex-basis:26px!important;
  }
  .affiliate-leader-rest-grid-v686 .affiliate-leader-name-v632{
    display:grid!important;
    grid-column:3!important;
    grid-row:1 / span 2!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    grid-template-columns:1fr!important;
    gap:3px!important;
    align-self:center!important;
  }
  .affiliate-leader-rest-grid-v686 .affiliate-leader-name-line-v687{
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:5px!important;
    overflow:hidden!important;
  }
  .affiliate-leader-rest-grid-v686 .affiliate-leader-name-btn-v669{
    min-width:0!important;
    max-width:100%!important;
    flex:1 1 auto!important;
    font-size:14px!important;
    line-height:1.15!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .affiliate-leader-rest-grid-v686 .affiliate-leader-tier-badge-v687{
    flex:0 0 auto!important;
    min-height:18px!important;
    padding:1px 6px!important;
    font-size:9.5px!important;
    gap:3px!important;
  }
  .affiliate-leader-rest-grid-v686 .affiliate-leader-tier-badge-v687 i{font-size:9px!important;}
  .affiliate-leader-rest-grid-v686 .affiliate-leader-money-v632{
    grid-column:1!important;
    grid-row:2!important;
    width:100%!important;
    max-width:100%!important;
    text-align:left!important;
    font-size:13px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}

@media (max-width:374.98px){
  .affiliate-card-v611.affiliate-leaderboard-v686{padding-left:8px!important;padding-right:8px!important;}
  .affiliate-leader-rest-grid-v686 .affiliate-leader-name-btn-v669{font-size:13px!important;}
  .affiliate-leader-rest-grid-v686 .affiliate-leader-tier-badge-v687{font-size:9px!important;padding-left:5px!important;padding-right:5px!important;}
}

/* V694 - Mobile Affiliate: tách menu thành từng khung nút riêng biệt, đồng bộ spacing */
@media (max-width:767.98px){
  .affiliate-sidebar-v611{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    padding:12px!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.92)!important;
    border:1px solid #dbe6f3!important;
    box-shadow:0 8px 24px rgba(15,55,103,.06)!important;
  }
  .affiliate-sidebar-v611 .affiliate-sidebar-title-v611{
    display:none!important;
  }
  .affiliate-sidebar-v611 .affiliate-menu-item-v611{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:54px!important;
    margin:0!important;
    padding:10px 12px!important;
    border:1px solid #dbe6f3!important;
    border-radius:13px!important;
    background:#fff!important;
    color:#10233d!important;
    box-shadow:0 4px 14px rgba(15,55,103,.045)!important;
    font-size:14px!important;
    font-weight:500!important;
    line-height:1.25!important;
    text-align:center!important;
    text-decoration:none!important;
    white-space:normal!important;
  }
  .affiliate-sidebar-v611 .affiliate-menu-item-v611 i{
    display:none!important;
  }
  .affiliate-sidebar-v611 .affiliate-menu-item-v611:hover,
  .affiliate-sidebar-v611 .affiliate-menu-item-v611:focus-visible{
    background:#f3f8ff!important;
    border-color:#bfd5f3!important;
    color:#0f3b66!important;
    box-shadow:0 6px 18px rgba(15,55,103,.08)!important;
  }
  .affiliate-sidebar-v611 .affiliate-menu-item-v611.active{
    background:#dcecff!important;
    border-color:#c4dcfb!important;
    color:#0f3b66!important;
    font-weight:700!important;
    box-shadow:none!important;
  }
}
@media (max-width:374.98px){
  .affiliate-sidebar-v611{
    gap:8px!important;
    padding:10px!important;
  }
  .affiliate-sidebar-v611 .affiliate-menu-item-v611{
    min-height:50px!important;
    padding:9px 8px!important;
    font-size:13px!important;
  }
}

/* V696 - Top 1/2/3: hover nảy nhẹ, không ảnh hưởng popup */
@media (hover:hover) and (pointer:fine) and (min-width:768px){
  .affiliate-leader-podium-cell-v686 .affiliate-leader-row-v632.is-top{
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease!important;
    will-change:transform;
  }
  body:not(.affiliate-modal-open-v670) .affiliate-leader-podium-cell-v686 .affiliate-leader-row-v632.is-top:not(.is-open-v669):hover,
  body:not(.affiliate-modal-open-v670) .affiliate-leader-podium-cell-v686 .affiliate-leader-row-v632.is-top:not(.is-open-v669):focus-visible{
    transform:translateY(-4px)!important;
    box-shadow:0 18px 38px rgba(15,59,102,.13)!important;
    border-color:#cfe0f4!important;
  }
  body.affiliate-modal-open-v670 .affiliate-leader-podium-cell-v686 .affiliate-leader-row-v632.is-top,
  .affiliate-leader-podium-cell-v686 .affiliate-leader-row-v632.is-top.is-open-v669{
    transform:none!important;
  }
}

/* V698 - Top 1 giữ vị trí nổi khi hover/popup; tránh nảy xuống do transform chung */
@media (hover:hover) and (pointer:fine) and (min-width:768px){
  body:not(.affiliate-modal-open-v670) .affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-row-v632.is-top:not(.is-open-v669),
  body:not(.affiliate-modal-open-v670) .affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-row-v632.is-top.has-frame-v664:not(.is-open-v669){
    transform:translateY(-28px)!important;
  }
  body:not(.affiliate-modal-open-v670) .affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-row-v632.is-top:not(.is-open-v669):hover,
  body:not(.affiliate-modal-open-v670) .affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-row-v632.is-top.has-frame-v664:not(.is-open-v669):hover,
  body:not(.affiliate-modal-open-v670) .affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-row-v632.is-top:not(.is-open-v669):focus-visible,
  body:not(.affiliate-modal-open-v670) .affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-row-v632.is-top.has-frame-v664:not(.is-open-v669):focus-visible{
    transform:translateY(-32px)!important;
    box-shadow:0 22px 44px rgba(245,166,35,.17)!important;
    border-color:#f4d58d!important;
  }
  body.affiliate-modal-open-v670 .affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-row-v632.is-top,
  body.affiliate-modal-open-v670 .affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-row-v632.is-top.has-frame-v664,
  .affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-row-v632.is-top.is-open-v669,
  .affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-row-v632.is-top.has-frame-v664.is-open-v669{
    transform:translateY(-28px)!important;
  }
  body.affiliate-modal-open-v670 .affiliate-leader-podium-cell-v686:not(.is-first-v686) .affiliate-leader-row-v632.is-top,
  .affiliate-leader-podium-cell-v686:not(.is-first-v686) .affiliate-leader-row-v632.is-top.is-open-v669{
    transform:none!important;
  }
}

/* V700 - Mobile admin Affiliate: menu nhanh dưới cùng dạng icon nhỏ */
.admin-affiliate-mobile-bottom-nav-v700{display:none;}
@media(max-width:767.98px){
  .admin-affiliate-page-v611{padding-bottom:92px!important;}
  .admin-affiliate-mobile-bottom-nav-v700{
    position:fixed!important;
    left:12px!important;
    right:12px!important;
    bottom:10px!important;
    z-index:2600!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:5px!important;
    max-width:430px!important;
    margin:0 auto!important;
    padding:7px!important;
    border:1px solid rgba(203,216,232,.92)!important;
    border-radius:20px!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 14px 34px rgba(15,35,58,.18)!important;
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
  }
  .admin-affiliate-mobile-bottom-nav-v700.is-three-v700{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .admin-affiliate-mobile-bottom-nav-v700 button{
    appearance:none!important;
    border:1px solid transparent!important;
    border-radius:15px!important;
    min-width:0!important;
    min-height:52px!important;
    padding:6px 4px!important;
    background:#f6f9fd!important;
    color:#0f3b66!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    font-weight:700!important;
    line-height:1.08!important;
    box-shadow:none!important;
    cursor:pointer!important;
  }
  .admin-affiliate-mobile-bottom-nav-v700 button i{
    font-size:18px!important;
    line-height:1!important;
    width:auto!important;
  }
  .admin-affiliate-mobile-bottom-nav-v700 button span{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:10.5px!important;
    letter-spacing:-.1px!important;
  }
  .admin-affiliate-mobile-bottom-nav-v700 button.active{
    background:linear-gradient(135deg,#ff7a00,#2f7cf6)!important;
    color:#fff!important;
    border-color:rgba(255,255,255,.72)!important;
    box-shadow:0 8px 18px rgba(47,124,246,.20)!important;
  }
  .admin-affiliate-mobile-bottom-nav-v700 button:not(.active):hover,
  .admin-affiliate-mobile-bottom-nav-v700 button:not(.active):focus-visible{
    background:#eaf3ff!important;
    border-color:#b8d3f7!important;
    color:#0f3b66!important;
  }
  body.has-admin-affiliate-mobile-nav-v700 .vt-scroll-top-btn{
    bottom:92px!important;
    right:14px!important;
    width:42px!important;
    height:42px!important;
    z-index:2550!important;
  }
}
@media(max-width:380px){
  .admin-affiliate-mobile-bottom-nav-v700{left:8px!important;right:8px!important;padding:6px!important;gap:4px!important;}
  .admin-affiliate-mobile-bottom-nav-v700 button{min-height:49px!important;border-radius:13px!important;}
  .admin-affiliate-mobile-bottom-nav-v700 button i{font-size:17px!important;}
  .admin-affiliate-mobile-bottom-nav-v700 button span{font-size:9.6px!important;}
}



/* V701 - Admin Affiliate: căn trái các cột Doanh thu/Hoa hồng/IP/Hợp lệ/Thao tác */
.admin-affiliate-revenue-table-v621 th:nth-child(5),
.admin-affiliate-revenue-table-v621 th:nth-child(6),
.admin-affiliate-revenue-table-v621 th:nth-child(7),
.admin-affiliate-revenue-table-v621 th:nth-child(8),
.admin-affiliate-revenue-table-v621 th:nth-child(9),
.admin-affiliate-revenue-table-v621 td:nth-child(5),
.admin-affiliate-revenue-table-v621 td:nth-child(6),
.admin-affiliate-revenue-table-v621 td:nth-child(7),
.admin-affiliate-revenue-table-v621 td:nth-child(8),
.admin-affiliate-revenue-table-v621 td:nth-child(9){
  text-align:left!important;
}
.admin-affiliate-revenue-table-v621 td:nth-child(7) .admin-affiliate-ip-check-v621,
.admin-affiliate-revenue-table-v621 td:nth-child(8) .affiliate-status-v611{
  margin-left:0!important;
  margin-right:auto!important;
  justify-content:flex-start!important;
  text-align:left!important;
}
.admin-affiliate-revenue-table-v621 td:nth-child(9) .admin-affiliate-actions-v611,
.admin-affiliate-revenue-table-v621 td:nth-child(9) .admin-affiliate-toggle-action-v673{
  justify-content:flex-start!important;
  align-items:center!important;
  text-align:left!important;
}
@media(max-width:767.98px){
  .admin-affiliate-revenue-table-v621 td:nth-child(5),
  .admin-affiliate-revenue-table-v621 td:nth-child(6),
  .admin-affiliate-revenue-table-v621 td:nth-child(7),
  .admin-affiliate-revenue-table-v621 td:nth-child(8),
  .admin-affiliate-revenue-table-v621 td:nth-child(9){
    text-align:left!important;
    justify-items:start!important;
    align-items:start!important;
  }
  .admin-affiliate-revenue-table-v621 td:nth-child(5)::before,
  .admin-affiliate-revenue-table-v621 td:nth-child(6)::before,
  .admin-affiliate-revenue-table-v621 td:nth-child(7)::before,
  .admin-affiliate-revenue-table-v621 td:nth-child(8)::before,
  .admin-affiliate-revenue-table-v621 td:nth-child(9)::before{
    text-align:left!important;
  }
  .admin-affiliate-revenue-table-v621 td:nth-child(5) > *,
  .admin-affiliate-revenue-table-v621 td:nth-child(6) > *,
  .admin-affiliate-revenue-table-v621 td:nth-child(7) > *,
  .admin-affiliate-revenue-table-v621 td:nth-child(8) > *,
  .admin-affiliate-revenue-table-v621 td:nth-child(9) > *{
    justify-self:start!important;
    text-align:left!important;
  }
}

/* V702 - Admin Affiliate: mỗi khóa học trong cột Sản phẩm xuống một dòng riêng */
.admin-affiliate-revenue-table-v621 .admin-affiliate-product-title-v621{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:6px!important;
}
.admin-affiliate-revenue-table-v621 .admin-affiliate-product-line-v672{
  display:block!important;
  width:100%!important;
  white-space:normal!important;
  text-align:left!important;
}
@media(max-width:767.98px){
  .admin-affiliate-revenue-table-v621 .admin-affiliate-product-title-v621{
    gap:5px!important;
  }
}

/* V703 - Admin Affiliate: nút Duyệt phải dùng màu xanh, Từ chối mới dùng màu đỏ */
.admin-affiliate-revenue-table-v621 td:nth-child(9) .admin-affiliate-toggle-action-v673.is-approve button,
.admin-affiliate-revenue-table-v621 td:nth-child(9) .admin-affiliate-toggle-action-v673 button.approve,
.admin-affiliate-toggle-action-v673.is-approve [data-commission-action-button],
.admin-affiliate-toggle-action-v673 [data-commission-action-button].approve{
  background:#16a34a!important;
  color:#fff!important;
  border-color:#16a34a!important;
  box-shadow:0 7px 16px rgba(22,163,74,.16)!important;
}
.admin-affiliate-revenue-table-v621 td:nth-child(9) .admin-affiliate-toggle-action-v673.is-approve button:hover,
.admin-affiliate-revenue-table-v621 td:nth-child(9) .admin-affiliate-toggle-action-v673 button.approve:hover,
.admin-affiliate-toggle-action-v673.is-approve [data-commission-action-button]:hover,
.admin-affiliate-toggle-action-v673 [data-commission-action-button].approve:hover{
  background:#15803d!important;
  border-color:#15803d!important;
  box-shadow:0 9px 18px rgba(22,163,74,.22)!important;
}
.admin-affiliate-revenue-table-v621 td:nth-child(9) .admin-affiliate-toggle-action-v673.is-reject button,
.admin-affiliate-revenue-table-v621 td:nth-child(9) .admin-affiliate-toggle-action-v673 button.reject,
.admin-affiliate-toggle-action-v673.is-reject [data-commission-action-button],
.admin-affiliate-toggle-action-v673 [data-commission-action-button].reject{
  background:#fff1f2!important;
  color:#b42318!important;
  border-color:#fecdd3!important;
  box-shadow:none!important;
}


/* V704 - Admin Affiliate: thêm cột STT cho Doanh thu, Tài khoản, Nhật ký tài chính */
.admin-affiliate-stt-v704{
  width:1%;
  text-align:center!important;
  color:#0f3b66!important;
  font-weight:700!important;
  white-space:nowrap!important;
}
.admin-affiliate-revenue-table-v621 th:nth-child(1){width:4.5%!important;text-align:center!important;}
.admin-affiliate-revenue-table-v621 th:nth-child(2){width:10.5%!important;}
.admin-affiliate-revenue-table-v621 th:nth-child(3){width:10.5%!important;}
.admin-affiliate-revenue-table-v621 th:nth-child(4){width:10%!important;}
.admin-affiliate-revenue-table-v621 th:nth-child(5){width:25%!important;}
.admin-affiliate-revenue-table-v621 th:nth-child(6){width:7%!important;}
.admin-affiliate-revenue-table-v621 th:nth-child(7){width:7%!important;}
.admin-affiliate-revenue-table-v621 th:nth-child(8){width:8%!important;}
.admin-affiliate-revenue-table-v621 th:nth-child(9){width:10%!important;text-align:left!important;}
.admin-affiliate-revenue-table-v621 th:nth-child(10){width:7.5%!important;text-align:left!important;}
.admin-affiliate-revenue-table-v621 th:nth-child(6),
.admin-affiliate-revenue-table-v621 th:nth-child(7),
.admin-affiliate-revenue-table-v621 th:nth-child(8),
.admin-affiliate-revenue-table-v621 th:nth-child(9),
.admin-affiliate-revenue-table-v621 th:nth-child(10),
.admin-affiliate-revenue-table-v621 td:nth-child(6),
.admin-affiliate-revenue-table-v621 td:nth-child(7),
.admin-affiliate-revenue-table-v621 td:nth-child(8),
.admin-affiliate-revenue-table-v621 td:nth-child(9),
.admin-affiliate-revenue-table-v621 td:nth-child(10){
  text-align:left!important;
}
.admin-affiliate-revenue-table-v621 td:nth-child(8) .admin-affiliate-ip-check-v621,
.admin-affiliate-revenue-table-v621 td:nth-child(9) .affiliate-status-v611{
  margin-left:0!important;
  margin-right:auto!important;
  justify-content:flex-start!important;
  text-align:left!important;
}
.admin-affiliate-revenue-table-v621 td:nth-child(10) .admin-affiliate-actions-v611,
.admin-affiliate-revenue-table-v621 td:nth-child(10) .admin-affiliate-toggle-action-v673{
  justify-content:flex-start!important;
  align-items:center!important;
  text-align:left!important;
}
.admin-affiliate-revenue-table-v621 td:nth-child(10) .admin-affiliate-toggle-action-v673.is-approve button,
.admin-affiliate-revenue-table-v621 td:nth-child(10) .admin-affiliate-toggle-action-v673 button.approve{
  background:#16a34a!important;
  color:#fff!important;
  border-color:#16a34a!important;
  box-shadow:0 7px 16px rgba(22,163,74,.16)!important;
}
.admin-affiliate-revenue-table-v621 td:nth-child(10) .admin-affiliate-toggle-action-v673.is-approve button:hover,
.admin-affiliate-revenue-table-v621 td:nth-child(10) .admin-affiliate-toggle-action-v673 button.approve:hover{
  background:#15803d!important;
  border-color:#15803d!important;
  box-shadow:0 9px 18px rgba(22,163,74,.22)!important;
}
.admin-affiliate-revenue-table-v621 td:nth-child(10) .admin-affiliate-toggle-action-v673.is-reject button,
.admin-affiliate-revenue-table-v621 td:nth-child(10) .admin-affiliate-toggle-action-v673 button.reject{
  background:#fff1f2!important;
  color:#b42318!important;
  border-color:#fecdd3!important;
  box-shadow:none!important;
}
.admin-affiliate-accounts-table-v628 th:nth-child(1){width:5%!important;text-align:center!important;}
.admin-affiliate-accounts-table-v628 th:nth-child(2){width:17%!important;}
.admin-affiliate-accounts-table-v628 th:nth-child(3){width:10%!important;}
.admin-affiliate-accounts-table-v628 th:nth-child(4){width:9%!important;}
.admin-affiliate-accounts-table-v628 th:nth-child(5){width:9%!important;}
.admin-affiliate-accounts-table-v628 th:nth-child(6){width:6%!important;}
.admin-affiliate-accounts-table-v628 th:nth-child(7){width:11%!important;}
.admin-affiliate-accounts-table-v628 th:nth-child(8){width:33%!important;}
.admin-affiliate-audit-table-v624 th:nth-child(1){width:5%!important;text-align:center!important;}
.admin-affiliate-audit-table-v624 th:nth-child(2){width:135px!important;}
.admin-affiliate-audit-table-v624 th:nth-child(3){width:190px!important;}
.admin-affiliate-audit-table-v624 th:nth-child(4){width:170px!important;}
.admin-affiliate-audit-table-v624 th:nth-child(5){width:150px!important;}
@media(max-width:767.98px){
  .admin-affiliate-stt-v704{text-align:left!important;}
  .admin-affiliate-revenue-table-v621 td:nth-child(6),
  .admin-affiliate-revenue-table-v621 td:nth-child(7),
  .admin-affiliate-revenue-table-v621 td:nth-child(8),
  .admin-affiliate-revenue-table-v621 td:nth-child(9),
  .admin-affiliate-revenue-table-v621 td:nth-child(10){
    text-align:left!important;
    justify-items:start!important;
    align-items:start!important;
  }
  .admin-affiliate-revenue-table-v621 td:nth-child(6)::before,
  .admin-affiliate-revenue-table-v621 td:nth-child(7)::before,
  .admin-affiliate-revenue-table-v621 td:nth-child(8)::before,
  .admin-affiliate-revenue-table-v621 td:nth-child(9)::before,
  .admin-affiliate-revenue-table-v621 td:nth-child(10)::before{
    text-align:left!important;
  }
  .admin-affiliate-revenue-table-v621 td:nth-child(6) > *,
  .admin-affiliate-revenue-table-v621 td:nth-child(7) > *,
  .admin-affiliate-revenue-table-v621 td:nth-child(8) > *,
  .admin-affiliate-revenue-table-v621 td:nth-child(9) > *,
  .admin-affiliate-revenue-table-v621 td:nth-child(10) > *{
    justify-self:start!important;
    text-align:left!important;
  }
}


/* V705 - Admin Affiliate: khóa màu đúng cho nút Duyệt/Từ chối sau AJAX */
.admin-affiliate-toggle-action-v673.is-approve [data-commission-action-button],
.admin-affiliate-toggle-action-v673 [data-commission-action-button].approve{
  background:#16a34a!important;
  color:#fff!important;
  border-color:#16a34a!important;
  box-shadow:0 7px 16px rgba(22,163,74,.16)!important;
}
.admin-affiliate-toggle-action-v673.is-reject [data-commission-action-button],
.admin-affiliate-toggle-action-v673 [data-commission-action-button].reject{
  background:#fff1f2!important;
  color:#b42318!important;
  border-color:#fecdd3!important;
  box-shadow:none!important;
}
.admin-affiliate-toggle-action-v673.is-approve [data-commission-action-button]:hover,
.admin-affiliate-toggle-action-v673 [data-commission-action-button].approve:hover{
  background:#15803d!important;
  border-color:#15803d!important;
  box-shadow:0 9px 18px rgba(22,163,74,.22)!important;
}
.admin-affiliate-toggle-action-v673.is-reject [data-commission-action-button]:hover,
.admin-affiliate-toggle-action-v673 [data-commission-action-button].reject:hover{
  background:#ffe4e6!important;
  color:#991b1b!important;
  border-color:#fda4af!important;
}

/* V706 - Bộ lọc trạng thái nằm ngay trong cột Kiểm tra hợp lệ, bỏ select phía trên */
.admin-affiliate-valid-filter-th-v706{position:relative!important;overflow:visible!important;z-index:8!important;}
.admin-affiliate-th-filter-line-v706{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;white-space:nowrap!important;}
.admin-affiliate-status-filter-v706{position:relative!important;display:inline-flex!important;align-items:center!important;vertical-align:middle!important;}
.admin-affiliate-filter-icon-v706{width:22px!important;height:22px!important;border:1px solid #cfe0f5!important;border-radius:7px!important;background:#fff!important;color:#0f4f98!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;font-size:11px!important;line-height:1!important;box-shadow:0 2px 7px rgba(15,35,58,.05)!important;cursor:pointer!important;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease!important;}
.admin-affiliate-filter-icon-v706:hover,.admin-affiliate-filter-icon-v706[aria-expanded="true"],.admin-affiliate-status-filter-v706.is-active .admin-affiliate-filter-icon-v706{background:#eaf3ff!important;border-color:#7fb1f6!important;color:#176bd5!important;box-shadow:0 4px 12px rgba(23,107,213,.12)!important;}
.admin-affiliate-status-filter-menu-v706{position:absolute!important;top:calc(100% + 7px)!important;right:0!important;min-width:142px!important;padding:5px!important;border:1px solid #d8e5f3!important;border-radius:10px!important;background:#fff!important;box-shadow:0 14px 30px rgba(15,23,42,.16)!important;z-index:999!important;}
.admin-affiliate-status-filter-menu-v706[hidden]{display:none!important;}
.admin-affiliate-status-filter-menu-v706 button{width:100%!important;min-height:30px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#213653!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:6px 8px!important;font-size:12px!important;font-weight:600!important;text-align:left!important;cursor:pointer!important;}
.admin-affiliate-status-filter-menu-v706 button:hover{background:#eef6ff!important;color:#0b5fc0!important;}
.admin-affiliate-status-filter-menu-v706 button.active{background:#e6f2ff!important;color:#0b5fc0!important;}
.admin-affiliate-status-filter-menu-v706 button.active::after{content:'✓';font-weight:900;color:#176bd5;margin-left:12px;}
@media(max-width:767.98px){
  .admin-affiliate-th-filter-line-v706{gap:5px!important;}
  .admin-affiliate-filter-icon-v706{width:21px!important;height:21px!important;border-radius:6px!important;font-size:10px!important;}
  .admin-affiliate-status-filter-menu-v706{right:auto!important;left:0!important;min-width:138px!important;}
}


/* V707 - Thu nhỏ icon lọc Kiểm tra hợp lệ và STT giảm dần theo danh sách đang lọc */
.admin-affiliate-filter-icon-v706 .bi{font-size:11px!important;line-height:1!important;}
.admin-affiliate-status-filter-menu-v706 button.active::after{font-size:12px!important;margin-left:8px!important;}


/* V709 - Top Affiliate: tiêu đề đúng chữ hoa/thường và hover nảy lên đồng bộ như card khóa học */
.affiliate-leaderboard-v686 .affiliate-leaderboard-head-v686 h2{
  text-transform:none!important;
  letter-spacing:0!important;
}
@media (hover:hover) and (pointer:fine) and (min-width:768px){
  .affiliate-leader-podium-cell-v686.is-first-v686{
    transform:translateY(-28px)!important;
  }
  .affiliate-leader-podium-cell-v686 .affiliate-leader-row-v632.is-top,
  .affiliate-leader-podium-cell-v686 .affiliate-leader-row-v632.is-top.has-frame-v664,
  .affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-row-v632.is-top,
  .affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-row-v632.is-top.has-frame-v664{
    transform:none!important;
    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease!important;
    will-change:transform;
  }
  body:not(.affiliate-modal-open-v670) .affiliate-leader-podium-cell-v686 .affiliate-leader-row-v632.is-top:not(.is-open-v669):hover,
  body:not(.affiliate-modal-open-v670) .affiliate-leader-podium-cell-v686 .affiliate-leader-row-v632.is-top.has-frame-v664:not(.is-open-v669):hover,
  body:not(.affiliate-modal-open-v670) .affiliate-leader-podium-cell-v686 .affiliate-leader-row-v632.is-top:not(.is-open-v669):focus-visible,
  body:not(.affiliate-modal-open-v670) .affiliate-leader-podium-cell-v686 .affiliate-leader-row-v632.is-top.has-frame-v664:not(.is-open-v669):focus-visible{
    transform:translateY(-7px)!important;
    border-color:#cfe0f4!important;
    box-shadow:0 22px 46px rgba(15,59,102,.14)!important;
  }
  body:not(.affiliate-modal-open-v670) .affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-row-v632.is-top:not(.is-open-v669):hover,
  body:not(.affiliate-modal-open-v670) .affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-row-v632.is-top.has-frame-v664:not(.is-open-v669):hover,
  body:not(.affiliate-modal-open-v670) .affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-row-v632.is-top:not(.is-open-v669):focus-visible,
  body:not(.affiliate-modal-open-v670) .affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-row-v632.is-top.has-frame-v664:not(.is-open-v669):focus-visible{
    transform:translateY(-7px)!important;
    border-color:#f4d58d!important;
    box-shadow:0 24px 48px rgba(245,166,35,.16)!important;
  }
  body.affiliate-modal-open-v670 .affiliate-leader-podium-cell-v686 .affiliate-leader-row-v632.is-top,
  body.affiliate-modal-open-v670 .affiliate-leader-podium-cell-v686 .affiliate-leader-row-v632.is-top.has-frame-v664,
  .affiliate-leader-podium-cell-v686 .affiliate-leader-row-v632.is-top.is-open-v669,
  .affiliate-leader-podium-cell-v686 .affiliate-leader-row-v632.is-top.has-frame-v664.is-open-v669{
    transform:none!important;
  }
}
@media (max-width:767.98px){
  .affiliate-leader-podium-cell-v686.is-first-v686{
    transform:none!important;
  }
}


/* V710 - User Affiliate mobile: menu nhanh dưới cùng dạng icon nhỏ đồng bộ admin */
.affiliate-mobile-bottom-nav-v710{display:none;}
@media(max-width:767.98px){
  .affiliate-page-v611{padding-bottom:96px!important;}
  .affiliate-mobile-bottom-nav-v710{
    position:fixed!important;
    left:12px!important;
    right:12px!important;
    bottom:10px!important;
    z-index:2600!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:5px!important;
    max-width:430px!important;
    margin:0 auto!important;
    padding:7px!important;
    border:1px solid rgba(203,216,232,.92)!important;
    border-radius:20px!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 14px 34px rgba(15,35,58,.18)!important;
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
  }
  .affiliate-mobile-bottom-nav-v710 a{
    border:1px solid transparent!important;
    border-radius:15px!important;
    min-width:0!important;
    min-height:52px!important;
    padding:6px 4px!important;
    background:#f6f9fd!important;
    color:#0f3b66!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    font-weight:700!important;
    line-height:1.08!important;
    text-decoration:none!important;
    box-shadow:none!important;
    -webkit-tap-highlight-color:transparent;
  }
  .affiliate-mobile-bottom-nav-v710 a i{
    font-size:18px!important;
    line-height:1!important;
    width:auto!important;
  }
  .affiliate-mobile-bottom-nav-v710 a span{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:10.5px!important;
    letter-spacing:-.1px!important;
    text-align:center!important;
  }
  .affiliate-mobile-bottom-nav-v710 a.active{
    background:linear-gradient(135deg,#ff7a00,#2f7cf6)!important;
    color:#fff!important;
    border-color:rgba(255,255,255,.72)!important;
    box-shadow:0 8px 18px rgba(47,124,246,.20)!important;
  }
  .affiliate-mobile-bottom-nav-v710 a:not(.active):hover,
  .affiliate-mobile-bottom-nav-v710 a:not(.active):focus-visible{
    background:#eaf3ff!important;
    border-color:#b8d3f7!important;
    color:#0f3b66!important;
  }
  body.has-affiliate-mobile-nav-v710 .vt-scroll-top-btn{
    bottom:92px!important;
    right:14px!important;
    width:42px!important;
    height:42px!important;
    z-index:2550!important;
  }
  body.has-affiliate-mobile-nav-v710 .vt-contact-widget{
    bottom:92px!important;
    z-index:2540!important;
  }
}
@media(max-width:380px){
  .affiliate-mobile-bottom-nav-v710{left:8px!important;right:8px!important;padding:6px!important;gap:4px!important;}
  .affiliate-mobile-bottom-nav-v710 a{min-height:49px!important;border-radius:13px!important;}
  .affiliate-mobile-bottom-nav-v710 a i{font-size:17px!important;}
  .affiliate-mobile-bottom-nav-v710 a span{font-size:9.6px!important;}
}

/* V711 - User Affiliate mobile: menu dưới gọn dạng icon + dời hỗ trợ sang trái tránh nút lên đầu trang */
@media(max-width:767.98px){
  .affiliate-page-v611{padding-bottom:78px!important;}
  .affiliate-mobile-bottom-nav-v710{
    left:50%!important;
    right:auto!important;
    bottom:8px!important;
    width:min(312px,calc(100vw - 96px))!important;
    max-width:312px!important;
    transform:translateX(-50%)!important;
    gap:4px!important;
    padding:5px!important;
    border-radius:18px!important;
  }
  .affiliate-mobile-bottom-nav-v710 a{
    min-height:40px!important;
    padding:4px 2px!important;
    border-radius:13px!important;
    gap:1px!important;
    background:#f6f9fd!important;
  }
  .affiliate-mobile-bottom-nav-v710 a i{
    font-size:17px!important;
    line-height:1!important;
  }
  .affiliate-mobile-bottom-nav-v710 a span{
    font-size:8.8px!important;
    line-height:1!important;
    letter-spacing:0!important;
  }
  body.has-affiliate-mobile-nav-v710 .vt-scroll-top-btn{
    right:13px!important;
    bottom:82px!important;
    width:42px!important;
    height:42px!important;
    z-index:2550!important;
  }
  body.has-affiliate-mobile-nav-v710 .vt-contact-widget{
    left:13px!important;
    right:auto!important;
    bottom:82px!important;
    align-items:flex-start!important;
    z-index:2540!important;
  }
  body.has-affiliate-mobile-nav-v710 .vt-contact-panel{
    transform-origin:left bottom!important;
  }
  body.has-affiliate-mobile-nav-v710 .vt-contact-panel::after{
    left:18px!important;
    right:auto!important;
  }
}
@media(max-width:380px){
  .affiliate-mobile-bottom-nav-v710{width:min(282px,calc(100vw - 82px))!important;padding:4px!important;}
  .affiliate-mobile-bottom-nav-v710 a{min-height:37px!important;border-radius:12px!important;}
  .affiliate-mobile-bottom-nav-v710 a i{font-size:16px!important;}
  .affiliate-mobile-bottom-nav-v710 a span{font-size:8.2px!important;}
}


/* V712 - User Affiliate mobile: menu compact nằm cùng hàng với hỗ trợ và nút lên đầu trang */
@media(max-width:767.98px){
  .affiliate-page-v611{padding-bottom:66px!important;}
  .affiliate-mobile-bottom-nav-v710{
    left:50%!important;
    right:auto!important;
    bottom:12px!important;
    width:min(238px,calc(100vw - 126px))!important;
    min-width:0!important;
    max-width:238px!important;
    transform:translateX(-50%)!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:3px!important;
    padding:4px!important;
    border-radius:17px!important;
    box-shadow:0 10px 24px rgba(15,35,58,.16)!important;
  }
  .affiliate-mobile-bottom-nav-v710 a{
    min-height:34px!important;
    padding:3px 2px!important;
    border-radius:12px!important;
    gap:1px!important;
  }
  .affiliate-mobile-bottom-nav-v710 a i{
    font-size:15px!important;
  }
  .affiliate-mobile-bottom-nav-v710 a span{
    font-size:7.8px!important;
    line-height:1!important;
    letter-spacing:0!important;
  }
  body.has-affiliate-mobile-nav-v710 .vt-contact-widget{
    left:12px!important;
    right:auto!important;
    bottom:12px!important;
    align-items:flex-start!important;
    z-index:2605!important;
  }
  body.has-affiliate-mobile-nav-v710 .vt-contact-toggle{
    width:40px!important;
    height:40px!important;
    flex:0 0 40px!important;
  }
  body.has-affiliate-mobile-nav-v710 .vt-contact-toggle-ring{
    width:28px!important;
    height:28px!important;
  }
  body.has-affiliate-mobile-nav-v710 .vt-contact-cycle,
  body.has-affiliate-mobile-nav-v710 .vt-contact-close{
    font-size:16px!important;
  }
  body.has-affiliate-mobile-nav-v710 .vt-contact-cycle[data-contact-cycle="zalo"]{
    font-size:8px!important;
  }
  body.has-affiliate-mobile-nav-v710 .vt-scroll-top-btn{
    right:12px!important;
    bottom:12px!important;
    width:40px!important;
    height:40px!important;
    font-size:19px!important;
    z-index:2605!important;
  }
}
@media(max-width:360px){
  .affiliate-mobile-bottom-nav-v710{
    width:min(206px,calc(100vw - 112px))!important;
    padding:3px!important;
    gap:2px!important;
  }
  .affiliate-mobile-bottom-nav-v710 a{min-height:32px!important;border-radius:11px!important;}
  .affiliate-mobile-bottom-nav-v710 a i{font-size:14px!important;}
  .affiliate-mobile-bottom-nav-v710 a span{font-size:7.4px!important;}
  body.has-affiliate-mobile-nav-v710 .vt-contact-widget{left:10px!important;bottom:12px!important;}
  body.has-affiliate-mobile-nav-v710 .vt-scroll-top-btn{right:10px!important;bottom:12px!important;}
}

/* V713 - Đồng bộ hover Top 1 với Top 2/3 và đưa icon hỗ trợ mobile lên trên nút lên đầu trang */
@media (hover:hover) and (pointer:fine) and (min-width:768px){
  .affiliate-leader-podium-cell-v686.is-first-v686{
    transform:none!important;
  }
  .affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-row-v632.is-top,
  .affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-row-v632.is-top.has-frame-v664{
    transform:none!important;
    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease!important;
  }
  body:not(.affiliate-modal-open-v670) .affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-row-v632.is-top:not(.is-open-v669):hover,
  body:not(.affiliate-modal-open-v670) .affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-row-v632.is-top.has-frame-v664:not(.is-open-v669):hover,
  body:not(.affiliate-modal-open-v670) .affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-row-v632.is-top:not(.is-open-v669):focus-visible,
  body:not(.affiliate-modal-open-v670) .affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-row-v632.is-top.has-frame-v664:not(.is-open-v669):focus-visible{
    transform:translateY(-7px)!important;
    border-color:#cfe0f4!important;
    box-shadow:0 22px 46px rgba(15,59,102,.14)!important;
  }
}
@media(max-width:767.98px){
  body.has-affiliate-mobile-nav-v710 .vt-contact-widget{
    left:auto!important;
    right:12px!important;
    bottom:62px!important;
    align-items:flex-end!important;
    z-index:2606!important;
  }
  body.has-affiliate-mobile-nav-v710 .vt-scroll-top-btn{
    right:12px!important;
    bottom:12px!important;
    z-index:2605!important;
  }
}
@media(max-width:360px){
  body.has-affiliate-mobile-nav-v710 .vt-contact-widget{
    left:auto!important;
    right:10px!important;
    bottom:60px!important;
  }
  body.has-affiliate-mobile-nav-v710 .vt-scroll-top-btn{
    right:10px!important;
    bottom:12px!important;
  }
}

/* V714 - Top 1: giữ vị trí hiện tại và hover nảy lên, không bị tụt xuống */
@media (hover:hover) and (pointer:fine) and (min-width:768px){
  .affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-row-v632.is-top,
  .affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-row-v632.is-top.has-frame-v664{
    transform:translateY(-28px)!important;
    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease!important;
    will-change:transform!important;
  }
  body:not(.affiliate-modal-open-v670) .affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-row-v632.is-top:not(.is-open-v669):hover,
  body:not(.affiliate-modal-open-v670) .affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-row-v632.is-top.has-frame-v664:not(.is-open-v669):hover,
  body:not(.affiliate-modal-open-v670) .affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-row-v632.is-top:not(.is-open-v669):focus-visible,
  body:not(.affiliate-modal-open-v670) .affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-row-v632.is-top.has-frame-v664:not(.is-open-v669):focus-visible{
    transform:translateY(-35px)!important;
    border-color:#f4d58d!important;
    box-shadow:0 24px 48px rgba(245,166,35,.16)!important;
  }
  body.affiliate-modal-open-v670 .affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-row-v632.is-top,
  body.affiliate-modal-open-v670 .affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-row-v632.is-top.has-frame-v664,
  .affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-row-v632.is-top.is-open-v669,
  .affiliate-leader-podium-cell-v686.is-first-v686 .affiliate-leader-row-v632.is-top.has-frame-v664.is-open-v669{
    transform:translateY(-28px)!important;
  }
}

/* V717 - Admin Affiliate payouts: cân lại khung và canh hàng xử lý */
.admin-affiliate-payout-table-v651 th:nth-child(1),.admin-affiliate-payout-table-v651 td:nth-child(1){width:4.5%!important;}
.admin-affiliate-payout-table-v651 th:nth-child(2),.admin-affiliate-payout-table-v651 td:nth-child(2){width:13%!important;}
.admin-affiliate-payout-table-v651 th:nth-child(3),.admin-affiliate-payout-table-v651 td:nth-child(3){width:7%!important;}
.admin-affiliate-payout-table-v651 th:nth-child(4),.admin-affiliate-payout-table-v651 td:nth-child(4){width:12%!important;}
.admin-affiliate-payout-table-v651 th:nth-child(5),.admin-affiliate-payout-table-v651 td:nth-child(5){width:7%!important;}
.admin-affiliate-payout-table-v651 th:nth-child(6),.admin-affiliate-payout-table-v651 td:nth-child(6){width:10%!important;}
.admin-affiliate-payout-table-v651 th:nth-child(7),.admin-affiliate-payout-table-v651 td:nth-child(7){width:11%!important;}
.admin-affiliate-payout-table-v651 th:nth-child(8),.admin-affiliate-payout-table-v651 td:nth-child(8){width:7%!important;}
.admin-affiliate-payout-table-v651 th:nth-child(9),.admin-affiliate-payout-table-v651 td:nth-child(9){width:28.5%!important;}
.admin-affiliate-payout-action-v651 .admin-affiliate-no-action-v611{display:inline-flex!important;align-items:center!important;min-height:30px!important;}
@media(min-width:768px){
  .admin-affiliate-payout-table-v651 td[data-label="QR"],
  .admin-affiliate-payout-table-v651 td[data-label="Biên lai"],
  .admin-affiliate-payout-table-v651 td[data-label="Xử lý"]{vertical-align:middle!important;}
}

/* V719 - Yêu cầu thanh toán: cột Xử lý chỉ hiện nút Thao tác, thao tác chi tiết trong popup */
.admin-affiliate-payout-table-v651 th:nth-child(1),.admin-affiliate-payout-table-v651 td:nth-child(1){width:5%!important;}
.admin-affiliate-payout-table-v651 th:nth-child(2),.admin-affiliate-payout-table-v651 td:nth-child(2){width:15%!important;}
.admin-affiliate-payout-table-v651 th:nth-child(3),.admin-affiliate-payout-table-v651 td:nth-child(3){width:8%!important;}
.admin-affiliate-payout-table-v651 th:nth-child(4),.admin-affiliate-payout-table-v651 td:nth-child(4){width:14%!important;}
.admin-affiliate-payout-table-v651 th:nth-child(5),.admin-affiliate-payout-table-v651 td:nth-child(5){width:8%!important;}
.admin-affiliate-payout-table-v651 th:nth-child(6),.admin-affiliate-payout-table-v651 td:nth-child(6){width:12%!important;}
.admin-affiliate-payout-table-v651 th:nth-child(7),.admin-affiliate-payout-table-v651 td:nth-child(7){width:13%!important;}
.admin-affiliate-payout-table-v651 th:nth-child(8),.admin-affiliate-payout-table-v651 td:nth-child(8){width:9%!important;}
.admin-affiliate-payout-table-v651 th:nth-child(9),.admin-affiliate-payout-table-v651 td:nth-child(9){width:16%!important;}
.admin-affiliate-payout-open-v719{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-height:34px!important;
  padding:0 13px!important;
  border:1px solid #bfdbfe!important;
  border-radius:10px!important;
  background:#eff6ff!important;
  color:#0f5fc5!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  box-shadow:0 5px 14px rgba(47,124,246,.08)!important;
}
.admin-affiliate-payout-open-v719:hover{background:#dbeafe!important;border-color:#93c5fd!important;color:#0b4ea2!important;}
.admin-affiliate-payout-modal-v719[hidden]{display:none!important;}
.admin-affiliate-payout-modal-v719{position:fixed!important;inset:0!important;z-index:5000!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:18px!important;}
.admin-affiliate-payout-modal-backdrop-v719{position:absolute!important;inset:0!important;background:rgba(15,35,58,.50)!important;backdrop-filter:blur(4px)!important;}
.admin-affiliate-payout-dialog-v719{position:relative!important;z-index:1!important;width:min(760px,100%)!important;max-height:88vh!important;overflow:auto!important;border-radius:18px!important;background:#fff!important;border:1px solid #dfe8f5!important;box-shadow:0 28px 70px rgba(15,35,58,.26)!important;}
.admin-affiliate-payout-modal-head-v719{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding:18px 20px!important;border-bottom:1px solid #e8eef6!important;background:linear-gradient(135deg,#f8fbff,#fff)!important;}
.admin-affiliate-payout-modal-head-v719 strong{display:block!important;color:#0f233d!important;font-size:20px!important;font-weight:800!important;line-height:1.2!important;}
.admin-affiliate-payout-modal-head-v719 small{display:block!important;margin-top:4px!important;color:#64748b!important;font-size:13px!important;line-height:1.3!important;}
.admin-affiliate-payout-close-v719{width:40px!important;height:40px!important;border:0!important;border-radius:999px!important;background:#eaf3ff!important;color:#0f3b66!important;font-size:26px!important;line-height:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;flex:0 0 auto!important;}
.admin-affiliate-payout-close-v719:hover{background:#dbeafe!important;color:#0b4ea2!important;}
.admin-affiliate-payout-modal-body-v719{padding:18px 20px 20px!important;}
.admin-affiliate-payout-summary-v719{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-bottom:14px!important;}
.admin-affiliate-payout-summary-v719>div{border:1px solid #e2ebf6!important;border-radius:12px!important;background:#f8fbff!important;padding:11px 12px!important;min-width:0!important;}
.admin-affiliate-payout-summary-v719 span{display:block!important;color:#64748b!important;font-size:12px!important;margin-bottom:5px!important;}
.admin-affiliate-payout-summary-v719 strong{display:block!important;color:#172033!important;font-size:14px!important;font-weight:700!important;line-height:1.25!important;overflow-wrap:anywhere!important;}
.admin-affiliate-payout-summary-v719 small{display:block!important;margin-top:4px!important;color:#7c8ca1!important;font-size:12px!important;line-height:1.25!important;overflow-wrap:anywhere!important;}
.admin-affiliate-payout-links-v719{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;margin-bottom:14px!important;}
.admin-affiliate-payout-links-v719 a{display:inline-flex!important;align-items:center!important;gap:6px!important;height:34px!important;padding:0 12px!important;border:1px solid #bfdbfe!important;border-radius:10px!important;background:#eff6ff!important;color:#0f5fc5!important;text-decoration:none!important;font-size:13px!important;font-weight:700!important;}
.admin-affiliate-payout-links-v719 a:hover{background:#dbeafe!important;color:#0b4ea2!important;}
.admin-affiliate-payout-modal-actions-v719{padding-top:14px!important;border-top:1px solid #eef3f8!important;gap:10px!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:wrap!important;}
.admin-affiliate-payout-modal-actions-v719 input[type="text"]{width:150px!important;height:38px!important;font-size:13px!important;border-radius:10px!important;}
.admin-affiliate-payout-modal-actions-v719 .admin-affiliate-proof-input-v651{width:auto!important;min-width:118px!important;height:38px!important;font-size:13px!important;border-radius:10px!important;}
.admin-affiliate-payout-modal-actions-v719 button,.admin-affiliate-payout-modal-actions-v719 .admin-affiliate-paid-button-v651{height:38px!important;min-height:38px!important;padding:0 15px!important;border-radius:10px!important;font-size:13px!important;}
.admin-affiliate-payout-done-v719{display:flex!important;align-items:center!important;gap:8px!important;padding:12px 14px!important;border:1px solid #dbeafe!important;border-radius:12px!important;background:#f8fbff!important;color:#24476c!important;font-size:13px!important;line-height:1.45!important;}
body.admin-affiliate-payout-modal-open-v719{overflow:hidden!important;}
@media(max-width:767.98px){
  .admin-affiliate-payout-open-v719{min-height:32px!important;padding:0 11px!important;font-size:12px!important;}
  .admin-affiliate-payout-modal-v719{padding:12px!important;align-items:flex-start!important;}
  .admin-affiliate-payout-dialog-v719{margin-top:24px!important;max-height:calc(100vh - 48px)!important;border-radius:16px!important;}
  .admin-affiliate-payout-modal-head-v719{padding:16px!important;}
  .admin-affiliate-payout-modal-head-v719 strong{font-size:18px!important;}
  .admin-affiliate-payout-modal-body-v719{padding:15px!important;}
  .admin-affiliate-payout-summary-v719{grid-template-columns:1fr!important;}
  .admin-affiliate-payout-modal-actions-v719{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;max-width:none!important;}
  .admin-affiliate-payout-modal-actions-v719 input[type="text"],
  .admin-affiliate-payout-modal-actions-v719 .admin-affiliate-proof-input-v651,
  .admin-affiliate-payout-modal-actions-v719 button,
  .admin-affiliate-payout-modal-actions-v719 .admin-affiliate-paid-button-v651{width:100%!important;min-width:0!important;max-width:none!important;}
}

/* V720 - Admin Affiliate payout popup: hiển thị QR trực tiếp, đưa mã GD và ảnh GD dưới QR */
.admin-affiliate-payout-media-v720{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  margin:0 0 12px!important;
}
.admin-affiliate-payout-qr-preview-v720{
  width:min(240px,100%)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:8px!important;
  padding:12px!important;
  border:1px solid #dbeafe!important;
  border-radius:16px!important;
  background:#f8fbff!important;
  box-shadow:0 10px 28px rgba(15,59,102,.08)!important;
}
.admin-affiliate-payout-qr-preview-v720 span{
  color:#0f3b66!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.25!important;
}
.admin-affiliate-payout-qr-preview-v720 a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  text-decoration:none!important;
  border-radius:12px!important;
  background:#fff!important;
}
.admin-affiliate-payout-qr-preview-v720 img{
  display:block!important;
  width:min(190px,100%)!important;
  height:auto!important;
  max-height:190px!important;
  object-fit:contain!important;
  border-radius:10px!important;
}
.admin-affiliate-payout-qr-preview-v720 small{
  color:#64748b!important;
  font-size:11.5px!important;
  line-height:1.25!important;
  text-align:center!important;
}
.admin-affiliate-payout-proof-link-v720{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  min-height:34px!important;
  padding:0 12px!important;
  border:1px solid #bfdbfe!important;
  border-radius:10px!important;
  background:#eff6ff!important;
  color:#0f5fc5!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:700!important;
}
.admin-affiliate-payout-proof-link-v720:hover{
  background:#dbeafe!important;
  color:#0b4ea2!important;
  text-decoration:none!important;
}
.admin-affiliate-payout-proof-row-v720{
  width:min(520px,100%)!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(170px,.75fr)!important;
  gap:10px!important;
  align-items:center!important;
  margin:0 auto 13px!important;
  padding-bottom:13px!important;
  border-bottom:1px solid #eef3f8!important;
}
.admin-affiliate-payout-proof-row-v720 input[type="text"]{
  width:100%!important;
  height:42px!important;
  min-height:42px!important;
  padding:0 14px!important;
  border:1px solid #cbd7e6!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#0f233d!important;
  font-size:14px!important;
  line-height:42px!important;
  outline:none!important;
}
.admin-affiliate-payout-proof-row-v720 input[type="text"]:focus{
  border-color:#2f7df4!important;
  box-shadow:0 0 0 3px rgba(47,125,244,.12)!important;
}
.admin-affiliate-payout-proof-row-v720 .admin-affiliate-proof-input-v651{
  width:100%!important;
  min-width:0!important;
  height:42px!important;
  min-height:42px!important;
  padding:0 13px!important;
  border-radius:12px!important;
  font-size:13px!important;
  gap:7px!important;
}
.admin-affiliate-payout-modal-buttons-v720{
  justify-content:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  max-width:none!important;
  padding-top:0!important;
  border-top:0!important;
}
.admin-affiliate-payout-modal-buttons-v720 button,
.admin-affiliate-payout-modal-buttons-v720 .admin-affiliate-paid-button-v651{
  height:38px!important;
  min-height:38px!important;
  padding:0 16px!important;
  border-radius:10px!important;
  font-size:13px!important;
}
@media(max-width:767.98px){
  .admin-affiliate-payout-qr-preview-v720{width:min(220px,100%)!important;padding:10px!important;}
  .admin-affiliate-payout-qr-preview-v720 img{width:min(170px,100%)!important;max-height:170px!important;}
  .admin-affiliate-payout-proof-row-v720{grid-template-columns:1fr!important;gap:9px!important;margin-bottom:12px!important;padding-bottom:12px!important;}
  .admin-affiliate-payout-modal-buttons-v720{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;}
  .admin-affiliate-payout-modal-buttons-v720 form,
  .admin-affiliate-payout-modal-buttons-v720 button,
  .admin-affiliate-payout-modal-buttons-v720 .admin-affiliate-paid-button-v651{width:100%!important;min-width:0!important;max-width:none!important;}
}

/* V721 - Admin Affiliate payout popup compact layout, QR nhỏ hơn, không cuộn dọc */
.admin-affiliate-payout-dialog-v719{
  width:min(960px, calc(100vw - 24px))!important;
  max-height:calc(100vh - 24px)!important;
  overflow:hidden!important;
}
.admin-affiliate-payout-modal-head-v719{
  padding:14px 18px!important;
}
.admin-affiliate-payout-modal-head-v719 strong{
  font-size:18px!important;
  font-weight:700!important;
}
.admin-affiliate-payout-modal-head-v719 small{
  font-size:12px!important;
  margin-top:3px!important;
}
.admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v721{
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)!important;
  gap:14px!important;
  align-items:start!important;
  padding:14px 18px 18px!important;
}
.admin-affiliate-payout-summary-v719{
  margin-bottom:0!important;
  gap:8px!important;
}
.admin-affiliate-payout-summary-v719>div{
  padding:10px 12px!important;
  border-radius:12px!important;
}
.admin-affiliate-payout-summary-v719 span{
  font-size:12px!important;
  margin-bottom:4px!important;
}
.admin-affiliate-payout-summary-v719 strong{
  font-size:13px!important;
  line-height:1.2!important;
}
.admin-affiliate-payout-summary-v719 small{
  font-size:11px!important;
  line-height:1.25!important;
}
.admin-affiliate-payout-side-v721{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
}
.admin-affiliate-payout-media-v720{
  margin:0!important;
  gap:8px!important;
}
.admin-affiliate-payout-qr-preview-v720{
  width:min(230px,100%)!important;
  padding:10px!important;
  gap:6px!important;
  border-radius:14px!important;
}
.admin-affiliate-payout-qr-preview-v720 a{
  width:100%!important;
}
.admin-affiliate-payout-qr-preview-v720 img{
  width:min(165px,100%)!important;
  max-height:165px!important;
}
.admin-affiliate-payout-qr-preview-v720 small{
  font-size:11px!important;
}
.admin-affiliate-payout-proof-link-v720{
  min-height:32px!important;
  padding:0 11px!important;
  font-size:12px!important;
}
.admin-affiliate-payout-proof-row-v720{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  align-items:stretch!important;
  margin:0!important;
  padding:0!important;
  border-bottom:0!important;
}
.admin-affiliate-payout-proof-row-v720 input[type="text"]{
  width:100%!important;
  height:40px!important;
  min-height:40px!important;
  padding:0 13px!important;
  font-size:13px!important;
  line-height:40px!important;
}
.admin-affiliate-payout-proof-row-v720 .admin-affiliate-proof-input-v651{
  width:100%!important;
  min-width:0!important;
  min-height:40px!important;
  height:40px!important;
  padding:0 12px!important;
  justify-content:center!important;
  font-size:12px!important;
  gap:6px!important;
}
.admin-affiliate-payout-proof-row-v720 .admin-affiliate-proof-input-v651 span{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.admin-affiliate-payout-modal-buttons-v720{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  align-items:stretch!important;
  width:100%!important;
}
.admin-affiliate-payout-modal-buttons-v720 form,
.admin-affiliate-payout-modal-buttons-v720 button,
.admin-affiliate-payout-modal-buttons-v720 .admin-affiliate-paid-button-v651{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
}
.admin-affiliate-payout-modal-buttons-v720 button,
.admin-affiliate-payout-modal-buttons-v720 .admin-affiliate-paid-button-v651{
  height:40px!important;
  min-height:40px!important;
  padding:0 10px!important;
  font-size:13px!important;
}
.admin-affiliate-payout-done-v719{
  padding:11px 12px!important;
  font-size:12px!important;
}
@media(max-width:991.98px){
  .admin-affiliate-payout-dialog-v719{
    width:min(900px, calc(100vw - 20px))!important;
    max-height:calc(100vh - 20px)!important;
  }
  .admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v721{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .admin-affiliate-payout-side-v721{
    align-items:center!important;
  }
  .admin-affiliate-payout-proof-row-v720,
  .admin-affiliate-payout-modal-buttons-v720{
    width:min(560px,100%)!important;
  }
}
@media(max-width:767.98px){
  .admin-affiliate-payout-modal-v719{padding:10px!important;align-items:flex-start!important;}
  .admin-affiliate-payout-dialog-v719{width:calc(100vw - 20px)!important;max-height:calc(100vh - 20px)!important;border-radius:14px!important;overflow:auto!important;}
  .admin-affiliate-payout-modal-head-v719{padding:14px!important;}
  .admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v721{padding:14px!important;grid-template-columns:1fr!important;gap:12px!important;}
  .admin-affiliate-payout-summary-v719{grid-template-columns:1fr!important;}
  .admin-affiliate-payout-side-v721{align-items:stretch!important;}
  .admin-affiliate-payout-media-v720{align-items:center!important;}
  .admin-affiliate-payout-qr-preview-v720{width:min(200px,100%)!important;}
  .admin-affiliate-payout-qr-preview-v720 img{width:min(145px,100%)!important;max-height:145px!important;}
  .admin-affiliate-payout-proof-row-v720{grid-template-columns:1fr 1fr!important;gap:8px!important;}
  .admin-affiliate-payout-proof-row-v720 input[type="text"],
  .admin-affiliate-payout-proof-row-v720 .admin-affiliate-proof-input-v651{height:38px!important;min-height:38px!important;font-size:12px!important;}
  .admin-affiliate-payout-modal-buttons-v720{grid-template-columns:1fr 1fr 1fr!important;gap:8px!important;}
  .admin-affiliate-payout-modal-buttons-v720 button,
  .admin-affiliate-payout-modal-buttons-v720 .admin-affiliate-paid-button-v651{height:38px!important;min-height:38px!important;font-size:12px!important;padding:0 6px!important;}
}

/* V722 - tiếp tục nén popup payout, QR nhỏ hơn, ưu tiên hiện đủ không cuộn */
.admin-affiliate-payout-modal-v719{
  padding:8px!important;
}
.admin-affiliate-payout-dialog-v719{
  width:min(1120px, calc(100vw - 16px))!important;
  max-height:calc(100vh - 16px)!important;
  border-radius:16px!important;
}
.admin-affiliate-payout-modal-head-v719{
  padding:10px 14px!important;
}
.admin-affiliate-payout-modal-head-v719 strong{
  font-size:16px!important;
  line-height:1.15!important;
}
.admin-affiliate-payout-modal-head-v719 small{
  font-size:11px!important;
  line-height:1.25!important;
}
.admin-affiliate-payout-close-v719{
  width:34px!important;
  height:34px!important;
  font-size:22px!important;
}
.admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v721{
  grid-template-columns:minmax(0,1fr) minmax(250px,280px)!important;
  gap:10px!important;
  padding:10px 14px 14px!important;
}
.admin-affiliate-payout-summary-v719{
  gap:7px!important;
}
.admin-affiliate-payout-summary-v719>div{
  padding:8px 10px!important;
  border-radius:10px!important;
}
.admin-affiliate-payout-summary-v719 span{
  font-size:11px!important;
  margin-bottom:3px!important;
}
.admin-affiliate-payout-summary-v719 strong{
  font-size:12px!important;
  line-height:1.15!important;
}
.admin-affiliate-payout-summary-v719 small{
  font-size:10.5px!important;
  line-height:1.2!important;
}
.admin-affiliate-payout-side-v721{
  gap:8px!important;
}
.admin-affiliate-payout-qr-preview-v720{
  width:min(188px,100%)!important;
  padding:8px!important;
  gap:5px!important;
  border-radius:12px!important;
}
.admin-affiliate-payout-qr-preview-v720 img{
  width:min(136px,100%)!important;
  max-height:136px!important;
}
.admin-affiliate-payout-qr-preview-v720 small{
  font-size:10px!important;
  line-height:1.15!important;
}
.admin-affiliate-payout-proof-link-v720{
  min-height:30px!important;
  font-size:11px!important;
  padding:0 10px!important;
}
.admin-affiliate-payout-proof-row-v720{
  gap:8px!important;
}
.admin-affiliate-payout-proof-row-v720 input[type="text"]{
  height:36px!important;
  min-height:36px!important;
  line-height:36px!important;
  padding:0 11px!important;
  font-size:12px!important;
  border-radius:10px!important;
}
.admin-affiliate-payout-proof-row-v720 .admin-affiliate-proof-input-v651{
  min-height:36px!important;
  height:36px!important;
  padding:0 10px!important;
  font-size:11px!important;
  border-radius:10px!important;
}
.admin-affiliate-payout-modal-buttons-v720{
  gap:8px!important;
}
.admin-affiliate-payout-modal-buttons-v720 button,
.admin-affiliate-payout-modal-buttons-v720 .admin-affiliate-paid-button-v651{
  height:36px!important;
  min-height:36px!important;
  font-size:12px!important;
  border-radius:10px!important;
}
.admin-affiliate-payout-done-v719{
  padding:10px 11px!important;
  font-size:11px!important;
  line-height:1.3!important;
}
@media(max-width:1199.98px){
  .admin-affiliate-payout-dialog-v719{
    width:min(1040px, calc(100vw - 14px))!important;
  }
  .admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v721{
    grid-template-columns:minmax(0,1fr) minmax(230px,260px)!important;
  }
}
@media(max-width:899.98px){
  .admin-affiliate-payout-dialog-v719{
    width:min(860px, calc(100vw - 14px))!important;
    max-height:calc(100vh - 14px)!important;
  }
  .admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v721{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .admin-affiliate-payout-side-v721{
    align-items:center!important;
  }
  .admin-affiliate-payout-qr-preview-v720{
    width:min(180px,100%)!important;
  }
  .admin-affiliate-payout-qr-preview-v720 img{
    width:min(130px,100%)!important;
    max-height:130px!important;
  }
}
@media(max-width:767.98px){
  .admin-affiliate-payout-dialog-v719{overflow:auto!important;}
}

/* V722 - Popup payout gọn toàn bộ: QR vừa đủ, không cần thanh cuộn desktop */
@media(min-width:768px){
  .admin-affiliate-payout-modal-v719{
    padding:10px!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .admin-affiliate-payout-dialog-v719{
    width:min(900px, calc(100vw - 28px))!important;
    max-height:none!important;
    height:auto!important;
    overflow:visible!important;
    border-radius:16px!important;
  }
  .admin-affiliate-payout-dialog-v719::-webkit-scrollbar{display:none!important;}
  .admin-affiliate-payout-modal-head-v719{
    padding:10px 16px!important;
    min-height:50px!important;
  }
  .admin-affiliate-payout-modal-head-v719 strong{
    font-size:17px!important;
    line-height:1.15!important;
    font-weight:700!important;
  }
  .admin-affiliate-payout-modal-head-v719 small{
    margin-top:2px!important;
    font-size:12px!important;
    line-height:1.2!important;
  }
  .admin-affiliate-payout-close-v719{
    width:36px!important;
    height:36px!important;
    font-size:24px!important;
  }
  .admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v722{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 260px!important;
    gap:12px!important;
    align-items:start!important;
    padding:12px 16px 14px!important;
  }
  .admin-affiliate-payout-layout-v722 .admin-affiliate-payout-summary-v719{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin:0!important;
  }
  .admin-affiliate-payout-layout-v722 .admin-affiliate-payout-summary-v719>div{
    min-height:78px!important;
    padding:9px 11px!important;
    border-radius:12px!important;
  }
  .admin-affiliate-payout-layout-v722 .admin-affiliate-payout-summary-v719 span{
    font-size:11.5px!important;
    margin-bottom:4px!important;
  }
  .admin-affiliate-payout-layout-v722 .admin-affiliate-payout-summary-v719 strong{
    font-size:13px!important;
    line-height:1.18!important;
    font-weight:700!important;
  }
  .admin-affiliate-payout-layout-v722 .admin-affiliate-payout-summary-v719 small{
    margin-top:4px!important;
    font-size:11px!important;
    line-height:1.2!important;
  }
  .admin-affiliate-payout-side-v721{
    gap:8px!important;
    align-items:center!important;
  }
  .admin-affiliate-payout-layout-v722 .admin-affiliate-payout-media-v720{
    width:100%!important;
    margin:0!important;
    gap:6px!important;
  }
  .admin-affiliate-payout-layout-v722 .admin-affiliate-payout-qr-preview-v720{
    width:190px!important;
    max-width:190px!important;
    padding:8px!important;
    gap:0!important;
    border-radius:12px!important;
    box-shadow:none!important;
    background:#fff!important;
  }
  .admin-affiliate-payout-layout-v722 .admin-affiliate-payout-qr-preview-v720 a{
    width:100%!important;
    background:#fff!important;
  }
  .admin-affiliate-payout-layout-v722 .admin-affiliate-payout-qr-preview-v720 img{
    display:block!important;
    width:150px!important;
    max-width:150px!important;
    height:auto!important;
    max-height:150px!important;
    object-fit:contain!important;
    border-radius:8px!important;
  }
  .admin-affiliate-payout-layout-v722 .admin-affiliate-payout-qr-preview-v720 span,
  .admin-affiliate-payout-layout-v722 .admin-affiliate-payout-qr-preview-v720 small{
    display:none!important;
  }
  .admin-affiliate-payout-layout-v722 .admin-affiliate-payout-proof-link-v720{
    min-height:30px!important;
    height:30px!important;
    padding:0 10px!important;
    font-size:12px!important;
    border-radius:9px!important;
  }
  .admin-affiliate-payout-layout-v722 .admin-affiliate-payout-proof-row-v720{
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
  }
  .admin-affiliate-payout-layout-v722 .admin-affiliate-payout-proof-row-v720 input[type="text"],
  .admin-affiliate-payout-layout-v722 .admin-affiliate-payout-proof-row-v720 .admin-affiliate-proof-input-v651{
    height:36px!important;
    min-height:36px!important;
    border-radius:10px!important;
    font-size:12px!important;
    padding-left:10px!important;
    padding-right:10px!important;
    line-height:36px!important;
  }
  .admin-affiliate-payout-layout-v722 .admin-affiliate-payout-proof-row-v720 .admin-affiliate-proof-input-v651{
    display:flex!important;
    justify-content:center!important;
    gap:5px!important;
  }
  .admin-affiliate-payout-layout-v722 .admin-affiliate-payout-proof-row-v720 .admin-affiliate-proof-input-v651 span{
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .admin-affiliate-payout-layout-v722 .admin-affiliate-payout-modal-buttons-v720{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    margin:0!important;
  }
  .admin-affiliate-payout-layout-v722 .admin-affiliate-payout-modal-buttons-v720 form,
  .admin-affiliate-payout-layout-v722 .admin-affiliate-payout-modal-buttons-v720 button,
  .admin-affiliate-payout-layout-v722 .admin-affiliate-payout-modal-buttons-v720 .admin-affiliate-paid-button-v651{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
  .admin-affiliate-payout-layout-v722 .admin-affiliate-payout-modal-buttons-v720 button,
  .admin-affiliate-payout-layout-v722 .admin-affiliate-payout-modal-buttons-v720 .admin-affiliate-paid-button-v651{
    height:36px!important;
    min-height:36px!important;
    padding:0 8px!important;
    border-radius:10px!important;
    font-size:12px!important;
  }
  .admin-affiliate-payout-layout-v722 .admin-affiliate-payout-done-v719{
    width:100%!important;
    padding:9px 10px!important;
    border-radius:10px!important;
    font-size:12px!important;
    line-height:1.35!important;
  }
}
@media(min-width:768px) and (max-height:720px){
  .admin-affiliate-payout-modal-head-v719{padding:8px 14px!important;min-height:44px!important;}
  .admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v722{padding:10px 14px 12px!important;gap:10px!important;grid-template-columns:minmax(0,1fr) 240px!important;}
  .admin-affiliate-payout-layout-v722 .admin-affiliate-payout-summary-v719>div{min-height:68px!important;padding:8px 10px!important;}
  .admin-affiliate-payout-layout-v722 .admin-affiliate-payout-qr-preview-v720{width:170px!important;max-width:170px!important;padding:6px!important;}
  .admin-affiliate-payout-layout-v722 .admin-affiliate-payout-qr-preview-v720 img{width:132px!important;max-width:132px!important;max-height:132px!important;}
  .admin-affiliate-payout-layout-v722 .admin-affiliate-payout-proof-row-v720 input[type="text"],
  .admin-affiliate-payout-layout-v722 .admin-affiliate-payout-proof-row-v720 .admin-affiliate-proof-input-v651,
  .admin-affiliate-payout-layout-v722 .admin-affiliate-payout-modal-buttons-v720 button,
  .admin-affiliate-payout-layout-v722 .admin-affiliate-payout-modal-buttons-v720 .admin-affiliate-paid-button-v651{height:34px!important;min-height:34px!important;line-height:34px!important;}
}

/* V723 - chuyển controls sang cột trái, QR lớn đều cột phải, bo góc rõ */
.admin-affiliate-payout-dialog-v719{
  border-radius:24px!important;
  overflow:hidden!important;
}
.admin-affiliate-payout-modal-head-v719{
  border-top-left-radius:24px!important;
  border-top-right-radius:24px!important;
}
.admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v723{
  display:grid!important;
  grid-template-columns:minmax(0,1.45fr) minmax(290px,.85fr)!important;
  gap:18px!important;
  align-items:stretch!important;
}
.admin-affiliate-payout-main-v723{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
}
.admin-affiliate-payout-main-v723 .admin-affiliate-payout-summary-v719{
  margin-bottom:0!important;
}
.admin-affiliate-payout-proof-row-v723,
.admin-affiliate-payout-modal-buttons-v723,
.admin-affiliate-payout-proof-link-v723,
.admin-affiliate-payout-done-v719{
  width:100%!important;
}
.admin-affiliate-payout-proof-row-v723{
  margin-top:2px!important;
}
.admin-affiliate-payout-proof-link-v723{
  align-self:flex-start!important;
}
.admin-affiliate-payout-side-v723{
  min-width:0!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:center!important;
}
.admin-affiliate-payout-media-v723{
  width:100%!important;
  height:100%!important;
  align-items:stretch!important;
  justify-content:center!important;
  margin:0!important;
}
.admin-affiliate-payout-qr-preview-v723{
  width:100%!important;
  min-height:100%!important;
  padding:18px!important;
  gap:0!important;
  border-radius:20px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.admin-affiliate-payout-qr-preview-v723 a{
  width:100%!important;
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.admin-affiliate-payout-qr-preview-v723 img{
  width:min(100%, 300px)!important;
  max-width:100%!important;
  max-height:390px!important;
  height:auto!important;
}
@media (min-width: 1200px){
  .admin-affiliate-payout-dialog-v719{
    width:min(1540px, calc(100vw - 28px))!important;
  }
  .admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v723{
    grid-template-columns:minmax(0,1.58fr) minmax(340px,.92fr)!important;
    gap:20px!important;
  }
  .admin-affiliate-payout-qr-preview-v723 img{
    width:min(100%, 330px)!important;
    max-height:420px!important;
  }
}
@media(max-width:991.98px){
  .admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v723{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  .admin-affiliate-payout-side-v723{order:-1!important;}
  .admin-affiliate-payout-qr-preview-v723{
    min-height:auto!important;
    width:min(360px,100%)!important;
    margin:0 auto!important;
  }
  .admin-affiliate-payout-qr-preview-v723 img{
    width:min(100%, 260px)!important;
    max-height:320px!important;
  }
}
@media(max-width:767.98px){
  .admin-affiliate-payout-dialog-v719{border-radius:18px!important;}
  .admin-affiliate-payout-modal-head-v719{border-top-left-radius:18px!important;border-top-right-radius:18px!important;}
  .admin-affiliate-payout-proof-row-v723{grid-template-columns:1fr 1fr!important;}
  .admin-affiliate-payout-modal-buttons-v723{grid-template-columns:1fr 1fr 1fr!important;}
  .admin-affiliate-payout-proof-link-v723{align-self:stretch!important;justify-content:center!important;}
  .admin-affiliate-payout-qr-preview-v723{padding:14px!important;border-radius:16px!important;}
}

/* V724 - thu hẹp cột QR chỉ vừa đủ nội dung QR */
.admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v723{
  grid-template-columns:minmax(0,1fr) minmax(210px,240px)!important;
  gap:14px!important;
}
.admin-affiliate-payout-side-v723{
  justify-content:flex-start!important;
}
.admin-affiliate-payout-media-v723{
  width:min(240px,100%)!important;
  max-width:240px!important;
  margin-left:0!important;
  margin-right:0!important;
}
.admin-affiliate-payout-qr-preview-v723{
  width:min(240px,100%)!important;
  max-width:240px!important;
  min-height:auto!important;
  padding:12px!important;
}
.admin-affiliate-payout-qr-preview-v723 img{
  width:min(100%,190px)!important;
  max-width:190px!important;
  max-height:250px!important;
}
@media (min-width: 1200px){
  .admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v723{
    grid-template-columns:minmax(0,1fr) minmax(220px,250px)!important;
    gap:16px!important;
  }
  .admin-affiliate-payout-media-v723,
  .admin-affiliate-payout-qr-preview-v723{
    width:min(250px,100%)!important;
    max-width:250px!important;
  }
  .admin-affiliate-payout-qr-preview-v723 img{
    width:min(100%,198px)!important;
    max-width:198px!important;
    max-height:260px!important;
  }
}
@media(max-width:991.98px){
  .admin-affiliate-payout-media-v723,
  .admin-affiliate-payout-qr-preview-v723{
    width:min(240px,100%)!important;
    max-width:240px!important;
  }
  .admin-affiliate-payout-qr-preview-v723 img{
    width:min(100%,185px)!important;
    max-width:185px!important;
    max-height:240px!important;
  }
}

/* V725 - gộp toàn bộ thông tin cột trái thành 1 cột và thu nhỏ cột trái vừa đủ nội dung */
@media(min-width:992px){
  .admin-affiliate-payout-dialog-v719{
    width:min(920px, calc(100vw - 28px))!important;
  }
  .admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v723{
    grid-template-columns:minmax(500px,560px) minmax(220px,240px)!important;
    justify-content:center!important;
    gap:18px!important;
  }
  .admin-affiliate-payout-main-v723{
    width:100%!important;
    max-width:560px!important;
    gap:10px!important;
  }
  .admin-affiliate-payout-main-v723 .admin-affiliate-payout-summary-v719{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:100%!important;
  }
  .admin-affiliate-payout-main-v723 .admin-affiliate-payout-summary-v719 > div{
    min-height:76px!important;
  }
  .admin-affiliate-payout-proof-row-v723,
  .admin-affiliate-payout-modal-buttons-v723,
  .admin-affiliate-payout-proof-link-v723,
  .admin-affiliate-payout-done-v719{
    max-width:560px!important;
  }
  .admin-affiliate-payout-side-v723{
    width:240px!important;
    flex:0 0 240px!important;
    align-self:stretch!important;
  }
  .admin-affiliate-payout-media-v723,
  .admin-affiliate-payout-qr-preview-v723{
    width:240px!important;
    max-width:240px!important;
  }
  .admin-affiliate-payout-qr-preview-v723{
    min-height:100%!important;
    padding:14px!important;
  }
  .admin-affiliate-payout-qr-preview-v723 img{
    width:min(100%,190px)!important;
    max-width:190px!important;
    max-height:250px!important;
  }
}
@media(min-width:1200px){
  .admin-affiliate-payout-dialog-v719{
    width:min(940px, calc(100vw - 28px))!important;
  }
  .admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v723{
    grid-template-columns:minmax(520px,580px) minmax(230px,250px)!important;
  }
  .admin-affiliate-payout-main-v723,
  .admin-affiliate-payout-proof-row-v723,
  .admin-affiliate-payout-modal-buttons-v723,
  .admin-affiliate-payout-proof-link-v723,
  .admin-affiliate-payout-done-v719{
    max-width:580px!important;
  }
  .admin-affiliate-payout-side-v723,
  .admin-affiliate-payout-media-v723,
  .admin-affiliate-payout-qr-preview-v723{
    width:250px!important;
    max-width:250px!important;
    flex-basis:250px!important;
  }
}
@media(max-width:991.98px){
  .admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v723{
    grid-template-columns:1fr!important;
    justify-content:stretch!important;
  }
  .admin-affiliate-payout-main-v723 .admin-affiliate-payout-summary-v719{
    grid-template-columns:1fr!important;
  }
}

/* V726 - summary 2 cột, QR lớn hơn cột phải, gộp logic duyệt+đã trả */
@media(min-width:768px){
  .admin-affiliate-payout-dialog-v719{
    width:min(980px, calc(100vw - 28px))!important;
  }
  .admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v723{
    grid-template-columns:minmax(560px, 620px) minmax(270px, 300px)!important;
    justify-content:center!important;
    gap:16px!important;
  }
  .admin-affiliate-payout-main-v723{
    max-width:620px!important;
  }
  .admin-affiliate-payout-main-v723 .admin-affiliate-payout-summary-v719{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
  }
  .admin-affiliate-payout-main-v723 .admin-affiliate-payout-summary-v719 > div{
    min-height:92px!important;
    padding:12px 14px!important;
  }
  .admin-affiliate-payout-proof-row-v723,
  .admin-affiliate-payout-modal-buttons-v723,
  .admin-affiliate-payout-proof-link-v723,
  .admin-affiliate-payout-done-v719{
    max-width:620px!important;
  }
  .admin-affiliate-payout-side-v723,
  .admin-affiliate-payout-media-v723,
  .admin-affiliate-payout-qr-preview-v723{
    width:300px!important;
    max-width:300px!important;
    flex:0 0 300px!important;
  }
  .admin-affiliate-payout-side-v723{
    justify-content:center!important;
  }
  .admin-affiliate-payout-qr-preview-v723{
    min-height:100%!important;
    padding:16px!important;
  }
  .admin-affiliate-payout-qr-preview-v723 img{
    width:min(100%,230px)!important;
    max-width:230px!important;
    max-height:300px!important;
  }
  .admin-affiliate-payout-modal-buttons-v726{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(min-width:1200px){
  .admin-affiliate-payout-dialog-v719{
    width:min(1020px, calc(100vw - 28px))!important;
  }
  .admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v723{
    grid-template-columns:minmax(580px, 650px) minmax(290px, 320px)!important;
  }
  .admin-affiliate-payout-main-v723,
  .admin-affiliate-payout-proof-row-v723,
  .admin-affiliate-payout-modal-buttons-v723,
  .admin-affiliate-payout-proof-link-v723,
  .admin-affiliate-payout-done-v719{
    max-width:650px!important;
  }
  .admin-affiliate-payout-side-v723,
  .admin-affiliate-payout-media-v723,
  .admin-affiliate-payout-qr-preview-v723{
    width:320px!important;
    max-width:320px!important;
    flex-basis:320px!important;
  }
  .admin-affiliate-payout-qr-preview-v723 img{
    width:min(100%,244px)!important;
    max-width:244px!important;
    max-height:316px!important;
  }
}
@media(max-width:767.98px){
  .admin-affiliate-payout-main-v723 .admin-affiliate-payout-summary-v719{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  .admin-affiliate-payout-main-v723 .admin-affiliate-payout-summary-v719 > div{
    min-height:84px!important;
  }
  .admin-affiliate-payout-modal-buttons-v726{
    grid-template-columns:1fr 1fr!important;
  }
  .admin-affiliate-payout-side-v723{order:-1!important;}
  .admin-affiliate-payout-qr-preview-v723{
    width:min(270px,100%)!important;
    max-width:270px!important;
  }
  .admin-affiliate-payout-qr-preview-v723 img{
    width:min(100%,210px)!important;
    max-width:210px!important;
    max-height:270px!important;
  }
}

/* V727 - đồng bộ khung nút xử lý với ô mã giao dịch/ảnh giao dịch + khóa nút đã trả khi thiếu chứng từ */
.admin-affiliate-payout-modal-buttons-v726{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  align-items:stretch!important;
}
.admin-affiliate-payout-modal-buttons-v726 form,
.admin-affiliate-payout-modal-buttons-v726 button,
.admin-affiliate-payout-modal-buttons-v726 .admin-affiliate-paid-button-v651{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
}
.admin-affiliate-payout-modal-buttons-v726 button,
.admin-affiliate-payout-modal-buttons-v726 .admin-affiliate-paid-button-v651{
  height:42px!important;
  min-height:42px!important;
  padding:0 14px!important;
  border-radius:12px!important;
  font-size:13px!important;
  line-height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.admin-affiliate-payout-modal-buttons-v726 .admin-affiliate-paid-button-v651:disabled,
.admin-affiliate-payout-modal-buttons-v726 .admin-affiliate-paid-button-v651.is-disabled-v727{
  opacity:.5!important;
  cursor:not-allowed!important;
  filter:grayscale(.12)!important;
}
@media(min-width:768px){
  .admin-affiliate-payout-layout-v723 .admin-affiliate-payout-proof-row-v720,
  .admin-affiliate-payout-modal-buttons-v726{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .admin-affiliate-payout-layout-v723 .admin-affiliate-payout-proof-row-v720 input[type="text"],
  .admin-affiliate-payout-layout-v723 .admin-affiliate-payout-proof-row-v720 .admin-affiliate-proof-input-v651,
  .admin-affiliate-payout-modal-buttons-v726 button,
  .admin-affiliate-payout-modal-buttons-v726 .admin-affiliate-paid-button-v651{
    height:42px!important;
    min-height:42px!important;
    border-radius:12px!important;
    font-size:13px!important;
    line-height:42px!important;
  }
}
@media(max-width:767.98px){
  .admin-affiliate-payout-modal-buttons-v726{grid-template-columns:1fr 1fr!important;gap:8px!important;}
  .admin-affiliate-payout-modal-buttons-v726 button,
  .admin-affiliate-payout-modal-buttons-v726 .admin-affiliate-paid-button-v651{
    height:38px!important;
    min-height:38px!important;
    line-height:38px!important;
    border-radius:10px!important;
    font-size:12px!important;
    padding:0 8px!important;
  }
}

/* V728 - ép 2 nút xử lý bằng đúng 2 ô mã giao dịch / ảnh giao dịch */
.admin-affiliate-payout-action-row-v651.admin-affiliate-payout-modal-buttons-v726{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  max-width:none!important;
  justify-content:stretch!important;
  align-items:stretch!important;
  white-space:normal!important;
}
.admin-affiliate-payout-action-row-v651.admin-affiliate-payout-modal-buttons-v726 > *,
.admin-affiliate-payout-action-row-v651.admin-affiliate-payout-modal-buttons-v726 form{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  align-self:stretch!important;
}
.admin-affiliate-payout-action-row-v651.admin-affiliate-payout-modal-buttons-v726 button,
.admin-affiliate-payout-action-row-v651.admin-affiliate-payout-modal-buttons-v726 .admin-affiliate-paid-button-v651{
  display:flex!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:42px!important;
  min-height:42px!important;
  line-height:1.1!important;
  border-radius:12px!important;
  padding:0 14px!important;
  align-items:center!important;
  justify-content:center!important;
  flex:1 1 auto!important;
  box-sizing:border-box!important;
}
.admin-affiliate-payout-main-v723 .admin-affiliate-payout-proof-row-v723{
  width:100%!important;
  max-width:none!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
.admin-affiliate-payout-main-v723 .admin-affiliate-payout-proof-row-v723 > *{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
}
@media(max-width:767.98px){
  .admin-affiliate-payout-action-row-v651.admin-affiliate-payout-modal-buttons-v726,
  .admin-affiliate-payout-main-v723 .admin-affiliate-payout-proof-row-v723{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .admin-affiliate-payout-action-row-v651.admin-affiliate-payout-modal-buttons-v726 button,
  .admin-affiliate-payout-action-row-v651.admin-affiliate-payout-modal-buttons-v726 .admin-affiliate-paid-button-v651{
    height:38px!important;
    min-height:38px!important;
    border-radius:10px!important;
    padding:0 8px!important;
  }
}

/* V729 - QR rộng ngang vừa cột phải, popup mobile căn giữa */
@media(min-width:768px){
  .admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v723{
    grid-template-columns:minmax(560px,620px) minmax(280px,300px)!important;
    gap:18px!important;
  }
  .admin-affiliate-payout-side-v723,
  .admin-affiliate-payout-media-v723,
  .admin-affiliate-payout-qr-preview-v723{
    width:100%!important;
    max-width:300px!important;
    flex:0 0 300px!important;
  }
  .admin-affiliate-payout-side-v723{
    align-items:stretch!important;
    justify-content:center!important;
  }
  .admin-affiliate-payout-media-v723{
    justify-content:stretch!important;
    align-items:stretch!important;
  }
  .admin-affiliate-payout-qr-preview-v723{
    min-height:100%!important;
    padding:16px 14px!important;
    justify-content:center!important;
    align-items:center!important;
  }
  .admin-affiliate-payout-qr-preview-v723 a{
    width:100%!important;
    justify-content:center!important;
    align-items:center!important;
  }
  .admin-affiliate-payout-qr-preview-v723 img{
    width:min(100%,238px)!important;
    max-width:238px!important;
    max-height:310px!important;
  }
}
@media(min-width:1200px){
  .admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v723{
    grid-template-columns:minmax(580px,640px) minmax(300px,320px)!important;
  }
  .admin-affiliate-payout-side-v723,
  .admin-affiliate-payout-media-v723,
  .admin-affiliate-payout-qr-preview-v723{
    max-width:320px!important;
    flex-basis:320px!important;
  }
  .admin-affiliate-payout-qr-preview-v723 img{
    width:min(100%,252px)!important;
    max-width:252px!important;
    max-height:326px!important;
  }
}
@media(max-width:767.98px){
  .admin-affiliate-payout-modal-v719{
    padding:12px!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .admin-affiliate-payout-dialog-v719{
    width:min(650px, calc(100vw - 24px))!important;
    max-width:calc(100vw - 24px)!important;
    margin:0 auto!important;
    max-height:calc(100vh - 24px)!important;
    overflow:auto!important;
  }
  .admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v723{
    grid-template-columns:1fr!important;
    justify-content:stretch!important;
    gap:12px!important;
  }
  .admin-affiliate-payout-side-v723{
    order:-1!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
  }
  .admin-affiliate-payout-media-v723{
    width:100%!important;
    max-width:100%!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .admin-affiliate-payout-qr-preview-v723{
    width:min(320px,100%)!important;
    max-width:320px!important;
    margin:0 auto!important;
    padding:14px!important;
    justify-content:center!important;
    align-items:center!important;
  }
  .admin-affiliate-payout-qr-preview-v723 a{
    width:100%!important;
    justify-content:center!important;
    align-items:center!important;
  }
  .admin-affiliate-payout-qr-preview-v723 img{
    width:min(100%,220px)!important;
    max-width:220px!important;
    max-height:284px!important;
    margin:0 auto!important;
  }
}

/* V730 - QR không dùng khung, ảnh QR lớn hơn; xem biên lai bằng popup trực tiếp */
@media(min-width:768px){
  .admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v723{
    grid-template-columns:minmax(560px,640px) minmax(320px,340px)!important;
    gap:18px!important;
  }
  .admin-affiliate-payout-side-v723,
  .admin-affiliate-payout-media-v723,
  .admin-affiliate-payout-qr-preview-v723{
    width:100%!important;
    max-width:340px!important;
    flex:0 0 340px!important;
  }
  .admin-affiliate-payout-side-v723,
  .admin-affiliate-payout-media-v723,
  .admin-affiliate-payout-qr-preview-v723,
  .admin-affiliate-payout-qr-preview-v723 a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .admin-affiliate-payout-qr-preview-v720,
  .admin-affiliate-payout-qr-preview-v723{
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    border-radius:0!important;
    padding:0!important;
    min-height:100%!important;
  }
  .admin-affiliate-payout-qr-preview-v720 a,
  .admin-affiliate-payout-qr-preview-v723 a{
    background:transparent!important;
    border-radius:0!important;
    width:100%!important;
  }
  .admin-affiliate-payout-qr-preview-v723 img{
    width:min(100%,320px)!important;
    max-width:320px!important;
    max-height:410px!important;
    border-radius:0!important;
  }
}
@media(min-width:1200px){
  .admin-affiliate-payout-dialog-v719{
    width:min(1080px, calc(100vw - 28px))!important;
  }
  .admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v723{
    grid-template-columns:minmax(580px,660px) minmax(340px,360px)!important;
  }
  .admin-affiliate-payout-side-v723,
  .admin-affiliate-payout-media-v723,
  .admin-affiliate-payout-qr-preview-v723{
    max-width:360px!important;
    flex-basis:360px!important;
  }
  .admin-affiliate-payout-qr-preview-v723 img{
    width:min(100%,340px)!important;
    max-width:340px!important;
    max-height:435px!important;
  }
}
@media(max-width:767.98px){
  .admin-affiliate-payout-modal-v719{
    padding:12px!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .admin-affiliate-payout-dialog-v719{
    margin:0 auto!important;
    width:min(650px, calc(100vw - 24px))!important;
    max-width:calc(100vw - 24px)!important;
    max-height:calc(100vh - 24px)!important;
  }
  .admin-affiliate-payout-side-v723,
  .admin-affiliate-payout-media-v723,
  .admin-affiliate-payout-qr-preview-v723,
  .admin-affiliate-payout-qr-preview-v723 a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
  }
  .admin-affiliate-payout-qr-preview-v720,
  .admin-affiliate-payout-qr-preview-v723{
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    border-radius:0!important;
    padding:0!important;
    margin:0 auto!important;
  }
  .admin-affiliate-payout-qr-preview-v720 a,
  .admin-affiliate-payout-qr-preview-v723 a{
    background:transparent!important;
    border-radius:0!important;
  }
  .admin-affiliate-payout-qr-preview-v723 img{
    width:min(100%,320px)!important;
    max-width:320px!important;
    max-height:410px!important;
    border-radius:0!important;
    margin:0 auto!important;
  }
}
.admin-affiliate-proof-preview-modal-v730[hidden]{display:none!important;}
.admin-affiliate-proof-preview-modal-v730{
  position:fixed!important;
  inset:0!important;
  z-index:7000!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:18px!important;
}
.admin-affiliate-proof-preview-backdrop-v730{
  position:absolute!important;
  inset:0!important;
  background:rgba(15,35,58,.58)!important;
  backdrop-filter:blur(4px)!important;
}
.admin-affiliate-proof-preview-dialog-v730{
  position:relative!important;
  z-index:1!important;
  width:min(760px,calc(100vw - 28px))!important;
  max-height:calc(100vh - 28px)!important;
  overflow:hidden!important;
  border:1px solid #dce8f6!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 24px 72px rgba(15,35,58,.28)!important;
}
.admin-affiliate-proof-preview-head-v730{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding:13px 16px!important;
  border-bottom:1px solid #e8eef6!important;
  background:linear-gradient(135deg,#f8fbff,#fff)!important;
}
.admin-affiliate-proof-preview-head-v730 strong{
  color:#0f233d!important;
  font-size:16px!important;
  font-weight:700!important;
  line-height:1.2!important;
}
.admin-affiliate-proof-preview-head-v730 button{
  width:36px!important;
  height:36px!important;
  border:0!important;
  border-radius:999px!important;
  background:#eaf3ff!important;
  color:#0f3b66!important;
  font-size:24px!important;
  line-height:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  cursor:pointer!important;
}
.admin-affiliate-proof-preview-body-v730{
  padding:16px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:12px!important;
  max-height:calc(100vh - 105px)!important;
  overflow:auto!important;
}
.admin-affiliate-proof-preview-body-v730 img{
  display:block!important;
  max-width:100%!important;
  max-height:calc(100vh - 160px)!important;
  object-fit:contain!important;
  border-radius:14px!important;
  border:1px solid #e2ebf6!important;
  background:#fff!important;
}
.admin-affiliate-proof-preview-body-v730 a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:34px!important;
  padding:0 13px!important;
  border-radius:10px!important;
  border:1px solid #bfdbfe!important;
  background:#eff6ff!important;
  color:#0f5fc5!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:700!important;
}
body.admin-affiliate-proof-preview-open-v730{overflow:hidden!important;}
@media(max-width:767.98px){
  .admin-affiliate-proof-preview-modal-v730{padding:12px!important;}
  .admin-affiliate-proof-preview-dialog-v730{border-radius:16px!important;}
  .admin-affiliate-proof-preview-head-v730{padding:12px!important;}
  .admin-affiliate-proof-preview-body-v730{padding:12px!important;}
}

/* V731 - tăng kích thước QR trong popup payout */
@media(min-width:768px){
  .admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v723{
    grid-template-columns:minmax(560px,620px) minmax(300px,340px)!important;
  }
  .admin-affiliate-payout-side-v723,
  .admin-affiliate-payout-qr-preview-v723,
  .admin-affiliate-payout-qr-preview-v723 a{
    width:100%!important;
    max-width:340px!important;
  }
  .admin-affiliate-payout-side-v723,
  .admin-affiliate-payout-media-v723{
    flex:0 0 340px!important;
    max-width:340px!important;
  }
  .admin-affiliate-payout-qr-preview-v723{
    padding:0!important;
    min-height:100%!important;
  }
  .admin-affiliate-payout-qr-preview-v723 img{
    width:min(100%,280px)!important;
    max-width:280px!important;
    max-height:360px!important;
  }
}
@media(min-width:1200px){
  .admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v723{
    grid-template-columns:minmax(580px,640px) minmax(320px,360px)!important;
  }
  .admin-affiliate-payout-side-v723,
  .admin-affiliate-payout-media-v723,
  .admin-affiliate-payout-qr-preview-v723,
  .admin-affiliate-payout-qr-preview-v723 a{
    max-width:360px!important;
  }
  .admin-affiliate-payout-side-v723,
  .admin-affiliate-payout-media-v723{
    flex-basis:360px!important;
  }
  .admin-affiliate-payout-qr-preview-v723 img{
    width:min(100%,296px)!important;
    max-width:296px!important;
    max-height:380px!important;
  }
}
@media(max-width:767.98px){
  .admin-affiliate-payout-qr-preview-v723{
    width:min(340px,100%)!important;
    max-width:340px!important;
  }
  .admin-affiliate-payout-qr-preview-v723 img{
    width:min(100%,250px)!important;
    max-width:250px!important;
    max-height:320px!important;
  }
}

/* V732 - ép QR to hơn vừa khung cột phải */
@media(min-width:768px){
  .admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v723{
    grid-template-columns:minmax(560px,620px) minmax(340px,380px)!important;
    gap:18px!important;
  }
  .admin-affiliate-payout-side-v723,
  .admin-affiliate-payout-media-v723,
  .admin-affiliate-payout-qr-preview-v723,
  .admin-affiliate-payout-qr-preview-v723 a{
    width:100%!important;
    max-width:380px!important;
  }
  .admin-affiliate-payout-side-v723,
  .admin-affiliate-payout-media-v723{
    flex:0 0 380px!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .admin-affiliate-payout-qr-preview-v723{
    padding:0!important;
    min-height:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .admin-affiliate-payout-qr-preview-v723 img{
    width:min(100%,320px)!important;
    max-width:320px!important;
    max-height:400px!important;
    height:auto!important;
  }
}
@media(min-width:1200px){
  .admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v723{
    grid-template-columns:minmax(580px,640px) minmax(360px,400px)!important;
  }
  .admin-affiliate-payout-side-v723,
  .admin-affiliate-payout-media-v723,
  .admin-affiliate-payout-qr-preview-v723,
  .admin-affiliate-payout-qr-preview-v723 a{
    max-width:400px!important;
  }
  .admin-affiliate-payout-side-v723,
  .admin-affiliate-payout-media-v723{
    flex-basis:400px!important;
  }
  .admin-affiliate-payout-qr-preview-v723 img{
    width:min(100%,336px)!important;
    max-width:336px!important;
    max-height:420px!important;
  }
}
@media(max-width:767.98px){
  .admin-affiliate-payout-qr-preview-v723{
    width:min(350px,100%)!important;
    max-width:350px!important;
  }
  .admin-affiliate-payout-qr-preview-v723 img{
    width:min(100%,255px)!important;
    max-width:255px!important;
    max-height:325px!important;
  }
}

/* V733 - QR desktop to như bản mobile, chiếm rõ hơn cột phải */
@media(min-width:768px){
  .admin-affiliate-payout-dialog-v719{
    width:min(1320px, calc(100vw - 28px))!important;
  }
  .admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v723{
    grid-template-columns:minmax(560px,620px) minmax(420px,500px)!important;
    gap:20px!important;
    align-items:center!important;
  }
  .admin-affiliate-payout-side-v723,
  .admin-affiliate-payout-media-v723,
  .admin-affiliate-payout-qr-preview-v723,
  .admin-affiliate-payout-qr-preview-v723 a{
    width:100%!important;
    max-width:500px!important;
  }
  .admin-affiliate-payout-side-v723,
  .admin-affiliate-payout-media-v723{
    flex:0 0 500px!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .admin-affiliate-payout-qr-preview-v723{
    padding:0!important;
    min-height:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .admin-affiliate-payout-qr-preview-v723 img{
    width:min(100%,420px)!important;
    max-width:420px!important;
    max-height:520px!important;
    height:auto!important;
  }
}
@media(min-width:1200px){
  .admin-affiliate-payout-dialog-v719{
    width:min(1380px, calc(100vw - 28px))!important;
  }
  .admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v723{
    grid-template-columns:minmax(580px,640px) minmax(460px,540px)!important;
  }
  .admin-affiliate-payout-side-v723,
  .admin-affiliate-payout-media-v723,
  .admin-affiliate-payout-qr-preview-v723,
  .admin-affiliate-payout-qr-preview-v723 a{
    max-width:540px!important;
  }
  .admin-affiliate-payout-side-v723,
  .admin-affiliate-payout-media-v723{
    flex-basis:540px!important;
  }
  .admin-affiliate-payout-qr-preview-v723 img{
    width:min(100%,450px)!important;
    max-width:450px!important;
    max-height:560px!important;
  }
}

/* V734 - đưa popup payout về khung gọn bình thường */
@media(min-width:768px){
  .admin-affiliate-payout-dialog-v719{
    width:min(980px, calc(100vw - 28px))!important;
    max-height:calc(100vh - 28px)!important;
  }
  .admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v723{
    grid-template-columns:minmax(560px,620px) minmax(260px,300px)!important;
    gap:16px!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .admin-affiliate-payout-side-v723,
  .admin-affiliate-payout-media-v723,
  .admin-affiliate-payout-qr-preview-v723,
  .admin-affiliate-payout-qr-preview-v723 a{
    width:100%!important;
    max-width:300px!important;
  }
  .admin-affiliate-payout-side-v723,
  .admin-affiliate-payout-media-v723{
    flex:0 0 300px!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .admin-affiliate-payout-qr-preview-v723{
    padding:0!important;
    min-height:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .admin-affiliate-payout-qr-preview-v723 img{
    width:min(100%,250px)!important;
    max-width:250px!important;
    max-height:320px!important;
    height:auto!important;
  }
}
@media(min-width:1200px){
  .admin-affiliate-payout-dialog-v719{
    width:min(1020px, calc(100vw - 28px))!important;
  }
  .admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v723{
    grid-template-columns:minmax(580px,640px) minmax(280px,320px)!important;
  }
  .admin-affiliate-payout-side-v723,
  .admin-affiliate-payout-media-v723,
  .admin-affiliate-payout-qr-preview-v723,
  .admin-affiliate-payout-qr-preview-v723 a{
    max-width:320px!important;
  }
  .admin-affiliate-payout-side-v723,
  .admin-affiliate-payout-media-v723{
    flex-basis:320px!important;
  }
  .admin-affiliate-payout-qr-preview-v723 img{
    width:min(100%,260px)!important;
    max-width:260px!important;
    max-height:330px!important;
  }
}
@media(max-width:767.98px){
  .admin-affiliate-payout-dialog-v719{
    width:min(650px, calc(100vw - 24px))!important;
  }
  .admin-affiliate-payout-qr-preview-v723{
    width:min(320px,100%)!important;
    max-width:320px!important;
  }
  .admin-affiliate-payout-qr-preview-v723 img{
    width:min(100%,230px)!important;
    max-width:230px!important;
    max-height:295px!important;
  }
}

/* V736 - bố trí lại form Cập nhật tài khoản Affiliate đồng bộ */
[data-affiliate-panel="accounts"] .admin-affiliate-accounts-table-v628 td[data-label="Cập nhật"]{
  padding:10px 10px!important;
  vertical-align:middle!important;
}
[data-affiliate-panel="accounts"] .admin-affiliate-account-form-v611{
  display:grid!important;
  grid-template-columns:minmax(150px,1fr) minmax(140px,.95fr) 92px!important;
  gap:10px!important;
  width:100%!important;
  max-width:none!important;
  align-items:end!important;
  margin:0!important;
}
[data-affiliate-panel="accounts"] .admin-affiliate-account-form-v611 label{
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  min-width:0!important;
  margin:0!important;
  color:#0f233d!important;
  font-size:12px!important;
  font-weight:600!important;
  line-height:1.2!important;
}
[data-affiliate-panel="accounts"] .admin-affiliate-account-form-v611 label span{
  display:block!important;
  color:#0f233d!important;
  font-size:12px!important;
  font-weight:600!important;
  line-height:1.2!important;
}
[data-affiliate-panel="accounts"] .admin-affiliate-account-form-v611 select,
[data-affiliate-panel="accounts"] .admin-affiliate-account-form-v611 input{
  width:100%!important;
  height:42px!important;
  min-height:42px!important;
  border:1px solid #cbd8e8!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#172033!important;
  font-size:13px!important;
  line-height:42px!important;
  padding:0 12px!important;
  outline:none!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}
[data-affiliate-panel="accounts"] .admin-affiliate-account-form-v611 select:focus,
[data-affiliate-panel="accounts"] .admin-affiliate-account-form-v611 input:focus{
  border-color:#2f7cf6!important;
  box-shadow:0 0 0 3px rgba(47,124,246,.12)!important;
}
[data-affiliate-panel="accounts"] .admin-affiliate-account-form-v611 button{
  width:100%!important;
  height:42px!important;
  min-height:42px!important;
  border:0!important;
  border-radius:10px!important;
  background:#2f72ee!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1!important;
  padding:0 14px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  cursor:pointer!important;
  box-sizing:border-box!important;
}
[data-affiliate-panel="accounts"] .admin-affiliate-account-form-v611 button:hover{
  background:#1f63d8!important;
}
@media(max-width:1299.98px) and (min-width:768px){
  [data-affiliate-panel="accounts"] .admin-affiliate-account-form-v611{
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  [data-affiliate-panel="accounts"] .admin-affiliate-account-form-v611 button{
    grid-column:1/-1!important;
  }
}
@media(max-width:767.98px){
  [data-affiliate-panel="accounts"] .admin-affiliate-account-form-v611{
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    max-width:100%!important;
  }
  [data-affiliate-panel="accounts"] .admin-affiliate-account-form-v611 button{
    grid-column:1/-1!important;
  }
  [data-affiliate-panel="accounts"] .admin-affiliate-account-form-v611 label span{
    font-size:11.5px!important;
  }
  [data-affiliate-panel="accounts"] .admin-affiliate-account-form-v611 select,
  [data-affiliate-panel="accounts"] .admin-affiliate-account-form-v611 input,
  [data-affiliate-panel="accounts"] .admin-affiliate-account-form-v611 button{
    height:40px!important;
    min-height:40px!important;
    font-size:12px!important;
    border-radius:10px!important;
  }
}

/* V737 - Tài khoản Affiliate: tách Trạng thái / Hoa hồng riêng thành 2 cột tự lưu */
[data-affiliate-panel="accounts"] .admin-affiliate-accounts-table-v628{
  min-width:1120px!important;
  table-layout:fixed!important;
}
[data-affiliate-panel="accounts"] .admin-affiliate-accounts-table-v628 th:nth-child(1){width:6%!important;text-align:center!important;}
[data-affiliate-panel="accounts"] .admin-affiliate-accounts-table-v628 th:nth-child(2){width:24%!important;}
[data-affiliate-panel="accounts"] .admin-affiliate-accounts-table-v628 th:nth-child(3){width:13%!important;}
[data-affiliate-panel="accounts"] .admin-affiliate-accounts-table-v628 th:nth-child(4){width:17%!important;}
[data-affiliate-panel="accounts"] .admin-affiliate-accounts-table-v628 th:nth-child(5){width:18%!important;}
[data-affiliate-panel="accounts"] .admin-affiliate-accounts-table-v628 th:nth-child(6){width:8%!important;}
[data-affiliate-panel="accounts"] .admin-affiliate-accounts-table-v628 th:nth-child(7){width:14%!important;}
[data-affiliate-panel="accounts"] .admin-affiliate-account-edit-cell-v737{
  padding:10px 8px!important;
  vertical-align:middle!important;
}
[data-affiliate-panel="accounts"] .admin-affiliate-account-auto-form-v737{
  position:relative!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
[data-affiliate-panel="accounts"] .admin-affiliate-account-auto-form-v737 label{
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  width:100%!important;
  margin:0!important;
  color:#0f233d!important;
  font-size:12px!important;
  font-weight:600!important;
  line-height:1.2!important;
}
[data-affiliate-panel="accounts"] .admin-affiliate-account-auto-form-v737 label span{
  display:block!important;
  color:#0f233d!important;
  font-size:12px!important;
  font-weight:600!important;
  line-height:1.2!important;
}
[data-affiliate-panel="accounts"] .admin-affiliate-account-auto-form-v737 select,
[data-affiliate-panel="accounts"] .admin-affiliate-account-auto-form-v737 input[type="number"]{
  width:100%!important;
  height:40px!important;
  min-height:40px!important;
  border:1px solid #cbd8e8!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#172033!important;
  font-size:13px!important;
  line-height:40px!important;
  padding:0 12px!important;
  outline:none!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}
[data-affiliate-panel="accounts"] .admin-affiliate-account-auto-form-v737 select:focus,
[data-affiliate-panel="accounts"] .admin-affiliate-account-auto-form-v737 input[type="number"]:focus{
  border-color:#2f7cf6!important;
  box-shadow:0 0 0 3px rgba(47,124,246,.12)!important;
}
[data-affiliate-panel="accounts"] .admin-affiliate-account-auto-form-v737.is-saving-v737::after,
[data-affiliate-panel="accounts"] .admin-affiliate-account-auto-form-v737.is-saved-v737::after{
  position:absolute!important;
  right:8px!important;
  bottom:-16px!important;
  color:#64748b!important;
  font-size:10px!important;
  font-weight:500!important;
  line-height:1!important;
  white-space:nowrap!important;
}
[data-affiliate-panel="accounts"] .admin-affiliate-account-auto-form-v737.is-saving-v737::after{content:'Đang lưu...';}
[data-affiliate-panel="accounts"] .admin-affiliate-account-auto-form-v737.is-saved-v737::after{content:'Đã lưu';color:#16a34a!important;}
@media(max-width:767.98px){
  [data-affiliate-panel="accounts"] .admin-affiliate-accounts-table-v628{min-width:0!important;}
  [data-affiliate-panel="accounts"] .admin-affiliate-account-auto-form-v737 label span{font-size:11.5px!important;}
  [data-affiliate-panel="accounts"] .admin-affiliate-account-auto-form-v737 select,
  [data-affiliate-panel="accounts"] .admin-affiliate-account-auto-form-v737 input[type="number"]{
    height:39px!important;
    min-height:39px!important;
    font-size:12px!important;
    border-radius:10px!important;
  }
}

/* V738 - Khung hướng dẫn chi tiết tại trang Link giới thiệu Affiliate */
.affiliate-link-guide-v738{
  margin-top:16px!important;
  padding:20px!important;
  border:1px solid #dce8f6!important;
  background:linear-gradient(135deg,#ffffff 0%,#f7fbff 100%)!important;
}
.affiliate-link-guide-head-v738{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin-bottom:16px!important;
}
.affiliate-link-guide-kicker-v738{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  min-height:28px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  background:#fff3e8!important;
  color:#d85b00!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1!important;
  margin-bottom:9px!important;
}
.affiliate-link-guide-head-v738 h2{
  margin:0!important;
  color:#0f3b66!important;
  font-size:22px!important;
  font-weight:700!important;
  line-height:1.25!important;
}
.affiliate-link-guide-head-v738 p{
  margin:8px 0 0!important;
  max-width:760px!important;
  color:#53677f!important;
  font-size:14px!important;
  line-height:1.55!important;
}
.affiliate-link-guide-cookie-v738{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-height:36px!important;
  padding:0 13px!important;
  border-radius:999px!important;
  background:#eaf3ff!important;
  color:#0f4f91!important;
  font-size:13px!important;
  font-weight:700!important;
  white-space:nowrap!important;
  flex:0 0 auto!important;
}
.affiliate-link-guide-grid-v738{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  margin-bottom:14px!important;
}
.affiliate-link-guide-grid-v738>div{
  min-width:0!important;
  padding:15px!important;
  border:1px solid #e1ebf7!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(15,55,103,.04)!important;
}
.affiliate-link-guide-grid-v738 i{
  display:inline-flex!important;
  width:34px!important;
  height:34px!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:10px!important;
  background:#eff6ff!important;
  color:#1f6bd8!important;
  font-size:18px!important;
  margin-bottom:11px!important;
}
.affiliate-link-guide-grid-v738 strong{
  display:block!important;
  color:#172033!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.35!important;
  margin-bottom:6px!important;
}
.affiliate-link-guide-grid-v738 span{
  display:block!important;
  color:#5f7288!important;
  font-size:12.5px!important;
  line-height:1.5!important;
}
.affiliate-link-guide-steps-v738{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  padding:12px!important;
  border:1px dashed #c9dcf3!important;
  border-radius:14px!important;
  background:#f8fbff!important;
}
.affiliate-link-guide-steps-v738>div{
  display:flex!important;
  gap:10px!important;
  align-items:flex-start!important;
  min-width:0!important;
}
.affiliate-link-guide-steps-v738 b{
  display:inline-flex!important;
  width:26px!important;
  height:26px!important;
  flex:0 0 26px!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  background:#ff7a00!important;
  color:#fff!important;
  font-size:12px!important;
  line-height:1!important;
}
.affiliate-link-guide-steps-v738 span{
  color:#3f5875!important;
  font-size:12.5px!important;
  line-height:1.45!important;
}
.affiliate-link-guide-note-v738{
  display:flex!important;
  align-items:flex-start!important;
  gap:9px!important;
  margin-top:12px!important;
  padding:12px 14px!important;
  border-radius:12px!important;
  background:#fff7ed!important;
  color:#92400e!important;
  font-size:13px!important;
  line-height:1.45!important;
}
.affiliate-link-guide-note-v738 i{
  color:#d85b00!important;
  font-size:17px!important;
  margin-top:1px!important;
}
@media(max-width:1199.98px){
  .affiliate-link-guide-grid-v738,
  .affiliate-link-guide-steps-v738{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:767.98px){
  .affiliate-link-guide-v738{padding:16px!important;margin-top:14px!important;}
  .affiliate-link-guide-head-v738{display:block!important;}
  .affiliate-link-guide-head-v738 h2{font-size:19px!important;}
  .affiliate-link-guide-cookie-v738{margin-top:12px!important;width:100%!important;}
  .affiliate-link-guide-grid-v738,
  .affiliate-link-guide-steps-v738{grid-template-columns:1fr!important;}
}

/* V739 - Tài khoản Affiliate: đưa Trạng thái/Hoa hồng riêng về cuối, bỏ label lặp trong ô */
[data-affiliate-panel="accounts"] .admin-affiliate-accounts-table-v628{
  min-width:1080px!important;
  table-layout:fixed!important;
}
[data-affiliate-panel="accounts"] .admin-affiliate-accounts-table-v628 th:nth-child(1){width:6%!important;text-align:center!important;}
[data-affiliate-panel="accounts"] .admin-affiliate-accounts-table-v628 th:nth-child(2){width:25%!important;}
[data-affiliate-panel="accounts"] .admin-affiliate-accounts-table-v628 th:nth-child(3){width:14%!important;}
[data-affiliate-panel="accounts"] .admin-affiliate-accounts-table-v628 th:nth-child(4){width:8%!important;text-align:center!important;}
[data-affiliate-panel="accounts"] .admin-affiliate-accounts-table-v628 th:nth-child(5){width:14%!important;}
[data-affiliate-panel="accounts"] .admin-affiliate-accounts-table-v628 th:nth-child(6){width:16%!important;}
[data-affiliate-panel="accounts"] .admin-affiliate-accounts-table-v628 th:nth-child(7){width:17%!important;}
[data-affiliate-panel="accounts"] .admin-affiliate-account-edit-cell-v737{
  padding:9px 8px!important;
}
[data-affiliate-panel="accounts"] .admin-affiliate-account-auto-form-v737 label{
  gap:0!important;
}
[data-affiliate-panel="accounts"] .admin-affiliate-account-auto-form-v737 label span,
[data-affiliate-panel="accounts"] .admin-affiliate-account-auto-form-v737 label .sr-only-v739{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
[data-affiliate-panel="accounts"] .admin-affiliate-account-auto-form-v737 select,
[data-affiliate-panel="accounts"] .admin-affiliate-account-auto-form-v737 input[type="number"]{
  height:38px!important;
  min-height:38px!important;
  line-height:38px!important;
  border-radius:10px!important;
  font-size:13px!important;
}
[data-affiliate-panel="accounts"] .admin-affiliate-account-auto-form-v737.is-saving-v737::after,
[data-affiliate-panel="accounts"] .admin-affiliate-account-auto-form-v737.is-saved-v737::after{
  bottom:-14px!important;
  right:4px!important;
}
@media(max-width:767.98px){
  [data-affiliate-panel="accounts"] .admin-affiliate-accounts-table-v628{min-width:0!important;}
  [data-affiliate-panel="accounts"] .admin-affiliate-account-edit-cell-v737{padding:8px 0!important;}
}

/* V742 - Khung hướng dẫn Affiliate: icon và tiêu đề cùng hàng, nội dung rộng hơn để tránh rớt từ đơn */
.affiliate-link-guide-grid-v738{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
}
.affiliate-link-guide-grid-v738>div{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  column-gap:10px!important;
  row-gap:7px!important;
  align-items:center!important;
  padding:16px!important;
}
.affiliate-link-guide-grid-v738 i{
  grid-column:1!important;
  grid-row:1!important;
  margin:0!important;
}
.affiliate-link-guide-grid-v738 strong{
  grid-column:2!important;
  grid-row:1!important;
  margin:0!important;
  align-self:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:14px!important;
  line-height:1.25!important;
}
.affiliate-link-guide-grid-v738 span{
  grid-column:1 / -1!important;
  margin-top:2px!important;
  font-size:13px!important;
  line-height:1.55!important;
  text-wrap:pretty!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}
@media(max-width:767.98px){
  .affiliate-link-guide-grid-v738{
    grid-template-columns:1fr!important;
  }
  .affiliate-link-guide-grid-v738>div{
    grid-template-columns:32px minmax(0,1fr)!important;
    padding:15px!important;
  }
  .affiliate-link-guide-grid-v738 i{
    width:32px!important;
    height:32px!important;
  }
  .affiliate-link-guide-grid-v738 strong{
    font-size:13.5px!important;
  }
}

/* V744 - user affiliate orders add search and serial number */
.affiliate-orders-head-v744{
  align-items:flex-start;
  gap:12px;
}
.affiliate-orders-search-v744{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  width:100%;
  max-width:560px;
  margin-left:auto;
}
.affiliate-orders-search-v744 input[type="search"]{
  flex:1 1 260px;
  min-width:0;
  height:42px;
  border:1px solid #cbd8e8;
  border-radius:8px;
  padding:0 12px;
  color:#24364e;
  outline:0;
  background:#fff;
}
.affiliate-orders-search-v744 input[type="search"]:focus{
  border-color:#2f7cf6;
  box-shadow:0 0 0 3px rgba(47,124,246,.12);
}
.affiliate-orders-search-v744 button,
.affiliate-orders-clear-v744{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 14px;
  border-radius:8px;
  font-weight:600;
  text-decoration:none;
  white-space:nowrap;
}
.affiliate-orders-search-v744 button{
  border:0;
  background:#2f7cf6;
  color:#fff;
}
.affiliate-orders-search-v744 button:hover{background:#1f69df;}
.affiliate-orders-clear-v744{
  border:1px solid #d6e1ef;
  background:#fff;
  color:#32557c;
}
.affiliate-orders-clear-v744:hover{
  background:#f5f9ff;
  color:#0f3b66;
}
.affiliate-orders-table-v744 th:first-child,
.affiliate-orders-table-v744 td:first-child{
  text-align:center!important;
}
.affiliate-order-stt-v744{
  color:#32557c!important;
  font-weight:600!important;
}
@media(max-width:767.98px){
  .affiliate-orders-head-v744{
    align-items:stretch;
  }
  .affiliate-orders-search-v744{
    max-width:none;
    margin-left:0;
  }
  .affiliate-orders-search-v744 input[type="search"],
  .affiliate-orders-search-v744 button,
  .affiliate-orders-clear-v744{
    width:100%;
  }
}

/* V746 - 3 nút ảnh khung Top Affiliate nằm cùng 1 hàng dạng icon */
.affiliate-rank-frame-actions-v746{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
  align-items:stretch!important;
  width:100%!important;
}
.affiliate-rank-frame-actions-v746 .affiliate-rank-frame-hosting-v666,
.affiliate-rank-frame-actions-v746 .affiliate-rank-frame-upload-v666,
.affiliate-rank-frame-actions-v746 .affiliate-rank-frame-remove-v666{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  width:100%!important;
  min-width:0!important;
  min-height:38px!important;
  height:38px!important;
  padding:0 7px!important;
  border-radius:10px!important;
  font-size:11.5px!important;
  font-weight:700!important;
  line-height:1!important;
  white-space:nowrap!important;
  margin:0!important;
  box-sizing:border-box!important;
  cursor:pointer!important;
}
.affiliate-rank-frame-actions-v746 i{
  font-size:15px!important;
  line-height:1!important;
  flex:0 0 auto!important;
}
.affiliate-rank-frame-actions-v746 span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.affiliate-rank-frame-actions-v746 .affiliate-rank-frame-remove-v666{
  border:1px solid #fecaca!important;
  background:#fff!important;
  color:#dc2626!important;
}
.affiliate-rank-frame-actions-v746 .affiliate-rank-frame-remove-v666:hover{
  background:#fff5f5!important;
  border-color:#fca5a5!important;
}
.affiliate-rank-frame-actions-v746 .affiliate-rank-frame-remove-v666 input[type="checkbox"]{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
}
.affiliate-rank-frame-actions-v746 .affiliate-rank-frame-remove-v666.is-disabled{
  opacity:.45!important;
  cursor:not-allowed!important;
  filter:grayscale(.2)!important;
}
.affiliate-rank-frame-actions-v746 .affiliate-rank-frame-remove-v666.is-disabled:hover{
  background:#fff!important;
  border-color:#fecaca!important;
}
@media(max-width:575.98px){
  .affiliate-rank-frame-actions-v666.affiliate-rank-frame-actions-v746{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
  }
  .affiliate-rank-frame-actions-v746 .affiliate-rank-frame-hosting-v666,
  .affiliate-rank-frame-actions-v746 .affiliate-rank-frame-upload-v666,
  .affiliate-rank-frame-actions-v746 .affiliate-rank-frame-remove-v666{
    font-size:11px!important;
    padding:0 5px!important;
  }
}


/* V767 - Hoa hồng gần đây: cột sản phẩm rộng hơn, mỗi khóa học một dòng */
.affiliate-recent-commissions-table-v767{
  table-layout:fixed!important;
  width:100%!important;
}
.affiliate-recent-commissions-table-v767 .affiliate-recent-order-col-v767{width:25%!important;}
.affiliate-recent-commissions-table-v767 .affiliate-recent-product-col-v767{width:43%!important;}
.affiliate-recent-commissions-table-v767 .affiliate-recent-commission-col-v767{width:12%!important;}
.affiliate-recent-commissions-table-v767 .affiliate-recent-status-col-v767{width:20%!important;}
.affiliate-recent-commissions-table-v767 .affiliate-recent-products-v767{
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
}
.affiliate-recent-commissions-table-v767 .affiliate-recent-products-v767 span{
  display:block!important;
  -webkit-box-orient:unset!important;
  -webkit-line-clamp:unset!important;
  overflow:visible!important;
  max-height:none!important;
  line-height:1.4!important;
  margin:0!important;
  padding:0!important;
  text-wrap:pretty!important;
}
.affiliate-recent-commissions-table-v767 .affiliate-recent-products-v767 span + span{
  margin-top:4px!important;
}
@media(max-width:767.98px){
  .affiliate-recent-commissions-table-v767 colgroup{display:none!important;}
  .affiliate-recent-commissions-table-v767 .affiliate-recent-products-v767 span + span{
    margin-top:6px!important;
  }
}

/* V770 - Nhật ký tài chính: chia cột cân đối, Việt hóa hành động, ghi chú ở cuối */
.admin-affiliate-audit-table-v624{
  width:100%!important;
  table-layout:fixed!important;
}
.admin-affiliate-audit-table-v624 th:nth-child(1),
.admin-affiliate-audit-table-v624 td:nth-child(1){width:4%!important;text-align:center!important;}
.admin-affiliate-audit-table-v624 th:nth-child(2),
.admin-affiliate-audit-table-v624 td:nth-child(2){width:12%!important;}
.admin-affiliate-audit-table-v624 th:nth-child(3),
.admin-affiliate-audit-table-v624 td:nth-child(3){width:16%!important;}
.admin-affiliate-audit-table-v624 th:nth-child(4),
.admin-affiliate-audit-table-v624 td:nth-child(4){width:15%!important;}
.admin-affiliate-audit-table-v624 th:nth-child(5),
.admin-affiliate-audit-table-v624 td:nth-child(5){width:13%!important;}
.admin-affiliate-audit-table-v624 th:nth-child(6),
.admin-affiliate-audit-table-v624 td:nth-child(6){width:10%!important;}
.admin-affiliate-audit-table-v624 th:nth-child(7),
.admin-affiliate-audit-table-v624 td:nth-child(7){width:30%!important;}
.admin-affiliate-audit-table-v624 th,
.admin-affiliate-audit-table-v624 td{
  vertical-align:top!important;
}
.admin-affiliate-audit-action-v624{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:6px 9px;
  border-radius:8px;
  line-height:1.3;
  text-align:center;
  white-space:normal;
}
.admin-affiliate-audit-note-v770{
  line-height:1.45!important;
  color:#3d5773!important;
}
.admin-affiliate-audit-ip-v770{
  white-space:nowrap!important;
}
@media(max-width:767.98px){
  .admin-affiliate-audit-table-v624 td{
    width:100%!important;
  }
  .admin-affiliate-audit-table-v624 td[data-label="Ghi chú"]{
    order:7;
    padding-bottom:0!important;
  }
  .admin-affiliate-audit-table-v624 td[data-label="IP"]{
    order:6;
  }
  .admin-affiliate-audit-action-v624{
    justify-content:flex-start;
    text-align:left;
  }
  .admin-affiliate-audit-ip-v770{
    white-space:normal!important;
  }
}

/* V773 - desktop popup payout xếp dọc giống bố cục mobile */
@media(min-width:768px){
  .admin-affiliate-payout-modal-v719{
    padding:18px!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .admin-affiliate-payout-dialog-v719{
    width:min(590px, calc(100vw - 36px))!important;
    max-width:590px!important;
    max-height:calc(100vh - 36px)!important;
    overflow:auto!important;
    border-radius:22px!important;
  }
  .admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v723{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    align-items:stretch!important;
    justify-items:stretch!important;
    padding:16px 18px 18px!important;
  }
  .admin-affiliate-payout-side-v723{
    order:-1!important;
    width:100%!important;
    max-width:none!important;
    flex:0 0 auto!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .admin-affiliate-payout-media-v723{
    width:100%!important;
    max-width:none!important;
    flex:0 0 auto!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .admin-affiliate-payout-qr-preview-v723,
  .admin-affiliate-payout-qr-preview-v723 a{
    width:100%!important;
    max-width:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .admin-affiliate-payout-qr-preview-v723{
    min-height:auto!important;
    padding:0!important;
  }
  .admin-affiliate-payout-qr-preview-v723 img{
    width:min(100%,270px)!important;
    max-width:270px!important;
    max-height:340px!important;
    height:auto!important;
    margin:0 auto!important;
  }
  .admin-affiliate-payout-main-v723{
    width:100%!important;
    min-width:0!important;
  }
  .admin-affiliate-payout-summary-v719{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
  }
  .admin-affiliate-payout-summary-v719>div{
    min-width:0!important;
    min-height:92px!important;
    padding:12px 14px!important;
  }
  .admin-affiliate-payout-proof-row-v723,
  .admin-affiliate-payout-modal-buttons-v726{
    width:100%!important;
    max-width:none!important;
  }
  .admin-affiliate-payout-proof-row-v723{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }
  .admin-affiliate-payout-action-row-v651.admin-affiliate-payout-modal-buttons-v726{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }
}

/* V775 - khung QR payout desktop đồng bộ kích thước trang thanh toán */
@media(min-width:768px){
  .admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v723 .admin-affiliate-payout-side-v723,
  .admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v723 .admin-affiliate-payout-media-v723{
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    flex:0 0 auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v722 .admin-affiliate-payout-qr-preview-v720,
  .admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v723 .admin-affiliate-payout-qr-preview-v723{
    width:min(100%,340px)!important;
    max-width:340px!important;
    min-height:360px!important;
    height:auto!important;
    margin:0 auto!important;
    padding:22px 20px!important;
    border:1px solid #dfeaf6!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:none!important;
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
  }
  .admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v722 .admin-affiliate-payout-qr-preview-v720 a,
  .admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v723 .admin-affiliate-payout-qr-preview-v723 a{
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
  }
  .admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v722 .admin-affiliate-payout-qr-preview-v720 img,
  .admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v723 .admin-affiliate-payout-qr-preview-v723 img{
    display:block!important;
    width:min(100%,245px)!important;
    max-width:245px!important;
    height:auto!important;
    max-height:310px!important;
    margin:0 auto!important;
    object-fit:contain!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v723 .admin-affiliate-payout-qr-preview-v723::after{
    content:'Mở app ngân hàng và quét mã QR';
    display:block;
    margin-top:12px;
    color:#587091;
    font-size:12px;
    font-weight:400;
    line-height:1.4;
    text-align:center;
  }
}


/* V776 - bỏ khung QR payout desktop, chỉ phóng lớn ảnh QR */
@media(min-width:768px){
  .admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v722 .admin-affiliate-payout-qr-preview-v720,
  .admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v723 .admin-affiliate-payout-qr-preview-v723{
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    height:auto!important;
    margin:0 auto!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v722 .admin-affiliate-payout-qr-preview-v720 a,
  .admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v723 .admin-affiliate-payout-qr-preview-v723 a{
    width:auto!important;
    max-width:100%!important;
    margin:0 auto!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v722 .admin-affiliate-payout-qr-preview-v720 img,
  .admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v723 .admin-affiliate-payout-qr-preview-v723 img{
    display:block!important;
    width:min(100%,320px)!important;
    max-width:320px!important;
    height:auto!important;
    max-height:none!important;
    margin:0 auto!important;
    padding:0!important;
    object-fit:contain!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v723 .admin-affiliate-payout-qr-preview-v723::after{
    content:none!important;
    display:none!important;
  }
}

/* V777 - ưu tiên phóng lớn trực tiếp ảnh QR payout trên desktop */
@media(min-width:768px){
  .admin-affiliate-payout-modal-v719 .admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v723 .admin-affiliate-payout-side-v723,
  .admin-affiliate-payout-modal-v719 .admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v723 .admin-affiliate-payout-media-v723{
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    flex:0 0 auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .admin-affiliate-payout-modal-v719 .admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v723 .admin-affiliate-payout-qr-preview-v723,
  .admin-affiliate-payout-modal-v719 .admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v723 .admin-affiliate-payout-qr-preview-v723 a{
    width:min(100%,420px)!important;
    max-width:420px!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    margin:0 auto!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:visible!important;
  }
  .admin-affiliate-payout-modal-v719 .admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v723 .admin-affiliate-payout-qr-preview-v723 img{
    display:block!important;
    width:420px!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    max-height:none!important;
    margin:0 auto!important;
    padding:0!important;
    object-fit:contain!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
  }
}

/* V778 - Tài khoản Affiliate: căn trái Số đơn và popup chỉ xem thông tin nhận hoa hồng */
[data-affiliate-panel="accounts"] .admin-affiliate-accounts-table-v628 th:nth-child(4),
[data-affiliate-panel="accounts"] .admin-affiliate-accounts-table-v628 td:nth-child(4),
[data-affiliate-panel="accounts"] .admin-affiliate-order-count-v778{
  text-align:left!important;
}
.admin-affiliate-user-view-v778{
  display:block!important;
  max-width:100%!important;
  margin:0 0 4px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#0f3b66!important;
  font:inherit!important;
  font-weight:600!important;
  line-height:1.35!important;
  text-align:left!important;
  cursor:pointer!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.admin-affiliate-user-view-v778:hover,
.admin-affiliate-user-view-v778:focus-visible{
  color:#ff7a00!important;
}
.admin-affiliate-user-view-v778:focus-visible{
  outline:2px solid rgba(47,124,246,.35)!important;
  outline-offset:3px!important;
  border-radius:4px!important;
}
.admin-affiliate-user-info-modal-v778[hidden]{display:none!important;}
.admin-affiliate-user-info-modal-v778{
  position:fixed!important;
  inset:0!important;
  z-index:10080!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:20px!important;
}
.admin-affiliate-user-info-backdrop-v778{
  position:absolute!important;
  inset:0!important;
  background:rgba(15,35,61,.52)!important;
  backdrop-filter:blur(3px)!important;
}
.admin-affiliate-user-info-dialog-v778{
  position:relative!important;
  z-index:1!important;
  width:min(760px,100%)!important;
  max-height:calc(100vh - 40px)!important;
  overflow:auto!important;
  border:1px solid #dce7f4!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 24px 70px rgba(15,35,61,.24)!important;
}
.admin-affiliate-user-info-head-v778{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:16px!important;
  padding:18px 20px 15px!important;
  border-bottom:1px solid #e7eef7!important;
}
.admin-affiliate-user-info-head-v778 strong{
  display:block!important;
  color:#13243a!important;
  font-size:18px!important;
  font-weight:700!important;
  line-height:1.25!important;
}
.admin-affiliate-user-info-head-v778 small{
  display:block!important;
  margin-top:5px!important;
  color:#6c7f96!important;
  font-size:12px!important;
  line-height:1.4!important;
}
.admin-affiliate-user-info-head-v778>button{
  display:inline-flex!important;
  width:38px!important;
  height:38px!important;
  flex:0 0 38px!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:#eef6ff!important;
  color:#0f3b66!important;
  font-size:26px!important;
  font-weight:400!important;
  line-height:1!important;
  cursor:pointer!important;
}
.admin-affiliate-user-info-body-v778{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px 16px!important;
  padding:20px!important;
}
.admin-affiliate-user-info-body-v778 label{
  display:block!important;
  min-width:0!important;
  margin:0!important;
}
.admin-affiliate-user-info-body-v778 label>span{
  display:block!important;
  margin-bottom:7px!important;
  color:#263c57!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.3!important;
}
.admin-affiliate-user-info-body-v778 input{
  width:100%!important;
  height:46px!important;
  min-height:46px!important;
  box-sizing:border-box!important;
  padding:0 14px!important;
  border:1px solid #d4e0ee!important;
  border-radius:11px!important;
  background:#f7faff!important;
  color:#24364c!important;
  font-family:Roboto,sans-serif!important;
  font-size:13px!important;
  font-weight:400!important;
  outline:none!important;
  cursor:default!important;
  text-overflow:ellipsis!important;
}
.admin-affiliate-user-info-foot-v778{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding:14px 20px 18px!important;
  border-top:1px solid #e7eef7!important;
}
.admin-affiliate-user-info-foot-v778 span{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  color:#71839a!important;
  font-size:12px!important;
  line-height:1.4!important;
}
.admin-affiliate-user-info-foot-v778>button{
  min-width:92px!important;
  height:38px!important;
  padding:0 18px!important;
  border:0!important;
  border-radius:10px!important;
  background:#0f3b66!important;
  color:#fff!important;
  font-family:Roboto,sans-serif!important;
  font-size:13px!important;
  font-weight:500!important;
  cursor:pointer!important;
}
body.admin-affiliate-user-info-open-v778{overflow:hidden!important;}
@media(max-width:767.98px){
  [data-affiliate-panel="accounts"] .admin-affiliate-accounts-table-v628 th:nth-child(4),
  [data-affiliate-panel="accounts"] .admin-affiliate-accounts-table-v628 td:nth-child(4),
  [data-affiliate-panel="accounts"] .admin-affiliate-order-count-v778{text-align:left!important;}
  .admin-affiliate-user-info-modal-v778{padding:12px!important;align-items:flex-end!important;}
  .admin-affiliate-user-info-dialog-v778{max-height:88vh!important;border-radius:18px 18px 0 0!important;}
  .admin-affiliate-user-info-head-v778{padding:16px!important;}
  .admin-affiliate-user-info-head-v778 strong{font-size:16px!important;}
  .admin-affiliate-user-info-body-v778{grid-template-columns:1fr!important;gap:12px!important;padding:16px!important;}
  .admin-affiliate-user-info-body-v778 input{height:43px!important;min-height:43px!important;font-size:12.5px!important;}
  .admin-affiliate-user-info-foot-v778{padding:13px 16px 16px!important;}
  .admin-affiliate-user-info-foot-v778 span{display:none!important;}
  .admin-affiliate-user-info-foot-v778>button{width:100%!important;}
}


/* V779 - popup payout desktop chia ngang: thông tin bên trái, QR riêng bên phải */
@media(min-width:768px){
  .admin-affiliate-payout-modal-v719{
    padding:18px!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .admin-affiliate-payout-dialog-v719{
    width:min(1000px,calc(100vw - 36px))!important;
    max-width:1000px!important;
    max-height:calc(100vh - 36px)!important;
    overflow:auto!important;
    border-radius:22px!important;
  }
  .admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v779{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(380px,.92fr)!important;
    grid-template-areas:"main qr"!important;
    gap:24px!important;
    align-items:center!important;
    justify-items:stretch!important;
    padding:20px 22px 22px!important;
  }
  .admin-affiliate-payout-layout-v779 .admin-affiliate-payout-main-v723{
    grid-area:main!important;
    width:100%!important;
    min-width:0!important;
    order:initial!important;
    align-self:center!important;
  }
  .admin-affiliate-payout-layout-v779 .admin-affiliate-payout-side-v723{
    grid-area:qr!important;
    order:initial!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    align-self:center!important;
  }
  .admin-affiliate-payout-layout-v779 .admin-affiliate-payout-media-v723{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .admin-affiliate-payout-layout-v779 .admin-affiliate-payout-qr-preview-v723,
  .admin-affiliate-payout-layout-v779 .admin-affiliate-payout-qr-preview-v723 a{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:visible!important;
  }
  .admin-affiliate-payout-layout-v779 .admin-affiliate-payout-qr-preview-v723 img{
    display:block!important;
    width:auto!important;
    max-width:100%!important;
    height:auto!important;
    max-height:calc(100vh - 155px)!important;
    margin:0 auto!important;
    padding:0!important;
    object-fit:contain!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
  }
  .admin-affiliate-payout-layout-v779 .admin-affiliate-payout-qr-preview-v723::after{
    content:none!important;
    display:none!important;
  }
  .admin-affiliate-payout-layout-v779 .admin-affiliate-payout-summary-v719{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
    margin-bottom:14px!important;
  }
  .admin-affiliate-payout-layout-v779 .admin-affiliate-payout-summary-v719>div{
    min-width:0!important;
    min-height:92px!important;
    padding:12px 14px!important;
  }
  .admin-affiliate-payout-layout-v779 .admin-affiliate-payout-proof-row-v723{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
    width:100%!important;
    max-width:none!important;
  }
  .admin-affiliate-payout-layout-v779 .admin-affiliate-payout-action-row-v651.admin-affiliate-payout-modal-buttons-v726{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
    width:100%!important;
    max-width:none!important;
  }
}
@media(min-width:768px) and (max-width:920px){
  .admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v779{
    grid-template-columns:minmax(0,1fr) minmax(320px,.85fr)!important;
    gap:16px!important;
    padding:16px 18px 18px!important;
  }
  .admin-affiliate-payout-layout-v779 .admin-affiliate-payout-qr-preview-v723 img{
    max-height:calc(100vh - 145px)!important;
  }
}

/* V780 - popup payout desktop vừa theo ảnh QR, không cuộn và không che tiêu đề */
@media(min-width:768px){
  .admin-affiliate-payout-modal-v719{
    padding:14px!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
  }
  .admin-affiliate-payout-dialog-v719{
    display:flex!important;
    flex-direction:column!important;
    width:min(1120px,calc(100vw - 28px))!important;
    max-width:1120px!important;
    height:auto!important;
    max-height:calc(100dvh - 28px)!important;
    overflow:hidden!important;
    border-radius:22px!important;
  }
  .admin-affiliate-payout-modal-head-v719{
    position:relative!important;
    z-index:3!important;
    flex:0 0 auto!important;
    width:100%!important;
    box-sizing:border-box!important;
    min-height:62px!important;
    padding:11px 16px!important;
    border-bottom:1px solid #e8eef6!important;
    border-radius:22px 22px 0 0!important;
    background:#fff!important;
  }
  .admin-affiliate-payout-modal-head-v719>div{
    min-width:0!important;
    padding-right:12px!important;
  }
  .admin-affiliate-payout-close-v719{
    position:relative!important;
    z-index:4!important;
  }
  .admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v779{
    position:relative!important;
    z-index:1!important;
    flex:0 1 auto!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(360px,440px)!important;
    grid-template-areas:"main qr"!important;
    gap:20px!important;
    width:100%!important;
    min-height:0!important;
    max-height:calc(100dvh - 90px)!important;
    box-sizing:border-box!important;
    padding:16px 18px 18px!important;
    overflow:hidden!important;
    align-items:center!important;
  }
  .admin-affiliate-payout-layout-v779 .admin-affiliate-payout-main-v723{
    grid-area:main!important;
    align-self:center!important;
    min-width:0!important;
    max-width:none!important;
    width:100%!important;
  }
  .admin-affiliate-payout-layout-v779 .admin-affiliate-payout-side-v723,
  .admin-affiliate-payout-layout-v779 .admin-affiliate-payout-media-v723,
  .admin-affiliate-payout-layout-v779 .admin-affiliate-payout-qr-preview-v723,
  .admin-affiliate-payout-layout-v779 .admin-affiliate-payout-qr-preview-v723 a{
    position:static!important;
    grid-area:qr!important;
    width:100%!important;
    max-width:440px!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:calc(100dvh - 112px)!important;
    margin:0 auto!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:hidden!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    align-self:center!important;
  }
  .admin-affiliate-payout-layout-v779 .admin-affiliate-payout-side-v723{
    grid-area:qr!important;
  }
  .admin-affiliate-payout-layout-v779 .admin-affiliate-payout-media-v723,
  .admin-affiliate-payout-layout-v779 .admin-affiliate-payout-qr-preview-v723,
  .admin-affiliate-payout-layout-v779 .admin-affiliate-payout-qr-preview-v723 a{
    grid-area:auto!important;
  }
  .admin-affiliate-payout-layout-v779 .admin-affiliate-payout-qr-preview-v723 img{
    display:block!important;
    width:auto!important;
    max-width:100%!important;
    height:auto!important;
    max-height:calc(100dvh - 112px)!important;
    margin:0 auto!important;
    padding:0!important;
    object-fit:contain!important;
    object-position:center!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
  }
  .admin-affiliate-payout-layout-v779 .admin-affiliate-payout-qr-preview-v723::after{
    content:none!important;
    display:none!important;
  }
}
@media(min-width:768px) and (max-height:760px){
  .admin-affiliate-payout-dialog-v719{
    width:min(1040px,calc(100vw - 24px))!important;
    max-height:calc(100dvh - 20px)!important;
  }
  .admin-affiliate-payout-modal-head-v719{
    min-height:54px!important;
    padding:8px 14px!important;
  }
  .admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v779{
    grid-template-columns:minmax(0,1fr) minmax(320px,390px)!important;
    gap:16px!important;
    max-height:calc(100dvh - 74px)!important;
    padding:12px 16px 14px!important;
  }
  .admin-affiliate-payout-layout-v779 .admin-affiliate-payout-side-v723,
  .admin-affiliate-payout-layout-v779 .admin-affiliate-payout-media-v723,
  .admin-affiliate-payout-layout-v779 .admin-affiliate-payout-qr-preview-v723,
  .admin-affiliate-payout-layout-v779 .admin-affiliate-payout-qr-preview-v723 a,
  .admin-affiliate-payout-layout-v779 .admin-affiliate-payout-qr-preview-v723 img{
    max-height:calc(100dvh - 94px)!important;
  }
}

/* V781 - Affiliate payout: tên người dùng mở popup, bỏ chữ Mở QR, xem/xóa/đổi ảnh và hiển thị đủ QR */
.admin-affiliate-payout-user-view-v781{
  margin-bottom:3px!important;
  font-size:inherit!important;
}
.admin-affiliate-proof-picker-v781{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:stretch!important;
  gap:7px!important;
  min-width:0!important;
  width:100%!important;
}
.admin-affiliate-proof-picker-v781 .admin-affiliate-proof-input-v651{
  min-width:0!important;
  width:100%!important;
  margin:0!important;
}
.admin-affiliate-proof-selected-v781[hidden]{display:none!important;}
.admin-affiliate-proof-selected-v781{
  display:flex!important;
  align-items:stretch!important;
  gap:6px!important;
  min-width:0!important;
}
.admin-affiliate-proof-selected-v781 button{
  display:inline-flex!important;
  min-width:58px!important;
  height:100%!important;
  min-height:42px!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  padding:0 10px!important;
  border:1px solid #cfe0f3!important;
  border-radius:10px!important;
  background:#f7fbff!important;
  color:#0f3b66!important;
  font-family:Roboto,sans-serif!important;
  font-size:12px!important;
  font-weight:500!important;
  line-height:1!important;
  white-space:nowrap!important;
  cursor:pointer!important;
}
.admin-affiliate-proof-selected-v781 button:hover,
.admin-affiliate-proof-selected-v781 button:focus-visible{
  border-color:#80ace5!important;
  background:#eef6ff!important;
}
.admin-affiliate-proof-selected-v781 button.is-remove-v781{
  border-color:#ffd3d3!important;
  background:#fffafa!important;
  color:#e73333!important;
}

@media(min-width:768px){
  .admin-affiliate-payout-modal-v719{
    padding:12px!important;
    overflow:hidden!important;
  }
  .admin-affiliate-payout-dialog-v719{
    width:min(1160px,calc(100vw - 24px))!important;
    max-width:1160px!important;
    height:min(780px,calc(100dvh - 24px))!important;
    min-height:min(650px,calc(100dvh - 24px))!important;
    max-height:calc(100dvh - 24px)!important;
    overflow:hidden!important;
  }
  .admin-affiliate-payout-modal-head-v719{
    flex:0 0 64px!important;
    min-height:64px!important;
    height:64px!important;
    padding:11px 18px!important;
  }
  .admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v779{
    flex:1 1 auto!important;
    grid-template-columns:minmax(0,1fr) minmax(390px,480px)!important;
    gap:22px!important;
    height:calc(100% - 64px)!important;
    min-height:0!important;
    max-height:none!important;
    padding:16px 20px 18px!important;
    overflow:hidden!important;
    align-items:stretch!important;
  }
  .admin-affiliate-payout-layout-v779 .admin-affiliate-payout-main-v723{
    align-self:center!important;
  }
  .admin-affiliate-payout-layout-v779 .admin-affiliate-payout-side-v723,
  .admin-affiliate-payout-layout-v779 .admin-affiliate-payout-media-v723,
  .admin-affiliate-payout-layout-v779 .admin-affiliate-payout-qr-preview-v723,
  .admin-affiliate-payout-layout-v779 .admin-affiliate-payout-qr-preview-v723 a{
    width:100%!important;
    max-width:480px!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    margin:0 auto!important;
    padding:0!important;
    overflow:hidden!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .admin-affiliate-payout-layout-v779 .admin-affiliate-payout-qr-preview-v723 img{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:100%!important;
    max-height:100%!important;
    margin:0 auto!important;
    object-fit:contain!important;
    object-position:center!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
}
@media(min-width:768px) and (max-height:700px){
  .admin-affiliate-payout-dialog-v719{
    height:calc(100dvh - 16px)!important;
    min-height:0!important;
    max-height:calc(100dvh - 16px)!important;
  }
  .admin-affiliate-payout-modal-head-v719{
    flex-basis:56px!important;
    min-height:56px!important;
    height:56px!important;
    padding:8px 15px!important;
  }
  .admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v779{
    grid-template-columns:minmax(0,1fr) minmax(330px,420px)!important;
    height:calc(100% - 56px)!important;
    gap:16px!important;
    padding:12px 16px 14px!important;
  }
  .admin-affiliate-payout-layout-v779 .admin-affiliate-payout-summary-v719>div{
    min-height:78px!important;
    padding:10px 12px!important;
  }
}
@media(max-width:980px) and (min-width:768px){
  .admin-affiliate-proof-picker-v781{
    grid-template-columns:1fr!important;
  }
  .admin-affiliate-proof-selected-v781 button{
    flex:1 1 0!important;
  }
}
@media(max-width:767.98px){
  .admin-affiliate-proof-picker-v781{
    grid-template-columns:1fr!important;
  }
  .admin-affiliate-proof-selected-v781{
    width:100%!important;
  }
  .admin-affiliate-proof-selected-v781 button{
    flex:1 1 0!important;
    min-height:40px!important;
  }
}

/* V782 - Popup rút hoa hồng: bỏ QR, hiển thị trực tiếp ảnh giao dịch đang chọn */
.admin-affiliate-payout-proof-stage-v782{
  position:relative!important;
  display:flex!important;
  width:100%!important;
  height:100%!important;
  min-height:360px!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  border:1px dashed #c9d9eb!important;
  border-radius:16px!important;
  background:#f8fbff!important;
  box-sizing:border-box!important;
}
.admin-affiliate-payout-proof-stage-v782.has-image-v782{
  border-style:solid!important;
  background:#fff!important;
}
.admin-affiliate-payout-proof-stage-view-v782{
  display:flex!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  border:0!important;
  border-radius:inherit!important;
  background:transparent!important;
  cursor:zoom-in!important;
  overflow:hidden!important;
}
.admin-affiliate-payout-proof-stage-view-v782[hidden],
.admin-affiliate-payout-proof-stage-empty-v782[hidden],
.admin-affiliate-payout-proof-stage-v782 img[hidden]{display:none!important;}
.admin-affiliate-payout-proof-stage-v782 img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center!important;
  border:0!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.admin-affiliate-payout-proof-stage-empty-v782{
  display:flex!important;
  max-width:260px!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  padding:24px!important;
  color:#7288a2!important;
  font-family:Roboto,sans-serif!important;
  font-size:13px!important;
  font-weight:400!important;
  line-height:1.45!important;
  text-align:center!important;
}
.admin-affiliate-payout-proof-stage-empty-v782 i{
  font-size:34px!important;
  color:#93afd0!important;
}
@media(min-width:768px){
  .admin-affiliate-payout-layout-v779 .admin-affiliate-payout-side-v782{
    width:100%!important;
    max-width:480px!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    overflow:hidden!important;
  }
}
@media(max-width:767.98px){
  .admin-affiliate-payout-proof-stage-v782{
    height:auto!important;
    min-height:260px!important;
    max-height:420px!important;
  }
  .admin-affiliate-payout-proof-stage-view-v782{
    min-height:260px!important;
    max-height:420px!important;
  }
  .admin-affiliate-payout-proof-stage-v782 img{
    height:auto!important;
    max-height:420px!important;
  }
}

/* V784 - Thu gọn popup xử lý thanh toán và co ảnh giao dịch vừa khung */
@media (min-width:768px){
  .admin-affiliate-payout-modal-v719{
    padding:24px!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
  }
  .admin-affiliate-payout-dialog-v719{
    width:min(980px,calc(100vw - 48px))!important;
    max-width:980px!important;
    height:auto!important;
    min-height:0!important;
    max-height:calc(100dvh - 48px)!important;
    overflow:hidden!important;
    border-radius:20px!important;
  }
  .admin-affiliate-payout-modal-head-v719{
    flex:0 0 58px!important;
    width:100%!important;
    min-height:58px!important;
    height:58px!important;
    padding:9px 16px!important;
    box-sizing:border-box!important;
  }
  .admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v779{
    flex:0 1 auto!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(310px,380px)!important;
    grid-template-areas:"main qr"!important;
    gap:20px!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:20px 22px 22px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    align-items:center!important;
  }
  .admin-affiliate-payout-layout-v779 .admin-affiliate-payout-main-v723{
    grid-area:main!important;
    align-self:center!important;
    width:100%!important;
    min-width:0!important;
  }
  .admin-affiliate-payout-layout-v779 .admin-affiliate-payout-side-v782{
    grid-area:qr!important;
    width:100%!important;
    max-width:380px!important;
    height:clamp(330px,52dvh,470px)!important;
    min-height:330px!important;
    max-height:470px!important;
    margin:0 auto!important;
    overflow:hidden!important;
    align-self:center!important;
  }
  .admin-affiliate-payout-proof-stage-v782,
  .admin-affiliate-payout-proof-stage-view-v782{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    overflow:hidden!important;
  }
  .admin-affiliate-payout-proof-stage-v782 img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    margin:0 auto!important;
    object-fit:contain!important;
    object-position:center!important;
    border-radius:14px!important;
    background:#fff!important;
  }
}
@media (min-width:768px) and (max-height:720px){
  .admin-affiliate-payout-modal-v719{padding:10px!important;}
  .admin-affiliate-payout-dialog-v719{
    width:min(920px,calc(100vw - 20px))!important;
    max-width:920px!important;
    max-height:calc(100dvh - 20px)!important;
  }
  .admin-affiliate-payout-modal-head-v719{
    flex-basis:52px!important;
    min-height:52px!important;
    height:52px!important;
    padding:7px 14px!important;
  }
  .admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v779{
    grid-template-columns:minmax(0,1fr) minmax(280px,340px)!important;
    gap:14px!important;
    padding:12px 16px 14px!important;
  }
  .admin-affiliate-payout-layout-v779 .admin-affiliate-payout-side-v782{
    max-width:340px!important;
    height:clamp(280px,calc(100dvh - 94px),400px)!important;
    min-height:280px!important;
    max-height:400px!important;
  }
  .admin-affiliate-payout-layout-v779 .admin-affiliate-payout-summary-v719>div{
    min-height:74px!important;
    padding:9px 11px!important;
  }
}


/* V785 - Bỏ khung xem trước ảnh bên phải, giữ popup xử lý gọn một cột */
@media (min-width:768px){
  .admin-affiliate-payout-dialog-v719{
    width:min(680px,calc(100vw - 48px))!important;
    max-width:680px!important;
    height:auto!important;
    min-height:0!important;
    max-height:calc(100dvh - 48px)!important;
  }
  .admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v779{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:22px 24px 24px!important;
    overflow:hidden!important;
  }
  .admin-affiliate-payout-layout-v779 .admin-affiliate-payout-main-v723{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
  }
}
@media (min-width:768px) and (max-height:720px){
  .admin-affiliate-payout-dialog-v719{
    width:min(640px,calc(100vw - 20px))!important;
    max-width:640px!important;
    max-height:calc(100dvh - 20px)!important;
  }
  .admin-affiliate-payout-modal-body-v719.admin-affiliate-payout-layout-v779{
    padding:14px 18px 16px!important;
  }
}

/* V786 - Đưa các chỉ số Affiliate vào popup Tổng quan cạnh nút Cài đặt */
.admin-affiliate-head-actions-v786{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex:0 0 auto;
}
.admin-affiliate-overview-button-v786{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  min-width:38px;
  padding:0;
  border:1px solid #cbd8e8;
  border-radius:8px;
  background:#fff;
  color:#0f3b66;
  font-size:17px;
  line-height:1;
  cursor:pointer;
  transition:border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease;
}
.admin-affiliate-overview-button-v786:hover{
  border-color:#8db5e2;
  background:#f3f8ff;
  color:#1d67d8;
}
.admin-affiliate-overview-button-v786:focus-visible{
  outline:0;
  box-shadow:0 0 0 3px rgba(47,124,246,.16);
}
.admin-affiliate-overview-modal-v786[hidden]{display:none!important;}
.admin-affiliate-overview-modal-v786{
  position:fixed;
  inset:0;
  z-index:10080;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
}
.admin-affiliate-overview-backdrop-v786{
  position:absolute;
  inset:0;
  background:rgba(15,35,58,.55);
  backdrop-filter:blur(2px);
}
.admin-affiliate-overview-dialog-v786{
  position:relative;
  z-index:1;
  width:min(560px,calc(100vw - 36px));
  max-height:calc(100dvh - 36px);
  overflow:hidden;
  border:1px solid #dbe6f2;
  border-radius:16px;
  background:#fff;
  box-shadow:0 24px 60px rgba(15,35,58,.24);
  font-family:Roboto,sans-serif;
  color:#172033;
}
.admin-affiliate-overview-head-v786{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:16px 18px;
  border-bottom:1px solid #e7edf5;
}
.admin-affiliate-overview-head-v786>div{
  min-width:0;
}
.admin-affiliate-overview-head-v786 strong{
  display:flex;
  align-items:center;
  gap:8px;
  color:#0f3b66;
  font-size:18px;
  font-weight:600;
  line-height:1.3;
}
.admin-affiliate-overview-head-v786 strong i{
  color:#2f7cf6;
  font-size:18px;
}
.admin-affiliate-overview-head-v786 small{
  display:block;
  margin-top:4px;
  color:#71839a;
  font-size:12px;
  line-height:1.4;
}
.admin-affiliate-overview-head-v786>button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  flex:0 0 36px;
  padding:0;
  border:0;
  border-radius:50%;
  background:#edf5ff;
  color:#0f3b66;
  font-size:25px;
  font-weight:400;
  line-height:1;
  cursor:pointer;
}
.admin-affiliate-overview-grid-v786{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  padding:18px;
}
.admin-affiliate-overview-grid-v786>div{
  min-height:92px;
  padding:15px 16px;
  border:1px solid #dfe8f2;
  border-radius:12px;
  background:#f8fbff;
}
.admin-affiliate-overview-grid-v786>div.is-wide-v786{
  grid-column:1/-1;
  min-height:88px;
  background:#fff8ed;
  border-color:#f6d8ad;
}
.admin-affiliate-overview-grid-v786 span{
  display:block;
  margin-bottom:8px;
  color:#687b93;
  font-size:12px;
  line-height:1.35;
}
.admin-affiliate-overview-grid-v786 strong{
  display:block;
  color:#0f3b66;
  font-size:24px;
  font-weight:600;
  line-height:1.15;
}
body.admin-affiliate-overview-open-v786{
  overflow:hidden!important;
}
@media(max-width:767.98px){
  .admin-affiliate-head-actions-v786{
    width:100%;
    justify-content:flex-end;
  }
  .admin-affiliate-overview-button-v786{
    width:40px;
    height:40px;
    min-width:40px;
  }
  .admin-affiliate-overview-dialog-v786{
    width:min(440px,calc(100vw - 24px));
    max-height:calc(100dvh - 24px);
    border-radius:14px;
  }
  .admin-affiliate-overview-head-v786{
    padding:14px;
  }
  .admin-affiliate-overview-grid-v786{
    grid-template-columns:1fr;
    gap:9px;
    padding:14px;
    max-height:calc(100dvh - 102px);
    overflow-y:auto;
  }
  .admin-affiliate-overview-grid-v786>div,
  .admin-affiliate-overview-grid-v786>div.is-wide-v786{
    grid-column:auto;
    min-height:76px;
    padding:12px 14px;
  }
  .admin-affiliate-overview-grid-v786 strong{
    font-size:21px;
  }
}

/* V787 - Mobile Admin Affiliate: Yêu cầu thanh toán và Nhật ký tài chính hiển thị dạng thẻ đồng bộ Tài khoản Affiliate */
@media (max-width:767.98px){
  [data-affiliate-panel="payouts"],
  [data-affiliate-panel="audit"]{
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
  [data-affiliate-panel="payouts"] .admin-affiliate-payout-wrap-v651,
  [data-affiliate-panel="audit"] .admin-affiliate-table-wrap-v611{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:visible!important;
  }
  [data-affiliate-panel="payouts"] .admin-affiliate-payout-table-v651,
  [data-affiliate-panel="payouts"] .admin-affiliate-payout-table-v651 tbody,
  [data-affiliate-panel="audit"] .admin-affiliate-audit-table-v624,
  [data-affiliate-panel="audit"] .admin-affiliate-audit-table-v624 tbody{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    table-layout:auto!important;
    border-collapse:separate!important;
    border-spacing:0!important;
  }
  [data-affiliate-panel="payouts"] .admin-affiliate-payout-table-v651 colgroup,
  [data-affiliate-panel="payouts"] .admin-affiliate-payout-table-v651 thead,
  [data-affiliate-panel="audit"] .admin-affiliate-audit-table-v624 thead{
    display:none!important;
  }
  [data-affiliate-panel="payouts"] .admin-affiliate-payout-table-v651 tr,
  [data-affiliate-panel="audit"] .admin-affiliate-audit-table-v624 tr{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    margin:0 0 10px!important;
    padding:7px 11px!important;
    border:1px solid #e1e9f3!important;
    border-radius:10px!important;
    background:#fff!important;
    overflow:hidden!important;
  }
  [data-affiliate-panel="payouts"] .admin-affiliate-payout-table-v651 td[data-label],
  [data-affiliate-panel="audit"] .admin-affiliate-audit-table-v624 td[data-label]{
    display:grid!important;
    grid-template-columns:112px minmax(0,1fr)!important;
    align-items:start!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:9px 0!important;
    border:0!important;
    border-bottom:1px dashed #e6edf5!important;
    color:#3e5875!important;
    font-size:12px!important;
    line-height:1.4!important;
    text-align:left!important;
    vertical-align:top!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
    hyphens:none!important;
    order:initial!important;
  }
  [data-affiliate-panel="payouts"] .admin-affiliate-payout-table-v651 td[data-label]:last-child,
  [data-affiliate-panel="audit"] .admin-affiliate-audit-table-v624 td[data-label]:last-child{
    border-bottom:0!important;
  }
  [data-affiliate-panel="payouts"] .admin-affiliate-payout-table-v651 td[data-label]::before,
  [data-affiliate-panel="audit"] .admin-affiliate-audit-table-v624 td[data-label]::before{
    content:attr(data-label)!important;
    display:block!important;
    min-width:0!important;
    color:#263b56!important;
    font-size:12px!important;
    font-weight:600!important;
    line-height:1.4!important;
    text-align:left!important;
    white-space:normal!important;
  }
  [data-affiliate-panel="payouts"] .admin-affiliate-payout-table-v651 td[data-label] > *,
  [data-affiliate-panel="audit"] .admin-affiliate-audit-table-v624 td[data-label] > *{
    min-width:0!important;
    max-width:100%!important;
  }
  [data-affiliate-panel="payouts"] .admin-affiliate-payout-table-v651 strong,
  [data-affiliate-panel="payouts"] .admin-affiliate-payout-table-v651 small,
  [data-affiliate-panel="audit"] .admin-affiliate-audit-table-v624 strong,
  [data-affiliate-panel="audit"] .admin-affiliate-audit-table-v624 small{
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
  }
  [data-affiliate-panel="payouts"] .admin-affiliate-payout-table-v651 .admin-affiliate-qr-v651{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:auto!important;
    max-width:100%!important;
    margin:0!important;
  }
  [data-affiliate-panel="payouts"] .admin-affiliate-payout-table-v651 .admin-affiliate-qr-v651 img{
    width:58px!important;
    height:58px!important;
    max-width:58px!important;
    object-fit:contain!important;
  }
  [data-affiliate-panel="payouts"] .admin-affiliate-payout-open-v719,
  [data-affiliate-panel="payouts"] .admin-affiliate-proof-v635{
    width:auto!important;
    max-width:100%!important;
    min-height:34px!important;
  }
  [data-affiliate-panel="audit"] .admin-affiliate-audit-action-v624{
    display:inline-flex!important;
    justify-content:flex-start!important;
    width:auto!important;
    max-width:100%!important;
    text-align:left!important;
    white-space:normal!important;
  }
  [data-affiliate-panel="audit"] .admin-affiliate-audit-ip-v770{
    white-space:normal!important;
  }
  [data-affiliate-panel="payouts"] .admin-affiliate-empty-v611,
  [data-affiliate-panel="audit"] .admin-affiliate-empty-v611{
    display:block!important;
    width:100%!important;
    padding:24px 8px!important;
    border-bottom:0!important;
    text-align:center!important;
  }
  [data-affiliate-panel="payouts"] .admin-affiliate-empty-v611::before,
  [data-affiliate-panel="audit"] .admin-affiliate-empty-v611::before{
    display:none!important;
  }
}
@media (max-width:389.98px){
  [data-affiliate-panel="payouts"] .admin-affiliate-payout-table-v651 td[data-label],
  [data-affiliate-panel="audit"] .admin-affiliate-audit-table-v624 td[data-label]{
    grid-template-columns:100px minmax(0,1fr)!important;
    gap:8px!important;
  }
}

/* V788 - Mobile: tiêu đề Affiliate và hai nút icon cùng một hàng */
.admin-affiliate-settings-link-v611 > span{
  display:inline;
}
@media (max-width:767.98px){
  .admin-affiliate-head-v611{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:10px!important;
    margin-bottom:16px!important;
  }
  .admin-affiliate-title-v788{
    min-width:0;
  }
  .admin-affiliate-head-v611 h1{
    margin:0!important;
    font-size:21px!important;
    line-height:1.2!important;
    white-space:nowrap;
  }
  .admin-affiliate-head-actions-v786{
    width:auto!important;
    justify-content:flex-end!important;
    gap:7px!important;
  }
  .admin-affiliate-overview-button-v786,
  .admin-affiliate-settings-link-v611{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    flex:0 0 42px!important;
    padding:0!important;
    border-radius:10px!important;
    justify-content:center!important;
    font-size:18px!important;
    line-height:1!important;
  }
  .admin-affiliate-settings-link-v611{
    gap:0!important;
  }
  .admin-affiliate-settings-link-v611 > span{
    display:none!important;
  }
  .admin-affiliate-settings-link-v611 > i{
    font-size:18px!important;
    line-height:1!important;
  }
}
@media (max-width:389.98px){
  .admin-affiliate-head-v611 h1{
    font-size:18px!important;
  }
  .admin-affiliate-overview-button-v786,
  .admin-affiliate-settings-link-v611{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    flex-basis:40px!important;
  }
}

/* V789 - Desktop: tăng nhẹ cỡ chữ các bảng Tài khoản, Yêu cầu thanh toán và Nhật ký tài chính */
@media (min-width:768px){
  [data-affiliate-panel="accounts"] .admin-affiliate-accounts-table-v628 th,
  [data-affiliate-panel="accounts"] .admin-affiliate-accounts-table-v628 td,
  [data-affiliate-panel="payouts"] .admin-affiliate-payout-table-v651 th,
  [data-affiliate-panel="payouts"] .admin-affiliate-payout-table-v651 td,
  [data-affiliate-panel="audit"] .admin-affiliate-audit-table-v624 th,
  [data-affiliate-panel="audit"] .admin-affiliate-audit-table-v624 td{
    font-size:13px!important;
    line-height:1.45!important;
  }

  [data-affiliate-panel="accounts"] .admin-affiliate-accounts-table-v628 td > strong,
  [data-affiliate-panel="payouts"] .admin-affiliate-payout-table-v651 td > strong,
  [data-affiliate-panel="audit"] .admin-affiliate-audit-table-v624 td > strong{
    font-size:13px!important;
    line-height:1.4!important;
  }

  [data-affiliate-panel="accounts"] .admin-affiliate-accounts-table-v628 td > small,
  [data-affiliate-panel="payouts"] .admin-affiliate-payout-table-v651 td > small,
  [data-affiliate-panel="payouts"] .admin-affiliate-payout-table-v651 .admin-affiliate-bank-v635 span,
  [data-affiliate-panel="audit"] .admin-affiliate-audit-table-v624 td > small{
    font-size:11.5px!important;
    line-height:1.4!important;
  }

  [data-affiliate-panel="accounts"] .admin-affiliate-account-auto-form-v737 select,
  [data-affiliate-panel="accounts"] .admin-affiliate-account-auto-form-v737 input[type="number"]{
    font-size:13px!important;
  }

  [data-affiliate-panel="payouts"] .admin-affiliate-payout-table-v651 .affiliate-status-v611,
  [data-affiliate-panel="payouts"] .admin-affiliate-payout-open-v719,
  [data-affiliate-panel="payouts"] .admin-affiliate-proof-v635,
  [data-affiliate-panel="audit"] .admin-affiliate-audit-action-v624{
    font-size:12px!important;
  }
}


/* V790 - Gộp phần giới thiệu và các bước thành một quy trình Affiliate rõ ràng */
.affiliate-link-process-v790{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  position:relative!important;
}
.affiliate-link-process-item-v790{
  position:relative!important;
  min-width:0!important;
  padding:18px 16px 17px!important;
  border:1px solid #dce8f6!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(15,55,103,.04)!important;
}
.affiliate-link-process-number-v790{
  position:absolute!important;
  top:13px!important;
  right:13px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:28px!important;
  height:28px!important;
  border-radius:999px!important;
  background:#ff7a00!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1!important;
}
.affiliate-link-process-item-v790>i{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:38px!important;
  height:38px!important;
  margin-bottom:13px!important;
  border-radius:11px!important;
  background:#eff6ff!important;
  color:#1f6bd8!important;
  font-size:19px!important;
}
.affiliate-link-process-item-v790 strong{
  display:block!important;
  padding-right:28px!important;
  color:#172033!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.35!important;
  margin-bottom:7px!important;
}
.affiliate-link-process-item-v790 div>span{
  display:block!important;
  color:#536b85!important;
  font-size:13px!important;
  line-height:1.55!important;
  text-wrap:pretty!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
}
@media(max-width:1199.98px){
  .affiliate-link-process-v790{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:767.98px){
  .affiliate-link-process-v790{grid-template-columns:1fr!important;gap:10px!important;}
  .affiliate-link-process-item-v790{
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr)!important;
    column-gap:11px!important;
    align-items:start!important;
    padding:15px!important;
  }
  .affiliate-link-process-item-v790>i{
    grid-column:1!important;
    grid-row:1!important;
    margin:0!important;
  }
  .affiliate-link-process-item-v790>div{
    grid-column:2!important;
    grid-row:1!important;
  }
  .affiliate-link-process-item-v790 strong{
    font-size:13.5px!important;
    padding-right:28px!important;
  }
  .affiliate-link-process-item-v790 div>span{font-size:12.5px!important;}
}

/* V791 - Icon và tiêu đề cùng hàng, số bước đặt góc dưới phải */
.affiliate-link-process-item-v790{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:11px!important;
  row-gap:12px!important;
  align-items:center!important;
  padding:16px 16px 48px!important;
}
.affiliate-link-process-item-v790>i{
  grid-column:1!important;
  grid-row:1!important;
  margin:0!important;
  align-self:center!important;
}
.affiliate-link-process-item-v790>div{
  display:contents!important;
}
.affiliate-link-process-item-v790 strong{
  grid-column:2!important;
  grid-row:1!important;
  align-self:center!important;
  padding-right:0!important;
  margin:0!important;
}
.affiliate-link-process-item-v790 div>span{
  grid-column:1 / -1!important;
  grid-row:2!important;
  margin:0!important;
}
.affiliate-link-process-number-v790{
  top:auto!important;
  right:14px!important;
  bottom:14px!important;
}
@media(max-width:767.98px){
  .affiliate-link-process-item-v790{
    grid-template-columns:38px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:11px!important;
    row-gap:11px!important;
    padding:15px 15px 47px!important;
  }
  .affiliate-link-process-item-v790 strong{
    font-size:13.5px!important;
    padding-right:0!important;
  }
}

/* V1004 - Hồ sơ xác minh, hợp đồng và thuế Affiliate */
.affiliate-compliance-card-v1004{border-top:3px solid #2563eb!important}
.affiliate-compliance-form-v1004{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}
.affiliate-compliance-form-v1004>label{display:flex;flex-direction:column;gap:7px}
.affiliate-compliance-form-v1004 input,.affiliate-compliance-form-v1004 select{width:100%;min-height:42px;border:1px solid #d8e3ef;border-radius:10px;padding:0 12px;background:#fff}
.affiliate-compliance-form-v1004 input[type="file"]{padding:8px 10px;height:auto}
.affiliate-compliance-wide-v1004{grid-column:1/-1}
.affiliate-compliance-consent-v1004{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:9px!important;padding:12px 14px;border:1px solid #dbe5f0;border-radius:10px;background:#f8fafc}
.affiliate-compliance-consent-v1004 input{width:auto!important;min-height:0!important;margin-top:3px}
.affiliate-compliance-contract-v1004{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid #d9e4f0;border-radius:12px;background:#f8fbff}
.affiliate-compliance-contract-v1004 span,.affiliate-compliance-contract-v1004 strong{display:block}.affiliate-compliance-contract-v1004 strong{margin-top:3px;color:#173865}
.affiliate-compliance-contract-v1004 a{display:inline-flex;align-items:center;gap:7px;text-decoration:none;font-weight:700;color:#1769d2}
.admin-affiliate-profile-cell-v1004{min-width:250px}.admin-affiliate-profile-files-v1004{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.admin-affiliate-profile-files-v1004 a{font-size:10px;text-decoration:none;padding:4px 7px;border:1px solid #cfe0f4;border-radius:7px;background:#fff;color:#1769d2}
.admin-affiliate-profile-review-v1004{margin-top:8px}.admin-affiliate-profile-review-v1004>input{width:100%;height:30px;border:1px solid #d7e2ef;border-radius:8px;padding:0 8px;font-size:10px}.admin-affiliate-profile-review-v1004>div{display:flex;gap:5px;margin-top:6px;flex-wrap:wrap}.admin-affiliate-profile-review-v1004 button{border:1px solid #d8e3ef;border-radius:7px;background:#fff;padding:5px 7px;font-size:9px;cursor:pointer}.admin-affiliate-profile-review-v1004 button.approve{background:#16a34a;color:#fff;border-color:#16a34a}.admin-affiliate-profile-review-v1004 button.reject{color:#dc2626;border-color:#fecaca}
.admin-affiliate-tax-rate-v1004{display:flex;flex-direction:column;gap:4px;min-width:120px}.admin-affiliate-tax-rate-v1004 span{font-size:10px;color:#6b7b90}.admin-affiliate-tax-rate-v1004 input{width:120px!important}
.admin-affiliate-tax-doc-v1004{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.admin-affiliate-tax-doc-v1004>a{font-size:10px;text-decoration:none;color:#1769d2}
.affiliate-compliance-settings-v1004 textarea{width:100%;border:1px solid #d7e2ef;border-radius:10px;padding:10px 12px;resize:vertical;font-family:inherit}
@media(max-width:768px){.affiliate-compliance-form-v1004{grid-template-columns:1fr}.affiliate-compliance-wide-v1004{grid-column:auto}.affiliate-compliance-contract-v1004{align-items:flex-start;flex-direction:column}}

/* V1008 - Hồ sơ & hợp đồng Affiliate: làm lại gọn, đồng bộ giao diện hệ thống. */
.admin-affiliate-profile-cell-v1006{min-width:220px!important;vertical-align:middle!important;}
.admin-affiliate-profile-open-v1006{
  -webkit-appearance:none!important;appearance:none!important;
  display:block!important;width:100%!important;min-width:0!important;padding:0!important;border:0!important;background:transparent!important;color:inherit!important;
  text-align:left!important;cursor:pointer!important;
}
.admin-affiliate-profile-card-v1008{
  display:flex!important;flex-direction:column!important;gap:8px!important;
  width:100%!important;min-width:0!important;padding:12px 13px!important;border:1px solid #d9e4f2!important;border-radius:14px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;box-shadow:0 1px 0 rgba(15,35,61,.03)!important;box-sizing:border-box!important;
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease!important;
}
.admin-affiliate-profile-card-top-v1008{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;min-width:0!important;}
.admin-affiliate-profile-card-icon-v1008{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;width:30px!important;height:30px!important;flex:0 0 30px!important;
  border-radius:10px!important;background:#eef5ff!important;color:#1769d2!important;font-size:15px!important;
}
.admin-affiliate-profile-card-meta-v1008{
  display:block!important;color:#6f8298!important;font-size:12px!important;line-height:1.35!important;font-weight:600!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
}
.admin-affiliate-profile-card-link-v1008{
  display:inline-flex!important;align-items:center!important;gap:6px!important;color:#1769d2!important;font-size:12px!important;line-height:1.3!important;font-weight:700!important;
}
.admin-affiliate-profile-card-link-v1008::after{content:"›";font-size:16px!important;line-height:1!important;}
.admin-affiliate-profile-open-v1006:hover .admin-affiliate-profile-card-v1008,
.admin-affiliate-profile-open-v1006:focus-visible .admin-affiliate-profile-card-v1008{
  border-color:#a9c8f3!important;box-shadow:0 10px 24px rgba(23,105,210,.10)!important;transform:translateY(-1px)!important;
}
.admin-affiliate-profile-open-v1006:hover .admin-affiliate-profile-card-link-v1008,
.admin-affiliate-profile-open-v1006:focus-visible .admin-affiliate-profile-card-link-v1008{color:#ff7a00!important;}
.admin-affiliate-profile-open-v1006:focus-visible{outline:2px solid rgba(47,124,246,.28)!important;outline-offset:4px!important;border-radius:16px!important;}
.admin-affiliate-profile-modal-v1006[hidden]{display:none!important;}
.admin-affiliate-profile-modal-v1006{
  position:fixed!important;inset:0!important;z-index:10120!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:20px!important;
}
.admin-affiliate-profile-backdrop-v1006{position:absolute!important;inset:0!important;background:rgba(15,35,61,.55)!important;backdrop-filter:blur(3px)!important;}
.admin-affiliate-profile-dialog-v1006{
  position:relative!important;z-index:1!important;width:min(860px,100%)!important;max-height:calc(100vh - 40px)!important;overflow:auto!important;
  border:1px solid #dce7f4!important;border-radius:20px!important;background:#fff!important;box-shadow:0 28px 80px rgba(15,35,61,.28)!important;
}
.admin-affiliate-profile-head-v1006{
  position:sticky!important;top:0!important;z-index:3!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;
  padding:19px 22px 16px!important;border-bottom:1px solid #e7eef7!important;background:#fff!important;
}
.admin-affiliate-profile-head-v1006 strong{display:block!important;color:#102a4a!important;font-size:20px!important;line-height:1.25!important;font-weight:800!important;}
.admin-affiliate-profile-head-v1006 small{display:block!important;margin-top:5px!important;color:#70839a!important;font-size:12px!important;line-height:1.4!important;}
.admin-affiliate-profile-head-v1006>button{
  display:inline-flex!important;width:40px!important;height:40px!important;flex:0 0 40px!important;align-items:center!important;justify-content:center!important;
  padding:0!important;border:0!important;border-radius:50%!important;background:#eef6ff!important;color:#123f73!important;font-size:27px!important;line-height:1!important;cursor:pointer!important;
}
.admin-affiliate-profile-body-v1006{padding:20px 22px!important;}
.admin-affiliate-profile-summary-v1006{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-bottom:16px!important;
}
.admin-affiliate-profile-summary-v1006>div{
  min-width:0!important;padding:12px 14px!important;border:1px solid #e1eaf4!important;border-radius:12px!important;background:#f9fbfe!important;
}
.admin-affiliate-profile-summary-v1006>div.is-wide-v1006{grid-column:1/-1!important;}
.admin-affiliate-profile-summary-v1006 span{display:block!important;margin-bottom:4px!important;color:#718399!important;font-size:11px!important;line-height:1.3!important;}
.admin-affiliate-profile-summary-v1006 strong{display:block!important;color:#17283f!important;font-size:13px!important;line-height:1.45!important;font-weight:700!important;overflow-wrap:anywhere!important;}
.admin-affiliate-profile-docs-v1006{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin-bottom:18px!important;}
.admin-affiliate-profile-docs-v1006 a{
  display:flex!important;align-items:center!important;gap:9px!important;padding:12px 13px!important;border:1px solid #cfe0f4!important;border-radius:12px!important;
  background:#fff!important;color:#1769d2!important;text-decoration:none!important;font-size:12px!important;font-weight:700!important;min-width:0!important;
}
.admin-affiliate-profile-docs-v1006 a[hidden]{display:none!important;}
.admin-affiliate-profile-docs-v1006 a:hover{border-color:#8dbaf0!important;background:#f7fbff!important;}
.admin-affiliate-profile-review-v1006{padding-top:16px!important;border-top:1px solid #e7eef7!important;}
.admin-affiliate-profile-review-v1006[hidden]{display:none!important;}
.admin-affiliate-profile-review-v1006 label{display:block!important;margin:0!important;}
.admin-affiliate-profile-review-v1006 label>span{display:block!important;margin-bottom:7px!important;color:#243b59!important;font-size:12px!important;font-weight:700!important;}
.admin-affiliate-profile-review-v1006 textarea{
  width:100%!important;min-height:96px!important;resize:vertical!important;padding:11px 13px!important;border:1px solid #d5e1ee!important;border-radius:11px!important;
  background:#fff!important;color:#17283f!important;font:inherit!important;font-size:13px!important;line-height:1.5!important;box-sizing:border-box!important;
}
.admin-affiliate-profile-actions-v1006{display:flex!important;gap:9px!important;flex-wrap:wrap!important;margin-top:13px!important;}
.admin-affiliate-profile-actions-v1006 button{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-height:38px!important;padding:9px 13px!important;
  border:1px solid #d7e2ef!important;border-radius:10px!important;background:#fff!important;color:#243b59!important;font-size:12px!important;font-weight:700!important;cursor:pointer!important;
}
.admin-affiliate-profile-actions-v1006 button.is-approve-v1006{background:#159447!important;border-color:#159447!important;color:#fff!important;}
.admin-affiliate-profile-actions-v1006 button.is-update-v1006{background:#fff8e7!important;border-color:#f1c96e!important;color:#9a6400!important;}
.admin-affiliate-profile-actions-v1006 button.is-reject-v1006{background:#fff!important;border-color:#f5b8b8!important;color:#c62828!important;}
.admin-affiliate-profile-actions-v1006 button.is-contract-v1006{background:#edf5ff!important;border-color:#b7d3f5!important;color:#1769d2!important;}
.admin-affiliate-profile-actions-v1006 button[hidden]{display:none!important;}
.admin-affiliate-profile-foot-v1006{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding:14px 22px 18px!important;border-top:1px solid #e7eef7!important;background:#fbfdff!important;
}
.admin-affiliate-profile-foot-v1006>span{display:flex!important;align-items:center!important;gap:7px!important;color:#6f8298!important;font-size:11px!important;line-height:1.4!important;}
.admin-affiliate-profile-foot-v1006>button{padding:9px 16px!important;border:1px solid #d5e1ee!important;border-radius:10px!important;background:#fff!important;color:#243b59!important;font-size:12px!important;font-weight:700!important;cursor:pointer!important;}
body.admin-affiliate-profile-open-v1006{overflow:hidden!important;}
@media (max-width:720px){
  .admin-affiliate-profile-modal-v1006{padding:10px!important;align-items:flex-end!important;}
  .admin-affiliate-profile-dialog-v1006{width:100%!important;max-height:92vh!important;border-radius:18px 18px 0 0!important;}
  .admin-affiliate-profile-head-v1006{padding:16px!important;}
  .admin-affiliate-profile-body-v1006{padding:16px!important;}
  .admin-affiliate-profile-summary-v1006{grid-template-columns:1fr!important;}
  .admin-affiliate-profile-summary-v1006>div.is-wide-v1006{grid-column:auto!important;}
  .admin-affiliate-profile-docs-v1006{grid-template-columns:1fr!important;}
  .admin-affiliate-profile-cell-v1006{min-width:170px!important;}
  .admin-affiliate-profile-card-meta-v1008{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;}
  .admin-affiliate-profile-actions-v1006{display:grid!important;grid-template-columns:1fr 1fr!important;}
  .admin-affiliate-profile-actions-v1006 button{width:100%!important;}
  .admin-affiliate-profile-foot-v1006{padding:13px 16px 16px!important;align-items:flex-end!important;}
  .admin-affiliate-profile-foot-v1006>span{max-width:70%!important;}
}

/* V1007 - Bố cục hồ sơ Affiliate: địa chỉ riêng hàng, CCCD 2 cột, đồng ý gọn. */
.affiliate-compliance-address-row-v1007{
  grid-column:1 / -1!important;
  display:block!important;
  min-width:0!important;
}
.affiliate-compliance-address-row-v1007>label{
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  width:100%!important;
}
.affiliate-compliance-files-row-v1007{
  grid-column:1 / -1!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px 16px!important;
  min-width:0!important;
}
.affiliate-compliance-files-row-v1007>label{
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  min-width:0!important;
}
.affiliate-compliance-files-row-v1007 input[type="file"]{
  width:100%!important;
  min-width:0!important;
}
.affiliate-compliance-consent-v1007{
  justify-self:start!important;
  width:auto!important;
  max-width:100%!important;
  min-height:0!important;
  padding:8px 10px!important;
  gap:8px!important;
  border-radius:9px!important;
  background:#f8fafc!important;
  align-items:center!important;
}
.affiliate-compliance-consent-v1007 input[type="checkbox"]{
  appearance:auto!important;
  -webkit-appearance:checkbox!important;
  flex:0 0 18px!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  max-width:18px!important;
  min-height:18px!important;
  max-height:18px!important;
  margin:0!important;
  padding:0!important;
  border-radius:4px!important;
}
.affiliate-compliance-consent-v1007 span{
  font-size:13px!important;
  line-height:1.45!important;
  font-weight:600!important;
}
@media(max-width:768px){
  .affiliate-compliance-address-row-v1007{grid-column:auto!important;}
  .affiliate-compliance-files-row-v1007{
    grid-column:auto!important;
    grid-template-columns:1fr!important;
  }
  .affiliate-compliance-consent-v1007{
    grid-column:auto!important;
    width:100%!important;
    justify-self:stretch!important;
  }
}

/* V1063 - Nhich avatar/chu cai ben trong khung xep hang len de can giua thi giac. */
.affiliate-leader-row-v632.is-top.has-frame-v664 .affiliate-leader-avatar-v632{
  top:calc(50% - 3px)!important;
}

/* V1009 - Tách Hồ sơ & Hợp đồng thành khu vực quản lý Affiliate riêng. */
.admin-affiliate-tabs-v611{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
.admin-affiliate-tabs-v611.has-audit-v624{grid-template-columns:repeat(5,minmax(0,1fr))!important;}

[data-affiliate-panel="accounts"] .admin-affiliate-accounts-table-v628{
  min-width:0!important;
  width:100%!important;
  table-layout:fixed!important;
}
[data-affiliate-panel="accounts"] .admin-affiliate-accounts-table-v628 th:nth-child(1){width:6%!important;}
[data-affiliate-panel="accounts"] .admin-affiliate-accounts-table-v628 th:nth-child(2){width:27%!important;}
[data-affiliate-panel="accounts"] .admin-affiliate-accounts-table-v628 th:nth-child(3){width:15%!important;}
[data-affiliate-panel="accounts"] .admin-affiliate-accounts-table-v628 th:nth-child(4){width:9%!important;}
[data-affiliate-panel="accounts"] .admin-affiliate-accounts-table-v628 th:nth-child(5){width:15%!important;}
[data-affiliate-panel="accounts"] .admin-affiliate-accounts-table-v628 th:nth-child(6){width:14%!important;}
[data-affiliate-panel="accounts"] .admin-affiliate-accounts-table-v628 th:nth-child(7){width:14%!important;}

.admin-affiliate-profiles-panel-v1009{min-width:0!important;}
.admin-affiliate-profiles-wrap-v1009{width:100%!important;max-width:100%!important;overflow:visible!important;}
.admin-affiliate-profiles-table-v1009{
  width:100%!important;
  min-width:0!important;
  table-layout:fixed!important;
  border-collapse:collapse!important;
}
.admin-affiliate-profiles-table-v1009 th,
.admin-affiliate-profiles-table-v1009 td{
  padding:11px 8px!important;
  vertical-align:middle!important;
  border-bottom:1px solid #e8eef5!important;
  color:#3d5673!important;
  font-size:12px!important;
  line-height:1.4!important;
  text-align:left!important;
  overflow-wrap:anywhere!important;
}
.admin-affiliate-profiles-table-v1009 th{
  background:#f7f9fc!important;
  color:#253b56!important;
  font-weight:700!important;
  white-space:normal!important;
}
.admin-affiliate-profiles-table-v1009 th:nth-child(1){width:4%!important;text-align:center!important;}
.admin-affiliate-profiles-table-v1009 th:nth-child(2){width:12%!important;}
.admin-affiliate-profiles-table-v1009 th:nth-child(3){width:15%!important;}
.admin-affiliate-profiles-table-v1009 th:nth-child(4){width:10%!important;}
.admin-affiliate-profiles-table-v1009 th:nth-child(5){width:10%!important;}
.admin-affiliate-profiles-table-v1009 th:nth-child(6){width:9%!important;}
.admin-affiliate-profiles-table-v1009 th:nth-child(7){width:13%!important;}
.admin-affiliate-profiles-table-v1009 th:nth-child(8){width:10%!important;}
.admin-affiliate-profiles-table-v1009 th:nth-child(9){width:9%!important;}
.admin-affiliate-profiles-table-v1009 th:nth-child(10){width:8%!important;}
.admin-affiliate-profiles-table-v1009 td:first-child{text-align:center!important;}
.admin-affiliate-profile-person-v1009 strong,
.admin-affiliate-profile-contract-v1009 strong,
.admin-affiliate-profile-identity-v1009 strong{
  display:block!important;
  color:#0f3b66!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.35!important;
}
.admin-affiliate-profile-person-v1009 small,
.admin-affiliate-profile-contact-v1009 small,
.admin-affiliate-profile-contract-v1009 small,
.admin-affiliate-profile-identity-v1009 small{
  display:block!important;
  margin-top:4px!important;
  color:#7b8ca0!important;
  font-size:10.5px!important;
  line-height:1.35!important;
}
.admin-affiliate-profile-contact-v1009 span{display:block!important;color:#405a78!important;}
.admin-affiliate-profile-type-v1009{
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px!important;
  padding:4px 8px!important;
  border:1px solid #dce6f1!important;
  border-radius:8px!important;
  background:#f8fbff!important;
  color:#36536f!important;
  font-size:11px!important;
  font-weight:600!important;
}
.admin-affiliate-profile-identity-v1009 small.is-ready-v1009,
.admin-affiliate-profile-contract-v1009 small.is-ready-v1009{color:#16834b!important;font-weight:600!important;}
.admin-affiliate-profile-identity-v1009 small.is-missing-v1009,
.admin-affiliate-profile-contract-v1009 small.is-missing-v1009{color:#b26a00!important;font-weight:600!important;}
.admin-affiliate-profile-contract-empty-v1009{color:#7b8ca0!important;font-size:11.5px!important;}
.admin-affiliate-profile-updated-v1009{color:#667d96!important;font-size:11px!important;}
.admin-affiliate-profile-action-cell-v1009{text-align:center!important;}
.admin-affiliate-profile-view-button-v1009{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  min-height:34px!important;
  max-width:100%!important;
  padding:7px 10px!important;
  border:1px solid #c8daef!important;
  border-radius:9px!important;
  background:#f6faff!important;
  color:#1769d2!important;
  font:inherit!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
.admin-affiliate-profile-view-button-v1009:hover,
.admin-affiliate-profile-view-button-v1009:focus-visible{
  border-color:#8eb9ec!important;
  background:#eaf4ff!important;
  color:#0f58b7!important;
  outline:none!important;
}
.admin-affiliate-profile-summary-v1006 [data-affiliate-profile-status-label].affiliate-status-v611{
  display:inline-flex!important;
  width:max-content!important;
  max-width:100%!important;
  font-size:12px!important;
  line-height:1.25!important;
  overflow-wrap:normal!important;
}

@media (max-width:1180px) and (min-width:768px){
  .admin-affiliate-tabs-v611 button{font-size:12px!important;padding:0 7px!important;}
  .admin-affiliate-profiles-table-v1009 th,
  .admin-affiliate-profiles-table-v1009 td{padding:9px 5px!important;font-size:10.5px!important;}
  .admin-affiliate-profiles-table-v1009 .affiliate-status-v611{font-size:10px!important;padding:4px 7px!important;}
  .admin-affiliate-profile-view-button-v1009{font-size:10px!important;padding:6px 7px!important;}
  .admin-affiliate-profile-type-v1009{font-size:10px!important;padding:3px 6px!important;}
}

@media(max-width:767.98px){
  .admin-affiliate-tabs-v611,
  .admin-affiliate-tabs-v611.has-audit-v624{grid-template-columns:1fr 1fr!important;gap:8px!important;}
  .admin-affiliate-mobile-bottom-nav-v700.has-four-v1009{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  .admin-affiliate-mobile-bottom-nav-v700.has-five-v1009{grid-template-columns:repeat(5,minmax(0,1fr))!important;max-width:520px!important;}
  .admin-affiliate-mobile-bottom-nav-v700.has-five-v1009 button{padding-left:2px!important;padding-right:2px!important;}
  .admin-affiliate-mobile-bottom-nav-v700.has-five-v1009 button span{font-size:9px!important;}

  [data-affiliate-panel="profiles"]{min-width:0!important;max-width:100%!important;overflow:hidden!important;}
  [data-affiliate-panel="profiles"] .admin-affiliate-panel-head-v611{align-items:stretch!important;}
  [data-affiliate-panel="profiles"] .admin-affiliate-profiles-wrap-v1009{overflow:visible!important;}
  [data-affiliate-panel="profiles"] .admin-affiliate-profiles-table-v1009,
  [data-affiliate-panel="profiles"] .admin-affiliate-profiles-table-v1009 tbody{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    table-layout:auto!important;
    border-collapse:separate!important;
  }
  [data-affiliate-panel="profiles"] .admin-affiliate-profiles-table-v1009 thead{display:none!important;}
  [data-affiliate-panel="profiles"] .admin-affiliate-profiles-table-v1009 tr[data-affiliate-row]{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    margin:0 0 10px!important;
    padding:7px 11px!important;
    border:1px solid #e1e9f3!important;
    border-radius:12px!important;
    background:#fff!important;
    box-sizing:border-box!important;
  }
  [data-affiliate-panel="profiles"] .admin-affiliate-profiles-table-v1009 td[data-label]{
    display:grid!important;
    grid-template-columns:104px minmax(0,1fr)!important;
    gap:10px!important;
    align-items:start!important;
    width:100%!important;
    min-width:0!important;
    padding:9px 0!important;
    border:0!important;
    border-bottom:1px dashed #e6edf5!important;
    font-size:12px!important;
    text-align:left!important;
    box-sizing:border-box!important;
  }
  [data-affiliate-panel="profiles"] .admin-affiliate-profiles-table-v1009 td[data-label]:last-child{border-bottom:0!important;}
  [data-affiliate-panel="profiles"] .admin-affiliate-profiles-table-v1009 td[data-label]::before{
    content:attr(data-label)!important;
    display:block!important;
    color:#263b56!important;
    font-size:11.5px!important;
    font-weight:700!important;
    line-height:1.4!important;
  }
  [data-affiliate-panel="profiles"] .admin-affiliate-profiles-table-v1009 td:first-child{text-align:left!important;}
  [data-affiliate-panel="profiles"] .admin-affiliate-profile-action-cell-v1009{text-align:left!important;}
  [data-affiliate-panel="profiles"] .admin-affiliate-profile-view-button-v1009{min-width:120px!important;}
  [data-affiliate-panel="profiles"] .admin-affiliate-empty-v611{
    display:block!important;
    padding:24px 8px!important;
    border:0!important;
    text-align:center!important;
  }
  [data-affiliate-panel="profiles"] .admin-affiliate-empty-v611::before{display:none!important;}
}

@media(max-width:389.98px){
  .admin-affiliate-mobile-bottom-nav-v700.has-five-v1009 button span{font-size:8.3px!important;}
  [data-affiliate-panel="profiles"] .admin-affiliate-profiles-table-v1009 td[data-label]{grid-template-columns:92px minmax(0,1fr)!important;gap:8px!important;}
}


/* V1010 - Gọn lại checkbox xác nhận hồ sơ Affiliate theo mẫu tham chiếu. */
.affiliate-compliance-form-v1004 .affiliate-compliance-consent-v1010{
  grid-column:1 / -1!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:12px!important;
  width:100%!important;
  max-width:920px!important;
  margin:2px 0 0!important;
  padding:2px 0 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.affiliate-compliance-form-v1004 .affiliate-compliance-consent-v1010 input[type="checkbox"],
.affiliate-compliance-form-v1004 .affiliate-compliance-consent-v1010 .affiliate-compliance-consent-checkbox-v1010{
  -webkit-appearance:none!important;
  appearance:none!important;
  box-sizing:border-box!important;
  flex:0 0 18px!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  max-width:18px!important;
  min-height:18px!important;
  max-height:18px!important;
  margin:2px 0 0!important;
  padding:0!important;
  border:2px solid #7e8ea4!important;
  border-radius:4px!important;
  background:#fff!important;
  cursor:pointer!important;
  position:relative!important;
  outline:none!important;
}
.affiliate-compliance-form-v1004 .affiliate-compliance-consent-v1010 input[type="checkbox"]:focus-visible{
  box-shadow:0 0 0 3px rgba(47,124,246,.16)!important;
}
.affiliate-compliance-form-v1004 .affiliate-compliance-consent-v1010 input[type="checkbox"]:checked{
  background:#2f7cf6!important;
  border-color:#2f7cf6!important;
}
.affiliate-compliance-form-v1004 .affiliate-compliance-consent-v1010 input[type="checkbox"]:checked::after{
  content:""!important;
  position:absolute!important;
  left:5px!important;
  top:1px!important;
  width:4px!important;
  height:9px!important;
  border:solid #fff!important;
  border-width:0 2px 2px 0!important;
  transform:rotate(45deg)!important;
}
.affiliate-compliance-form-v1004 .affiliate-compliance-consent-text-v1010,
.affiliate-compliance-form-v1004 .affiliate-compliance-consent-v1010 span{
  display:block!important;
  margin:0!important;
  color:#17324d!important;
  font-size:15px!important;
  line-height:1.6!important;
  font-weight:700!important;
}
.affiliate-compliance-form-v1004 .affiliate-compliance-actions-v1010{
  grid-column:1 / -1!important;
  width:100%!important;
  padding-top:6px!important;
}
.affiliate-compliance-form-v1004 .affiliate-compliance-actions-v1010 button{
  min-height:48px!important;
  padding:0 20px!important;
  border-radius:12px!important;
}
@media(max-width:768px){
  .affiliate-compliance-form-v1004 .affiliate-compliance-consent-v1010{
    max-width:none!important;
    gap:10px!important;
    align-items:flex-start!important;
  }
  .affiliate-compliance-form-v1004 .affiliate-compliance-consent-v1010 input[type="checkbox"]{
    margin-top:3px!important;
  }
  .affiliate-compliance-form-v1004 .affiliate-compliance-consent-text-v1010,
  .affiliate-compliance-form-v1004 .affiliate-compliance-consent-v1010 span{
    font-size:14px!important;
    line-height:1.55!important;
  }
  .affiliate-compliance-form-v1004 .affiliate-compliance-actions-v1010 button{
    width:auto!important;
    max-width:100%!important;
  }
}


/* V1016 - Xóa làm lại hoàn toàn dòng checkbox đồng ý hồ sơ Affiliate. */
.affiliate-compliance-form-v1004 .affiliate-compliance-consent-row-v1016{
  grid-column:1 / -1!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
.affiliate-compliance-form-v1004 .affiliate-compliance-consent-inline-v1016{
  display:inline-flex!important;
  align-items:center!important;
  flex-direction:row!important;
  gap:10px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:#17324d!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.45!important;
  cursor:pointer!important;
  width:auto!important;
  max-width:100%!important;
}
.affiliate-compliance-form-v1004 .affiliate-compliance-consent-inline-v1016 .affiliate-compliance-consent-checkbox-v1016{
  -webkit-appearance:none!important;
  appearance:none!important;
  display:inline-block!important;
  vertical-align:middle!important;
  box-sizing:border-box!important;
  flex:0 0 16px!important;
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  max-width:16px!important;
  min-height:16px!important;
  max-height:16px!important;
  margin:0!important;
  padding:0!important;
  border:1.5px solid #7e8ea4!important;
  border-radius:4px!important;
  background:#fff!important;
  position:relative!important;
  cursor:pointer!important;
  outline:none!important;
  box-shadow:none!important;
}
.affiliate-compliance-form-v1004 .affiliate-compliance-consent-inline-v1016 .affiliate-compliance-consent-checkbox-v1016:focus-visible{
  box-shadow:0 0 0 3px rgba(47,124,246,.16)!important;
}
.affiliate-compliance-form-v1004 .affiliate-compliance-consent-inline-v1016 .affiliate-compliance-consent-checkbox-v1016:checked{
  background:#2f7cf6!important;
  border-color:#2f7cf6!important;
}
.affiliate-compliance-form-v1004 .affiliate-compliance-consent-inline-v1016 .affiliate-compliance-consent-checkbox-v1016:checked::after{
  content:""!important;
  position:absolute!important;
  left:4px!important;
  top:1px!important;
  width:4px!important;
  height:8px!important;
  border:solid #fff!important;
  border-width:0 2px 2px 0!important;
  transform:rotate(45deg)!important;
}
.affiliate-compliance-form-v1004 .affiliate-compliance-consent-inline-v1016 .affiliate-compliance-consent-text-v1016{
  display:inline!important;
  margin:0!important;
  color:#17324d!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.45!important;
}
.affiliate-compliance-form-v1004 .affiliate-compliance-actions-v1016{
  grid-column:1 / -1!important;
  width:100%!important;
  padding-top:6px!important;
}
.affiliate-compliance-form-v1004 .affiliate-compliance-actions-v1016 button{
  min-height:46px!important;
  padding:0 18px!important;
  border-radius:12px!important;
}
@media(max-width:768px){
  .affiliate-compliance-form-v1004 .affiliate-compliance-consent-inline-v1016{
    align-items:flex-start!important;
    gap:9px!important;
    font-size:13px!important;
  }
  .affiliate-compliance-form-v1004 .affiliate-compliance-consent-inline-v1016 .affiliate-compliance-consent-checkbox-v1016{
    margin-top:1px!important;
  }
  .affiliate-compliance-form-v1004 .affiliate-compliance-consent-inline-v1016 .affiliate-compliance-consent-text-v1016{
    font-size:13px!important;
    line-height:1.45!important;
  }
}