.provider-compose{border:1px solid rgba(255,255,255,.95);border-radius:28px;width:min(620px,calc(100vw - 28px));max-height:calc(100dvh - 40px);margin:auto;padding:0;color:#20252c;background:linear-gradient(150deg,#fff,#f8fafc);box-shadow:0 32px 110px #26344c38,0 1px 1px #fff inset;overflow:auto;font-family:inherit}
.provider-compose::backdrop{background:rgba(35,44,57,.3);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.provider-compose[open]{animation:provider-compose-enter .25s cubic-bezier(.2,.8,.2,1)}
.provider-compose-surface{padding:30px;position:relative}
.provider-compose-close{position:absolute;right:14px;top:13px;border:1px solid #e3e7ec;background:#f8fafc;color:#586574;border-radius:12px;width:44px;height:44px;font-size:26px;line-height:1;font-family:inherit;cursor:pointer;display:grid;place-items:center}
.provider-compose-heading{display:flex;align-items:center;gap:14px;padding-right:15px;margin-bottom:22px}
.provider-compose-folio{flex:0 0 90px;min-height:90px;display:grid;place-items:center}
.provider-compose-folio:empty{display:none}
.provider-compose-eyebrow{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#a64c13;font-weight:750;margin-bottom:6px}
.provider-compose h2{font-size:26px;line-height:1.15;letter-spacing:-.7px;margin:0;color:#20252c;font-weight:720}
.provider-compose-heading p{font-size:13px;line-height:1.55;color:#626d7a;margin:8px 0 0}
.provider-compose-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:#556170;padding:13px 14px;background:#f1f4f7;border:1px solid #e7ebef;border-radius:12px}
.provider-compose-recipient-badge{color:#3b6a55;font-size:11px;font-weight:650}
.provider-compose-recipients{margin:10px 3px 22px;font-size:12px;color:#65717f}
.provider-compose-recipients summary{cursor:pointer;width:fit-content}
.provider-compose-recipients p{margin:10px 0;padding:10px;background:#f3f5f7;border-radius:8px;overflow-wrap:anywhere;line-height:1.5}
.provider-compose-recipients strong,.provider-compose-recipients span{display:block}.provider-compose-recipients strong{color:#323c49;margin-bottom:3px}
.provider-compose-field-label{display:flex;justify-content:space-between;gap:8px;font-size:13px;font-weight:650;color:#384352;margin-bottom:8px}
.provider-compose-field-label span{font-size:11px;font-weight:400;color:#7b8692}
.provider-compose textarea{display:block;box-sizing:border-box;width:100%;resize:vertical;min-height:95px;max-height:200px;background:#fff;border:1px solid #dce2e9;border-radius:12px;padding:12px 14px;font-size:13px;line-height:1.55;font-family:inherit;color:#27313d;box-shadow:0 2px 5px #28354503;outline:none}
.provider-compose textarea::placeholder{color:#89939e}.provider-compose textarea:focus{border-color:#dd7a3d;box-shadow:0 0 0 3px #ed8a4224}
.provider-compose-note-count{text-align:right;font-size:10px;color:#798592;margin:5px 3px 17px}
.provider-compose-upload{display:flex;align-items:center;justify-content:center;gap:12px;position:relative;border:1px dashed #cbd5de;border-radius:12px;padding:21px 12px;background:#f9fafc;color:#b9571b;cursor:pointer;transition:border-color .2s,background .2s}
.provider-compose-upload input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}
.provider-compose-upload>span{display:flex;gap:5px;align-items:baseline;font-size:12px}.provider-compose-upload>span>span{color:#7b8794}
.provider-compose-upload:hover,.provider-compose-upload.drag-over{border-color:#e9975e;background:#fff7f1}.provider-compose-upload:focus-within{outline:3px solid #ed8a4233;outline-offset:2px}
.provider-compose-file-help{font-size:10px;color:#7a8694;margin:8px 0 0;line-height:1.5}
.provider-compose-files{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:7px}
.provider-compose-files li{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #e1e6ed;background:#fff;border-radius:10px;padding:10px 12px}
.provider-compose-files li>span{min-width:0;display:flex;flex-direction:column;gap:3px}.provider-compose-files b{font-size:12px;font-weight:550;overflow-wrap:anywhere}.provider-compose-files li>span>span{color:#7a8694;font-size:10px}
.provider-compose-files button{flex:none;border:0;background:transparent;color:#a54c1f;font-size:11px;font-family:inherit;padding:7px;cursor:pointer;border-radius:6px}
.provider-compose-error{font-size:12px;line-height:1.55;color:#a12f22;border:1px solid #f0d0c9;background:#fff2ef;padding:11px 13px;border-radius:10px;margin:16px 0 0}
.provider-compose-status{font-size:12px;line-height:1.5;color:#617383;margin:12px 0 0;min-height:0}.provider-compose-status:empty{display:none}
.provider-compose-actions{display:flex;flex-direction:column;gap:9px;margin-top:22px}
.provider-compose-send{border:1px solid #ac4810;border-radius:12px;color:#fff;background:linear-gradient(180deg,#c35416,#b94f14);box-shadow:0 3px 10px #dc6d2520,inset 0 1px 0 #ffffff40;min-height:45px;font-size:13px;font-family:inherit;font-weight:650;cursor:pointer;transition:filter .18s,transform .18s}
.provider-compose-send:hover:enabled{filter:brightness(1.04)}.provider-compose-send:active:enabled{transform:translateY(1px)}
.provider-compose-send:disabled{background:#eceff3;border-color:#e3e8ed;color:#94a0ad;box-shadow:none;cursor:default}
.provider-compose-skip-wrap{display:flex;flex-direction:column;align-items:center;gap:2px}.provider-compose-skip-wrap[hidden]{display:none}
.provider-compose-skip{border:0;background:transparent;color:#6d7886;font-family:inherit;font-size:12px;min-height:32px;padding:6px 15px;cursor:pointer;border-radius:8px}.provider-compose-skip:hover{background:#edf1f5;color:#2f3947}
.provider-compose-skip-wrap>span{font-size:10px;color:#8993a0}.provider-compose button:focus-visible{outline:3px solid #ed8a4266;outline-offset:3px}.provider-compose button:disabled{cursor:default}
@keyframes provider-compose-enter{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:560px){.provider-compose{max-height:calc(100dvh - 20px);border-radius:22px}.provider-compose-surface{padding:22px}.provider-compose-heading{gap:6px;align-items:flex-start;padding-right:12px}.provider-compose-folio{flex-basis:65px;min-height:75px;transform:scale(.8);transform-origin:top left;width:65px;margin-right:4px}.provider-compose h2{font-size:23px}.provider-compose-heading p{font-size:12px}.provider-compose-summary{flex-wrap:wrap}.provider-compose-upload>span{flex-direction:column;gap:1px}.provider-compose-close{right:12px;top:12px;width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){.provider-compose[open]{animation:none}.provider-compose *{transition:none!important}}
@media print{.provider-compose{display:none!important}}
