.eg-panel{overflow:hidden;margin-bottom:24px}.eg-panel>.eg-success,.eg-panel>.form-error{margin:20px 24px}.eg-panel .panel-head h2{display:flex;align-items:center;gap:9px}.eg-compose{padding:20px 24px;border-bottom:1px solid #dce7ef}.eg-compose>summary{cursor:pointer;font-weight:650;color:#086f99}.eg-compose form{padding-top:14px}.eg-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.eg-fields .field{display:flex;flex-direction:column;gap:8px}.eg-fields input,.eg-fields select{width:100%;padding:11px 12px;min-height:44px;border:1px solid #cbd9e4;border-radius:7px;background:white;color:#0a2335;font:inherit;box-sizing:border-box}.eg-fields select{max-width:100%}.eg-draft{background:#f5f9fc;padding:20px;border-radius:10px}.eg-terms{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;padding:20px 0;color:#233e50;font-size:15px}.eg-letter{padding:24px;border-bottom:1px solid #dce7ef}.eg-letter:last-child{border-bottom:0}.eg-letter-heading{display:flex;justify-content:space-between;align-items:center;gap:18px}.eg-letter-heading h3{margin:10px 0 5px;font-size:18px;color:#082638}.eg-letter-heading p{margin:5px 0;color:#637b8b}.eg-status{font-size:12px;font-weight:650;border-radius:20px;background:#edf3f8;color:#3d5b72;padding:5px 10px;display:inline-block}.eg-pending{background:#e5f3fb;color:#076887}.eg-signed{background:#e8f6ee;color:#20714e}.eg-meta{display:flex;flex-wrap:wrap;gap:12px 28px;color:#627889;font-size:13px;margin-top:22px}.eg-meta strong{color:#17394e}.eg-id{font-size:11px;color:#6b8091;overflow-wrap:anywhere}.eg-success{display:flex;gap:9px;align-items:center;padding:14px;background:#edf8f2;border:1px solid #c8e7d6;border-radius:8px;color:#256647}.eg-check{display:flex;align-items:flex-start;gap:12px;margin:20px 0;line-height:1.6}.eg-check input{flex-shrink:0;margin-top:5px;width:18px;height:18px;accent-color:#087ba5}.eg-consent{font-size:13px;line-height:1.8;color:#405c70;background:#f1f6fa;padding:18px;border-radius:8px}.eg-sign-form{margin-top:22px;padding-top:20px;border-top:1px solid #dce7ef}.eg-sign-form .actions{flex-wrap:wrap;gap:12px}.eg-panel .actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:700px){.eg-fields{grid-template-columns:1fr}.eg-letter-heading{align-items:flex-start;flex-direction:column}.eg-compose,.eg-letter{padding:18px}.eg-letter-heading .actions{width:100%}.eg-meta{flex-direction:column;gap:8px}.eg-sign-form .actions>*{width:100%;justify-content:center}}