body.customers-page .mobile-page{max-width:var(--content-wide)}
body.customers-page .section-head{align-items:center;margin-bottom:var(--space-4)}
body.customers-page .section-head h1{margin:0;color:var(--color-text-primary);font-size:24px;letter-spacing:.04em}
body.customers-page .section-head p{margin:2px 0 0;color:var(--color-text-secondary);font-weight:700}
body.customers-page .section-head .section-action{width:auto!important;min-height:var(--control-height-md);height:var(--control-height-md);padding:0 var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-none)}
body.customers-page .mobile-search{min-height:var(--control-height-md);margin-bottom:var(--space-4);border-radius:var(--radius-md)}
body.customers-page .list-stack{gap:var(--space-3)}
body.customers-page .document-card{padding:var(--space-4);border-color:var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-subtle)}
body.customers-page .customer-card-link{cursor:pointer}
body.customers-page .customer-card-link:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-elevated)}
body.customers-page .customer-card-link:focus-visible{outline:0;box-shadow:var(--focus-ring)}
body.customers-page .doc-number{color:var(--color-brand-primary)}
body.customers-page .doc-title{color:var(--color-text-primary)}
body.customers-page .doc-client,
body.customers-page .doc-meta{color:var(--color-text-secondary)}
body.customers-page .customer-balance-label{color:var(--color-text-secondary);font-size:12px;font-weight:700}
body.customers-page .doc-actions a{min-height:44px;border-color:var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-brand-primary)}
body.customers-page .sheet-panel{border-radius:var(--radius-lg) var(--radius-lg) 0 0}
body.customers-page .sheet-panel label{color:var(--color-text-primary);font-size:14px;font-weight:800}
body.customers-page .sheet-panel .cp-input{font-size:16px}
body.customers-page .sheet-actions{gap:var(--space-2)}
.clients-eyebrow,.clients-desktop-description,.clients-summary,.client-table-head,.desktop-client-cells{display:none}

@media(min-width:901px){
  body.customers-page .clients-list-page{max-width:none;padding:42px 54px 64px}
  body.customers-page .section-head{margin:0 0 28px;align-items:flex-start}
  body.customers-page .section-head h1{font-size:38px;line-height:1.1;letter-spacing:-.025em;text-transform:none}
  body.customers-page .clients-eyebrow{display:block;margin-bottom:8px;color:var(--color-brand-accent);font-size:13px;font-weight:800;letter-spacing:.13em}
  body.customers-page .clients-mobile-subtitle{display:none}
  body.customers-page .clients-desktop-description{display:block;margin-top:10px;font-size:17px;font-weight:500}
  body.customers-page .section-head .section-action{min-width:172px;height:48px}
  body.customers-page .clients-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}
  body.customers-page .clients-summary article{padding:20px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}
  body.customers-page .clients-summary span{display:block;color:var(--color-text-secondary);font-size:14px}
  body.customers-page .clients-summary strong{display:block;margin-top:8px;color:var(--color-brand-primary);font-size:25px}
  body.customers-page .clients-controls{display:grid;grid-template-columns:minmax(280px,1fr) 190px;gap:12px;margin-bottom:18px}
  body.customers-page .mobile-search{margin:0}
  body.customers-page .client-table-head{display:grid;grid-template-columns:1.45fr 1.35fr .8fr .7fr 44px;gap:18px;padding:14px 20px;border:1px solid var(--color-border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--color-surface-muted);color:var(--color-text-secondary);font-size:13px;font-weight:800;text-transform:uppercase}
  body.customers-page .list-stack{gap:0}
  body.customers-page .document-card{margin:0;padding:0;border-top:0;border-radius:0;box-shadow:none}
  body.customers-page .document-card:last-child{border-radius:0 0 var(--radius-lg) var(--radius-lg)}
  body.customers-page .desktop-client-cells{display:grid;grid-template-columns:1.45fr 1.35fr .8fr .7fr 44px;gap:18px;align-items:center;min-height:82px;padding:14px 20px}
  body.customers-page .desktop-client-cells div{min-width:0}
  body.customers-page .desktop-client-cells strong,body.customers-page .desktop-client-cells span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  body.customers-page .desktop-client-cells strong{color:var(--color-text-primary);font-size:15px}
  body.customers-page .desktop-client-cells span{margin-top:5px;color:var(--color-text-secondary);font-size:13px}
  body.customers-page .desktop-client-cells>a{display:grid;width:40px;height:40px;place-items:center;border-radius:var(--radius-md);color:var(--color-brand-primary);text-decoration:none}
  body.customers-page .desktop-client-cells>a:hover{background:var(--color-brand-primary-subtle)}
  body.customers-page .mobile-client-content{display:none!important}
}

@media(max-width:600px){
  body.customers-page .mobile-page{padding-left:var(--space-4);padding-right:var(--space-4)}
  body.customers-page .section-head h1{font-size:20px}
  body.customers-page .doc-card-top{gap:var(--space-3)}
  body.customers-page .doc-actions{display:grid;grid-template-columns:1fr 1fr}
}