.client-card-tabs {
  display: flex; flex-wrap: wrap; gap: 4px; margin: 0 0 18px; padding-bottom: 8px;
  border-bottom: 1px solid var(--border);
}
.client-card-tabs [role="tab"] { background: transparent; color: var(--muted-foreground); border-color: transparent; }
.client-card-tabs [role="tab"][aria-selected="true"] { background: var(--primary); color: var(--primary-foreground); }
.client-card-tabs [role="tab"]:focus-visible { outline: 2px solid var(--ring); outline-offset: 2px; }
.client-card-visits .reception-history-row > div { min-width: 0; overflow-wrap: anywhere; }
.client-card-visits small { display: block; }
.client-card-visits-summary { margin: 0 0 12px; }
.client-card-pagination, .client-card-visits-pagination { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; margin-top: 16px; }
[data-client-card] [hidden] { display: none !important; }
[data-client-card] .actions { flex-wrap: wrap; }
.client-card-services-summary, .client-card-services-empty { margin: 0 0 16px; }
.client-card-services, .client-card-products { display: grid; gap: 8px; }
.client-card-service-row, .client-card-product-row {
  display: grid; grid-template-columns: minmax(0, 1fr); gap: 6px;
  justify-content: stretch; align-items: stretch; width: 100%; box-sizing: border-box; padding: 12px;
  border: 1px solid var(--border); border-radius: 6px; background: var(--background);
  color: var(--foreground); font: inherit; text-align: left; white-space: normal;
}
button.client-card-service-row:hover { border-color: var(--primary); background: var(--muted); }
button.client-card-service-row:focus-visible { outline: 2px solid var(--ring); outline-offset: 2px; }
.client-card-service-heading, .client-card-product-heading { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 6px 12px; }
.client-card-service-heading strong, .client-card-product-heading strong { font-size: 15px; line-height: 1.4; flex: 1 1 200px; min-width: 0; overflow-wrap: anywhere; }
.client-card-service-meta, .client-card-product-meta { display: flex; flex-wrap: wrap; gap: 4px 16px; }
.client-card-service-meta, .client-card-service-coach, .client-card-product-meta { color: var(--muted-foreground); font-size: 12px; overflow-wrap: anywhere; }
.client-card-service-title { margin: 16px 0 8px; }
[data-client-service-detail] .form-grid { min-width: 0; }
@media (max-width: 600px) {
  [data-client-service-detail] .form-grid { grid-template-columns: minmax(0, 1fr); }
}