.commercial-login{display:grid;gap:14px;text-align:left}.commercial-login form,#commercial-settings form{display:grid;gap:12px}.commercial-login a{color:#a17526}.legacy-login{margin-top:24px;text-align:left}.legacy-login summary{cursor:pointer}.legacy-login form{margin-top:16px}#commercial-settings .settings-card{margin-bottom:22px}#commercial-settings button{margin:6px 8px 6px 0}#commercial-settings textarea{min-height:90px;width:100%;padding:12px;border:1px solid #d8d1c4;border-radius:8px;font:inherit}.device-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #e5e0d7}.device-row small{flex-basis:100%;color:#6b6355}#import-members{margin:0 12px 0 auto}#restore-preview{max-width:680px;padding:30px}#restore-preview button{margin-right:12px}#reveal-cnp{margin-top:8px}[hidden]{display:none!important}#commercial-settings .notice textarea{min-height:75px}@media(max-width:760px){#import-members{margin:8px 0}.heading{flex-wrap:wrap}.commercial-login button{width:100%}}
.merge-comparison { width: 100%; border-collapse: collapse; margin: 1rem 0; font-size: .9rem; }
.merge-comparison th, .merge-comparison td { border: 1px solid #b3a27e; padding: .6rem; text-align: left; vertical-align: top; overflow-wrap: anywhere; white-space: pre-wrap; }
body > main > #invitations { overflow-y: auto; }
#pairing-dialog { width: min(680px, 95vw); max-height: 90vh; padding: 28px; overflow: auto; }
#pairing-form { display: grid; gap: 14px; margin-bottom: 18px; }
#pairing-status:empty, #pairing-error:empty { display: none; }
#pairing-error { color: #963d30; overflow-wrap: anywhere; }
.identity-dialog { width:min(520px,94vw);padding:28px;max-height:90vh;overflow:auto; }
.identity-dialog form { display:grid;gap:14px; }
.identity-dialog [role=alert] { color:#963d30; }
.commercial-login details { border-top:1px solid #d8d1c4;padding-top:16px; }
.commercial-login summary { cursor:pointer;margin-bottom:12px; }
.commercial-login input,#commercial-settings input[type=password],#commercial-settings input[type=email] { width:100%; }

/* Contextual instructions, available with click, touch or keyboard. */
.section-help-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:30px;height:30px;border:1px solid #b52c24;border-radius:50%;background:#fff;color:#b52c24;font:700 18px/1 'Segoe UI',sans-serif;cursor:pointer;padding:0;vertical-align:middle;margin-left:10px;letter-spacing:0}
.section-help-button:hover{background:#fff0ed}.section-help-button:focus-visible{outline:3px solid #b52c24;outline-offset:3px}
.section-help-owner{position:relative}.section-help-floating{position:absolute;right:14px;top:14px;margin:0}.section-help-owner>h2,.section-help-owner>.stat-label{padding-right:34px}
.hero.section-help-owner .section-help-button{background:#fff}.section-help-page{margin-bottom:8px}#page-title{display:inline-block}.section-help-dialog{width:min(560px,calc(100vw - 30px));max-height:85vh}.section-help-dialog .dialog-heading{gap:16px}.section-help-dialog h2{font-size:22px;margin:0}.section-help-dialog #section-help-copy{padding:22px 28px;margin:0;font-size:15px;line-height:1.7;overflow-wrap:anywhere}.section-help-dialog .icon-button{flex:0 0 auto;min-width:36px;min-height:36px}.section-help-dialog::backdrop{background:#0b172a80}
@media(max-width:600px){.section-help-floating{top:10px;right:10px}.section-help-dialog #section-help-copy{padding:18px;font-size:14px}.section-help-dialog .dialog-heading{padding:18px}.section-help-button{min-width:32px;min-height:32px}}

/* Contact conversation: shared across sender roles and administrator. */
.contact-conversation-dialog{width:min(680px,calc(100vw - 32px));max-height:85vh;overflow:auto;padding:24px;border:1px solid #b8c5d1;border-radius:16px;background:#fff;color:#17283a;box-sizing:border-box}
.contact-conversation-dialog::backdrop{background:rgba(16,32,48,.45)}
.contact-conversation-dialog h2{margin:0 0 16px;font-size:1.35rem}
.contact-conversation-dialog>button{margin:0 8px 12px 0}
.contact-conversation-messages{display:grid;gap:10px;margin:16px 0}
.contact-conversation-messages article{border:1px solid #dce3e8;border-radius:10px;padding:12px;background:#f7f9fb}
.contact-conversation-messages article p{white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0}
.contact-conversation-messages article p:first-child{font-size:.85rem;color:#42566b}
.contact-conversation-dialog form{display:grid;gap:10px}.contact-conversation-dialog textarea{width:100%;box-sizing:border-box;min-height:110px}.contact-conversation-dialog [role=status]{min-height:1.4em}
