.contact-actions{display:flex;gap:8px;flex-wrap:wrap}.contact-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;margin:20px 0;align-items:end}.contact-filters label,.contact-import label{display:grid;gap:6px;font-size:13px}.contact-filters input,.contact-filters select,.contact-import input,.contact-import select{width:100%;padding:10px;border:1px solid #ccdce0;border-radius:8px;background:white;color:#164655}.contact-table-scroll{overflow-x:auto;background:white;border:1px solid #dce8eb;border-radius:12px;margin:18px 0}.contact-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left;min-width:700px}.contact-table th,.contact-table td{padding:14px;border-bottom:1px solid #e6eef0;vertical-align:top}.contact-table th{background:#f2f7f8;color:#466674}.contact-table small{display:block;margin-top:5px;color:#58727c}.contact-tag{display:inline-block;background:#e8f4f4;color:#176063;border-radius:12px;padding:4px 8px;margin:2px}.contact-pagination{display:flex;gap:15px;align-items:center;justify-content:flex-end}.contact-tags{display:flex;flex-wrap:wrap;gap:10px;border:1px solid #dce8eb;border-radius:8px;padding:14px;margin:15px 0}.contact-tags label{display:flex;gap:7px;align-items:center;margin:0}.contact-tags input{width:auto}.contact-import{max-width:1050px;margin-top:20px;padding:24px;background:white;border:1px solid #dce8eb;border-radius:14px}.contact-import form>label{margin:18px 0}.contact-import-rule{padding:15px;background:#fff6df;border-radius:8px;line-height:1.6}.contact-history{max-height:60vh;overflow:auto}.contact-history article{padding:12px 0;border-bottom:1px solid #dce8eb;overflow-wrap:anywhere}.contact-history small{display:block;color:#58727c;margin:5px 0}.contact-history p{font-size:12px}.contact-import [role=alert]{color:#a33024}.account-disabled{border-color:#d5dadd;opacity:.85}.channel-disabled-label{display:block;color:#9c482b;margin:10px 0;font-weight:600}@media(max-width:700px){.contact-import{padding:16px}.contact-filters{grid-template-columns:1fr 1fr}.contact-pagination{justify-content:center}.section-toolbar .contact-actions{margin-top:12px}}

.outreach-results{display:grid;gap:12px;margin-top:18px;max-height:45vh;overflow:auto}.outreach-client{display:grid;gap:8px;padding:16px;border:1px solid #dce8eb;border-radius:12px}.outreach-client .contact-channel{align-items:center;gap:8px}.outreach-client .contact-channel svg,.outreach-destination .contact-channel svg{width:20px;height:20px;flex-shrink:0}.outreach-client p{font-size:13px;color:#725b2d}.outreach-client button{justify-self:start}.outreach-destination{padding:16px;background:#f2f7f8;border-radius:12px;overflow-wrap:anywhere}.outreach-destination .contact-channel{display:flex;align-items:center;gap:8px}

/* Contact history: readable audit trail with one scroll area. */
#modal.contact-history-dialog{width:min(740px,calc(100vw - 32px));max-width:740px;max-height:calc(100dvh - 40px);padding:0;border:1px solid #dce7eb;border-radius:18px;overflow:hidden}
#modal.contact-history-dialog[open]{display:flex;flex-direction:column}
#modal.contact-history-dialog>.modal-heading{flex-shrink:0;padding:22px 24px 18px;margin:0;border-bottom:1px solid #e5edf0}
#modal.contact-history-dialog>.modal-heading h2{font-size:20px;letter-spacing:-.3px}
#modal.contact-history-dialog #modal-form{display:flex;flex-direction:column;min-height:0;overflow:hidden;margin:0}
#modal.contact-history-dialog .contact-history-shell{display:flex;flex-direction:column;min-height:0;overflow:hidden}
#modal.contact-history-dialog .contact-history-identity{display:flex;align-items:center;gap:12px;flex-shrink:0;padding:20px 24px 18px;background:#f8fbfc}
#modal.contact-history-dialog .contact-history-avatar{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:#e4f1f5;color:#39758a;font-size:13px;font-weight:700}
#modal.contact-history-dialog .contact-history-identity>div{min-width:0;flex:1}
#modal.contact-history-dialog .contact-history-identity strong{display:block;color:#215768;font-size:15px;line-height:1.4;overflow-wrap:anywhere}
#modal.contact-history-dialog .contact-history-identity small{display:block;margin-top:5px;font-size:11px;color:#7d959e}
#modal.contact-history-dialog .contact-history-status{align-self:center;flex-shrink:0;padding:5px 9px;border-radius:7px;background:#eaf5ee;color:#37775a;font-size:10px;font-weight:700}
#modal.contact-history-dialog .contact-history-status.is-inactive{background:#f0f2f4;color:#7f8c95}
#modal.contact-history-dialog .contact-history-tabs{display:flex;gap:20px;flex-shrink:0;padding:0 24px;border-bottom:1px solid #dfe9ee;background:#f8fbfc}
#modal.contact-history-dialog .contact-history-tabs button{display:flex;gap:8px;align-items:center;padding:13px 0;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:#7c929d;font-size:12px;font-weight:600;cursor:pointer}
#modal.contact-history-dialog .contact-history-tabs button[aria-selected=true]{color:#235f73;border-bottom-color:#235f73}
#modal.contact-history-dialog .contact-history-tabs span{min-width:22px;padding:2px 6px;border-radius:5px;background:#e9f0f3;color:#6f8b98;font-size:10px;text-align:center}
#modal.contact-history-dialog .contact-history-tabs button:focus-visible{outline:2px solid #32849d;outline-offset:3px}
#modal.contact-history-dialog .contact-history-panel{min-height:0;overflow:auto;padding:18px 24px 24px;overscroll-behavior:contain}
#modal.contact-history-dialog [hidden]{display:none!important}
#modal.contact-history-dialog .contact-history-caption{font-size:10px;color:#90a3ac;margin:0 0 18px}
#modal.contact-history-dialog .contact-timeline-event{position:relative;display:flex;gap:13px;margin-bottom:18px}
#modal.contact-history-dialog .contact-timeline-event:not(:last-child)::before{content:'';position:absolute;left:12px;top:28px;bottom:-18px;width:1px;background:#e1e9ee}
#modal.contact-history-dialog .contact-timeline-marker{display:grid;place-items:center;flex:0 0 25px;height:25px;border-radius:8px;background:#edf3f6;color:#6991a3;font-size:18px;z-index:1}
#modal.contact-history-dialog .contact-timeline-marker.is-created{background:#e7f5ed;color:#57936d}
#modal.contact-history-dialog .contact-timeline-card{flex:1;min-width:0;padding:15px;border:1px solid #dfe9ee;border-radius:12px;background:#fff}
#modal.contact-history-dialog .contact-timeline-card>header{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
#modal.contact-history-dialog .contact-timeline-card>header>strong{font-size:13px;color:#2c5d6e}
#modal.contact-history-dialog .contact-timeline-card time{font-size:10px;color:#92a4ad;white-space:nowrap}
#modal.contact-history-dialog .contact-event-actor{font-size:10px;color:#849ba6;margin:5px 0 14px}
#modal.contact-history-dialog .contact-change-list{margin:0}
#modal.contact-history-dialog .contact-change-row{display:grid;grid-template-columns:125px minmax(0,1fr);gap:12px;padding:9px 0;border-top:1px solid #eef3f5;font-size:12px;line-height:1.6}
#modal.contact-history-dialog .contact-change-row dt{margin:0;color:#78909c;font-size:11px}
#modal.contact-history-dialog .contact-change-row dd{display:flex;align-items:flex-start;gap:10px;min-width:0;margin:0;overflow-wrap:anywhere}
#modal.contact-history-dialog .contact-change-current{color:#315c6b;white-space:pre-wrap}
#modal.contact-history-dialog .contact-change-before,#modal.contact-history-dialog .contact-change-after{flex:1;min-width:0;white-space:pre-wrap}
#modal.contact-history-dialog .contact-change-before{color:#99a9b1}
#modal.contact-history-dialog .contact-change-after{color:#315f70}
#modal.contact-history-dialog .contact-change-row dd small{display:block;font-size:9px;color:#9babb3;margin-bottom:3px}
#modal.contact-history-dialog .contact-change-arrow{align-self:center;color:#a4b5bc}
#modal.contact-history-dialog .contact-history-tag{display:inline-block;padding:3px 9px;background:#edf5f7;color:#427c8f;border-radius:6px;font-size:11px}
#modal.contact-history-dialog .contact-event-note{font-size:12px;color:#8b9ea8;margin-bottom:0}
#modal.contact-history-dialog .contact-history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:190px;padding:28px 20px;text-align:center;color:#78929e}
#modal.contact-history-dialog .contact-history-empty>span{font-size:30px;color:#a6bec8;margin-bottom:15px}
#modal.contact-history-dialog .contact-history-empty strong{font-size:14px;color:#557788}
#modal.contact-history-dialog .contact-history-empty p{max-width:340px;margin:9px 0 0;font-size:12px;line-height:1.8}
#modal.contact-history-dialog .contact-booking-group+section{margin-top:24px}
#modal.contact-history-dialog .contact-booking-group h3{display:flex;gap:8px;align-items:center;font-size:13px;color:#3c687b;margin:0 0 12px}
#modal.contact-history-dialog .contact-booking-group h3 span{font-size:10px;font-weight:500;color:#95a7af}
#modal.contact-history-dialog .contact-booking-group .crm-history{padding:14px;margin-bottom:12px;border:1px solid #dfe9ed;border-radius:10px;display:flex;flex-direction:column;gap:6px;font-size:12px;line-height:1.6}
#modal.contact-history-dialog .contact-booking-group .crm-history strong{font-size:12px;color:#3c6b7e}
#modal.contact-history-dialog .contact-booking-group .crm-history small{font-size:10px;color:#8b9fa9}
#modal.contact-history-dialog .modal-footer{flex-shrink:0;margin:0;padding:16px 24px;border-top:1px solid #e0e9ed;background:#fff}
#modal.contact-history-dialog .modal-footer button{min-width:90px;min-height:38px}
#modal.contact-history-dialog .form-error:empty{display:none}
@media(max-width:600px){#modal.contact-history-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 24px);border-radius:14px}#modal.contact-history-dialog>.modal-heading{padding:18px}#modal.contact-history-dialog .contact-history-identity{padding:16px 18px}#modal.contact-history-dialog .contact-history-tabs{padding:0 18px;gap:18px}#modal.contact-history-dialog .contact-history-panel{padding:16px 14px 20px}#modal.contact-history-dialog .contact-timeline-event{gap:8px}#modal.contact-history-dialog .contact-timeline-card{padding:12px}#modal.contact-history-dialog .contact-change-row{grid-template-columns:1fr;gap:3px}#modal.contact-history-dialog .contact-change-row dd{gap:8px}#modal.contact-history-dialog .modal-footer{padding:14px 18px}#modal.contact-history-dialog .contact-history-identity strong{font-size:13px}}

/* Contact directory: search first, optional filters and compact actions. */
.contacts-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:8px 0 18px}.contacts-toolbar h3{display:flex;align-items:center;gap:9px;margin:0}.contacts-toolbar h3>span{display:grid;place-items:center;min-width:28px;padding:4px 8px;font-size:12px;border-radius:14px;background:var(--line,#dce8eb)}.contacts-toolbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.contacts-toolbar-actions button,.contacts-import-menu>summary{min-height:40px;margin:0;white-space:nowrap}.contacts-import-menu{position:relative}.contacts-import-menu>summary{display:flex;align-items:center;gap:14px;padding:10px 14px;border:1px solid var(--line,#dce8eb);border-radius:6px;background:var(--t-surface,#fff);font-size:12px;cursor:pointer;list-style:none}.contacts-import-menu>summary::-webkit-details-marker{display:none}.contacts-import-menu>div,.contacts-row-menu>div{position:absolute;right:0;top:calc(100% + 6px);z-index:15;min-width:190px;border:1px solid var(--line,#dce8eb);background:var(--t-surface,#fff);border-radius:9px;padding:6px;box-shadow:0 8px 22px #00435816}.contacts-import-menu:not([open])>div,.contacts-row-menu:not([open])>div{display:none}.contacts-import-menu>div button,.contacts-row-menu>div button{width:100%;text-align:left;background:transparent;padding:11px 10px;border-radius:5px;font-size:12px;color:inherit;white-space:nowrap}.contacts-import-menu>div button:hover,.contacts-row-menu>div button:hover{background:var(--t-selected,#eef6f8)}
.contacts-filter-panel{padding:18px;border:1px solid var(--line,#dce8eb);border-radius:12px;background:var(--t-surface,#fff)}.contacts-filter-main{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,270px) 155px auto;gap:14px;align-items:end}.contacts-filter-panel label{display:grid;gap:7px;margin:0;min-width:0;font-size:12px;font-weight:600}.contacts-filter-panel input,.contacts-filter-panel select{height:42px;width:100%;min-width:0;margin:0;font-weight:400}.contacts-filter-main>button{height:42px;margin:0;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.contacts-more-toggle>span:not([aria-hidden]){display:grid;place-items:center;min-width:20px;height:20px;border-radius:10px;background:var(--line,#dce8eb);font-size:11px}.contacts-filter-extra{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr)) auto;gap:14px;align-items:end;margin-top:18px;padding-top:18px;border-top:1px solid var(--line,#dce8eb)}.contacts-filter-extra[hidden]{display:none}.contacts-filter-extra>button{height:42px;margin:0;white-space:nowrap}.contacts-filter-chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.contacts-filter-chips button{display:flex;align-items:center;gap:9px;border:1px solid var(--line,#dce8eb);border-radius:16px;background:var(--t-surface,#fff);font-size:11px;padding:6px 10px;color:inherit;max-width:100%;overflow-wrap:anywhere}.contacts-filter-chips .contacts-clear{border:0;border-radius:0;background:transparent;text-decoration:underline;text-underline-offset:3px}.contacts-list-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 2px 10px;font-size:12px}.contacts-list-caption small{color:var(--muted,#58727c);font-size:11px}.contacts-name-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.contacts-inactive,.contacts-permission{display:inline-block;padding:4px 8px;border-radius:14px;font-size:11px;background:#eef1f3;color:#506470;white-space:nowrap}.contacts-permission.is-allowed{background:#e1f2e9;color:#216342}.contacts-cell-empty{color:var(--muted,#58727c);font-size:12px}.contact-directory-table{font-size:12px}.contact-directory-table td{padding:16px 14px}.contact-directory-table th{font-size:11px;font-weight:600}.contact-directory-table small{font-size:11px}.contact-directory-table td:first-child{min-width:180px}.contact-directory-table .contact-channel{display:flex;align-items:center;gap:8px;min-width:150px}.contact-directory-table .contact-channel svg{width:22px;height:22px;flex:none}.contact-directory-table .contact-channel strong{font-size:11px}.contacts-row-actions{display:grid;grid-template-columns:1fr 34px;gap:7px;min-width:150px}.contacts-row-actions>.contacts-send{grid-column:1/-1;color:var(--petrol,#004358);background:var(--t-surface,#f0f7f8)}.contacts-row-actions>button{min-height:34px;padding:8px 10px;margin:0;font-size:11px;white-space:nowrap}.contacts-row-menu{position:relative}.contacts-row-menu>summary{display:grid;place-items:center;height:34px;border:1px solid var(--line,#dce8eb);border-radius:6px;cursor:pointer;font-size:19px;list-style:none}.contacts-row-menu>summary::-webkit-details-marker{display:none}.contacts-row-menu>div{top:auto;bottom:calc(100% + 5px)}.contacts-empty-state{text-align:center;padding:42px 20px;background:var(--t-surface,#fff);border:1px solid var(--line,#dce8eb);border-radius:12px;margin:16px 0}.contacts-empty-state h3{font-size:19px}.contacts-empty-state p{font-size:13px}.contacts-empty-state button{margin-top:12px}.contacts-import-menu summary:focus-visible,.contacts-row-menu summary:focus-visible{outline:3px solid #61bca7;outline-offset:3px}
@media(max-width:1100px){.contacts-filter-main{grid-template-columns:minmax(180px,1fr) minmax(160px,230px) 140px auto;gap:10px}.contacts-filter-extra{grid-template-columns:repeat(2,minmax(140px,1fr))}.contacts-filter-extra>button{justify-self:end;grid-column:1/-1}.contacts-toolbar{align-items:flex-start}.contacts-toolbar-actions{justify-content:flex-end}}
@media(max-width:760px){.contacts-toolbar{display:block}.contacts-toolbar h3{margin-bottom:14px}.contacts-toolbar-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.contacts-toolbar-actions>#contact-fields{grid-column:1/-1}.contacts-toolbar-actions button,.contacts-import-menu>summary{width:100%;font-size:12px;justify-content:center}.contacts-filter-panel{padding:14px}.contacts-filter-main{grid-template-columns:1fr 1fr;gap:14px 10px}.contacts-filter-main .contacts-search{grid-column:1/-1}.contacts-filter-main>button{grid-column:1/-1;width:100%}.contacts-filter-extra{grid-template-columns:1fr 1fr;gap:14px 10px}.contacts-filter-extra>button{width:100%}.contacts-filter-panel select{font-size:12px}.contacts-list-caption{font-size:11px}.contacts-list-caption small{display:none}.contact-directory-table{display:block;min-width:0}.contact-directory-table thead{display:none}.contact-directory-table tbody,.contact-directory-table tr,.contact-directory-table td{display:block;width:100%}.contact-directory-table tr{padding:10px;border-bottom:1px solid var(--line,#dce8eb)}.contact-directory-table td{padding:8px;border:0}.contact-directory-table td[data-label]::before{content:attr(data-label);display:block;margin-bottom:6px;font-size:11px;font-weight:600;color:var(--muted,#58727c)}.contact-directory-table .contacts-row-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.contacts-row-menu{min-width:36px}.contacts-row-menu>div{right:0;min-width:180px}.contacts-row-actions .contacts-send{flex:1}.contact-pagination{justify-content:center;gap:10px;flex-wrap:wrap;font-size:11px}.contacts-import-menu>div{left:0;right:auto;min-width:190px}}

@media(max-width:760px){.contacts-import-menu>div{left:auto;right:0;min-width:min(210px,calc(100vw - 32px))}}
.contact-migration-preview{max-height:240px;overflow:auto;margin:12px 0}.contact-migration-preview table{min-width:0;width:100%}.contact-migration-preview td{overflow-wrap:anywhere}.contact-migration-confirm{display:flex;gap:8px;align-items:flex-start;margin:16px 0}.contact-migration-confirm input{width:auto;flex:none;margin:3px 0}.contact-selection input{width:auto;margin:0}.contact-selection{width:36px}
.contact-page-selection{display:flex;align-items:center;gap:8px;font-size:12px;margin:12px 0}.contact-page-selection input{width:auto;margin:0}
.contact-closure-event{padding:14px 0;border-top:1px solid var(--line);overflow-wrap:anywhere}.contact-closure-event header{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.contact-closure-event time{font-size:11px;color:var(--muted,#58727c)}.contact-closure-event p{margin:6px 0}.contact-closure-result{display:grid;gap:6px;padding:10px;border-left:3px solid var(--teal,#16879a);background:var(--surface,#f3f8f9);border-radius:4px;line-height:1.6;font-size:12px}:root[data-appearance] .contact-closure-result{background:var(--t-input);color:var(--t-text)}