/* Themezify payments — merchant Payment settings, Orders, checkout pay box. */
.tzp{--tzp-ok:#2f6b3f;--tzp-ok-bg:#e8f2e1;--tzp-bad:#9a3d22;--tzp-bad-bg:#fbede6;--tzp-info:#4c5b52;--tzp-info-bg:#eef1ec}
.tzp-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 22px;padding:5px;background:#fff;border:1px solid var(--line,#dfe5dc);border-radius:10px}
.tzp-tabs a{padding:9px 14px;border-radius:7px;font-size:13px;color:var(--ink,#18332a);white-space:nowrap}
.tzp-tabs a:hover{background:#f1f5ec}
.tzp-tabs a[aria-current=page]{background:#e8efdd;color:var(--green,#235e49);font-weight:600}
.tzp-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;justify-content:space-between}
.tzp-toolbar .tzp-tabs{flex:1;min-width:0}
.tzp-toolbar form .button{margin-top:0}
.tzp .panel h2{letter-spacing:-.6px}
.tzp-next{border-color:#cfdcc0;background:linear-gradient(180deg,#fbfdf7,#fff)}
.tzp-next h2{font-size:24px}
.tzp-steps{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:8px}
.tzp-steps li{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:9px;background:var(--tzp-info-bg)}
.tzp-steps li.is-ok{background:var(--tzp-ok-bg)}
.tzp-steps li.is-bad{background:var(--tzp-bad-bg)}
.tzp-steps strong{display:block;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.tzp-steps p{margin:3px 0 0;font-size:13px;line-height:1.65;overflow-wrap:anywhere}
.tzp-mark{flex:0 0 24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#fff;background:var(--tzp-info);margin-top:1px}
.is-ok .tzp-mark{background:var(--tzp-ok)}
.is-bad .tzp-mark{background:var(--tzp-bad)}
.tzp-report{margin-top:22px;padding-top:18px;border-top:1px solid var(--line,#dfe5dc)}
.tzp-report h3{font-size:15px;margin:0}
.tzp-howto,.tzp-flow{padding-left:20px;margin:0 0 18px;font-size:14px;line-height:1.75;color:var(--muted,#5d6e63)}
.tzp-howto li,.tzp-flow li{margin-bottom:7px}
.tzp-howto a{text-decoration:underline}
.tzp-plain{padding-left:18px;font-size:14px;line-height:1.8;color:var(--muted,#5d6e63)}
.tzp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px;margin:8px 0 16px}
.tzp-field{display:block;font-size:13px;font-weight:600;color:var(--ink,#18332a)}
.tzp-field>span{display:block;margin-bottom:7px;line-height:1.5}
.tzp-field input,.tzp-field select,.tzp-field textarea{font-weight:400;font-size:14px}
.tzp-wide{grid-column:1/-1}
.tzp-field textarea{min-height:110px;resize:vertical}
.tzp .checkbox{display:flex;gap:10px;align-items:flex-start;font-size:14px;margin:10px 0}
.tzp .checkbox input{width:auto;min-height:0;margin-top:5px;flex:0 0 auto}
.tzp .checkbox.tzp-inline{display:inline-flex;margin:4px 14px 4px 0;font-size:12px}
.tzp-switches{display:flex;flex-wrap:wrap;gap:4px 26px;margin:6px 0 14px}
.tzp-fieldset{border:1px solid var(--line,#dfe5dc);border-radius:10px;padding:14px 18px 6px;margin:0 0 18px}
.tzp-fieldset legend{font-weight:700;font-size:14px;padding:0 6px}
.tzp-manual summary{cursor:pointer;list-style:none}
.tzp-manual summary::-webkit-details-marker{display:none}
.tzp-manual summary h2{display:inline-block;margin:0}
.tzp-manual summary::after{content:"＋";float:right;font-size:20px;color:var(--muted,#5d6e63)}
.tzp-manual[open] summary::after{content:"－"}
.tzp-manual[open] summary{margin-bottom:16px}
.tzp-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:14px 0}
.tzp-actions form{margin:0}
.tzp-actions .button,.tzp-actions form .button{margin-top:0}
.tzp-dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 22px;margin:18px 0}
.tzp-dl div{min-width:0}
.tzp-dl dt{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted,#5d6e63)}
.tzp-dl dd{margin:3px 0 0;font-size:14px;overflow-wrap:anywhere}
.tzp-status{display:inline-block;padding:4px 10px;border-radius:20px;font-size:12px;background:var(--tzp-info-bg);color:var(--tzp-info);white-space:nowrap}
.tzp-status.is-completed{background:var(--tzp-ok-bg);color:var(--tzp-ok)}
.tzp-status.is-refunded,.tzp-status.is-partially_refunded,.tzp-status.is-failed{background:var(--tzp-bad-bg);color:var(--tzp-bad)}
tr.tzp-bad td{color:var(--tzp-bad,#9a3d22)}
.tzp td small{color:var(--muted,#5d6e63)}
/* Checkout pay box */
.tzp-paybox .button{margin-top:6px}
.tzp-paybox .checkbox a,.tzp-paybox .tzp-mor a{display:inline;margin-top:0;font-size:inherit;text-decoration:underline}
.tzp-paybox .checkbox{margin-top:18px}
.tzp-msg{min-height:1.4em;margin:12px 0 0;font-size:14px;line-height:1.7;color:var(--tz-accent,#225e49)}
.tzp-msg.is-error{color:#9a3d22}
.tzp-msg:empty{margin:0;min-height:0}
.tzp-mor{margin-top:14px}
.tzp-sandbox{background:#fff6dd;border:1px solid #f0dc9f;border-radius:8px;padding:10px 14px;font-size:13px!important;color:#6b5312!important}
.tzp-thanks{background:#e3f0d8;border-color:#c5dcb0}
.tzp-paylink .button{margin-top:10px}
@media(max-width:760px){
  .tzp-grid,.tzp-dl{grid-template-columns:minmax(0,1fr)}
  .tzp-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .tzp-actions .button{width:100%}
  .tzp-actions form{width:100%}
}
