/* Customers + Payments + Waitlist screens (/app#/customers). Loaded after agent.css, before brand.css. */
.cu-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.cu-stats .stat b{font-variant-numeric:tabular-nums}
.cu-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:space-between}
.cu-search{position:relative;flex:1;min-width:200px;max-width:340px}
.cu-search input{width:100%;height:36px;border:1px solid var(--line2);border-radius:9px;padding:0 12px 0 32px;font:inherit;font-size:14px;background:#fff}
.cu-search input:focus{outline:none;border-color:var(--text);box-shadow:0 0 0 3px rgba(0,0,0,.06)}
.cu-search svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--muted)}
.cu-seg{display:flex;gap:2px;flex-wrap:wrap}
.cu-seg a{padding:6px 10px;border-radius:8px;font-size:13px;color:var(--muted);white-space:nowrap;border:1px solid transparent}
.cu-seg a:hover{color:var(--text);background:rgba(0,0,0,.03)}
.cu-seg a.on{color:var(--text);background:#fff;border-color:var(--line2);font-weight:500;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.cu-seg a i{font-style:normal;font-family:var(--mono);font-size:11px;color:var(--dim);margin-left:4px}
.cu-list{overflow:hidden}
.cu-row{display:grid;grid-template-columns:minmax(0,1.3fr) 92px 110px minmax(0,1.8fr) 96px 96px;gap:14px;align-items:center;padding:12px 18px;border-top:1px solid var(--line);color:inherit;transition:background .12s}
.cu-row:first-child{border-top:0}
a.cu-row:hover{background:var(--panel2)}
.cu-row.hd{font:11px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding-block:10px;background:var(--panel2)}
.cu-who{display:flex;align-items:center;gap:10px;min-width:0}
.cu-av{flex:none;width:30px;height:30px;border-radius:50%;background:var(--bg2);border:1px solid var(--line);display:grid;place-items:center;font-size:11.5px;font-weight:600;color:var(--soft);letter-spacing:0}
.cu-av.lg{width:48px;height:48px;font-size:16px}
.cu-who b{display:block;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cu-who small{display:block;color:var(--muted);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cu-ch{display:flex;gap:4px;color:var(--soft)}
.cu-ch span{width:22px;height:22px;border-radius:6px;border:1px solid var(--line);display:grid;place-items:center;font-size:12px;background:#fff}
.cu-what{font-size:13.5px;color:var(--soft);min-width:0}
.cu-what p{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cu-what small{display:block;color:var(--muted);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cu-what small b{color:var(--text);font-weight:500}
.cu-val{font-variant-numeric:tabular-nums;font-size:13.5px;text-align:right}
.cu-val small{display:block;color:var(--muted);font-size:11.5px}
.cu-when{font-size:12.5px;color:var(--muted);text-align:right;white-space:nowrap}
.cu-row>.tag,.pay-row .tag{justify-self:start;width:max-content}
.tag.st-new{background:#fff;border:1px solid var(--line2)}
.tag.st-lost{color:var(--dim)}
.cu-detail{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:16px;align-items:start}
.cu-top{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.cu-top h1{font-size:28px;letter-spacing:-.035em;line-height:1.1}
.cu-top .sub{color:var(--muted);font-size:13.5px;display:flex;gap:10px;flex-wrap:wrap}
.cu-top .sub a{text-decoration:underline;text-underline-offset:2px}
.cu-top .acts{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.cu-top select{height:34px;border:1px solid var(--line2);border-radius:8px;padding:0 10px;font:inherit;font-size:13.5px;background:#fff}
.cu-mem{display:grid;gap:14px}
.cu-mem .lbl{font:11px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);display:flex;justify-content:space-between;gap:10px}
.cu-mem .sum{font-size:15.5px;line-height:1.6}
.cu-facts{display:flex;flex-wrap:wrap;gap:6px}
.cu-facts span{font-size:13px;border:1px solid var(--line);background:var(--panel2);border-radius:999px;padding:3px 10px}
.cu-next{display:grid;grid-template-columns:minmax(0,1fr) 150px auto;gap:8px;align-items:end}
.cu-next input,.cu-notes textarea{width:100%;box-sizing:border-box;border:1px solid var(--line2);border-radius:9px;padding:9px 11px;font:inherit;font-size:14px;background:#fff}
.cu-notes textarea{min-height:96px;resize:vertical;line-height:1.5}
.cu-money{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cu-money div{border:1px solid var(--line);border-radius:10px;padding:12px 14px}
.cu-money b{display:block;font-size:20px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.cu-money span{font-size:12.5px;color:var(--muted)}
.cu-tl{display:grid}
.cu-tl a,.cu-tl .it{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:10px;padding:10px 0;border-top:1px solid var(--line);align-items:start;color:inherit}
.cu-tl a:first-child,.cu-tl .it:first-child{border-top:0}
.cu-tl a:hover b{text-decoration:underline}
.cu-tl .ic{width:24px;height:24px;border-radius:6px;border:1px solid var(--line);display:grid;place-items:center;font-size:12px}
.cu-tl p{margin:2px 0 0;font-size:13px;color:var(--muted)}
.cu-tl .t{font-size:12px;color:var(--muted);white-space:nowrap}
.pay-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) 96px 110px 64px 340px;gap:12px;align-items:center;padding:12px 18px;border-top:1px solid var(--line);font-size:14px}
.pay-row:first-child{border-top:0}
.pay-row.hd{font:11px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding-block:10px;background:var(--panel2)}
.pay-row .amt{font-variant-numeric:tabular-nums;font-weight:500;text-align:right}
.pay-row .acts{display:flex;gap:4px;justify-content:flex-end;flex-wrap:wrap}
.pay-row small{display:block;color:var(--muted);font-size:12px}
.pay-appr{border:1px solid var(--text);border-radius:12px;padding:14px 16px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;background:#fff}
.pay-appr .row input{width:110px;height:34px;border:1px solid var(--line2);border-radius:8px;padding:0 10px;font:inherit}
.pay-set{display:grid;gap:12px}
.pay-set .psopt{display:flex;gap:10px;align-items:flex-start;font-size:14px}
.pay-set .psopt input[type=number]{width:90px;height:32px;border:1px solid var(--line2);border-radius:8px;padding:0 8px;font:inherit}
.pay-set select{height:34px;border:1px solid var(--line2);border-radius:8px;padding:0 8px;font:inherit;background:#fff}
.linkbox{display:flex;gap:8px;align-items:center;border:1px solid var(--line2);border-radius:9px;padding:6px 6px 6px 12px;background:var(--panel2);font:13px var(--mono);overflow:hidden}
.linkbox span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cu-empty{padding:48px 22px;text-align:center;display:grid;gap:10px;justify-items:center;color:var(--muted)}
.cu-empty h3{color:var(--text);font-size:19px}
.cu-empty p{max-width:52ch}
.wl-tbl .cu-row{grid-template-columns:44px minmax(0,1.3fr) minmax(0,1.1fr) minmax(0,1fr) minmax(0,1.2fr) 90px 120px}
.wl-break{display:flex;flex-wrap:wrap;gap:6px}
.wl-break span{font-size:12.5px;border:1px solid var(--line);border-radius:999px;padding:3px 10px;background:#fff}
.wl-break b{font-weight:600;margin-left:4px}
@media (max-width:900px){
  .cu-stats{grid-template-columns:1fr 1fr}
  .cu-detail{grid-template-columns:1fr}
  .cu-row{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px}
  .cu-row.hd{display:none}
  .cu-row .cu-ch,.cu-row .cu-when{display:none}
  .cu-row .cu-what{grid-column:1/-1;order:3}
  .cu-row .cu-val{display:none}
  .cu-row>.tag{order:1;justify-self:end}
  .pay-row{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px}
  .pay-row.hd{display:none}
  .pay-row .acts{grid-column:1/-1;justify-content:flex-start}
  .pay-appr{grid-template-columns:1fr}
  .cu-next{grid-template-columns:1fr 1fr}
  .cu-top .acts{margin-left:0}
  .wl-tbl .cu-row{grid-template-columns:minmax(0,1fr) auto}
}

.gfeat2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.gfeat2>.card{align-content:start}
@media (max-width:900px){.gfeat2{grid-template-columns:1fr}}
.ld-tbl .cu-row{grid-template-columns:minmax(0,1.4fr) minmax(0,1.3fr) 76px 84px 100px 84px}
@media (max-width:760px){.ld-tbl .cu-row{grid-template-columns:minmax(0,1fr) auto}}