/* Montonio tokens and component proportions, adapted from the supplied design system.
   Scoped to .wrp so the plugin does not restyle WordPress or the merchant theme. */
@font-face{font-family:WRP Satoshi;src:url("fonts/Satoshi-Variable.woff2") format("woff2");font-weight:300 900;font-style:normal;font-display:swap}
.wrp{--wrp-purple:#260071;--wrp-hover:#5C14EB;--wrp-pressed:#1B0547;--wrp-soft:#F0EBFF;--wrp-canvas:#F8F6F4;--wrp-border:#E1DDDB;--wrp-text:#1B1B1B;--wrp-muted:#3C3C3C;box-sizing:border-box;color:var(--wrp-text);font:500 15px/1.6 "WRP Satoshi",system-ui,sans-serif;letter-spacing:-.01em;text-align:start}
.wrp *,.wrp *::before,.wrp *::after{box-sizing:border-box}
.wrp [hidden]{display:none!important}
.wrp h1,.wrp h2,.wrp h3,.wrp h4,.wrp p{font-family:inherit;color:inherit;line-height:1.5;margin:0 0 16px;padding:0}
.wrp h1{font-size:36px;line-height:1.2;font-weight:700;letter-spacing:-.04em}
.wrp h2{font-size:24px;line-height:1.3;font-weight:700;letter-spacing:-.04em}
.wrp h3{font-size:20px;line-height:1.35;font-weight:700;letter-spacing:-.02em}
.wrp h4{font-size:15px;font-weight:700;margin-top:24px;margin-bottom:8px}
.wrp a,.wrp .wrp-text-button{color:var(--wrp-purple);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.wrp a:hover{color:var(--wrp-hover)}
.wrp .wrp-help{font-size:13px;line-height:1.5;color:var(--wrp-muted);margin:8px 0 0}
.wrp .wrp-eyebrow{font-size:12px;line-height:1.5;letter-spacing:.04em;text-transform:uppercase;font-weight:700;color:var(--wrp-muted);margin:0 0 12px;display:block}
.wrp-panel{background:#fff;border:1px solid var(--wrp-border);border-radius:6px;padding:24px;margin:0 0 24px;min-width:0}
.wrp .wrp-field{margin:24px 0}
.wrp .wrp-field label,.wrp .wrp-options legend{display:block;font-size:15px;font-weight:700;margin-bottom:8px}
.wrp input:not([type=checkbox]):not([type=radio]),.wrp textarea{appearance:none;width:100%;min-height:44px;border:1px solid #ADADB0;border-radius:4px;padding:10px 12px;background:#fff;color:var(--wrp-text);font:500 15px/1.5 "WRP Satoshi",system-ui,sans-serif;box-shadow:none;letter-spacing:-.01em;margin:0}
.wrp textarea{resize:vertical;min-height:100px}
.wrp input:focus,.wrp textarea:focus{border-color:var(--wrp-purple)}
.wrp :focus-visible{outline:2px solid var(--wrp-purple);outline-offset:3px}
.wrp h2[tabindex]:focus{outline:none}
.wrp .wrp-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid var(--wrp-purple);border-radius:4px;padding:10px 20px;background:var(--wrp-purple);color:#fff;font:700 15px/1.5 "WRP Satoshi",system-ui,sans-serif;text-decoration:none;letter-spacing:-.01em;box-shadow:0 1px 2px rgba(27,27,27,.08);cursor:pointer;transition:background 100ms ease-out,border-color 100ms ease-out;white-space:normal}
.wrp .wrp-button:hover{background:var(--wrp-hover);border-color:var(--wrp-hover);color:#fff}
.wrp .wrp-button:active{background:var(--wrp-pressed)}
.wrp .wrp-secondary{color:var(--wrp-text);background:#fff;border-color:var(--wrp-border)}
.wrp .wrp-secondary:hover{background:#fff;color:var(--wrp-purple);border-color:#7C7C7B}
.wrp .wrp-secondary:active{border-color:var(--wrp-purple);background:var(--wrp-soft)}
.wrp .wrp-button:disabled,.wrp input:disabled{color:#7C7C7B;background:var(--wrp-canvas);border-color:var(--wrp-border);cursor:default;opacity:1}
.wrp .wrp-text-button{border:0;background:none;box-shadow:none;font:inherit;padding:8px 0;cursor:pointer}
.wrp-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.wrp-grid .wrp-field{margin-top:16px}
.wrp-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:24px}
.wrp-alert{padding:16px;border-radius:6px;background:var(--wrp-soft);color:var(--wrp-purple);margin:16px 0 24px;overflow-wrap:anywhere}
.wrp .wrp-alert p{margin:8px 0 0}
.wrp-error{background:#FFEBEB;color:#A9061A}
.wrp-success{background:#EDFBEC;color:#046900}
.wrp-badge{display:inline-flex;align-items:center;border-radius:99px;background:var(--wrp-soft);color:var(--wrp-purple);font-size:12px;font-weight:700;padding:4px 10px}
.wrp-options{border:0;padding:0;margin:24px 0;min-width:0}
.wrp .wrp-check{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-weight:500;margin:12px 0}
.wrp input[type=checkbox],.wrp input[type=radio]{appearance:auto;accent-color:var(--wrp-purple);width:18px;height:18px;min-width:18px;margin:3px 0 0;box-shadow:none}
.wrp-summary{margin:24px 0;font-size:14px}
.wrp-summary>div{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--wrp-border)}
.wrp-summary dt{font-weight:500;color:var(--wrp-muted)}
.wrp-summary dd{font-weight:700;margin:0;overflow-wrap:anywhere;white-space:pre-line}
.wrp-admin{margin:24px 24px 0 4px;max-width:1440px;padding:24px 32px 48px;background:var(--wrp-canvas);border-radius:8px;min-height:85vh}
.wrp-topbar{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--wrp-border);padding:0 0 24px}
.wrp-product{font-size:20px;font-weight:700;letter-spacing:-.03em;color:var(--wrp-purple)}
.wrp-heading{padding:40px 0 32px}
.wrp-heading p:last-child{margin:12px 0 0;font-size:16px;color:var(--wrp-muted)}
.wrp-setup-layout{display:grid;grid-template-columns:190px minmax(0,1fr) 280px;align-items:start;gap:24px}
.wrp-steps{position:sticky;top:48px}
.wrp-steps button{border:0;background:transparent;color:var(--wrp-muted);width:100%;display:flex;align-items:center;gap:12px;padding:12px 8px;font:700 14px/1.5 "WRP Satoshi",system-ui,sans-serif;text-align:start;cursor:pointer;border-radius:4px;margin:0 0 8px}
.wrp-steps button span{display:flex;align-items:center;justify-content:center;border:1px solid var(--wrp-border);width:28px;height:28px;flex:none;border-radius:99px;background:#fff;font-size:12px}
.wrp-steps [aria-current=step]{background:var(--wrp-soft);color:var(--wrp-purple)}
.wrp-steps [aria-current=step] span{background:var(--wrp-purple);border-color:var(--wrp-purple);color:#fff}
.wrp-steps .wrp-help{padding:16px 8px}
.wrp-setup-main{min-width:0}
.wrp-wizard-actions{display:flex;justify-content:space-between;gap:16px}
.wrp-wizard-actions [data-next]{margin-left:auto}
.wrp-url{padding:12px;background:var(--wrp-canvas);border-radius:4px;overflow-wrap:anywhere;font-size:13px;color:var(--wrp-purple)}
.wrp-preview{position:sticky;top:48px;padding-top:8px;min-width:0}
.wrp-preview .wrp-panel{padding:20px;margin-bottom:16px}
.wrp-preview .wrp-preview-store{padding-bottom:16px;border-bottom:1px solid var(--wrp-border);font-size:12px;font-weight:700}
.wrp-preview h3{font-size:21px;overflow-wrap:anywhere}
.wrp-preview p{font-size:12px;line-height:1.6;overflow-wrap:anywhere;white-space:pre-line}
.wrp-preview-line{height:32px;border:1px solid var(--wrp-border);border-radius:4px;margin:12px 0;background:var(--wrp-canvas)}
.wrp-preview-action{background:var(--wrp-purple);border-radius:4px;padding:10px 12px;color:#fff;font-size:12px;text-align:center;margin-top:20px}
.wrp-customer{width:100%;max-width:1100px;margin:24px auto;padding:32px;background:var(--wrp-canvas);border-radius:8px}
.wrp-customer-head{max-width:680px}
.wrp-progress{display:flex;gap:24px;list-style:none!important;padding:0!important;margin:24px 0 32px!important;counter-reset:step}
.wrp-progress li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--wrp-muted);margin:0;counter-increment:step}
.wrp-progress li::before{content:counter(step);display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--wrp-border);border-radius:99px;width:26px;height:26px;background:#fff}
.wrp-progress [aria-current=step]{font-weight:700;color:var(--wrp-purple)}
.wrp-progress [aria-current=step]::before{background:var(--wrp-purple);border-color:var(--wrp-purple);color:#fff}
.wrp-customer-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:24px}
.wrp-store-card{position:sticky;top:24px;font-size:14px}
.wrp-store-card h3{overflow-wrap:anywhere}
.wrp-item{display:grid;grid-template-columns:minmax(0,1fr) 76px;align-items:center;gap:16px;border-bottom:1px solid var(--wrp-border);padding:16px 0}
.wrp .wrp-item label{display:block;min-width:0;width:auto;margin:0;font-weight:700;overflow-wrap:anywhere}
.wrp-item small{display:block;font-size:12px;font-weight:500;color:var(--wrp-muted);margin-top:4px}
/* Match the general input selector's specificity so width:100% cannot win. */
.wrp .wrp-item input[type=number]{width:76px;min-width:76px;max-width:76px;justify-self:end}
.wrp .wrp-legal{padding:0;overflow-wrap:anywhere}
.wrp .wrp-legal summary{display:list-item;list-style:disclosure-closed inside;padding:16px 24px;font-weight:700;color:var(--wrp-purple);cursor:pointer}
.wrp .wrp-legal[open]>summary{list-style-type:disclosure-open;border-bottom:1px solid var(--wrp-border)}
.wrp .wrp-legal-content{padding:20px 24px;white-space:pre-line}
.wrp-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:1250px){.wrp-setup-layout{grid-template-columns:180px minmax(0,1fr)}.wrp-preview{display:none}}
@media(max-width:800px){.wrp-admin{margin:12px 12px 0 0;padding:24px 16px}.wrp-setup-layout{grid-template-columns:1fr}.wrp-steps{position:static;display:grid;grid-template-columns:1fr 1fr;gap:4px}.wrp-steps .wrp-help{display:none}.wrp-steps button{font-size:12px;margin:0}.wrp-customer{padding:20px 16px}.wrp-customer-layout{grid-template-columns:1fr}.wrp-store-card{position:static}.wrp h1{font-size:30px}}
@media(max-width:540px){.wrp-grid{grid-template-columns:1fr;gap:0}.wrp-panel{padding:20px}.wrp-summary>div{grid-template-columns:1fr;gap:4px}.wrp-progress{gap:12px}.wrp-progress li{gap:6px;font-size:11px}.wrp h2{font-size:22px}.wrp-actions{align-items:stretch}.wrp-actions .wrp-button{flex:1}.wrp-progress li::before{width:22px;height:22px;flex:none}}
@media print{.wrp-customer{background:#fff;padding:0;max-width:none}.wrp-customer-layout{display:block}.wrp-progress,.wrp .wrp-print,.wrp-customer form,.wrp-footer-link{display:none!important}.wrp-store-card{position:static}.wrp-panel{break-inside:avoid}.wrp-summary>div{break-inside:avoid}}
@media(prefers-reduced-motion:reduce){.wrp *{transition:none!important}}
