/* Client search layout, scoped so the superadmin keeps its own forms. */
.client-body{-webkit-font-smoothing:antialiased}
.client-body #recordings{max-width:1680px}.client-body .page-heading{margin-bottom:26px}.client-body .page-heading h1{text-wrap:balance}.client-body .page-heading p{line-height:1.6;color:#657589}
.client-body .records-panel{border-radius:16px;box-shadow:0 4px 24px #26344804}.client-body .panel-title{padding:24px 26px 22px}.client-body .panel-title h2{font-size:16px}.client-body #row-count{font-variant-numeric:tabular-nums;color:#637487}
.client-body #filters{display:block;padding:0 26px 22px}.client-body .filter-fields{display:grid;grid-template-columns:minmax(220px,1.65fr) repeat(2,minmax(150px,1fr));gap:18px}.client-body #filters label{font-size:12px;font-weight:600;color:#526277;min-width:0;flex:initial}
.client-body #filters label input,.client-body #filters label:nth-of-type(3) input,.client-body #filters label:nth-of-type(4) input{width:100%;height:44px;margin-top:8px;min-width:0;padding:11px 13px;font-size:13px;border-radius:9px;border-color:#dbe3e9;transition:border-color .15s,box-shadow .15s}
.client-body #filters input::placeholder{color:#8a98a7;font-weight:400}.client-body #filters input:focus,.client-body #filters select:focus{outline:0;border-color:#126ecc;box-shadow:0 0 0 3px #168aff22}
.client-body .phone-search{display:flex;align-items:center;gap:8px;height:44px;padding:0 10px 0 13px;border:1px solid #dbe3e9;border-radius:9px;margin-top:8px;background:#fff;transition:border-color .15s,box-shadow .15s}.client-body .phone-search:focus-within{border-color:#126ecc;box-shadow:0 0 0 3px #168aff22}.client-body .phone-search>span{font-size:24px;color:#73808d;font-weight:400}
.client-body #filters .phone-search input{border:0;box-shadow:none;outline:0;margin:0;padding:10px 0;height:42px;flex:1;background:transparent}.client-body #filter-phone::-webkit-search-cancel-button{-webkit-appearance:none}.client-body #clear-phone{background:transparent;font-size:22px;line-height:1;min-width:32px;min-height:38px;border-radius:6px;color:#6c7d8c}.client-body #clear-phone:hover{background:#edf1f5}
.client-body .filter-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-top:20px}.client-body .date-fields{display:flex;align-items:flex-end;gap:12px;min-width:0}.client-body #filters select{display:block;width:185px;height:44px;margin-top:8px;border-radius:9px;font-size:13px;padding:10px 12px;transition:border-color .15s,box-shadow .15s}.client-body #filters .date-fields input{width:150px;font-variant-numeric:tabular-nums}.client-body .date-separator{padding-bottom:13px;color:#9ba9b7}.client-body .filter-actions{display:flex;gap:10px;flex-shrink:0}.client-body .filter-actions button{min-height:44px;border-radius:9px;font-size:13px;padding:11px 16px}.client-body #search-submit{min-width:142px}.client-body #search-submit>span[aria-hidden]{font-size:22px;line-height:16px}
.client-body .filter-help{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:11px;color:#788797;margin-top:14px;line-height:1.6}.client-body .filter-help #timezone{color:#5d6873}.client-body .filter-error{margin:12px 0 0;color:#a43a32;font-size:12px;line-height:1.5}.client-body .filter-draft{font-size:11px;color:#8a642f;margin:12px 0 0}
.client-body .active-filters{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 26px 20px}.client-body .active-filters>span{font-size:11px;color:#7f8b97;margin-right:3px}.client-body .filter-chip{display:inline-flex;align-items:center;gap:9px;min-height:34px;max-width:100%;border:1px solid #d4dee8;background:#f0f4f8;color:#284869;border-radius:18px;padding:7px 11px;font-size:11px;overflow-wrap:anywhere;text-align:left}.client-body .filter-chip:hover{background:#e4ebf2}.client-body .filter-chip span{overflow-wrap:anywhere;min-width:0}.client-body .filter-chip b{font-size:16px;font-weight:400;flex-shrink:0}
.client-body .tabs{gap:26px;padding:0 26px;min-height:56px;background:#fcfdfd}.client-body .tabs button{min-height:52px;color:#69798a}.client-body .tabs button.selected{color:#126ecc}.client-body .tabs #search-status{display:inline;font-size:11px;line-height:1.5;color:#7c8a97;margin-left:auto}.client-body #search-status:empty{display:none}.client-body #call-results[aria-busy=true]{opacity:.55;transition:opacity .15s}.client-body #search-submit[data-loading=true]::after{content:'';width:12px;height:12px;border:2px solid #ffffff66;border-top-color:#fff;border-radius:50%;animation:search-spin .8s linear infinite}.client-body #search-submit[data-loading=true]>span[aria-hidden]{display:none}
.client-body #notice{font-size:12px;line-height:1.7}.client-body #notice:not(:empty){border-bottom:1px solid #f5e8cb;padding:12px 26px}.client-body #notice[data-tone=error]{color:#a13b32;background:#fff3f1;border-color:#f4d9d4}.client-body #rows tr:hover{background:#fafcfb}.client-body #rows td{font-variant-numeric:tabular-nums}.client-body .phone-button{min-height:40px}.client-body .play{width:36px;height:36px}.client-body .pagination{gap:16px}.client-body .pagination .secondary{min-height:40px;font-size:11px}.client-body .empty p{color:#718194;line-height:1.7}.client-body .empty .secondary{margin-top:8px;min-height:42px}
@keyframes search-spin{to{transform:rotate(360deg)}}
@media(min-width:1800px){.client-body #filters .date-fields input{width:175px}}
@media(max-width:1260px){.client-body .filter-bottom{flex-wrap:wrap}.client-body .filter-actions{margin-left:auto}.client-body .filter-fields{gap:14px;grid-template-columns:minmax(190px,1.5fr) repeat(2,minmax(130px,1fr))}}
@media(max-width:980px){.client-body .filter-fields{grid-template-columns:1fr 1fr}.client-body .phone-field{grid-column:1/-1}.client-body .filter-bottom{gap:14px}.client-body .date-fields{flex-wrap:wrap;flex:1}.client-body #filters select{width:170px}.client-body #filters .date-fields input{width:145px}.client-body .filter-help{display:block}.client-body .filter-help>span{display:block}}
@media(max-width:760px){.client-body main{padding-top:26px}.client-body .panel-title{padding:20px 18px}.client-body #filters{padding:0 18px 18px}.client-body .filter-fields{gap:15px 12px}.client-body #filters label{font-size:11px}.client-body #filters label input{font-size:16px}.client-body .date-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 12px;width:100%}.client-body .date-fields>label:first-child{grid-column:1/-1}.client-body #filters select,.client-body #filters .date-fields input{width:100%;font-size:16px}.client-body .date-separator{display:none}.client-body .filter-bottom{display:block}.client-body .filter-actions{margin-top:18px;width:100%}.client-body .filter-actions button{flex:1;min-height:46px}.client-body #search-submit{flex:1.35}.client-body .active-filters{margin:0 18px 18px}.client-body .tabs{padding:0 18px;gap:20px;flex-wrap:wrap}.client-body .tabs #search-status{display:none}.client-body .tabs button{font-size:11px}.client-body #notice:not(:empty){padding:12px 18px}.client-body .pagination{padding:14px 18px;align-items:center;flex-wrap:wrap}.client-body .pagination>div{margin-left:auto}.client-body .pagination label{display:flex}.client-body .pagination .secondary{min-height:42px}.client-body .footnote{line-height:1.7}.client-body .filter-chip{min-height:40px}.client-body #clear-phone{min-width:38px;min-height:40px}}
@media(max-width:360px){.client-body .filter-fields{grid-template-columns:1fr}.client-body .tabs{gap:14px}.client-body .pagination label{margin-right:0}.client-body .pagination>div{width:100%;justify-content:space-between}}
@media(prefers-reduced-motion:reduce){.client-body *{scroll-behavior:auto!important}.client-body #search-submit[data-loading=true]::after{animation:none}.client-body #call-results{transition:none}}
.client-body{overflow-x:clip}.client-body .main-wrap,.client-body main,.client-body .records-panel{min-width:0}.client-body .table-scroll{max-width:100%;contain:inline-size}
.client-body .search-tools{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:0 26px 16px;flex-wrap:wrap}.saved-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.saved-controls select{min-height:40px;max-width:260px}.feature-notice{padding:0 26px;font-size:12px;color:#126ecc;line-height:1.6}.feature-notice:empty{display:none}.feature-notice.error{color:#a43a32}.recording-check-status{margin:0;padding:10px 26px;background:#f0f6ff;font-size:12px;color:#315e93;line-height:1.6}.recording-check-status:empty{display:none}.checking{color:#126ecc;background:#eef5ff}.checking::before{content:'◌';display:inline-block;margin-right:5px}.contact-timeline{border-left:2px solid #d7e7fd;padding-left:20px;margin:18px 0}.timeline-event{padding:16px;border:1px solid #e0e8f2;border-radius:10px;margin-bottom:12px;background:#fcfdff}.timeline-event strong,.timeline-event small{display:block}.timeline-event small{font-size:11px;color:#7c8a9c;line-height:1.7}.timeline-event strong{margin:6px 0;color:#203e68}.timeline-event p{white-space:pre-wrap;line-height:1.6;font-size:13px;margin:8px 0}.timeline-event .secondary{margin-top:10px}.timeline-event.note{background:#f0f6ff}.client-body #save-search-dialog input{width:100%;margin-top:8px}.client-body .search-tools button{min-height:40px}@media(max-width:760px){.client-body .search-tools{padding:0 18px 16px}.saved-controls{width:100%}.saved-controls select{width:100%;max-width:none}.client-body #export-csv{width:100%}.contact-timeline{padding-left:12px}.recording-check-status{padding:10px 18px}}