/* Configuration screens reuse the original ChaoShunPay component styles. */
.configuration-account-meta,.configuration-site-domain{margin-top:5px}
.configuration-sites,.configuration-settings{align-items:start}
.configuration-full{grid-column:1/-1}
.configuration-field-space{margin:15px 0 7px}
.configuration-form-error{width:100%;font-size:13px;line-height:1.6}
.configuration-site-actions{gap:6px;flex-wrap:wrap}
.configuration-site-actions .btn{white-space:nowrap}
.configuration-sites .site-table{min-width:540px}
.configuration-sites .site-table td:first-child{min-width:155px}
.configuration-sites .site-table td:first-child>.badge{margin-top:8px}
.configuration-sites .site-table .executor-name{min-width:70px}
.configuration-select{max-width:130px;padding:9px 10px;border:1px solid var(--border-strong,#d0d5dd);border-radius:10px;background:#fff;color:var(--ink-2,#344054);font:inherit}
.configuration-site-rules{padding-top:0}
.configuration-site-rules .notice,.configuration-sites+.notice{margin-bottom:0;line-height:1.7}
.configuration-token-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}
.configuration-guide{line-height:1.7}
.configuration-guide p{margin:0 0 15px}
.configuration-settings .field input:disabled{background:#f8fafc;color:var(--ink-3,#667085)}
.configuration-sites .panel-head>.btn{flex-shrink:0}
.configuration-sites .panel{min-width:0}
.subaccount-create .configuration-full{margin-top:-8px}
.configuration-settings .permission-summary span{overflow-wrap:anywhere}
.merchant-accounts-panel .account-save-form [data-form-error]{margin:0}
button:disabled{cursor:not-allowed;opacity:.55}
@media(min-width:900px){
  .merchant-accounts-panel .account-table td:last-child{background:transparent}
  .merchant-accounts-panel .account-table td:first-child{min-width:0}
}
@media(max-width:1100px){.configuration-sites{grid-template-columns:minmax(0,1fr)}}
@media(max-width:620px){
  .configuration-settings{grid-template-columns:minmax(0,1fr)}
  .configuration-token-actions{flex-direction:column}
  .merchant-accounts-panel .refresh-controls{width:100%;flex-wrap:wrap}
  .merchant-accounts-panel .refresh-controls .actions{width:100%}
  .merchant-accounts-panel .refresh-controls select{flex:1;min-width:0}
}

.configuration-token-command{line-height:1.8;overflow-wrap:anywhere}.configuration-icon-btn{padding:9px 10px}.configuration-site-rules code{font-size:11px;overflow-wrap:anywhere}

.configuration-connect-steps{padding-left:20px;line-height:1.8}.configuration-connect-steps li{margin-bottom:10px}.configuration-connect-steps code{overflow-wrap:anywhere}.configuration-connect-steps a{color:var(--accent,#2456e6)}

/* Account management: compact lists and explicit role hierarchy. */
.settings-subnav{display:grid;gap:3px;margin:2px 0 10px 26px;border-left:1px solid #dfe6f2;padding-left:10px}.sidebar nav .settings-subnav a{min-height:34px;padding:8px 12px;border-radius:7px;font-size:12px;font-weight:500;color:#68778d;background:transparent}.sidebar nav .settings-subnav a.active{color:#2456d9;background:#edf2ff}.settings-profile-panel{max-width:850px}.settings-security-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:24px;max-width:1120px;align-items:start}.security-rules>div+div{margin-top:22px;padding-top:20px;border-top:1px solid #edf0f5}.security-rules strong{font-size:14px}.security-rules p{color:#748096;font-size:13px;line-height:1.75;margin:7px 0 0}.member-page-head{align-items:center}.member-page-head p{margin-top:8px}.member-total{font-size:12px;vertical-align:middle;letter-spacing:0;font-weight:500;color:#64748b;background:#eaf0f9;padding:5px 9px;border-radius:6px;margin-left:8px}.member-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;border-bottom:1px solid #e7ebf2;flex-wrap:wrap}.member-status-tabs{display:flex;flex-direction:row;gap:6px}.member-status-tabs a{display:flex;align-items:center;gap:8px;padding:8px 11px;border-radius:8px;color:#68768a;font-size:13px;text-decoration:none;white-space:nowrap;box-shadow:none}.member-status-tabs a.active{color:#2456df;background:#eff3ff;font-weight:650}.member-status-tabs span{font-size:11px;font-weight:500;background:#e6eaf2;color:#62728b;padding:1px 6px;border-radius:5px}.member-search{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.member-search input[type=search],.member-search select{height:37px;border:1px solid #dce3ee;background:#fff;border-radius:8px;font:inherit;font-size:12px;padding:8px 11px;color:#344256}.member-search input[type=search]{width:205px}.member-search .btn{padding:8px 12px}.member-table{min-width:850px}.member-table td{padding:14px 14px;vertical-align:middle}.member-table th{padding:13px 14px}.member-table td:first-child strong{font-size:13px}.member-table td .muted{font-size:11px;margin-top:5px;line-height:1.5}.member-table td:nth-child(5) strong{font-size:12px;font-weight:500}.member-chips{display:flex;gap:5px;flex-wrap:wrap;max-width:180px}.member-chips span,.member-role{display:inline-block;background:#f1f4fa;color:#57687f;border-radius:5px;padding:3px 7px;font-size:11px}.member-row-actions{flex-wrap:nowrap;gap:6px}.member-row-actions .btn{padding:7px 9px;font-size:11px;white-space:nowrap}.member-empty{text-align:center;padding:52px 20px 56px}.member-empty strong{font-size:16px;color:#40516a}.member-empty p{font-size:12px;color:#7d899c;margin:10px 0 22px}.member-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;border-top:1px solid #edf0f5;color:#7c899a;font-size:12px}.member-pagination>div{display:flex;align-items:center;gap:12px}.member-pagination .btn{padding:7px 10px;font-size:12px}.member-permission-note{font-size:12px;color:#7b8798;margin:18px 2px;line-height:1.8}.member-dialog{width:min(900px,94vw)}.member-modal-note{color:#78869b;font-size:12px;line-height:1.7;margin:0 0 22px}.member-section-heading{font-size:14px;color:#263850;margin:0 0 17px}.member-dialog .permission-fieldset{border:0;border-top:1px solid #e8edf4;margin-top:28px;padding:22px 0 0}.member-dialog .permission-fieldset legend{padding:0 12px 0 0;font-size:14px;color:#263850;font-weight:650}.member-dialog .permission-modules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.member-dialog .permission-module{padding:14px;border:1px solid #e5eaf3;border-radius:9px;background:#fbfcff}.member-dialog .permission-module strong{font-size:13px}.member-dialog .permission-module label{font-size:12px;line-height:1.65}.member-dialog .modal-footer{position:sticky;bottom:0;z-index:2}.member-dialog .form-grid{gap:17px}.role-hierarchy{display:flex;align-items:center;gap:14px;padding:18px 22px;border:1px solid #dfe7f4;background:#f3f6fd;border-radius:12px;margin:0 0 22px;flex-wrap:wrap}.role-hierarchy span{font-size:13px;font-weight:600;color:#3d577d}.role-hierarchy i{font-style:normal;color:#90a4bf}.roles-table{min-width:800px}.roles-table td{font-size:12px;line-height:1.7}.role-rules{padding:20px 2px;max-width:1000px;font-size:12px;color:#738198;line-height:1.9}.role-rules strong{color:#3a4d6a;font-size:13px}.role-rules p{margin-top:7px}
@media(max-width:900px){.settings-security-grid{grid-template-columns:1fr}.member-list-toolbar{align-items:stretch}.member-search{width:100%}.member-search input[type=search]{flex:1;min-width:120px}.member-list-toolbar{padding:16px}.member-page-head{align-items:flex-start;gap:14px}.member-page-head>.btn{white-space:nowrap}.member-dialog .permission-modules{grid-template-columns:1fr}}
@media(max-width:540px){.member-page-head{flex-direction:column}.member-page-head>.btn{width:100%}.member-search select{max-width:115px}.member-pagination{padding:14px;align-items:flex-start;flex-direction:column}.member-status-tabs{gap:0}.member-status-tabs a{padding:8px 10px}.role-hierarchy{gap:9px;padding:14px}.role-hierarchy span{font-size:12px}}

.role-preset-tools{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:24px 0 18px}.role-preset-tools .muted{font-size:12px}.role-row-actions{flex-wrap:nowrap;gap:6px}.role-row-actions .btn{padding:7px 10px;font-size:12px;white-space:nowrap}.roles-table td:nth-child(3){max-width:240px}.roles-table .muted{font-size:11px;margin-top:5px;line-height:1.7}
.roles-table td:first-child{white-space:nowrap;min-width:105px}.member-dialog[open]{display:flex;flex-direction:column;overflow:hidden}.member-dialog>.panel{display:flex;flex-direction:column;min-height:0;max-height:90vh;width:100%}.member-dialog .modal-form{display:flex;flex-direction:column;min-height:0;overflow:hidden}.member-dialog .modal-form>.panel-body{overflow:auto;min-height:0}.member-dialog .panel-head,.member-dialog .modal-footer{flex-shrink:0}