/* Dense client profile, scoped to this drawer; no changes to booking/payment dialogs. */
body > dialog#client-drawer.client-profile-dense {width:min(1000px,calc(100vw - 24px))}
#client-drawer.client-profile-dense .client-drawer-body {padding:16px}
#client-drawer.client-profile-dense .client-density-work {display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:12px;align-items:start}
#client-drawer.client-profile-dense .client-density-work > * {min-width:0}
#client-drawer.client-profile-dense .client-density-work #client-funds {display:grid;gap:10px;min-width:0}
#client-drawer.client-profile-dense .client-drawer-section {padding:14px}
#client-drawer.client-profile-dense .client-profile-finance-card > strong {font-size:24px}
#client-drawer.client-profile-dense .client-profile-finances > .client-profile-section-heading {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%)}
#client-drawer.client-profile-dense .client-profile-packages > .client-profile-section-heading {min-height:42px;align-items:center}
#client-drawer.client-profile-dense .client-density-package-heading {display:grid;gap:5px;min-width:0}
#client-drawer.client-profile-dense .client-density-package-heading > span {font-size:12px;color:var(--ws-muted)}
#client-drawer.client-profile-dense .client-profile-packages > .client-profile-section-heading > button {font-size:13px;padding:8px 10px;min-height:36px;flex-shrink:0}
#client-drawer.client-profile-dense .client-drawer-abonement-head {margin-bottom:10px}
#client-drawer.client-profile-dense .client-profile-sessions {margin-bottom:6px}
#client-drawer.client-profile-dense .client-drawer-finance {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:10px 0;margin:8px 0}
#client-drawer.client-profile-dense .client-drawer-finance-row {display:flex;flex-direction:column;align-items:flex-start;gap:4px;font-size:12px;min-width:0;overflow-wrap:anywhere}
#client-drawer.client-profile-dense .client-drawer-finance-row > :last-child {font-size:14px}
#client-drawer.client-profile-dense .client-drawer-abonement .client-drawer-actions {margin-top:8px}
#client-drawer.client-profile-dense .client-drawer-abonements {display:grid;gap:10px}
#client-drawer.client-profile-dense .client-drawer-abonements > .client-drawer-actions {margin-top:0}
#client-drawer.client-profile-dense :is(.client-drawer-stats,#client-drawer-pay-abonement)[hidden] {display:none!important}
#client-drawer.client-profile-dense :is(.client-wallet,.family-packages) {padding:12px 14px}
#client-drawer.client-profile-dense .family-package-card {padding:10px;margin-top:8px}
#client-drawer.client-profile-dense .family-packages .client-profile-section-heading > span {display:none}
#client-drawer.client-profile-dense .client-density-debt-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}
#client-drawer.client-profile-dense .client-density-debt-grid .training-debt-row {margin:0;padding:12px 14px;min-width:0;overflow-wrap:anywhere}
#client-drawer.client-profile-dense .client-density-debt-grid .client-density-visit-debt {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px}
#client-drawer.client-profile-dense .client-density-visit-debt > strong {grid-column:2;grid-row:1;white-space:nowrap}
#client-drawer.client-profile-dense .client-density-visit-debt > div:not(.client-drawer-actions) {grid-column:1;min-width:0}
#client-drawer.client-profile-dense .client-density-visit-debt > .client-drawer-actions {grid-column:2;grid-row:2 / 4;margin:0;align-self:center}
#client-drawer.client-profile-dense .client-density-visit-debt > .client-drawer-actions button {font-size:13px;padding:7px 10px}
#client-drawer.client-profile-dense .client-profile-quick {display:flex;gap:14px;align-items:center;flex-wrap:wrap}
#client-drawer.client-profile-dense .client-profile-quick .client-profile-section-heading {display:flex;align-items:center;margin:0;flex:0 0 170px}
#client-drawer.client-profile-dense .client-profile-quick .client-profile-section-heading > span {display:none}
#client-drawer.client-profile-dense .client-profile-services {flex:1 1 400px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:10px;min-width:0}
#client-drawer.client-profile-dense .client-profile-service {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;text-align:left;min-width:0;overflow-wrap:anywhere}
#client-drawer.client-profile-dense .client-profile-service small {grid-column:2;grid-row:1 / 3;align-self:center;color:#e29b8c}
:root[data-theme="light"] #client-drawer.client-profile-dense .client-profile-service small {color:#943a30}
#client-drawer.client-profile-dense #client-profile-book-error:not(:empty) {flex-basis:100%;margin:0}
#client-drawer.client-profile-dense .client-density-secondary {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}
#client-drawer.client-profile-dense :is(.client-density-secondary > details,.client-density-completed) {border:1px solid var(--ws-line);border-radius:10px;background:var(--ws-panel);padding:12px 14px;min-width:0}
#client-drawer.client-profile-dense .client-density-secondary summary {font-size:14px;overflow-wrap:anywhere}
#client-drawer.client-profile-dense .client-density-secondary .client-drawer-section {border:0;padding:12px 0 0;background:transparent}
#client-drawer.client-profile-dense .client-density-secondary .client-funds-help {margin-top:10px}
#client-drawer.client-profile-dense .client-density-upcoming-empty {display:flex;align-items:center;gap:10px;font-size:13px}
#client-drawer.client-profile-dense .client-density-upcoming-empty h3 {font-size:14px;margin:0;flex-shrink:0}
#client-drawer.client-profile-dense .client-density-upcoming-empty .client-drawer-empty {padding:0;border:0;background:transparent;min-height:0}
#client-drawer.client-profile-dense .client-profile-history {padding:12px 14px}
#client-drawer.client-profile-dense .client-profile-history .client-drawer-stats {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}
#client-drawer.client-profile-dense .client-density-completed > summary {margin:0}
#client-drawer.client-profile-dense .client-density-completed .client-drawer-abonement {margin-top:12px}
#client-drawer.client-profile-dense :is(.client-density-work,.client-density-secondary,.client-density-debt-grid) :is(input,select,textarea) {max-width:100%;min-width:0}
@media(max-width:800px){
 #client-drawer.client-profile-dense .client-density-work {grid-template-columns:1fr}
 #client-drawer.client-profile-dense .client-density-work #client-funds {grid-template-columns:repeat(2,minmax(0,1fr))}
 #client-drawer.client-profile-dense [data-funds-message] {grid-column:1 / -1}
 #client-drawer.client-profile-dense .client-density-debt-grid {grid-template-columns:1fr}
 #client-drawer.client-profile-dense .client-drawer-body {padding:12px}
}
@media(max-width:560px){
 #client-drawer.client-profile-dense .client-density-work #client-funds,
 #client-drawer.client-profile-dense .client-density-secondary {grid-template-columns:1fr}
 #client-drawer.client-profile-dense .client-profile-packages > .client-profile-section-heading {flex-wrap:wrap}
 #client-drawer.client-profile-dense .client-profile-quick {gap:10px}
 #client-drawer.client-profile-dense .client-profile-quick .client-profile-section-heading {flex-basis:100%}
 #client-drawer.client-profile-dense .client-profile-service {grid-template-columns:1fr}
 #client-drawer.client-profile-dense .client-profile-service small {grid-column:1;grid-row:auto}
 #client-drawer.client-profile-dense .client-density-visit-debt > strong {white-space:normal}
 #client-drawer.client-profile-dense .client-density-visit-debt > .client-drawer-actions {grid-column:1 / -1;grid-row:auto;justify-content:flex-start}
 #client-drawer.client-profile-dense .client-density-upcoming-empty {flex-wrap:wrap}
 #client-drawer.client-profile-dense .client-profile-history .client-drawer-stats {grid-template-columns:repeat(2,minmax(0,1fr))}
}