/* Customers & Jobsites page (2026-10-15) — compact table instead of stacked cards.
   Same look as the Estimates and Drafts lists. */

.customer-directory-results .estimates-table-wrap{margin-top:4px}
.cd-table th,
.cd-table td{padding:6px 9px;vertical-align:middle}
.cd-table th{white-space:nowrap}

/* Name with a small contact line underneath. */
.cd-table td.cd-name strong{display:block;color:#17365d;font-size:13px;line-height:1.25}
.cd-table td.cd-name small{display:block;margin-top:2px;font-size:11px;color:#667085}

/* Columns sized to their contents. */
.cd-customers th:nth-child(2),
.cd-customers th:nth-child(4),
.cd-customers th:nth-child(5),
.cd-table td.cd-fit{width:1%;white-space:nowrap}
.cd-customers th:nth-child(4),
.cd-table td.cd-count{text-align:center}
.cd-table td.cd-address{color:#344054}

/* Small buttons on one row; disabled Delete is greyed out (hover explains why). */
.cd-table .estimate-action-group{flex-wrap:nowrap;gap:4px}
.cd-table .estimate-action-btn{min-height:28px;padding:5px 9px;font-size:12px;border-radius:5px}
.cd-table .estimate-action-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}

/* Expanded "View Projects" row and the Jobsites project lists. */
.cd-table tr.cd-expanded td{border-bottom-color:transparent}
.cd-table tr.cd-projects-row td{background:#f7fafd;padding:6px 9px 8px}
.cd-project-list{display:flex;flex-wrap:wrap;gap:6px 14px}
.cd-project{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#344054}
.cd-project .estimate-action-btn{min-height:24px;padding:3px 8px;font-size:11px}

/* Narrower screens: tighter padding; let the buttons wrap. */
@media (max-width:1100px){
  .cd-table th,
  .cd-table td{padding:6px 6px}
  .cd-table .estimate-action-group{flex-wrap:wrap}
  .cd-table td.cd-fit:last-child{white-space:normal;min-width:190px}
  .cd-table .estimate-action-btn{padding:4px 7px;font-size:11px}
}
@media (max-width:800px){
  .cd-table th,
  .cd-table td{padding:5px 4px}
}