.crm-internal[data-entity=contacts]{max-width:none}
.crm-contact-header{display:flex;align-items:center;gap:16px;flex-wrap:wrap;min-height:104px;margin:2px 0 18px;padding:18px 22px;background:var(--crm-surface,#fff);border:1px solid var(--crm-border,#dfe7ed);border-radius:16px}
.crm-contact-icon{display:grid;place-items:center;flex:none;width:54px;height:54px;border-radius:12px;background:#f2eafe;color:#8547d8}
.crm-contact-title{flex:1;min-width:220px;display:flex;flex-direction:column;gap:2px;color:var(--crm-surface-ink,#16243b);font-size:12px}
.crm-contact-title>span{color:#68798f}
.crm-contact-view-control{display:flex;align-items:center;gap:10px;position:relative;width:max-content;max-width:100%}
.crm-contact-h1{margin:0;font-size:inherit}
.crm-contact-view-button{max-width:100%;font-size:26px;font-weight:700;color:#16243b;text-align:left;line-height:1.3;padding:0 3px 2px 0;border-bottom:2px solid transparent}
.crm-contact-view-button:hover,.crm-contact-view-button[aria-expanded=true]{border-bottom-color:var(--crm-primary,#0aada9)}
.crm-contact-pin{display:grid;place-items:center;border:0;border-radius:9px;width:32px;height:32px;color:#3478ea;background:#eaf2ff}
.crm-contact-pin[aria-pressed=true]{background:#d9f5f0;color:#087f7c}
.crm-contact-primary-actions{display:flex;align-items:center;gap:10px;margin-left:auto;flex-wrap:wrap}
.crm-contact-primary-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #d8e4e9;border-radius:10px;background:#ecf9f7;color:#087f7c;font-weight:600;padding:9px 14px;min-height:42px}
.crm-contact-primary-actions .crm-contact-export{background:#eaf2ff;color:#3478ea}
.crm-contact-primary-actions .crm-save{background:#0aada9;color:#fff;border-color:#0aada9}
.crm-contact-primary-actions button:hover{filter:brightness(.96)}
.crm-contact-primary-actions button:focus-visible,.crm-contact-view-button:focus-visible,.crm-contact-pin:focus-visible,.crm-contact-tool:focus-visible,.crm-contact-view-menu button:focus-visible{outline:3px solid #0aada9;outline-offset:2px}
.crm-contact-view-menu{position:absolute;top:calc(100% + 9px);left:0;z-index:100;width:min(440px,calc(100vw - 36px));max-height:390px;overflow-y:auto;padding:10px;background:var(--crm-surface,#fff);border:1px solid var(--crm-border,#dfe7ed);border-radius:14px;box-shadow:0 15px 35px #12284225}
.crm-contact-view-menu input{width:100%;height:42px;border:1px solid #d8e4e9;border-radius:9px;padding:8px 12px;margin-bottom:7px;background:#f8fafc}
.crm-contact-view-menu button{display:flex;align-items:center;gap:11px;width:100%;min-height:54px;padding:9px 10px;text-align:left;border-radius:9px;font-size:13px;color:var(--crm-surface-ink,#16243b)}
.crm-contact-view-menu button:hover,.crm-contact-view-menu button[aria-selected=true]{background:#f1faf9;color:#16243b}
.crm-contact-view-icon{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:9px;color:#8547d8;background:#f2eafe}
.crm-contact-view-icon[data-view=mine]{color:#3478ea;background:#eaf2ff}
.crm-contact-view-icon[data-view=recent]{color:#df8627;background:#fff3e2}
.crm-contact-view-icon[data-view=week]{color:#19a77c;background:#e8f8f2}
.crm-contact-view-icon[data-view=primary]{color:#0aada9;background:#e7f7f6}
.crm-contact-view-check{margin-left:auto;color:#0aada9;font-weight:700}
.crm-contact-view-menu p{padding:8px 12px;color:#68798f}
.crm-contact-toolbar{display:flex;align-items:center;gap:14px;min-height:48px;margin-bottom:14px}
.crm-contact-count{color:#68798f;font-size:12px}
.crm-contact-tools{display:flex;align-items:center;gap:8px;margin-left:auto}
.crm-contact-search{display:flex;align-items:center;gap:8px;width:min(300px,34vw);height:42px;padding:0 12px;border:1px solid #d8e4e9;border-radius:10px;color:#718198;background:var(--crm-surface,#fff)}
.crm-contact-search:focus-within{outline:2px solid #0aada9;outline-offset:2px}
.crm-contact-search input{width:100%;min-width:0;height:100%;padding:0;border:0;outline:0;background:transparent;font:inherit;color:#16243b}
.crm-contact-tool{display:grid;place-items:center;flex:none;width:40px;height:40px;min-height:40px;padding:0;border:0;border-radius:10px;color:#3478ea;background:#eaf2ff}
.crm-contact-tool-orange{color:#df8627;background:#fff3e2}
.crm-contact-tool-teal{color:#087f7c;background:#e7f7f6}
.crm-contact-tool-purple{color:#8547d8;background:#f2eafe}
.crm-contact-tool[aria-pressed=true]{color:#fff;background:#0aada9}
.crm-contact-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.crm-contact-filters label,.crm-contact-filters select,.crm-contact-filters button{min-height:40px;border:1px solid #d8e4e9;border-radius:10px;background:#fff;color:#36516b;font:inherit;font-size:12px}
.crm-contact-filters label{display:flex;align-items:center;gap:7px;padding:0 10px}
.crm-contact-filters label select{border:0;min-height:38px;padding:0 3px}
.crm-contact-filters>select{padding:0 12px}
.crm-contact-filters .crm-contact-duplicates{padding:0 13px;background:#fff3e2;color:#bd6816}
.crm-contact-filters .crm-contact-duplicates[aria-pressed=true]{background:#e99834;color:#fff}
.crm-internal[data-entity=contacts] .crm-table-scroll{border:1px solid #dfe7ed;border-radius:15px;overflow-x:auto;background:#fff}
.crm-internal[data-entity=contacts] .crm-master-table{min-width:920px;width:100%;border-collapse:collapse}
.crm-internal[data-entity=contacts] .crm-master-table th{white-space:nowrap;color:#36516b;background:#f8fafc;font-size:12px;padding:15px 14px}
.crm-internal[data-entity=contacts] .crm-master-table td{padding:13px 14px}
.crm-contact-empty-row td{padding:0!important}
.crm-contact-empty{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:36px 18px;color:#68798f}
.crm-contact-empty>span{display:grid;place-items:center;width:74px;height:74px;border-radius:14px;background:#f2eafe;color:#8547d8}
.crm-contact-empty h2{margin:5px 0 0;font-size:20px;font-weight:600;color:#16243b}
.crm-contact-empty p{margin:0;font-size:13px}
.crm-contact-empty button{border:0;border-radius:10px;background:#0aada9;color:#fff;padding:9px 17px}
@media(max-width:760px){.crm-contact-header{padding:16px}.crm-contact-view-button{font-size:21px}.crm-contact-primary-actions{width:100%;margin-left:0}.crm-contact-primary-actions button{flex:1}.crm-contact-toolbar{align-items:flex-start;flex-direction:column}.crm-contact-tools{width:100%;margin-left:0}.crm-contact-search{flex:1;width:auto}.crm-contact-count{order:1}.crm-contact-filters>select{max-width:100%}}
/* Contacts follows the purple Contacts navigation icon on desktop and mobile. */
.kc-app .crm-internal[data-entity=contacts] .crm-contact-empty>span{
  background:color-mix(in srgb,var(--kc-section-icon,#d1adff) 28%,white);
  color:var(--kc-section-action,#8050b3);
}
.kc-app .crm-internal[data-entity=contacts] .crm-contact-empty h2{
  color:var(--kc-section-action,#8050b3)!important;
}


.crm-internal[data-entity=contacts]{--kc-section-icon:#d1adff;--kc-section-action:#8050b3}
.crm-internal[data-entity=contacts] .crm-contact-header{background:color-mix(in srgb,var(--kc-section-icon) 6%,var(--crm-surface,#fff));border-color:color-mix(in srgb,var(--kc-section-icon) 45%,var(--crm-border,#dfe7ed))}
.crm-internal[data-entity=contacts] :is(.crm-contact-view-button,.crm-contact-view-check){color:var(--kc-section-action)}
.crm-internal[data-entity=contacts] :is(.crm-contact-icon,.crm-contact-view-icon,.crm-contact-pin,.crm-contact-tool,.crm-contact-primary-actions button,.crm-contact-duplicates){background:color-mix(in srgb,var(--kc-section-icon) 23%,var(--crm-surface,#fff));color:var(--kc-section-action);border-color:color-mix(in srgb,var(--kc-section-icon) 45%,var(--crm-border,#dfe7ed))}
.crm-internal[data-entity=contacts] :is(.crm-contact-primary-actions .crm-save,.crm-empty-create,.crm-contact-duplicates[aria-pressed=true]){background:var(--kc-section-action);border-color:var(--kc-section-action);color:#fff}
.crm-internal[data-entity=contacts] .crm-contact-view-menu button:is(:hover,[aria-selected=true]){background:color-mix(in srgb,var(--kc-section-icon) 16%,var(--crm-surface,#fff));color:var(--kc-section-action)}
.crm-internal[data-entity=contacts] .crm-master-table th{background:color-mix(in srgb,var(--kc-section-icon) 10%,var(--crm-surface,#fff));color:var(--kc-section-action)}
.crm-internal[data-entity=contacts] :is(.crm-contact-view-button:hover,.crm-contact-view-button[aria-expanded=true]){border-bottom-color:var(--kc-section-action)}
.crm-internal[data-entity=contacts] :is(button,input,select,textarea):focus-visible,.crm-internal[data-entity=contacts] .crm-contact-search:focus-within{outline-color:var(--kc-section-action)}