.contacts-gallery{color:var(--crm-ink);grid-template-columns:minmax(0,2.05fr) minmax(300px,1fr);align-items:start;gap:22px;display:grid}.contacts-directory{min-width:0}.contacts-heading{justify-content:space-between;align-items:center;gap:16px;margin:10px 0 26px;display:flex}.contacts-heading h1{letter-spacing:-1.2px;margin:0 0 4px;font-size:40px}.contacts-heading p{color:var(--crm-muted);margin:0;font-size:17px}.contacts-heading>div:last-child{gap:10px;display:flex}.contacts-heading>div:first-child{display:block}.contacts-heading .button{white-space:nowrap;padding-inline:16px}.contacts-tabs{border-bottom:1px solid var(--crm-line);justify-content:space-between;margin-bottom:18px;display:flex}.contacts-tabs button{color:var(--crm-muted);white-space:nowrap;background:0 0;border:0;align-items:center;gap:8px;padding:12px 14px;font-size:14px;display:flex;position:relative}.contacts-tabs button[aria-current]{color:var(--crm-blue);font-weight:700}.contacts-tabs button[aria-current]:after{content:"";background:var(--crm-blue);bottom:0;border-radius:4px;height:3px;position:absolute;inset-inline:0}.contacts-tabs button>span{background:#e3edfb;border-radius:20px;padding:2px 8px;font-size:12px}.contacts-toolbar{gap:14px;margin-bottom:18px;display:flex}.contacts-search{color:var(--crm-muted);background:#fff;border:1px solid #d3e0f1;border-radius:5px;flex:1;align-items:center;gap:10px;min-width:100px;padding:0 13px;display:flex}.contacts-search input{background:0 0;border:0;outline:none;width:100%;min-width:0;padding:11px 0;font-size:13px}.contacts-search:focus-within{outline:2px solid var(--crm-blue);outline-offset:2px}.contacts-toolbar .filter-dropdown{min-width:135px}.contacts-table-wrap{border:1px solid var(--crm-line);background:#fff;border-radius:8px;min-height:530px;overflow:hidden}.contacts-table{border-collapse:collapse;width:100%;font-size:13px}.contacts-table th{text-align:start;color:var(--crm-muted);white-space:nowrap;padding:20px 14px;font-size:12px;font-weight:600}.contacts-table td{border-top:1px solid var(--crm-line);vertical-align:middle;padding:15px 14px}.contacts-table td:nth-child(n+4){color:var(--crm-muted);font-size:12px}.contacts-table tr[data-selected=true]{background:#edf4ff}.contacts-table a{color:var(--crm-blue);text-decoration:none}.contact-select{color:var(--crm-ink);text-align:start;font:inherit;background:0 0;border:0;align-items:center;gap:13px;padding:0;display:flex}.contact-avatar{color:#0971cb;background:#d7edff;border-radius:50%;flex:none;place-items:center;width:46px;height:46px;font-size:15px;font-weight:650;display:grid}.contact-avatar.tone-1{color:#364671;background:#fde1ef}.contact-avatar.tone-2{color:#364671;background:#e9e3ff}.contact-avatar.tone-3{color:#364671;background:#ffe5d1}.contact-avatar.tone-4{background:#dff0ff}.contact-role{color:#56677c;background:#edf1f7;border-radius:7px;padding:5px 10px;font-size:12px;display:inline-flex}.contact-role.owner{color:#076952;background:#d9f5eb}.contact-role.buyer{color:#0361c9;background:#e1f1ff}.contact-role.partner{color:#462d9a;background:#eee1ff}.contact-role.tenant{color:#8b6107;background:#fff0d5}.contact-record{align-items:center;gap:12px;display:flex;color:var(--crm-ink)!important}.contact-record>.listing-cover{border-radius:5px;flex:none;width:48px;height:46px}.contact-record small{color:var(--crm-muted);margin-top:4px;display:block}.contacts-empty{padding:30px}.contacts-footer{color:var(--crm-muted);justify-content:space-between;align-items:center;margin-top:14px;font-size:12px;display:flex}.contact-panel{border:1px solid var(--crm-line);background:#fff;border-radius:8px;min-width:0;padding:30px 24px}.contact-panel>header{align-items:center;gap:19px;margin:25px 0;display:flex}.contact-avatar.large{background:linear-gradient(120deg,#c8e7ff,#b8dffc);width:86px;height:86px;font-size:31px}.contact-panel h2{letter-spacing:-.5px;margin:0 0 6px;font-size:23px}.contact-panel h3{color:var(--crm-muted);margin:0 0 14px;font-size:13px}.contact-channels{padding-bottom:15px}.contact-channels p{overflow-wrap:anywhere;align-items:center;gap:18px;font-size:14px;display:flex}.contact-channels svg{color:var(--crm-muted);flex:none}.contact-channels a{color:var(--crm-blue);overflow-wrap:anywhere;min-width:0;text-decoration:none}.contact-panel>section{border-top:1px solid var(--crm-line);margin-top:18px;padding-top:22px}.contact-linked-listing{color:var(--crm-ink);gap:18px;margin-bottom:15px;text-decoration:none;display:flex}.contact-linked-listing>.listing-cover{border-radius:5px;flex:none;width:50%;height:160px}.contact-linked-listing>div{flex-direction:column;gap:7px;min-width:0;font-size:13px;display:flex}.contact-linked-listing small{color:var(--crm-muted)}.contact-linked-listing span{align-items:center;gap:8px;display:flex}.contact-notes{border:1px solid var(--crm-line);border-radius:6px;gap:15px;padding:15px;font-size:13px;display:flex}.contact-notes svg{color:var(--crm-muted);flex:none}.contact-notes p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.contact-panel-actions{flex-direction:column;gap:10px;margin-top:18px;display:flex}.contact-editor-dialog{width:calc(100vw - 32px);max-width:580px;max-height:90dvh;overflow:auto}.contact-editor-dialog>h2{margin:0 0 22px}.contact-editor-dialog form>.button{width:100%;margin-top:10px}.contact-editor-dialog textarea{width:100%}.contacts-import-preview{border:1px solid var(--crm-line);border-radius:6px;max-height:250px;margin:15px 0;overflow:auto}.contacts-import-preview p{border-bottom:1px solid var(--crm-line);margin:0;padding:8px 12px;font-size:13px}@media (max-width:1250px){.contacts-gallery{grid-template-columns:minmax(0,1fr) 300px;gap:16px}.contacts-heading{flex-direction:column;align-items:flex-start}.contacts-table th,.contacts-table td{padding:14px 10px}.contacts-table th:last-child,.contacts-table td:last-child{display:none}.contact-panel{padding:20px 16px}.contact-avatar.large{width:65px;height:65px;font-size:24px}.contact-panel h2{font-size:19px}.contact-linked-listing{gap:12px}.contact-linked-listing>.listing-cover{height:145px}.contacts-toolbar{flex-wrap:wrap;gap:10px}.contacts-search{flex-basis:100%}.contacts-toolbar>.filter-dropdown{flex:1}.contacts-tabs button{padding-inline:10px;font-size:13px}.contacts-heading h1{font-size:34px}}@media (max-width:760px){.contacts-gallery{display:block}.contacts-heading{margin:10px 0 16px}.contacts-heading h1{font-size:30px}.contacts-heading p{font-size:14px}.contacts-heading>div:last-child{align-self:flex-end}.contacts-heading .button{min-height:38px;font-size:12px}.contacts-tabs{overflow:auto}.contacts-tabs button{gap:5px;padding:12px 9px;font-size:12px}.contacts-tabs button>span{padding:2px 5px;font-size:11px}.contacts-table-wrap{background:0 0;border:0;min-height:0}.contacts-table{display:block}.contacts-table thead{display:none}.contacts-table tbody{flex-direction:column;gap:10px;display:flex}.contacts-table tr{border:1px solid var(--crm-line);background:#fff;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;padding:15px;display:grid}.contacts-table td{border:0;padding:0}.contacts-table td:nth-child(3){grid-column:1/-1;margin:13px 0 0 59px;font-size:12px}.contacts-table td:nth-child(4){display:none}.contact-select{width:100%;font-size:14px}.contact-avatar{width:43px;height:43px}.contact-role{font-size:11px}.contact-record>.listing-cover{width:42px;height:38px}.contact-panel{margin-top:20px;padding:18px}.contact-panel>header{margin:6px 0 20px}.contact-avatar.large{width:72px;height:72px}.contact-linked-listing>.listing-cover{height:165px}.contact-panel h2{font-size:22px}.contacts-footer{margin-top:12px}}.contact-mobile-panel{display:none}@media (max-width:760px){.contact-desktop-panel{display:none}.contacts-table td.contact-mobile-panel{grid-column:1/-1;display:block}.contacts-table td.contact-mobile-panel:empty{display:none}.contact-mobile-panel .contact-panel{background:0 0;border:0;margin:14px 0 0;padding:0}.contact-mobile-panel .contact-panel>header,.contacts-table tr[data-selected=true] td:nth-child(3){display:none}.contact-mobile-panel .contact-channels{padding:0}.contact-mobile-panel .contact-channels p{gap:12px;font-size:13px}.contact-mobile-panel .contact-panel>section{margin-top:16px;padding-top:16px}.contact-mobile-panel .contact-linked-listing>.listing-cover{width:44%;height:135px}.contact-mobile-panel .contact-panel-actions .button{width:100%}.contact-mobile-panel .contact-panel .listing-preview-note{margin-bottom:0}.contacts-table td:nth-child(5){display:none}.contacts-table .contact-linked-listing{color:var(--crm-ink)}}