/* Billing workflow, bank receipts and operations */
.billing-explainer,.automation-guard{display:flex;align-items:center;gap:14px;margin-bottom:17px;padding:17px 19px;border:1px solid #dccbff;border-radius:17px;background:linear-gradient(105deg,#f7f2ff,#fff7fd)}
.billing-explainer>span,.automation-guard>span{display:flex;width:39px;height:39px;flex:0 0 auto;align-items:center;justify-content:center;border-radius:12px;background:#6d21eb;color:#fff}.billing-explainer svg,.automation-guard svg{width:18px}.billing-explainer strong,.billing-explainer p,.automation-guard strong,.automation-guard p{display:block;margin:0}.billing-explainer strong,.automation-guard strong{font:700 12px 'Manrope'}.billing-explainer p,.automation-guard p{margin-top:4px;color:#767789;font-size:9px;line-height:1.55}
.invoice-flow{display:grid;grid-template-columns:1fr 42px 1fr 42px 1fr 42px 1fr;align-items:center;padding:20px 22px}.invoice-flow>span{display:grid;grid-template-columns:31px 1fr;column-gap:9px;align-items:center}.invoice-flow i{grid-row:1/3;display:flex;width:31px;height:31px;align-items:center;justify-content:center;border-radius:50%;background:#f1eef6;color:#8c8e9d;font-style:normal;font-size:10px;font-weight:800}.invoice-flow b,.invoice-flow small{display:block}.invoice-flow b{font-size:9px}.invoice-flow small{margin-top:3px;color:#9698a7;font-size:7px}.invoice-flow span.done i{background:#e9fbf4;color:#0b8c5e}.invoice-flow>em{height:1px;background:linear-gradient(90deg,#d6c6f7,#e8e8f0)}
.billing-client-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:17px}.payment-due-card{border-color:#f2d6df}.due-amount{display:flex;align-items:baseline;gap:9px;padding:4px 21px 17px}.due-amount small{color:#9a7d85;font-size:7px;font-weight:800;letter-spacing:.1em}.due-amount strong{margin-left:auto;font:800 26px 'Manrope';color:#cc3854}.due-amount span{color:#a0a1af;font-size:7px}.bank-box{display:grid;grid-template-columns:1fr 2fr 1.35fr;gap:1px;margin:0 20px;border:1px solid #ececf3;border-radius:13px;background:#ececf3;overflow:hidden}.bank-box>span{padding:12px;background:#fbfbfd}.bank-box small,.bank-box b{display:block}.bank-box small{color:#9b9dac;font-size:7px}.bank-box b{margin-top:5px;font-size:8px;overflow-wrap:anywhere}.payment-buttons{display:flex;gap:8px;padding:16px 20px 9px}.payment-buttons button{flex:1}.receipt-note{margin:0 20px 19px;padding:10px 12px;border-radius:10px;background:#f7f7fb;color:#858797;font-size:8px;line-height:1.45}
.document-timeline{display:grid;padding:0 20px 18px}.document-timeline article{display:grid;grid-template-columns:13px 1fr auto;align-items:center;gap:11px;padding:13px 0}.document-timeline article+article{border-top:1px solid #efeff4}.timeline-dot{width:8px;height:8px;border-radius:50%;background:#9a9cab;box-shadow:0 0 0 4px #f3f3f7}.timeline-dot.green{background:#13a96c;box-shadow:0 0 0 4px #e9f9f2}.timeline-dot.violet{background:#7425e9;box-shadow:0 0 0 4px #f0eafd}.timeline-dot.blue{background:#1475ff;box-shadow:0 0 0 4px #e9f2ff}.document-timeline strong,.document-timeline small{display:block}.document-timeline strong{font-size:9px}.document-timeline small{margin-top:4px;color:#989aa9;font-size:7px}
.fiscal-workflow-panel{margin-bottom:16px}.manual-control-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:20px;background:#f0eaff;color:#6620df;font-size:8px;font-weight:800}.manual-control-badge svg{width:13px}.billing-admin-tabs{display:flex;gap:5px;margin-bottom:11px;padding:5px;border:1px solid #e7e7ef;border-radius:13px;background:#fff;overflow-x:auto}.billing-admin-tabs button{min-height:38px;padding:0 15px;border:0;border-radius:9px;background:transparent;color:#808292;font-size:9px;font-weight:700;white-space:nowrap}.billing-admin-tabs button:hover,.billing-admin-tabs button.active{background:#211d3b;color:#fff}.billing-admin-tabs b{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;margin-left:5px;padding:0 5px;border-radius:20px;background:#eee9f8;color:#6721df;font-size:7px}.billing-admin-tabs button.active b{background:rgba(255,255,255,.16);color:#fff}.queue-info{color:#888a9a;font-size:8px}.receipt-actions{display:flex;gap:6px}.receipt-actions button{min-height:30px;padding:0 9px;border:1px solid #e3e3ec;border-radius:8px;background:#fff;color:#626476;font-size:8px;font-weight:800}.receipt-actions button:last-child{border-color:#c9adfa;background:#f7f2ff;color:#6820df}
.operations-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:17px}.operations-overview article{display:flex;align-items:center;gap:13px;padding:18px;border:1px solid #e8e8f0;border-radius:17px;background:#fff;box-shadow:var(--shadow)}.operations-overview article>span{display:flex;width:41px;height:41px;align-items:center;justify-content:center;border-radius:12px;background:#eee9ff;color:#6b21e8}.operations-overview svg{width:18px}.operations-overview small,.operations-overview strong,.operations-overview p{display:block;margin:0}.operations-overview small{color:#999baa;font-size:7px;font-weight:800}.operations-overview strong{margin-top:3px;font:800 18px 'Manrope'}.operations-overview p{margin-top:3px;color:#8e90a0;font-size:7px}.visit-flow{display:grid;grid-template-columns:1fr 36px 1fr 36px 1fr 36px 1fr;align-items:center;margin-bottom:17px;padding:16px 20px;border:1px solid #e8e8f0;border-radius:17px;background:#fff}.visit-flow>span{display:flex;align-items:center;gap:8px;color:#898b9a}.visit-flow i{display:flex;width:29px;height:29px;align-items:center;justify-content:center;border-radius:9px;background:#f1f1f6;font-style:normal}.visit-flow svg{width:14px}.visit-flow b{font-size:8px}.visit-flow span.done{color:#118b5e}.visit-flow span.done i{background:#e8faf2}.visit-flow>em{height:1px;background:#e5e5ed}
.automation-guard{border-color:#ffd8e0;background:linear-gradient(105deg,#fff3f5,#fff)}.automation-guard>span{background:#d63b57}.upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:145px;margin:15px 0;padding:20px;border:1px dashed #cdb4f9;border-radius:14px;background:#faf7ff;text-align:center}.upload-zone svg{width:28px;color:#7123e7}.upload-zone strong{margin-top:10px;font-size:10px}.upload-zone small{margin-top:4px;color:#9698a7;font-size:8px}.upload-zone input{max-width:100%;margin-top:13px;font-size:8px}.receipt-preview{display:grid;grid-template-columns:42px 1fr;align-items:center;column-gap:12px;margin:15px 0;padding:14px;border:1px solid #e6e6ee;border-radius:13px;background:#fafafd}.receipt-preview>span{grid-row:1/3;display:flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:11px;background:#eee9ff;color:#6a20e7}.receipt-preview svg{width:19px}.receipt-preview strong,.receipt-preview small{display:block}.receipt-preview strong{font-size:9px}.receipt-preview small{margin-top:4px;color:#9698a7;font-size:7px}.fiscal-checklist{display:grid;gap:8px;margin:16px 0}.fiscal-checklist label{display:flex;align-items:center;gap:9px;padding:11px 12px;border:1px solid #e8e8ef;border-radius:10px;background:#fafafd;color:#5e6072;font-size:9px}.fiscal-checklist input{accent-color:#6d21e8}
@media(max-width:1100px){.billing-client-grid{grid-template-columns:1fr}.invoice-flow{grid-template-columns:repeat(4,1fr);gap:8px}.invoice-flow>em{display:none}.invoice-flow>span{grid-template-columns:28px 1fr}.invoice-flow i{width:28px;height:28px}.bank-box{grid-template-columns:1fr 1fr}.bank-box>span:last-child{grid-column:1/-1}.operations-overview{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.operations-overview{grid-template-columns:1fr}.visit-flow{grid-template-columns:1fr 1fr;gap:8px}.visit-flow>em{display:none}.billing-admin-tabs{margin-bottom:10px}.queue-info{display:none}}
@media(max-width:540px){.invoice-flow{grid-template-columns:1fr 1fr;padding:14px}.bank-box{grid-template-columns:1fr}.bank-box>span:last-child{grid-column:auto}.payment-buttons{flex-direction:column}.due-amount{flex-wrap:wrap}.due-amount strong{width:100%;margin-left:0}.receipt-actions{flex-wrap:wrap}}

/* Stripe Dynamic Payments and bank-transfer approval */
.available-payments-panel{display:grid;grid-template-columns:minmax(250px,1fr) minmax(360px,1.45fr) auto;align-items:center;gap:22px;margin-bottom:17px;padding:20px 22px;border:1px solid #dfe3ee;border-radius:18px;background:linear-gradient(118deg,#fff 0,#f8f4ff 52%,#eef9ff 100%);box-shadow:var(--shadow)}
.available-payments-panel h2,.available-payments-panel p,.available-payments-panel small{display:block;margin:0}.available-payments-panel>div:first-child>small{color:#6d21e8;font-size:7px;font-weight:900;letter-spacing:.12em}.available-payments-panel h2{margin-top:5px;font:700 14px 'Manrope'}.available-payments-panel p{max-width:470px;margin-top:5px;color:#77798a;font-size:8px;line-height:1.5}.available-payment-marks{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.available-payment-marks>span{display:flex;align-items:center;gap:6px}.available-payment-marks b{font-size:8px;color:#555768}.payment-brand{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;flex:0 0 auto;border-radius:10px;background:#ececf3;color:#37394c;font:900 12px 'Manrope';font-style:normal}.payment-brand.klarna{background:#ffd7ef;color:#7c184e}.payment-brand.sepa_debit{background:#e6efff;color:#1650a5}.payment-brand.card{background:linear-gradient(135deg,#6436d9,#283d91);color:#fff}.payment-brand.revolut_pay{background:#151525;color:#fff}.payment-brand.bank_transfer{background:#e8faf5;color:#0b8460}
.payment-modal{width:min(920px,calc(100vw - 30px));max-width:920px}.payment-checkout{display:grid;grid-template-columns:315px minmax(0,1fr);gap:18px;margin-top:18px}.payment-checkout>aside{padding:16px;border-radius:16px;background:#f7f7fb}.payment-checkout>aside>small{display:block;margin:0 0 9px;color:#9294a4;font-size:7px;font-weight:900;letter-spacing:.12em}.payment-method-grid{display:grid;gap:7px}.payment-method-card{display:grid;grid-template-columns:36px 1fr 14px;align-items:center;gap:10px;width:100%;padding:10px;border:1px solid transparent;border-radius:12px;background:#fff;color:#333547;text-align:left;transition:.18s}.payment-method-card:hover,.payment-method-card.active{border-color:#b994f5;box-shadow:0 7px 18px rgba(83,44,158,.08)}.payment-method-card strong,.payment-method-card small{display:block}.payment-method-card strong{font:700 9px 'Manrope'}.payment-method-card small{margin-top:3px;color:#9294a3;font-size:7px;line-height:1.35}.payment-method-card>i{color:#a3a5b2}.payment-method-card>i svg{width:12px}.payment-choice-panel{min-height:330px;padding:17px;border:1px solid #e7e7ef;border-radius:16px;background:#fff}.payment-choice-head{display:flex;align-items:center;gap:11px;padding-bottom:14px;border-bottom:1px solid #ececf2}.payment-choice-head strong,.payment-choice-head small{display:block}.payment-choice-head strong{font:700 12px 'Manrope'}.payment-choice-head small{margin-top:3px;color:#8d8f9e;font-size:8px}.stripe-status{display:flex;align-items:center;gap:10px;margin:14px 0;padding:11px 12px;border-radius:11px;background:#f2f5fb;color:#55586a}.stripe-status>span{display:flex;width:30px;height:30px;align-items:center;justify-content:center;flex:0 0 auto;border-radius:9px;background:#fff;color:#6a23e4}.stripe-status svg{width:14px}.stripe-status strong,.stripe-status small{display:block}.stripe-status strong{font-size:9px}.stripe-status small{margin-top:3px;color:#858797;font-size:7px;line-height:1.4}.stripe-status.ready{background:#eaf9f3;color:#117152}.stripe-status.error{background:#fff0f2;color:#a12740}.stripe-status.loading>span{animation:f23-payment-pulse 1.1s infinite}.stripe-element-shell{min-height:105px;padding:13px;border:1px solid #e3e5ec;border-radius:12px;background:#fff}.stripe-element-wait{display:flex;min-height:77px;flex-direction:column;align-items:center;justify-content:center;text-align:center}.stripe-element-wait>span{width:26px;height:6px;margin-bottom:10px;border-radius:20px;background:linear-gradient(90deg,#7625e9,#ef2ab8,#19bce0)}.stripe-element-wait b,.stripe-element-wait small{display:block}.stripe-element-wait b{font-size:9px}.stripe-element-wait small{margin-top:5px;color:#9496a5;font-size:7px}.stripe-element-wait.blocked{background:#fffafb}.mandate-consent{display:flex;align-items:flex-start;gap:8px;margin-top:11px;padding:10px;border-radius:10px;background:#f8f8fb;color:#666879;font-size:7px;line-height:1.45}.mandate-consent input{margin-top:1px;accent-color:#6f22e9}.bank-payment-data{display:grid;gap:1px;margin-top:14px;border:1px solid #e9e9f0;border-radius:12px;background:#e9e9f0;overflow:hidden}.bank-payment-data>span{padding:11px 12px;background:#fbfbfd}.bank-payment-data small,.bank-payment-data b{display:block}.bank-payment-data small{color:#9597a6;font-size:7px}.bank-payment-data b{margin-top:4px;font-size:9px}.secure-payment-note{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px 11px;border-radius:10px;background:#f1edfb;color:#615b73;font-size:7px;line-height:1.45}.secure-payment-note svg{width:14px;flex:0 0 auto;color:#6c21e6}.saved-payment-list{display:grid;gap:8px;margin:17px 0}.saved-payment-list article{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;padding:12px;border:1px solid #e7e7ef;border-radius:12px}.saved-payment-list strong,.saved-payment-list small{display:block}.saved-payment-list strong{font-size:9px}.saved-payment-list small{margin-top:3px;color:#8f91a1;font-size:7px}.saved-payment-list button,.gateway-health button{min-height:32px;padding:0 10px;border:1px solid #d9c8f6;border-radius:8px;background:#f8f4ff;color:#6720df;font-size:8px;font-weight:800}
.gateway-admin-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px;padding:18px 20px;border:1px solid #dcd6eb;border-radius:18px;background:linear-gradient(110deg,#18152e,#302057);color:#fff;box-shadow:0 14px 34px rgba(30,22,66,.14)}.gateway-admin-panel>div,.gateway-health,.gateway-health>span{display:flex;align-items:center;gap:11px}.gateway-admin-panel h2,.gateway-admin-panel p,.gateway-admin-panel small{display:block;margin:0}.gateway-admin-panel h2{margin-top:3px;font:700 14px 'Manrope'}.gateway-admin-panel p{margin-top:3px;color:#aaa5bd;font-size:8px}.gateway-admin-panel>div>div>small{color:#af79fa;font-size:7px;font-weight:900;letter-spacing:.11em}.gateway-health>span{display:block;padding:0 14px;border-left:1px solid rgba(255,255,255,.12)}.gateway-health b,.gateway-health small{display:block}.gateway-health b{font-size:8px}.gateway-health small{margin-top:3px;color:#9e99b2;font-size:7px}.gateway-health i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#ffb43c}.gateway-health button{border-color:#8a62ca;background:#fff;color:#432084}.gateway-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.gateway-settings-grid>span{padding:12px;border-radius:10px;background:#f7f7fb}.gateway-settings-grid small,.gateway-settings-grid strong{display:block}.gateway-settings-grid small{color:#9698a7;font-size:7px}.gateway-settings-grid strong{margin-top:5px;font-size:8px;overflow-wrap:anywhere}
@keyframes f23-payment-pulse{50%{opacity:.35;transform:scale(.9)}}
@media(max-width:1050px){.available-payments-panel{grid-template-columns:1fr}.payment-checkout{grid-template-columns:1fr}.payment-method-grid{grid-template-columns:1fr 1fr}.payment-choice-panel{min-height:0}.gateway-admin-panel{align-items:flex-start;flex-direction:column}.gateway-health{width:100%;flex-wrap:wrap}}
@media(max-width:620px){.payment-method-grid{grid-template-columns:1fr}.available-payment-marks{gap:7px}.available-payment-marks b{display:none}.gateway-health>span{padding-left:0;border-left:0}.gateway-settings-grid{grid-template-columns:1fr}}