/* Your customers (seller tools, step T8). */

.customers__intro { margin: 0 0 var(--space-2); }
.customers__care { margin: 0 0 var(--space-4); padding: var(--space-3); background: var(--info-bg); border-radius: var(--radius-sm); font-weight: 400; }
.customers__count { margin: var(--space-3) 0 var(--space-2); color: var(--text-muted); font-weight: 700; }
.customers__count:empty { display: none; }
.customers__empty { margin: 0; color: var(--text-muted); }
.customers__empty[hidden] { display: none; }
.customers__numbers { margin: var(--space-1) 0 0; font-weight: 800; }
.customers__buttons { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-top: var(--space-1); }
.customers__buttons .btn { font-size: var(--fs-base); padding-inline: 1rem; }
/* Call and WhatsApp as two links, like the Order Board (step 24). */
.customers__phone { display: flex; flex-wrap: wrap; gap: 0 var(--space-4); margin: var(--space-1) 0 0; font-size: var(--fs-sm); }
.customers__phone a { display: inline-flex; align-items: center; gap: .3rem; padding-block: .6rem; font-weight: 800; } /* a bigger tap area */
.customers__phone svg { width: 1.1em; height: 1.1em; flex: none; }
.customers__buttons svg { width: 1.1em; height: 1.1em; }
#more { margin-top: var(--space-3); }
#more[hidden] { display: none; }
.customers__back { margin: var(--space-5) 0 0; text-align: center; }
.customers__back a { display: inline-block; padding-block: .75rem; } /* a bigger tap area */