/* Payment management shares the POS Sales directory card and control rhythm. */
.payment-settings-page .payment-settings-nav { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:18px; }
.payment-settings-page .payment-table-toolbar { display:flex; justify-content:space-between; align-items:center; gap:14px; flex-wrap:wrap; margin:18px 0 12px; }
.payment-settings-page .payment-table-toolbar .cpc-search { margin:0; width:320px; }
.payment-settings-page .payment-settings-list-info { display:flex; align-items:center; flex-wrap:wrap; gap:14px; color:var(--cpc-muted); font-size:12px; }
.payment-settings-page .dataTables_info,.payment-settings-page .dataTables_length { padding:0!important; margin:0!important; font-size:12px; color:var(--cpc-muted)!important; }
.payment-settings-page .dataTables_length select { margin:0 6px; }
.payment-settings-page #users-datatable_wrapper { padding:0; }
.payment-settings-page #users-datatable { width:100%!important; margin:0!important; border:0; font-size:13px; }
.payment-settings-page #users-datatable th { border:0; border-bottom:1px solid var(--cpc-line); padding:12px 14px; font-size:12px; }
.payment-settings-page #users-datatable td { border:0; border-bottom:1px solid var(--cpc-line); padding:13px 14px; color:var(--cpc-ink); vertical-align:middle; }
.payment-settings-page #users-datatable tr:last-child td { border-bottom:0; }
.payment-settings-page #users-datatable th:first-child,.payment-settings-page #users-datatable td:first-child { min-width:160px; width:160px; }
.payment-settings-page #users-datatable td:nth-child(2) { min-width:180px; max-width:420px; width:34%; white-space:normal; overflow-wrap:anywhere; }
.payment-settings-page #users-datatable td:nth-child(3) { min-width:250px; white-space:normal; overflow-wrap:anywhere; }
.payment-settings-page .payment-name-cell strong { display:block; color:var(--cpc-ink); font-size:13px; font-weight:700; }
.payment-settings-page .payment-settings-type { white-space:nowrap; max-width:160px; }
.payment-settings-page .payment-settings-detail { display:block; margin-top:4px; color:var(--cpc-muted); font-size:12px; line-height:1.6; }
.payment-settings-page .payment-settings-terms { display:flex; flex-direction:column; gap:4px; line-height:1.5; }
.payment-settings-page .payment-settings-term-label { display:inline-block; min-width:84px; padding-right:12px; color:var(--cpc-muted); font-size:12px; }
.payment-settings-page .payment-settings-money { white-space:nowrap; font-variant-numeric:tabular-nums; }
.payment-settings-page .payment-settings-money small { font-size:70%; }
.payment-settings-page .payment-settings-detail + .payment-settings-detail { margin-top:0; }
.payment-settings-page .mpay-app-lock-note { display:flex; align-items:flex-start; gap:5px; margin-top:8px; color:#986718; font-size:11px; line-height:1.5; }
.payment-settings-page .mpay-app-lock-note i { margin-top:2px; }
.payment-settings-page #users-datatable .payment-settings-action-column { width:112px; min-width:112px; text-align:right; }
/* Direct actions must stay below the sticky header, unlike legacy dropdown menus. */
.payment-settings-page #users-datatable tbody td.payment-settings-action-column { z-index:auto; }
.payment-settings-page .cpc-row-actions { gap:8px; }
.payment-settings-head-actions { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.payment-settings-page .payment-management-order-controls { justify-content:center; gap:4px; }
.payment-settings-page #users-datatable .payment-settings-recharge-column { min-width:104px; width:104px; text-align:center; }
.payment-settings-page .payment-settings-recharge-order { display:flex; flex-direction:column; align-items:center; gap:8px; }
.payment-settings-page .payment-settings-action-order { display:flex; flex-direction:column; align-items:flex-end; gap:8px; }
.payment-settings-page .payment-management-order-arrow:disabled { opacity:.35; cursor:default; }
.payment-management-order-help-wrap { position:relative; display:flex; justify-content:flex-end; margin-bottom:8px; }
.payment-management-order-info { display:inline-flex; justify-content:center; align-items:center; width:28px; height:28px; border:1px solid #d9dce5; border-radius:999px; padding:0; background:#fff; color:#777b8c; cursor:pointer; }
.payment-management-order-info:focus-visible { outline:2px solid #ff596f; outline-offset:2px; }
#payment-management-order-help { position:absolute; right:0; top:34px; z-index:2; width:min(340px,100%); padding:12px; border:1px solid #e7e9f0; border-radius:10px; background:#fff; color:#777b8c; font-size:13px; line-height:1.6; box-shadow:0 5px 18px rgba(36,39,53,.12); }
#payment-management-order-status { margin-bottom:12px; color:#777b8c; font-size:13px; line-height:1.5; }
#payment-management-order-status.is-error { color:#b42335; }
#payment-management-order-retry,#payment-management-order-save-retry { margin-bottom:12px; }
.payment-settings-page .payment-settings-delete { color:#df5369; }
.payment-settings-page .mpay-delete-locked { color:var(--cpc-muted); }
.payment-settings-page #users-datatable .payment-settings-column-filters th { padding:7px 10px; }
.payment-settings-page .payment-settings-column-filters input,.payment-settings-page .payment-settings-column-filters select { width:100%; min-width:0; height:36px; }
.payment-settings-page .datatable-pagination { display:flex; justify-content:flex-end; margin-top:16px; }
.payment-settings-page .dataTables_paginate { display:flex; gap:5px; padding:0!important; font-size:12px; }
.payment-settings-page .dataTables_paginate span { display:flex; gap:5px; }
.payment-settings-page .dataTables_paginate .paginate_button { display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; min-width:32px; height:32px; margin:0; padding:0 8px; border:1px solid var(--cpc-line); border-radius:999px; background:var(--cpc-card); color:var(--cpc-ink)!important; cursor:pointer; }
.payment-settings-page .dataTables_paginate .paginate_button.current { color:#fff!important; background:#ff596f!important; border-color:#ff596f!important; }
.payment-settings-page .dataTables_paginate .paginate_button.disabled { opacity:.4; cursor:default; }
.payment-settings-page .dataTables_paginate .paginate_button:hover { background:var(--cpc-soft); }
.payment-settings-page [hidden] { display:none!important; }
.payment-bank-warning { display:flex; align-items:flex-start; gap:10px; margin:0 0 18px; padding:13px 15px; border:1px solid #f1d7a6; border-radius:10px; background:#fff8e9; color:#896020; }
.payment-bank-warning > i { margin-top:3px; font-size:17px; flex:0 0 auto; }
.payment-bank-warning strong { display:block; color:inherit; font-size:13px; font-weight:800; line-height:1.5; }
.payment-bank-warning .payment-bank-primary { font-weight:800; }
.payment-bank-warning .payment-bank-priority { color:#c53535; }
.payment-bank-warning .payment-bank-followup { margin-top:8px; font-weight:400; }
.payment-bank-warning .payment-bank-followup strong { display:inline; font-size:inherit; line-height:inherit; font-weight:800; }
.payment-bank-warning p { color:inherit; margin:4px 0 0; font-size:12px; line-height:1.7; }
.payment-settings-error { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:16px; border:1px solid #f8d6ce; border-radius:10px; padding:12px; color:#b42318; background:#fff2ef; font-size:13px; }
.payment-settings-page input[type=checkbox] { height:auto; }
.payment-settings-page .cpc-empty { margin:16px 0; }
.payment-settings-page #payment-settings-loading > i { animation:cpc-spin 1.2s linear infinite; }
.payment-settings-panel .right-panel { width:min(430px,94vw); background:#fff; }
.payment-settings-panel .right-panel-head { min-height:68px; padding:16px 18px; border-bottom:1px solid #e3e8f0; background:linear-gradient(135deg,#fff,#fffaf7); }
.payment-settings-panel .right-panel-head h3 { color:#283252; font-size:16px; font-weight:800; }
.payment-settings-panel .right-panel-head .close-panel { display:flex; justify-content:center; align-items:center; flex:0 0 36px; height:36px; width:36px; border:1px solid #e3e8f0; border-radius:50%; color:#77809a; background:#fff; cursor:pointer; }
.payment-settings-panel .right-panel-body { padding:16px 18px 20px; }
.payment-settings-panel .right-panel-body .fieldset { width:100%; max-width:none!important; }
.payment-settings-panel input.input,.payment-settings-panel .select,.payment-settings-panel .select select,.payment-settings-panel .button:not(.fr-command):not(.fr-btn) { box-sizing:border-box; height:36px!important; min-height:36px!important; max-height:36px!important; font-size:13px; }
.payment-settings-panel input.input,.payment-settings-panel .select select { border-radius:7px; }
.payment-settings-panel .button:not(.fr-command):not(.fr-btn) { border-radius:999px; font-size:13px; font-weight:700; }
.payment-settings-panel .button.is-primary { background:#ff596f; border-color:#ff596f; color:#fff; }
.payment-settings-panel .fieldset h4 { font-size:13px; line-height:1.5; font-weight:700; color:#59637b; }
.payment-settings-panel .transfer-currency p,.payment-settings-panel .transfer-currency_edit p { color:#77809a; font-size:12px; line-height:1.7; margin-top:6px; }
.payment-settings-panel .payment-bank-warning { margin-top:14px; }
.payment-settings-panel .close-panel:focus-visible { outline:2px solid #ff596f; outline-offset:3px; }
.is-dark .payment-bank-warning { background:#382f22; border-color:#695539; color:#e7c786; }
.is-dark .payment-bank-warning .payment-bank-priority { color:#ff9b9b; }
.is-dark .payment-settings-panel .right-panel,.is-dark .payment-settings-panel .right-panel-head { background:#242735; }
.is-dark .payment-settings-panel .right-panel-head h3,.is-dark .payment-settings-panel .fieldset h4 { color:#e0e4f1; }
.is-dark .payment-settings-panel .right-panel-head .close-panel { background:#2c3041; color:#bcc4d7; border-color:#3a4054; }
@media(max-width:700px) { .payment-settings-page .payment-table-toolbar .cpc-search { width:100%; } .payment-settings-page .payment-settings-list-info { width:100%; justify-content:space-between; } .payment-settings-page .datatable-pagination { justify-content:flex-start; overflow-x:auto; } }
@media(prefers-reduced-motion:reduce) { .payment-settings-page #payment-settings-loading > i { animation:none; } }

.payment-settings-panel .payment-transfer-redirect-row { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:36px; }
.payment-settings-panel .payment-transfer-redirect-row > label:first-child { margin:0; font-size:14px; font-weight:700; line-height:1.5; }
.payment-settings-panel .payment-transfer-redirect-row .form-switch { flex:none; margin:0; }
.payment-settings-panel [class*="payment-transfer-redirect"] > p { margin:6px 0 0; color:#666; font-size:12px; line-height:1.6; }