/* Scope every selector to the payment-settings page: preserve other merchant and admin layouts. */
.sp-payment-settings-page{display:grid;gap:15px;max-width:100%;color:#37445b}
.sp-payment-settings-page *{box-sizing:border-box}
.sp-settings-intro{background:#fff;border:1px solid #dce4f2;border-left:3px solid #5379dd;border-radius:5px;padding:16px 18px;font-size:13px;line-height:1.7}
.sp-settings-intro>strong{font-size:15px;color:#26364d}.sp-settings-intro>p{color:#62708a;margin:7px 0 12px}
.sp-settings-legend{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sp-settings-live,.sp-settings-status,.sp-settings-draft,.sp-settings-unavailable{font-size:11px;padding:3px 9px;border-radius:5px;font-weight:600}
.sp-settings-live{background:#eaf4ed;color:#247446}.sp-settings-status{background:#f0f4ff;color:#4e6ed1;margin-left:10px;white-space:nowrap}
.sp-settings-draft{background:#fff6e7;color:#956012}.sp-settings-unavailable{background:#f1f3f7;color:#7b8495}
.sp-settings-meta{display:flex;gap:7px 24px;flex-wrap:wrap;margin-top:14px;font-size:11px;color:#8d97ab}
.sp-settings-saved{margin:10px 0 0;padding:10px 12px;border:1px solid #bddfca;background:#eff8f3;color:#24623d;border-radius:4px}
.sp-settings-readonly{margin:10px 0 0;color:#965e0a;background:#fff7e9;border-radius:4px;padding:10px}
.sp-payment-settings-form{display:grid;gap:15px;min-width:0}
.sp-settings-fieldset{padding:0!important;margin:0!important;border:0!important;min-width:0;display:grid;gap:15px}
.merchant-video-reference .sp-payment-settings-page .sp-payment-section{margin-bottom:0!important}
.sp-payment-settings-page .sp-payment-section .merchant-section-title{justify-content:space-between}
.sp-settings-body{padding:6px 17px 13px}
.sp-setting-row{padding:14px 1px;border-bottom:1px solid #edf0f6;display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr);gap:13px;align-items:start}
.sp-setting-row:last-child{border-bottom:0}
.sp-setting-heading{display:flex;align-items:flex-start;flex-direction:column;gap:6px;font-size:12px;color:#59677c;line-height:1.65}
.sp-setting-heading .sp-settings-draft{font-size:10px;font-weight:500;padding:2px 6px}
.sp-setting-field{min-width:0;font-size:12px;color:#4c5b70}
.sp-setting-field>.sp-settings-options{margin-top:1px}
.sp-settings-options{display:flex;gap:11px 22px;flex-wrap:wrap;align-items:center;min-height:28px}
.sp-settings-options label{display:inline-flex;align-items:center;gap:7px;font-size:12px;white-space:nowrap;color:#465369;cursor:pointer}
.sp-settings-options input[type=checkbox],.sp-settings-options input[type=radio]{appearance:auto!important;flex:0 0 15px!important;width:15px!important;height:15px!important;min-width:15px!important;min-height:15px!important;margin:0!important;padding:0!important;accent-color:#4d73e8}
.sp-setting-help{font-size:11px!important;line-height:1.6!important;color:#8590a3!important;margin:7px 0 0!important}
.sp-settings-number{display:flex;align-items:center;gap:9px}
.sp-settings-number input{height:34px!important;min-height:34px!important;width:165px!important;max-width:85%!important;box-shadow:none!important;border:1px solid #dce3ed!important;border-radius:5px!important;font-size:12px!important;padding:5px 10px!important;color:#283d61!important;background:white!important}
.sp-settings-number span{color:#69768b}
.sp-setting-field textarea{width:100%!important;max-width:760px!important;min-height:85px!important;border-radius:5px!important;background:#fff!important;border:1px solid #dce3ed!important;padding:10px 12px!important;font-size:12px!important;line-height:1.65!important;color:#2c3b53!important}
.sp-settings-unavailable-field input{height:34px!important;min-height:34px!important;max-width:350px!important;width:100%!important;background:#f4f5f8!important;color:#8c93a1!important;border:1px solid #e6e9ef!important;padding:8px 12px!important;opacity:1!important}
.sp-settings-tokens{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:10px;max-width:760px;font-size:11px;color:#7f8a9c}
.sp-settings-tokens button{font:inherit!important;font-size:11px!important;padding:4px 8px!important;border:1px solid #dce4f2!important;background:#f9fbff!important;color:#5772ae!important;border-radius:4px!important;min-height:26px!important;cursor:pointer}
.sp-settings-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff;border:1px solid #e5eaf1;border-radius:5px;padding:16px 17px}
.sp-settings-footer p{margin:0;font-size:12px;color:#68758b;line-height:1.6;flex:1}
.sp-settings-footer button.sp-settings-save{flex:none;min-height:37px;background:#4c70df!important;color:white!important;border:0!important;border-radius:5px!important;padding:8px 20px!important;font-size:12px!important;cursor:pointer}
.sp-settings-roadmap{padding:10px 16px;font-size:12px;line-height:1.8;color:#637087}.sp-settings-roadmap p{margin:5px 0}.sp-settings-roadmap strong{color:#465774}
.sp-payment-settings-page .tablewrap{max-width:calc(100% - 30px)!important;margin:13px 15px!important}
@media(max-width:720px){.sp-settings-body{padding:5px 13px 11px}.sp-setting-row{grid-template-columns:1fr;gap:7px;padding:12px 0}.sp-setting-heading{gap:5px}.sp-setting-field{width:100%}.sp-settings-options{gap:9px 15px}.sp-settings-footer{align-items:stretch;flex-direction:column}.sp-settings-footer button.sp-settings-save{width:100%}.sp-settings-intro{padding:14px}.sp-payment-settings-page .tablewrap{overflow-x:auto}}

/* v0.6.0.3: per-setting runtime status table; scoped, readable on mobile. */
.sp-settings-audit{width:100%;border-collapse:collapse;table-layout:fixed;font-size:12px;line-height:1.65}
.sp-settings-audit th,.sp-settings-audit td{border-bottom:1px solid #e9edf4;padding:9px 8px;text-align:left;overflow-wrap:anywhere;vertical-align:top}
.sp-settings-audit th{color:#34466b;background:#f5f7fb;font-weight:650}
.sp-settings-audit td:first-child{font-weight:600;color:#34466b;width:26%}
.sp-settings-audit td:nth-child(2){width:21%;color:#94601a}
@media(max-width:600px){.sp-settings-audit{font-size:11px}.sp-settings-audit th,.sp-settings-audit td{padding:7px 5px}.sp-settings-audit td:first-child{width:28%}.sp-settings-audit td:nth-child(2){width:23%}}
