.contact-list-dialog { --ink:#20222a;--muted:#555963;--line:#777b85;--surface:#fff;--paper:#fff;--brand:#852c44; color-scheme:light; color:var(--ink); background:#f7f6f3; width:min(1000px,calc(100vw - 24px)); height:min(780px,calc(100dvh - 32px)); max-height:calc(100dvh - 32px); padding:20px; border:1px solid var(--line); border-radius:14px; }
.contact-list-dialog::backdrop { background:#111b; }
.contact-list-dialog header { display:flex;align-items:center;justify-content:space-between;gap:16px; }
.contact-list-dialog h2,.contact-list-dialog h3 { color:var(--ink); margin:0 0 12px; }
.contact-list-dialog p { color:var(--muted);font-size:14px;line-height:1.5; }
.contact-list-dialog :is(button,input,select,textarea) { font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:9px 12px;min-width:0;max-width:100%; }
.contact-list-dialog button { cursor:pointer; }
.contact-list-dialog button:disabled { background:#e8e7eb;color:#55535c;cursor:not-allowed; }
.contact-list-dialog button[data-primary] { background:#852c44;color:white;border-color:#852c44; }
.contact-list-dialog :focus-visible { outline:3px solid #852c44;outline-offset:2px; }
.contact-list-dialog [role=status] { min-height:24px; }
.contact-list-columns { display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px;height:calc(100% - 112px);min-height:0; }
.contact-list-columns > * { min-height:0;overflow:auto; }
.contact-list-dialog form { display:grid;gap:12px;margin-bottom:18px; }
.contact-list-dialog label { display:grid;gap:6px;color:var(--ink);font-size:13px; }
.contact-list-dialog .contact-list-entry { display:block;width:100%;text-align:left;margin:6px 0; }
.contact-list-dialog .contact-list-entry[aria-current=true] { background:#f2e4e8;border-color:#852c44; }
.contact-list-dialog article { display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #c4c5cb;color:var(--ink); }
.contact-list-dialog [data-toolbar] { display:flex;flex-wrap:wrap;gap:8px; }
#conversations .conversation-list-groups { display:grid;gap:6px;color:var(--ink); }
#conversations .conversation-list-groups label { display:grid;gap:5px;font-size:12px;font-weight:700; }
#conversations .conversation-list-groups select { width:100%;min-height:36px;color:var(--ink);background:#fff;border:1px solid #777880;border-radius:6px;padding:5px 8px; }
#conversations .conversation-list-groups button { justify-self:start;border:0;background:transparent;color:#852c44;padding:2px 0;font-size:12px;font-weight:700; }
@media(max-width:650px) { .contact-list-dialog {padding:14px}.contact-list-columns{grid-template-columns:1fr;grid-template-rows:minmax(120px,35%) minmax(0,1fr);gap:12px}.contact-list-dialog article{flex-wrap:wrap} }

#conversations .conversation-list-groups:has([data-lead-list-status]:not([hidden])) { max-height:132px; }
/* New preparation dialogs share the existing accessible controls, without restyling other modules. */
.contact-list-dialog > form {display:grid;gap:12px;margin:16px 0;}
.contact-list-dialog > form > label {display:grid;gap:6px;color:#252525;font-weight:600;}
.contact-list-dialog > form textarea {width:100%;min-height:96px;}
.contact-list-dialog > section > label {display:flex;align-items:flex-start;gap:10px;margin:12px 0;line-height:1.5;}
.contact-list-dialog pre,.management-system-panel pre {white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;}