.clients-page { max-width: none; }
.client-sheet-tools { display: flex; align-items: center; }
.client-sheet-search { width: 100%; }
.client-sheet-table { --client-column-scale: 1; --client-actions-width: calc(85px * var(--client-column-scale)); min-width: calc(1014px * var(--client-column-scale)); table-layout: fixed; }
.client-sheet-table > thead > tr > .client-sheet-actions-heading { width: var(--client-actions-width); padding-inline: 12px; text-align: left; }
.client-sheet-table > thead > tr > th:first-child { width: calc(167px * var(--client-column-scale)); }
.client-sheet-table > thead > tr > th:has(.client-column-sort) { padding: 0; }
.client-sheet-table > thead > tr > th:nth-child(2) { width: calc(81px * var(--client-column-scale)); }
.client-sheet-table > thead > tr > th:nth-child(3) { width: calc(121px * var(--client-column-scale)); }
.client-sheet-table > thead > tr > th:nth-child(4) { width: calc(149px * var(--client-column-scale)); }
.client-sheet-table > thead > tr > th:nth-child(5) { width: calc(150px * var(--client-column-scale)); }
.client-sheet-table > thead > tr > th:nth-child(6) { width: calc(114px * var(--client-column-scale)); }
th[aria-sort] .client-column-sort { color: var(--accent); }
.client-column-sort span { color: var(--accent); }

.client-sheet-name { display: flex; align-items: center; width: 100%; min-height: var(--row-height); }
.client-sheet-name > strong { min-width: 0; flex: 1; align-self: center; padding: var(--cell-padding-y) var(--cell-padding-x); font-weight: 500; white-space: normal; overflow-wrap: anywhere; }
.client-sheet-number, .client-sheet-date { font-variant-numeric: tabular-nums; }
.client-sheet-date { white-space: nowrap; }
.client-sheet-date--overdue { color: var(--red-ink); }
.client-cell-muted { color: var(--muted); font-size: var(--text-meta); }
.client-sheet-finishes { white-space: normal; overflow-wrap: anywhere; }
.client-profile .order-workspace { display: block; border-top: 1px solid var(--line); }
.client-profile-section:last-child { margin-bottom: 0; }
.client-profile-section h2 { margin: 0 0 16px; font-family: var(--sans); font-size: var(--title-section); font-weight: 600; }
.client-details > h2 { margin-bottom: 8px; }
.client-details-empty { color: var(--muted); font-size: var(--text-dense); }
.client-details-ledger dd { margin: 0; }
.client-details-ledger dd p { margin: 0 0 8px; }
.client-details-ledger dd p:last-child { margin-bottom: 0; }
.client-profile-form { margin-top: 20px; }
.client-profile-form > .button { margin-top: 20px; }
.client-profile-form [aria-invalid="true"] { border-color: var(--red); }
.client-reference-list { list-style: none; padding: 0; margin: 10px 0 0; }
.client-reference-list li { padding: 12px 0; border-bottom: 1px solid var(--line); font-size: var(--text-dense); overflow-wrap: anywhere; }
.client-reference-list li:first-child { padding-top: 0; }
.client-reference-list li:last-child { border-bottom: 0; padding-bottom: 0; }
.client-reference-list p { margin: 0; }

/* Keep actions in the scrollable grid and contain their absolute accessible label. */
.clients-page .client-sheet-table :is(th, td).data-grid__actions { position: relative; }
.client-sheet-table > thead > tr > th:nth-child(7) { width: calc(147px * var(--client-column-scale)); }
.client-scroll-hint { margin: 0 0 8px; }
@media (max-width: 640px) {
  .client-sheet-table { --client-column-scale: .892; }
}

/* Long names remain legible in the same explicit-save editor. */
.client-sheet-name textarea.client-name-input { field-sizing: content; height: auto; min-height: var(--row-height); resize: none; white-space: pre-wrap; overflow-wrap: anywhere; text-overflow: clip; }
@supports not (field-sizing: content) {
  .client-sheet-name textarea.client-name-input { min-height: calc(2 * var(--line-body) + 2 * var(--cell-padding-y) + 2px); }
}

.client-sheet-search .search-control { flex-basis: 320px; }
@media (max-width: 760px) {
  .client-sheet-search .search-control { flex-basis: 100%; }
}
.clients-page .client-sheet-tools { margin-bottom: 12px; }
.clients-page .client-sheet-search { margin-bottom: 0; }
.client-profile-form .form-grid { grid-template-columns: minmax(0, 1fr); gap: 0; }
.client-profile-form .form-field { display: grid; grid-template-columns: 128px minmax(0, 1fr); gap: 16px; margin: 0; padding: 8px 12px; border-bottom: 1px solid var(--line-soft); }
.client-profile-form .field-label { margin: 0; padding-block: 8px; }
.client-profile-form .form-field:last-child { border-bottom: 0; }
@media (max-width: 480px) {
  .client-profile-form .form-field { grid-template-columns: 110px minmax(0, 1fr); gap: 12px; padding-inline: 0; }
}

@media (min-width: 1280px) {
  .client-scroll-hint { display: none; }
}

.client-profile-section .section-heading h2 { margin: 0; }
.order-panel .client-profile .workspace-section { margin: 0; padding-block: 24px; }
.order-panel .client-profile .order-workspace__main { padding: 16px 24px 0; }
@media (max-width: 760px) {
  .order-panel .client-profile .order-workspace__main { padding-inline: 20px; }
  .order-panel .client-profile .workspace-section { padding-block: 20px; }
}

.client-sheet-table > thead > tr > th:first-child .client-column-sort, .client-sheet-name > :is(strong, textarea) { padding-left: 24px; }

.client-order-history__row { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: var(--row-height); padding: 8px 12px; border-bottom: 1px solid var(--line-soft); color: var(--ink); text-decoration: none; }
.client-order-history__row:last-child { border-bottom: 0; }
.client-order-history__row > span:first-child { min-width: 0; overflow-wrap: anywhere; }
.client-order-history__row .stage-marker { flex-shrink: 0; font-size: var(--text-meta); }
.client-order-history__row:hover { background: var(--band); }