/* Customer intake directory; private data stays in the authenticated view. */
.customer-directory-view .directory-protection { display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px;padding:15px 18px;border:1px solid #efd7d2;border-left:4px solid #b95c4c;border-radius:14px;background:#fffaf8; }
.customer-directory-view .directory-protection-copy { display:flex;flex-direction:column;gap:5px;min-width:0; }
.customer-directory-view .directory-protection-copy strong { font-size:13px;font-weight:650;color:#71453c; }
.customer-directory-view .directory-protection-copy span { font-size:11px;line-height:1.55;color:#8e6d64; }
.customer-directory-view .directory-button.directory-block-action { min-height:37px;border-color:#b25545;background:#b25545;color:#fff;box-shadow:0 2px 5px #9d483d12; }
.customer-directory-view .directory-button.directory-block-action:hover:not(:disabled) { border-color:#a74e40;background:#a74e40;color:#fff; }
.app-layout #customers-menu-button { --nav-icon-bg:#eef6f3;--nav-icon-color:#7aa592; }
.customer-directory-nav { margin-top:4px; }
.app-layout .customer-directory-view { flex:1;min-width:0;min-height:0;overflow:auto;scrollbar-gutter:stable;color:var(--desk-body,#434c5b); }
.customer-directory-view[hidden],.customer-directory-view [hidden] { display:none!important; }
.customer-directory-view .directory-content { width:100%;max-width:1400px;min-width:0;margin:0 auto;padding:0 2px 20px;box-sizing:border-box; }
.customer-directory-view .directory-filters,.customer-directory-view .directory-results { min-width:0;background:#fff;border:1px solid var(--desk-line,#e2e5ed);border-radius:20px;box-shadow:0 4px 18px #242c3c04; }
.customer-directory-view .directory-filters { display:flex;flex-direction:column;gap:18px;padding:20px;margin-bottom:18px; }
.customer-directory-view .directory-filter-top { display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px; }
.customer-directory-view .directory-presets { display:flex;flex-wrap:wrap;gap:4px;padding:4px;border:1px solid #eceef4;border-radius:12px;background:#f5f6fa; }
.customer-directory-view .directory-button { display:inline-flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;min-height:36px;margin:0;padding:8px 12px;border:1px solid #e2e5ed;border-radius:9px;background:#fff;color:#4c5666;font:inherit;font-size:13px;font-weight:550;line-height:1.2;white-space:nowrap;cursor:pointer;box-sizing:border-box; }
.customer-directory-view .directory-button:hover:not(:disabled) { border-color:#b7c9df;background:#f8faff;color:#335e8d; }
.customer-directory-view .directory-button:disabled { cursor:default;opacity:.5; }
.customer-directory-view .directory-icon { width:15px;height:15px;flex-shrink:0; }
.customer-directory-view .directory-presets .directory-button { min-height:32px;padding:7px 13px;border-color:transparent;background:transparent;color:#7a8493; }
.customer-directory-view .directory-presets .directory-button[aria-pressed="true"] { background:#fff;color:#34465d;box-shadow:0 1px 4px #242c3c0b; }
.customer-directory-view .directory-custom-dates { display:flex;align-items:center;flex-wrap:wrap;gap:10px; }
.customer-directory-view .directory-date-field { display:flex;align-items:center;gap:7px;min-width:0;color:#7c8593;font-size:12px; }
.customer-directory-view .directory-fields { display:grid;grid-template-columns:minmax(140px,200px) minmax(180px,1fr) auto;align-items:end;gap:14px; }
.customer-directory-view .directory-field { display:flex;flex-direction:column;gap:8px;min-width:0;color:#737d8d;font-size:12px;font-weight:550; }
.customer-directory-view input,.customer-directory-view select { width:100%;min-width:0;min-height:39px;margin:0;padding:8px 11px;border:1px solid #e0e5ed;border-radius:9px;background:#fff;color:#374052;font:inherit;font-size:13px;box-sizing:border-box; }
.customer-directory-view input::placeholder { color:#9aa2ae; }
.customer-directory-view .directory-date-field input { width:145px;min-height:34px;padding:6px 8px;font-size:12px; }
.customer-directory-view .directory-primary { min-height:39px;padding-inline:19px;background:var(--desk-blue,#4287c7);border-color:var(--desk-blue,#4287c7);color:#fff; }
.customer-directory-view .directory-primary:hover:not(:disabled) { background:#3576b2;border-color:#3576b2;color:#fff; }
.customer-directory-view :is(button,input,select):focus-visible { outline:3px solid #d5e6fa;outline-offset:2px; }
.customer-directory-view .directory-error { margin:0 0 16px;padding:12px 15px;border:1px solid #edcfcb;border-radius:11px;background:#fff8f7;color:#a4554c;font-size:13px;line-height:1.6;overflow-wrap:anywhere; }
.customer-directory-view .directory-result-heading { display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:21px 20px 12px; }
.customer-directory-view .directory-total-line { margin:0;color:#606b7a;font-size:14px; }
.customer-directory-view .directory-total-line strong { margin-inline:4px;color:#242c3c;font-size:22px;font-weight:700;letter-spacing:-.04em; }
.customer-directory-view .directory-query-note { margin:6px 0 0;color:#8a93a0;font-size:12px;line-height:1.5; }
.customer-directory-view .directory-result-actions { display:flex;flex-wrap:wrap;gap:8px; }
.customer-directory-view .directory-state { min-height:18px;margin:0;padding:0 20px 16px;color:#8a93a0;font-size:12px;line-height:1.5; }
.customer-directory-view .directory-table-wrap { max-width:100%;overflow-x:auto; }
.customer-directory-view .directory-table { width:100%;min-width:710px;margin:0;border-spacing:0;border-collapse:collapse;table-layout:fixed;text-align:left; }
.customer-directory-view .directory-table th { padding:12px 9px;background:#fafbfd;border-block:1px solid #edf0f5;color:#818b9a;font-size:12px;font-weight:550;line-height:1.5; }
.customer-directory-view .directory-table td { height:70px;padding:13px 9px;border-bottom:1px solid #eef0f5;color:#4b5565;font-size:13px;line-height:1.5;vertical-align:middle;overflow-wrap:anywhere;box-sizing:border-box; }
.customer-directory-view .directory-table th:first-child,.customer-directory-view .directory-table td:first-child { padding-left:20px; }
.customer-directory-view .directory-table th:last-child,.customer-directory-view .directory-table td:last-child { padding-right:16px; }
.customer-directory-view .directory-table th:nth-child(1) { width:15%; }
.customer-directory-view .directory-table th:nth-child(2) { width:12%; }
.customer-directory-view .directory-table th:nth-child(3) { width:17%; }
.customer-directory-view .directory-table th:nth-child(4) { width:13%; }
.customer-directory-view .directory-table th:nth-child(5) { width:12%; }
.customer-directory-view .directory-table th:nth-child(6) { width:16%; }
.customer-directory-view .directory-table th:nth-child(7) { width:15%; }
.customer-directory-view .directory-table tbody tr:hover { background:#fcfdff; }
.customer-directory-view .directory-name { color:#2e3748!important;font-weight:600; }
.customer-directory-view .directory-phone { white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px!important; }
.customer-directory-view .directory-day { display:block;color:#5f6978;font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap; }
.customer-directory-view .directory-time { display:block;color:#939ba7;font-size:11px;font-variant-numeric:tabular-nums; }
.customer-directory-view .directory-status { display:inline-flex;align-items:center;min-height:24px;padding:3px 7px;border-radius:6px;background:#f0f3f8;color:#7b899b;font-size:11px;font-weight:550;white-space:nowrap; }
.customer-directory-view .directory-status[data-status="waiting"] { background:#fff6e9;color:#ac8b52; }
.customer-directory-view .directory-status[data-status="active"] { background:#edf6f1;color:#68937e; }
.customer-directory-view .directory-status[data-status="closed"] { background:#f2f3f6;color:#8b919c; }
.customer-directory-view .directory-table .directory-button { min-height:32px;padding:7px 8px;gap:4px;font-size:12px; }
.customer-directory-view .directory-table .directory-icon { width:13px;height:13px; }
.customer-directory-view .directory-table .directory-empty { height:180px;text-align:center;color:#929ba8;font-size:13px; }
.customer-directory-view .directory-pagination { display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:16px 20px; }
.customer-directory-view .directory-page-size { display:flex;align-items:center;gap:8px;color:#8a93a0;font-size:12px; }
.customer-directory-view .directory-page-size select { width:76px;min-height:32px;padding:5px 8px;font-size:12px; }
.customer-directory-view .directory-pages { display:flex;align-items:center;gap:10px; }
.customer-directory-view .directory-page { min-width:83px;text-align:center;color:#7d8796;font-size:12px;font-variant-numeric:tabular-nums; }
.customer-directory-view .directory-pages .directory-button { min-height:32px;padding:7px 10px;font-size:12px; }
.customer-directory-view .directory-pagination { background:#f4f8fd; }
.customer-directory-view .directory-page-size { color:#385578;font-weight:600; }
.customer-directory-view .directory-page-size select { border-color:#9ebee2;background:#fff;color:#24496f;min-width:82px;min-height:34px;font-weight:600;cursor:pointer; }
.customer-directory-view .directory-pages .directory-button { min-width:61px;min-height:34px;border-color:#b2cbe6;background:#e4effb;color:#285b8c;font-weight:600; }
.customer-directory-view .directory-pages .directory-button:hover:not(:disabled) { border-color:#7ea9d5;background:#d6e7fa;color:#194f81; }
.customer-directory-view .directory-pages .directory-button:disabled { opacity:1;border-color:#dce2e9;background:#edf0f4;color:#9aa4b2; }
.customer-directory-view .directory-page { min-width:100px;padding:8px 11px;border:1px solid #c2d6ed;border-radius:8px;background:#fff;color:#264e78;font-weight:650;box-sizing:border-box; }
.customer-directory-view .directory-presets .directory-button[aria-pressed="true"] { color:#285a8c;background:#e5f0fc;box-shadow:0 1px 3px #315e8e14; }
.customer-directory-view #directory-export-button { border-color:#b8d9ca;background:#f0f8f4;color:#317558; }
.customer-directory-view #directory-export-button:hover:not(:disabled) { background:#e3f2e9;border-color:#8dbca5;color:#265f46; }
@media(max-width:1100px) {
 .customer-directory-view .directory-filters { padding:17px;gap:15px; }
 .customer-directory-view .directory-fields { grid-template-columns:minmax(130px,165px) minmax(160px,1fr) auto;gap:10px; }
 .customer-directory-view .directory-result-heading { padding:18px 17px 12px; }
 .customer-directory-view .directory-state { padding-inline:17px; }
 .customer-directory-view .directory-result-actions .directory-button { padding-inline:10px;font-size:12px; }
}
@media(max-width:600px) {
 .customer-directory-view .directory-protection { align-items:flex-start;flex-wrap:wrap;padding:13px 14px;gap:10px; }
 .customer-directory-nav { display:inline-block;margin:0 0 8px; }
 .customer-directory-view .directory-content { padding-bottom:15px; }
 .customer-directory-view .directory-filters,.customer-directory-view .directory-results { border-radius:16px; }
 .customer-directory-view .directory-fields { grid-template-columns:1fr auto; }
 .customer-directory-view .directory-field:first-child { grid-column:1/-1; }
 .customer-directory-view .directory-presets .directory-button { padding-inline:10px;font-size:12px; }
 .customer-directory-view .directory-presets { gap:2px; }
 .customer-directory-view .directory-pagination { padding:14px; }
 .customer-directory-view .directory-page-size>span { display:none; }
}
