.invitation-template-panel{padding:22px;border:1px solid #c9dbe8;border-radius:16px;background:linear-gradient(130deg,#f3f8fc,#fff);margin:22px 0;grid-column:1/-1;color:#1d3047}
.invitation-template-heading h3{font-size:19px;margin:0 0 6px;font-weight:750;letter-spacing:-.02em}.invitation-template-description{font-size:13px;line-height:1.55;color:#62768b;margin:6px 0 14px}
.invitation-template-select-label,.invitation-template-editor label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:650;min-width:0}
.invitation-template-panel select,.invitation-template-panel input,.invitation-template-panel textarea{box-sizing:border-box;width:100%;padding:12px 14px;border:1px solid #aabfd2;border-radius:9px;background:#fff;color:#21364a;font:inherit;line-height:1.5}
.invitation-template-panel textarea{font-weight:400;resize:vertical;min-height:150px}.invitation-template-panel :is(input,textarea,select):focus-visible{outline:3px solid #75b6e6;outline-offset:2px}
.invitation-template-actions{display:flex;gap:9px;flex-wrap:wrap;margin:14px 0 0}.invitation-template-panel button{font:inherit;font-size:13px;white-space:normal;min-height:40px}.invitation-template-panel .text-button{padding:8px 10px;background:transparent;border:0;color:#3f6a82;text-decoration:underline;text-underline-offset:3px}
.invitation-template-panel .primary{background:#285ce4;color:white;border:1px solid #285ce4;padding:10px 17px;border-radius:8px;font-weight:700}.invitation-template-panel .secondary{padding:9px 13px;border-radius:8px;border:1px solid #b8cddd;background:#fff;color:#294c65;font-weight:650}
.invitation-template-editor{margin-top:18px;border-top:1px solid #d0deea;padding-top:18px}.invitation-template-editor h4,.invitation-template-preview h4{font-size:14px;margin:0 0 12px;font-weight:750}.invitation-template-editor label+label{margin-top:15px}.invitation-template-tokens{display:flex;gap:4px;flex-wrap:wrap}.invitation-template-tokens button{font-family:monospace!important}
.invitation-template-preview{background:#fff;border:1px solid #dce6ef;border-left:3px solid #4594af;border-radius:10px;padding:18px 20px;margin-top:18px}.invitation-template-preview-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;font-size:14px;margin:8px 0 14px}.invitation-template-preview .invitation-template-description{display:block;margin-bottom:0}.invitation-template-status{font-size:13px;color:#44667d;margin:12px 0 0}.invitation-template-status:empty{display:none}
.invitation-template-delete{border:1px solid #e7c1b9;background:#fff5f2;border-radius:9px;padding:14px;margin-top:12px}.invitation-template-delete button{margin:4px 8px 0 0}.invitation-template-review{grid-column:1/-1;padding:20px;background:#f2f7fb;border:1px solid #d3e1ec;border-radius:12px;margin:18px 0}.invitation-template-review h3{margin:0 0 8px;font-size:17px}.invitation-template-review small{color:#5a7386}
.invitation-template-panel [hidden]{display:none!important}.invitation-template-panel button:disabled{opacity:.5;cursor:default}
@media(min-width:601px){.collection-request-dialog .invitation-template-panel .invitation-template-actions button{width:auto;flex:0 1 auto;min-width:0;margin:0}.collection-request-dialog .invitation-template-panel .invitation-template-tokens button{width:auto;flex:0 1 auto;min-width:0}}
@media(max-width:600px){.invitation-template-panel{padding:16px;margin:18px 0}.invitation-template-actions{gap:8px}.invitation-template-preview{padding:14px}.invitation-template-actions button{flex:1 1 auto}.invitation-template-tokens{gap:0}.invitation-template-tokens button{font-size:12px}.invitation-template-editor textarea{font-size:16px}}