/* Clyvio v3: same typography, teal palette, cards and responsive shell. */
.wf-voice{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:10px 0 20px}.wf-voice button{display:inline-flex;gap:8px;align-items:center}.wf-voice [aria-pressed=true]{background:#007782;color:#fff}.wf-refine,.wf-recap{border:1px solid #dce5e5;border-radius:6px;padding:16px;margin-top:16px;background:#fafcfc}summary{cursor:pointer;font-weight:600;line-height:1.5}summary .fine{display:block;font-weight:400}details>form,details>div,details>p{margin-top:16px}.wf-next{border-left:4px solid #007782;margin-bottom:22px}.wf-next h2{margin:6px 0 12px}.wf-countdown{font-size:25px;font-weight:700;letter-spacing:.02em;color:#007782;font-variant-numeric:tabular-nums}.wf-brief dt{font-weight:700;margin-top:16px}.wf-brief dd{margin:6px 0 0;white-space:pre-wrap}.wf-block{display:block;font-weight:400;color:#627479}.wf-history p{padding:12px 0;border-bottom:1px solid #e7eded}.wf-agreement{border-top:3px solid #007782}.wf-recap dl{margin-bottom:0}.wf-recap dt{font-weight:bold;margin-top:14px}.wf-recap dd{margin:5px 0;white-space:pre-wrap;overflow-wrap:anywhere}.workflow-note{padding:16px;border:1px solid #dce5e5;background:#f8fbfb;border-radius:6px}.message p{overflow-wrap:anywhere}.market-detail .tablewrap{max-width:100%}.card details{margin:16px 0}.wf-refine .fine{margin-top:4px}.wf-recognized{color:#00646d;font-size:13px}.wf-refine textarea{min-height:76px}.wf-next .small{margin-top:10px}@media(max-width:680px){.wf-countdown{font-size:21px}.wf-voice{align-items:flex-start}.wf-voice .fine{flex-basis:100%}.wf-refine,.wf-recap{padding:12px}.wf-next{padding:18px}.wf-agreement .facts{display:block}.wf-agreement .facts dd{margin:5px 0 15px}}
/* One attachment picker and private callback assistance, in the existing Clyvio palette. */
.wf-file-previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px;margin-top:18px;text-align:left;width:100%}
.wf-file-tile{position:relative;background:#fff;border:1px solid #d9e4e5;border-radius:8px;padding:8px;margin:0;min-width:0;overflow:hidden}
.wf-file-tile img,.wf-file-pdf{display:flex;width:100%;height:115px;object-fit:cover;border-radius:4px;align-items:center;justify-content:center;background:#eff7f7;color:#007782;font-weight:600}
.wf-file-tile figcaption{font-size:12px;line-height:1.5;overflow-wrap:anywhere;margin-top:8px;padding-right:3px}
.wf-file-remove{position:absolute;top:5px;right:5px;min-width:34px;width:34px;height:34px;padding:0;border-radius:50%;border:1px solid #c5d6d8;background:#fff;color:#304548;font-size:25px;line-height:1;box-shadow:0 2px 6px #0002}
.wf-file-remove:hover,.wf-file-remove:focus-visible{background:#fff1ef;color:#9b241c;border-color:#9b241c}
.wf-callback{border-top:3px solid #007782}.wf-callback h2{font-size:21px;line-height:1.3}.wf-callback input,.wf-callback textarea{min-width:0;width:100%;box-sizing:border-box}.wf-callback .check input{width:auto;flex-shrink:0}.wf-callback .fine{line-height:1.5}
.wf-voice [data-voice-status]{overflow-wrap:anywhere}.wf-file-previews:empty{display:none}
@media(max-width:600px){.wf-file-previews{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.wf-callback h2{font-size:20px}}
/* Shared, accessible confirmations keep Clyvio's type and colour system. */
.clyvio-confirm{width:min(540px,calc(100% - 32px));max-height:calc(100dvh - 40px);margin:auto;padding:28px;border:1px solid #dce8e8;border-radius:24px;color:#183b3f;background:#fff;box-shadow:0 24px 80px #123d4552;overflow:auto;font:inherit;box-sizing:border-box}
.clyvio-confirm::backdrop{background:#0b3138a6;backdrop-filter:blur(4px)}
.confirmation-open{overflow:hidden}
.confirm-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
.confirm-brand{color:#007782;font-size:26px;font-weight:800;letter-spacing:-1px}
.confirm-close{border:0;border-radius:50%;background:#eef6f5;color:#007782;width:42px;height:42px;padding:0;font-size:28px;line-height:1}
.clyvio-confirm h2{margin:8px 0 14px;font-size:27px;line-height:1.2;letter-spacing:-.6px}
.clyvio-confirm p{line-height:1.6;overflow-wrap:anywhere}
.confirm-context{padding:16px;border:1px solid #d6e9e8;background:#f2f8f7;border-radius:14px;font-weight:700}
.confirm-context[hidden]{display:none}
.confirm-actions{display:flex;gap:12px;margin-top:26px}
.confirm-actions button{flex:1;min-height:48px;white-space:normal}
.clyvio-confirm button:focus-visible{outline:3px solid #38b9bf;outline-offset:3px}
.payment-verification{margin-top:20px;padding:18px;border:1px solid #cddfdf;border-radius:16px;background:#fff}
.payment-verification h3{margin-top:0}
.payment-verification form{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.payment-result{flex:1;min-width:180px}
.referral-reserve{margin:18px 0;padding:16px;background:#f0f7f6;border:1px solid #d9e8e6;border-radius:14px}
.referral-reserve .row{align-items:flex-start;gap:8px;flex-wrap:wrap}
.referral-reserve .badge{white-space:normal}
.payment-diagnostics dd{overflow-wrap:anywhere}
@media(max-width:520px){.clyvio-confirm{padding:22px;border-radius:20px}.clyvio-confirm h2{font-size:24px}.confirm-actions{flex-direction:column-reverse}.confirm-actions button{width:100%}.payment-verification form button{width:100%}}