.mollie-workspace{max-width:1120px;margin:0 auto;color:#15352a}
.mollie-workspace *{box-sizing:border-box}
.mollie-workspace-header>div,.mollie-account-card>header>div,.mollie-cost-card>header>div,.mollie-transactions-card>header>div{min-width:0}.mollie-workspace-header small,.mollie-account-card h3{overflow-wrap:anywhere}.mollie-notice>div{flex:1;min-width:0}.mollie-notice>span{flex-shrink:0}.mollie-payment-filters select.form-control{font-size:13px;padding-right:28px}
.mollie-workspace-header,.mollie-account-card>header,.mollie-cost-card>header,.mollie-transactions-card>header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.mollie-workspace-header{margin-bottom:24px}.mollie-workspace-header h2{font-size:2rem;margin:8px 0}.mollie-workspace-header small,.mollie-account-card header small,.mollie-cost-card header small{font-size:11px;font-weight:800;letter-spacing:.08em;color:#5d776c}
.mollie-workspace p{color:#587065;font-size:14px;line-height:1.65;margin:8px 0}.mollie-workspace h3{font-size:20px;margin:6px 0}.mollie-workspace .btn{white-space:normal;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:8px}.mollie-workspace .btn svg,.mollie-payment-detail .btn svg{width:18px;height:18px}
.mollie-workspace-tabs{display:flex;gap:6px;border-bottom:1px solid #d6e5de;margin:24px 0}.mollie-workspace-tabs button{border:0;border-bottom:3px solid transparent;background:transparent;color:#587065;font:inherit;font-size:14px;font-weight:700;padding:14px 18px;cursor:pointer}.mollie-workspace-tabs button[aria-current]{color:#15352a;border-bottom-color:#247355}.mollie-workspace button:focus-visible,.mollie-workspace a:focus-visible{outline:3px solid #5bb892;outline-offset:3px}
.mollie-notice{display:flex;align-items:flex-start;gap:14px;padding:18px 20px;border:1px solid #e5d5a8;background:#fffbef;border-radius:14px;margin-bottom:20px}.mollie-notice>span svg{width:22px;height:22px;color:#876719}.mollie-notice strong{font-size:15px}.mollie-notice p{margin:4px 0;color:#76623b}.mollie-notice.is-error{background:#fff4f2;border-color:#efc9c1}.mollie-notice.is-error p{color:#974339}
.mollie-intro-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.mollie-intro-grid article{padding:22px;border:1px solid #d7e5df;border-radius:16px;background:#fff}.mollie-intro-grid article>span{width:40px;height:40px;background:#eef7f1;display:grid;place-items:center;border-radius:12px;margin-bottom:14px}.mollie-intro-grid article>span svg{width:22px;height:22px}.mollie-intro-grid h3{font-size:16px}.mollie-intro-grid p{font-size:13px}
.mollie-account-card,.mollie-cost-card,.mollie-transactions-card,.mollie-help-card{padding:26px!important;border:1px solid #d3e2da;border-radius:18px!important;background:#fff;margin-bottom:20px}.mollie-account-card header,.mollie-cost-card header,.mollie-transactions-card header{margin-bottom:22px}.mollie-status{display:inline-block;border-radius:20px;padding:6px 10px;font-size:12px;font-weight:750;white-space:normal;line-height:1.3}.mollie-status.ready{background:#e7f4ec;color:#256e4d}.mollie-status.warning{background:#fff2d4;color:#815e17}.mollie-status.error{background:#fbe8e4;color:#a44335}
.mollie-setup-steps{padding-left:22px;color:#587065;font-size:14px;line-height:1.6;margin:0 0 24px}.mollie-setup-steps li{padding:6px 0}.mollie-account-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mollie-account-status-grid article{border:1px solid #deebe3;border-radius:12px;padding:18px;background:#f9fcfa}.mollie-account-status-grid small{font-size:10px;font-weight:800;letter-spacing:.08em;color:#658073;display:block;margin-bottom:8px}.mollie-account-status-grid strong{font-size:19px;display:block;overflow-wrap:anywhere}.mollie-account-status-grid p{font-size:12px;margin-bottom:0}.mollie-account-status-grid .is-ready{color:#247355}
.mollie-profile-control{display:flex;gap:14px;align-items:flex-end;padding:22px 0}.mollie-profile-control label{flex:1;font-size:13px;font-weight:700;display:grid;gap:8px;min-width:0}.mollie-profile-control .form-control{width:100%}.mollie-account-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;border-top:1px solid #e4ece7;padding-top:18px;font-size:12px}.mollie-account-actions>span{flex:1;color:#658073}.mollie-text-button{border:0;padding:4px 0;background:transparent;color:#247355;font:inherit;font-weight:700;font-size:13px;cursor:pointer}.mollie-text-button.is-danger{color:#974339}.mollie-help-card{display:flex;gap:20px;align-items:center;justify-content:space-between}.mollie-help-card h3{font-size:17px}.mollie-workspace .mollie-footnote,.mollie-payment-detail .mollie-footnote{font-size:12px;line-height:1.65;color:#648071}.mollie-footnote a{color:#247355;text-decoration:underline}
.mollie-cost-table>div{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr) 90px;gap:14px;border-bottom:1px solid #e5eee8;padding:16px 0;font-size:13px;align-items:center}.mollie-cost-table .mollie-cost-labels{font-size:11px;color:#587065}.mollie-cost-table>div>span:last-child,.mollie-cost-table>div>strong:last-child{text-align:right}
.mollie-payment-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.mollie-payment-summary article{padding:20px;border:1px solid #d3e2da;border-radius:14px;background:#fff;display:flex;flex-direction:column;gap:9px}.mollie-payment-summary small{font-size:12px;color:#587065}.mollie-payment-summary strong{font-size:25px;overflow-wrap:anywhere}.mollie-payment-summary span{font-size:11px;color:#658073;line-height:1.5}
.mollie-payment-filters{display:grid;grid-template-columns:160px 190px minmax(0,1fr) auto;gap:12px;align-items:end;margin-bottom:22px}.mollie-payment-filters label{font-size:12px;font-weight:700;display:grid;gap:7px;min-width:0}.mollie-payment-filters .form-control{width:100%;min-width:0;margin:0}
.mollie-payment-row,.mollie-payment-list-labels{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1.15fr) minmax(0,1fr) 100px;gap:16px;align-items:center}.mollie-payment-list-labels{font-size:11px;color:#587065;padding:12px 14px;border-bottom:1px solid #d7e5df}.mollie-payment-list-labels span:last-child{text-align:right}.mollie-payment-row{width:100%;background:#fff;border:0;border-bottom:1px solid #e5eee8;padding:18px 14px;text-align:left;color:#15352a;font:inherit;font-size:13px;cursor:pointer}.mollie-payment-row:hover{background:#f3f9f5}.mollie-payment-row>span{min-width:0;overflow-wrap:anywhere}.mollie-payment-row strong{display:block}.mollie-payment-row small{display:block;font-size:11px;color:#658073;line-height:1.5;margin-top:4px}.mollie-payment-amount{text-align:right}.mollie-payment-pagination{display:flex;justify-content:space-between;align-items:center;gap:14px;padding-top:18px;font-size:12px;color:#658073}.mollie-payment-pagination>div{display:flex;gap:8px}
.mollie-empty{text-align:center;padding:36px 22px;color:#587065}.mollie-empty>span svg{height:36px;width:36px;color:#658073;margin-bottom:8px}.mollie-empty h4{font-size:17px;margin:10px 0}.mollie-empty p{max-width:480px;margin:8px auto}
.mollie-payment-detail{max-width:720px!important}.mollie-payment-detail header h2{overflow-wrap:anywhere}.mollie-payment-detail .product-editor-scroll{min-height:0}.mollie-payment-detail h3{font-size:16px;margin:24px 0 12px}.mollie-payment-detail p{font-size:13px;color:#587065;line-height:1.6}.mollie-detail-total{display:flex;align-items:center;justify-content:space-between;gap:16px}.mollie-detail-total>strong{font-size:30px}.mollie-detail-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;background:#f6faf7;border-radius:12px;padding:18px;margin:22px 0}.mollie-detail-facts dt{font-size:11px;color:#658073}.mollie-detail-facts dd{margin:6px 0 0;font-size:13px;overflow-wrap:anywhere}.mollie-detail-history{list-style:none;padding:0;margin:0}.mollie-detail-history li{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid #e3ece6;font-size:12px}.mollie-detail-history small{display:block;margin-top:5px;color:#658073}.mollie-detail-history li>span{overflow-wrap:anywhere;min-width:0}.mollie-detail-error{color:#a44335!important}.mollie-payment-detail footer{flex-wrap:wrap;gap:10px}
@media(max-width:900px){.mollie-intro-grid{grid-template-columns:1fr}.mollie-payment-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.mollie-payment-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.mollie-payment-filters label:nth-child(3){grid-column:1/-1}.mollie-payment-filters button{justify-self:start}.mollie-payment-row,.mollie-payment-list-labels{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr) 80px;gap:10px}.mollie-profile-control{flex-wrap:wrap}.mollie-profile-control label{flex-basis:100%}}
@media(max-width:600px){.mollie-workspace-header,.mollie-account-card>header,.mollie-cost-card>header,.mollie-transactions-card>header,.mollie-help-card{flex-direction:column;gap:12px}.mollie-workspace-header h2{font-size:1.7rem}.mollie-account-card,.mollie-cost-card,.mollie-transactions-card,.mollie-help-card{padding:18px!important}.mollie-workspace-tabs{gap:0}.mollie-workspace-tabs button{flex:1;font-size:12px;padding:12px 6px}.mollie-notice{padding:16px;flex-wrap:wrap}.mollie-account-status-grid{grid-template-columns:1fr}.mollie-account-actions>span{flex-basis:100%}.mollie-cost-table>div{grid-template-columns:minmax(0,1fr) 105px 58px;gap:8px;font-size:11px}.mollie-payment-summary{gap:9px}.mollie-payment-summary article{padding:14px}.mollie-payment-summary strong{font-size:21px}.mollie-payment-list-labels{display:none}.mollie-payment-row{grid-template-columns:minmax(0,1fr) 95px;gap:12px;padding:18px 0}.mollie-payment-row>span:first-child{grid-column:1;grid-row:1}.mollie-payment-row .mollie-payment-date{grid-column:1;grid-row:2;font-size:11px}.mollie-payment-row>span:nth-child(3){grid-column:1;grid-row:3}.mollie-payment-row .mollie-payment-amount{grid-column:2;grid-row:1/4;align-self:start}.mollie-payment-pagination{flex-wrap:wrap}.mollie-detail-facts{grid-template-columns:1fr}.mollie-detail-total>strong{font-size:25px}}

/* Mollie setup, account overview and payment details. */
.mollie-workspace{--mollie-blue:#0066ff;--mollie-ink:#192c3e;--mollie-muted:#617482;color:var(--mollie-ink)}
.mollie-workspace p{color:var(--mollie-muted);line-height:1.6}
.mollie-workspace .btn:disabled,.mollie-workspace button:disabled{cursor:default;opacity:.5}
.mollie-workspace-header{align-items:center;margin-bottom:12px;gap:24px}
.mollie-workspace-header>div:first-child{min-width:0;flex:1}
.mollie-workspace-header .cms-header-back{color:#617482;font-size:12px;line-height:1.5;min-height:30px}
.mollie-workspace-header small{display:block;font-size:10px;letter-spacing:.075em;margin-top:18px;color:var(--mollie-muted)}
.mollie-workspace-header h2{font-size:30px;letter-spacing:-.035em;line-height:1.2;margin:8px 0}
.mollie-workspace-header p{margin:0}
.mollie-brand-logo{display:block;width:112px;height:32px;object-fit:contain;flex:none}
.mollie-workspace-brand{display:flex;flex-direction:column;align-items:flex-end;gap:14px}
.mollie-workspace-brand .mollie-brand-logo{width:140px;height:40px}
.mollie-workspace-brand a{display:inline-flex;align-items:center;gap:6px;color:var(--mollie-muted);font-size:12px;text-decoration:none;white-space:nowrap}
.mollie-workspace-brand a svg{width:15px;height:15px}
.mollie-workspace-tabs{gap:16px;margin:24px 0;border-color:#dce4ed}
.mollie-workspace-tabs button{padding:12px 6px;font-size:14px;color:var(--mollie-muted);min-height:44px}
.mollie-workspace-tabs button[aria-current]{color:var(--mollie-blue);border-color:var(--mollie-blue)}
.mollie-workspace a:focus-visible,.mollie-workspace button:focus-visible,#mollie-payment-modal :focus-visible{outline:3px solid #0066ff;outline-offset:3px}
.mollie-workspace .mollie-text-button,.mollie-workspace .mollie-footnote a{color:#075eca}
.mollie-workspace .mollie-text-button.is-danger{color:#a44335}
.mollie-workspace .mollie-footnote{color:var(--mollie-muted)}
.mollie-mode-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:20px;font-size:11px;font-weight:750;line-height:1.3;white-space:nowrap}
.mollie-mode-pill:before{content:'';height:6px;width:6px;border-radius:50%;background:currentColor}
.mollie-mode-pill.is-test{background:#ecebff;color:#5948c7}
.mollie-mode-pill.is-live{background:#e5f5ec;color:#187347}
.mollie-workspace .mollie-status{font-size:11px;line-height:1.4}
.mollie-onboarding .mollie-setup-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:0 0 20px}
.mollie-setup-steps li{min-width:0}
.mollie-setup-steps li button{display:flex;align-items:center;gap:10px;min-height:58px;width:100%;padding:12px;border:1px solid #dce4ed;border-radius:12px;color:var(--mollie-muted);background:white;text-align:left;font:inherit;cursor:pointer}
.mollie-setup-steps li button>span{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:50%;background:#f0f4f8;font-size:13px;font-weight:750}
.mollie-setup-steps li strong{font-size:13px;line-height:1.4}
.mollie-setup-steps li svg{width:16px;height:16px}
.mollie-setup-steps .is-active button{border-color:#0066ff;background:#f2f7ff;color:#075eca}
.mollie-setup-steps .is-active button>span{background:#0066ff;color:white}
.mollie-setup-steps .is-complete button>span{background:#e5f5ec;color:#187347}
.mollie-workspace .mollie-setup-content{padding:28px;border:1px solid #dce4ed;border-radius:18px;animation:mollie-step-enter .2s ease-out}
.mollie-setup-content>header{margin-bottom:24px}
.mollie-setup-content>header small{font-size:10px;font-weight:800;color:#075eca;letter-spacing:.09em}
.mollie-setup-content>header h3{margin:8px 0;font-size:24px;letter-spacing:-.025em;line-height:1.3}
.mollie-setup-content>header p{margin:0}
.mollie-payment-flow{display:grid;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr) 40px minmax(0,1fr);align-items:center;padding:28px 18px;background:#f2f7ff;border:1px solid #dfebff;border-radius:14px;gap:8px}
.mollie-payment-flow>div{min-width:0;display:flex;align-items:center;flex-direction:column;text-align:center;gap:10px}
.mollie-payment-flow>div>span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:white;color:#075eca}
.mollie-payment-flow svg{width:23px;height:23px}
.mollie-payment-flow strong{font-size:14px;color:var(--mollie-ink)}
.mollie-payment-flow small{font-size:11px;line-height:1.5;color:var(--mollie-muted)}
.mollie-payment-flow .mollie-brand-logo{width:112px;height:46px;padding:7px 0}
.mollie-payment-flow>i{position:relative;color:#83a7df;text-align:center;font-style:normal;font-size:24px}
.mollie-payment-flow>i b{position:absolute;width:6px;height:6px;border-radius:50%;background:#0066ff;top:50%;left:0;animation:mollie-flow-travel 2.5s ease-in-out 3}
.mollie-setup-explain{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}
.mollie-setup-explain h4,.mollie-setup-test h4,.mollie-mode-confirm h4{font-size:15px;line-height:1.4;margin:0 0 6px}
.mollie-setup-explain p{font-size:13px;margin:0 0 8px}
.mollie-checklist{list-style:none;margin:20px 0;padding:0;display:grid;gap:12px;font-size:13px;line-height:1.5;color:var(--mollie-muted)}
.mollie-checklist li{display:flex;align-items:flex-start;gap:10px}
.mollie-checklist li svg{width:18px;height:18px;flex:none;margin-top:1px;color:#075eca}
.mollie-checklist li.is-complete svg{color:#187347}
.mollie-setup-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:24px}
.mollie-setup-actions a,.mollie-setup-test a{font-size:13px;color:#075eca;display:inline-flex;align-items:center;gap:7px;line-height:1.5}
.mollie-setup-actions svg,.mollie-setup-test a svg{width:16px;height:16px;flex:none}
.mollie-setup-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #e5ebf2}
.mollie-setup-module-note{margin:22px 0 0}
.mollie-setup-content .mollie-methods-card{border:0;box-shadow:none;padding:0;margin:0;background:transparent}
.mollie-setup-content .mollie-methods-card>header{display:none}
.mollie-setup-test{display:flex;align-items:flex-start;gap:14px;padding:18px;background:#f2f7ff;border-radius:12px;margin-top:22px}
.mollie-setup-test>span svg{width:22px;height:22px;color:#075eca}
.mollie-setup-test p{font-size:13px;margin:0 0 10px}
.mollie-overview-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 28px;border:1px solid #d7e7ff;border-radius:18px;background:linear-gradient(110deg,#f2f7ff,#fff);margin-bottom:18px}
.mollie-overview-hero>div{min-width:0}
.mollie-overview-eyebrow{display:flex;align-items:center;gap:18px;margin-bottom:16px;flex-wrap:wrap}
.mollie-overview-hero h3{font-size:24px;line-height:1.3;letter-spacing:-.025em;overflow-wrap:anywhere}
.mollie-overview-hero p{font-size:13px;margin:8px 0 12px}
.mollie-overview-profile{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--mollie-muted);line-height:1.5;overflow-wrap:anywhere}
.mollie-overview-profile svg{width:15px;height:15px;flex:none}
.mollie-readiness-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 20px}
.mollie-readiness-grid article{display:flex;align-items:flex-start;gap:12px;border:1px solid #dce4ed;border-radius:14px;padding:20px;background:white}
.mollie-readiness-grid article>div{min-width:0}
.mollie-readiness-icon{display:grid;place-items:center;width:30px;height:30px;background:#fff2d4;border-radius:50%;color:#815e17;flex:none}
.mollie-readiness-icon.is-ready{background:#e5f5ec;color:#187347}
.mollie-readiness-icon svg{height:17px;width:17px}
.mollie-readiness-grid small{display:block;font-size:11px;color:var(--mollie-muted)}
.mollie-readiness-grid strong{display:block;font-size:17px;margin:5px 0;overflow-wrap:anywhere}
.mollie-readiness-grid p{font-size:12px;line-height:1.5;margin:0}
.mollie-overview-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:18px}
.mollie-overview-grid>.card{border:1px solid #dce4ed;border-radius:16px;padding:22px;min-width:0}
.mollie-overview-payments>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}
.mollie-overview-grid h3{font-size:17px;margin:0}
.mollie-overview-payments>header p{font-size:12px;margin:6px 0 0}
.mollie-overview-payments>header button{white-space:nowrap;flex:none;font-size:12px}
.mollie-recent-payment{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;width:100%;border:0;border-top:1px solid #e5ebf2;background:transparent;padding:15px 0;text-align:left;color:var(--mollie-ink);font:inherit;font-size:13px;cursor:pointer}
.mollie-recent-payment>span:first-child{min-width:0}
.mollie-recent-payment small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:var(--mollie-muted);margin-top:4px}
.mollie-recent-payment>strong{white-space:nowrap}
.mollie-recent-empty{font-size:13px;padding:16px 0}
.mollie-commerce-tags{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}
.mollie-commerce-tags span{font-size:11px;padding:6px 9px;border-radius:6px;background:#f0f4f8;color:#4f6578}
.mollie-overview-help p{font-size:12px}
.mollie-workspace .mollie-account-card,.mollie-workspace .mollie-mode-settings,.mollie-workspace .mollie-methods-card{border:1px solid #dce4ed;border-radius:16px;padding:24px;margin:0 0 20px;background:white}
.mollie-workspace .mollie-account-card>header,.mollie-mode-settings>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}
.mollie-workspace .mollie-account-card>header .mollie-brand-logo{width:88px;height:26px}
.mollie-linked-account{display:flex;align-items:center;gap:12px;background:#f6f9fc;border:1px solid #e5ebf2;border-radius:12px;padding:16px}
.mollie-linked-icon{width:32px;height:32px;border-radius:50%;background:#e5f5ec;color:#187347;display:grid;place-items:center;flex:none}
.mollie-linked-icon svg{width:18px;height:18px}
.mollie-linked-account>div:nth-child(2){min-width:0;flex:1}
.mollie-linked-account strong{display:block;font-size:14px;overflow-wrap:anywhere}
.mollie-linked-account span:not(.mollie-status){display:block;font-size:11px;color:var(--mollie-muted);margin-top:4px;overflow-wrap:anywhere}
.mollie-profile-control{padding:20px 0;align-items:center}
.mollie-profile-control label small{font-size:11px;font-weight:400;color:var(--mollie-muted);line-height:1.5}
.mollie-mode-settings>header h3{font-size:20px;margin:0 0 7px}
.mollie-mode-settings>header p{font-size:13px;margin:0}
.mollie-mode-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mollie-mode-options>button{display:flex;align-items:center;gap:12px;min-width:0;border:1px solid #dce4ed;border-radius:12px;background:white;color:var(--mollie-ink);text-align:left;padding:18px;font:inherit;cursor:pointer}
.mollie-mode-options>button[aria-pressed=true]{border-color:#0066ff;background:#f2f7ff}
.mollie-mode-options>button>span:nth-child(2){flex:1;min-width:0}
.mollie-mode-options strong{display:block;font-size:14px}
.mollie-mode-options small{display:block;color:var(--mollie-muted);font-size:12px;line-height:1.5;margin-top:5px}
.mollie-mode-options svg{height:21px;width:21px;flex:none;color:#075eca}
.mollie-mode-confirm{margin:18px 0 0;padding:18px;border:1px solid #c9dcfb;border-radius:12px;background:#f2f7ff}
.mollie-mode-confirm p{font-size:13px;margin:0}
.mollie-mode-confirm>div:last-child{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
/* The shared dialog opener sets display:flex; explicitly center this backdrop. */
#mollie-payment-modal.product-editor-backdrop{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;width:100%;height:100dvh;margin:0;padding:24px;overflow:hidden;overscroll-behavior:contain}
#mollie-payment-modal>.mollie-payment-detail{width:min(760px,100%);max-width:none!important;min-height:0;max-height:calc(100dvh - 48px);margin:0;border-radius:18px;display:flex;flex-direction:column;color:#192c3e}
#mollie-payment-modal .mollie-payment-detail>header,#mollie-payment-modal .mollie-payment-detail>footer{flex:none;padding:22px 26px;gap:16px}
#mollie-payment-modal .mollie-payment-detail>header{align-items:flex-start}
#mollie-payment-modal .mollie-payment-detail>header>div{min-width:0;flex:1}
#mollie-payment-modal .mollie-detail-brand{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px}
#mollie-payment-modal .mollie-brand-logo{width:80px;height:23px}
#mollie-payment-modal header h2{font-size:22px;letter-spacing:-.025em;line-height:1.3;margin:0 0 5px}
#mollie-payment-modal header p{margin:0;font-size:13px;overflow-wrap:anywhere;line-height:1.5}
#mollie-payment-modal .mollie-detail-close{display:grid;place-items:center;width:36px;height:36px;flex:none;border:1px solid #e5ebf2;border-radius:10px;background:#fff;padding:0;color:#617482}
#mollie-payment-modal .mollie-detail-close svg{width:20px;height:20px}
#mollie-payment-modal .product-editor-scroll{min-height:0;flex:1;overflow:auto;padding:22px 26px;overscroll-behavior:contain}
#mollie-payment-modal .mollie-detail-total{align-items:center;margin-bottom:20px}
#mollie-payment-modal .mollie-detail-total small{display:block;color:#617482;font-size:11px;margin-bottom:5px}
#mollie-payment-modal .mollie-detail-total strong{font-size:32px;line-height:1.2;font-variant-numeric:tabular-nums}
#mollie-payment-modal .mollie-detail-facts{gap:20px;background:#f6f9fc;border:1px solid #e5ebf2;padding:18px;margin:0}
#mollie-payment-modal .mollie-detail-facts dt{color:#617482;font-size:11px}
#mollie-payment-modal .mollie-detail-facts dd{font-size:13px;line-height:1.5;margin-top:7px;color:#192c3e}
#mollie-payment-modal .mollie-detail-method{display:flex;align-items:center;gap:8px;min-height:26px}
#mollie-payment-modal .mollie-detail-method span{min-width:0;overflow-wrap:anywhere}
#mollie-payment-modal .mollie-detail-section{margin-top:24px}
#mollie-payment-modal .mollie-detail-section h3{font-size:15px;line-height:1.4;margin:0 0 10px}
#mollie-payment-modal .mollie-detail-section p{font-size:12px;margin:6px 0;color:#617482}
#mollie-payment-modal .mollie-detail-history{margin:0;list-style:none}
#mollie-payment-modal .mollie-detail-history li{font-size:12px;padding:12px 0;align-items:flex-start}
#mollie-payment-modal .mollie-detail-history li>span:last-child{text-align:right;max-width:42%}
#mollie-payment-modal .mollie-detail-timeline li{padding-left:18px;position:relative}
#mollie-payment-modal .mollie-detail-timeline li:before{content:'';position:absolute;left:0;top:17px;height:6px;width:6px;background:#0066ff;border-radius:50%}
#mollie-payment-modal .mollie-detail-error:empty{display:none}
#mollie-payment-modal .mollie-payment-detail>footer{justify-content:flex-end;background:#fff;border-top:1px solid #e5ebf2}
#mollie-payment-modal .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;text-decoration:none;font-size:13px;line-height:1.4;white-space:normal}
@keyframes mollie-step-enter{from{opacity:.7;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes mollie-flow-travel{0%,15%{opacity:0;transform:translateX(0)}30%{opacity:1}75%{opacity:1}90%,100%{opacity:0;transform:translateX(36px)}}
@media(max-width:900px){.mollie-readiness-grid{grid-template-columns:1fr}.mollie-readiness-grid article{padding:16px}.mollie-readiness-grid p{margin:3px 0 0}.mollie-overview-grid{grid-template-columns:1fr}.mollie-setup-steps li button{gap:8px;padding:10px}.mollie-setup-steps li strong{font-size:12px}}
@media(max-width:600px){
  .mollie-workspace-header{flex-direction:row;align-items:flex-start;gap:12px}
  .mollie-workspace-header h2{font-size:23px}
  .mollie-workspace-header p{font-size:12px}
  .mollie-workspace-header small{font-size:9px;margin-top:15px}
  .mollie-workspace-brand{padding-top:4px;gap:12px}
  .mollie-workspace-brand .mollie-brand-logo{width:80px;height:23px}
  .mollie-workspace-brand a{font-size:10px;gap:4px}
  .mollie-workspace-tabs{gap:4px;margin:20px 0}
  .mollie-workspace-tabs button{font-size:11px;padding:12px 3px}
  .mollie-onboarding .mollie-setup-steps{gap:7px;margin-bottom:14px}
  .mollie-setup-steps li button{flex-direction:column;align-items:center;gap:7px;text-align:center;padding:10px 5px;height:100%;min-height:94px}
  .mollie-setup-steps li strong{font-size:10px}
  .mollie-setup-steps li button>span{width:26px;height:26px;font-size:11px}
  .mollie-workspace .mollie-setup-content{padding:18px}
  .mollie-setup-content>header h3{font-size:21px}
  .mollie-setup-content>header p{font-size:12px}
  .mollie-payment-flow{grid-template-columns:1fr;padding:20px 14px;gap:14px}
  .mollie-payment-flow>div{gap:6px}
  .mollie-payment-flow>i{transform:rotate(90deg);width:40px;justify-self:center;line-height:1}
  .mollie-payment-flow>div>span{width:38px;height:38px}
  .mollie-payment-flow .mollie-brand-logo{height:36px;width:100px}
  .mollie-setup-explain{grid-template-columns:1fr;gap:18px;margin:20px 0}
  .mollie-setup-actions{align-items:flex-start;flex-direction:column;gap:16px}
  .mollie-setup-actions>.btn{width:100%}
  .mollie-setup-footer{flex-wrap:wrap}
  .mollie-setup-footer>.btn:last-child{margin-left:auto}
  .mollie-setup-footer>.btn{font-size:12px;min-height:44px}
  .mollie-overview-hero{flex-direction:column;align-items:stretch;padding:20px;gap:16px}
  .mollie-overview-hero h3{font-size:21px}
  .mollie-overview-eyebrow{gap:12px}
  .mollie-overview-eyebrow .mollie-brand-logo{width:96px;height:28px}
  .mollie-overview-grid>.card{padding:18px}
  .mollie-overview-payments>header{flex-direction:column;gap:8px}
  .mollie-recent-payment{gap:8px;font-size:12px}
  .mollie-recent-payment .mollie-status{font-size:10px;padding:5px 7px}
  .mollie-workspace .mollie-account-card,.mollie-workspace .mollie-mode-settings,.mollie-workspace .mollie-methods-card{padding:18px}
  .mollie-mode-settings>header{flex-direction:column;gap:10px}
  .mollie-mode-options{grid-template-columns:1fr}
  .mollie-mode-options>button{padding:16px}
  .mollie-linked-account{padding:12px;flex-wrap:wrap}
  .mollie-linked-account .mollie-status{margin-left:44px}
  #mollie-payment-modal.product-editor-backdrop{padding:12px}
  #mollie-payment-modal>.mollie-payment-detail{max-height:calc(100dvh - 24px);border-radius:14px}
  #mollie-payment-modal .mollie-payment-detail>header,#mollie-payment-modal .mollie-payment-detail>footer,#mollie-payment-modal .product-editor-scroll{padding:18px}
  #mollie-payment-modal header h2{font-size:20px}
  #mollie-payment-modal .mollie-detail-total strong{font-size:28px}
  #mollie-payment-modal .mollie-detail-brand{gap:8px;margin-bottom:12px}
  #mollie-payment-modal .mollie-brand-logo{width:70px;height:20px}
  #mollie-payment-modal .mollie-detail-facts{grid-template-columns:1fr;gap:16px;padding:16px}
  #mollie-payment-modal .mollie-payment-detail>footer{gap:8px}
  #mollie-payment-modal .mollie-payment-detail>footer .btn{flex:1;font-size:12px;padding:10px}
}
@media(prefers-reduced-motion:reduce){.mollie-setup-content{animation:none!important}.mollie-payment-flow>i b{animation:none!important;display:none}}
.mollie-refund-required{color:#9a3412!important;font-weight:700}
.mollie-cancellation-notice{padding:14px;border:1px solid #edc093;border-radius:10px;background:#fff7ed;color:#78350f}
.mollie-cancellation-notice h3,.mollie-cancellation-notice p{color:inherit}
