/* CUSTOMERS_V1 (sandbox) - same look as kpistrip tiles + ui-btn pills */
.cu{max-width:1400px}
.cu .cu-tabs{display:flex;margin:6px 0 10px}
.cu-search{display:flex;gap:8px;align-items:center}
.cu-search input{flex:1;min-width:220px;font:inherit;padding:7px 10px;border:1px solid var(--bx-bd,#c9d6ea);border-radius:7px}
a.btn{display:inline-block;text-decoration:none}
a.btn.sec,button.btn.sec{background:#fff;color:#2f5bd3}
.cu-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;margin:0 0 12px}
.cu-t{background:#fff;border:1px solid #e1e7f0;border-left:3px solid #c9d6ea;border-radius:8px;padding:5px 8px 6px;min-width:0;box-shadow:0 1px 2px rgba(15,23,42,.05);display:flex;flex-direction:column}
.cu-t .cu-l,.cu-l{font-size:11px;font-weight:700;color:#475166;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}
.cu-t b{font-size:18px;line-height:1.2;color:#14213d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cu-t i{font-style:normal;font-size:11px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cu-grid{margin-top:4px}
.cu-consent{display:inline-block;font-size:11.5px;font-weight:600;padding:1px 8px;border-radius:999px;border:1px solid #f0c36d;background:#fff8e6;color:#8a5a00;white-space:nowrap}
.cu-consent.cu-c-express,.cu-consent.cu-c-implied{border-color:#86d3a1;background:#ecfdf3;color:#166534}
.cu-consent.cu-c-withdrawn,.cu-consent.cu-c-expired{border-color:#f3a5a5;background:#fef2f2;color:#991b1b}
.cu-banner{background:#fff8e6;border:1px solid #f0c36d;border-left:4px solid #f59e0b;border-radius:8px;padding:9px 12px;margin:0 0 12px;color:#5b3d00;font-size:13px;line-height:1.45}
.cu-block{background:#fef2f2;border:1px solid #f3c1c1;border-radius:7px;padding:6px 10px;margin:8px 0;color:#991b1b;font-size:12.5px}
.cu-smp{font-size:10px;font-weight:700;text-transform:uppercase;color:#5b6475;background:#eef2f7;border-radius:4px;padding:0 4px;margin-left:4px;vertical-align:middle}
.cu-prof{display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap}
.cu-prof h2{margin:0 0 2px;color:#14213d}
.cu-contact{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px;font-size:13.5px}
.cu-cs{min-width:260px;max-width:420px;display:flex;flex-direction:column;gap:5px;align-items:flex-start}
.cu-note{font-size:12px}
button.cu-send,.cu-send{background:#f1f3f7;border-color:#c5cbd6;color:#5b6475;cursor:not-allowed}
.cu-cols{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.6fr);gap:12px;align-items:start}
.cu-cols>section>.card{margin-bottom:12px;overflow:auto}
.cu-cols h3,.cu-lb h3{margin:0 0 8px;font-size:15px;color:#14213d}
.cu-tl{list-style:none;margin:0;padding:0;max-height:680px;overflow:auto}
.cu-tl li{display:flex;gap:8px;padding:6px 0;border-bottom:1px solid #eef2f7;font-size:13px}
.cu-tl li small{color:#5b6475}
.cu-tl li .muted{font-size:12px}
.cu-ico{flex:0 0 22px;height:22px;border-radius:50%;background:#eef2f7;display:flex;align-items:center;justify-content:center;font-size:12px}
.cu-k-deal .cu-ico,.cu-k-sold .cu-ico{background:#e7f6ec}.cu-k-ro .cu-ico{background:#e8f0fe}.cu-k-lost .cu-ico{background:#fdecec}
.cu-tl a.lk{font-size:11px;padding:0 6px}
.cu-vin{font-family:ui-monospace,Menlo,monospace;font-size:11.5px}
.cu-lb{display:grid;grid-template-columns:300px minmax(0,1fr);gap:12px;align-items:start}
.cu-lb>div>.card{margin-bottom:12px;overflow:auto}
.cu-ff{display:flex;flex-direction:column;gap:9px}
.cu-ff label{display:flex;flex-direction:column;gap:3px;font-size:12px;font-weight:600;color:#475166}
.cu-ff fieldset{border:1px solid #e1e7f0;border-radius:8px;padding:6px 8px 8px;display:flex;flex-wrap:wrap;gap:5px;align-items:center;margin:0}
.cu-ff legend{font-size:12px;font-weight:600;color:#475166;padding:0 3px}
.cu-ff fieldset span{font-size:12px;color:#5b6475}
.cu-ff select,.cu-ff input{font:inherit;font-size:13px;padding:4px 6px;border:1px solid var(--bx-bd,#c9d6ea);border-radius:6px;background:#fff;min-width:0}
.cu-ff fieldset input[type=date]{width:125px}.cu-ff fieldset input[type=number]{width:86px}.cu-ff fieldset select{flex:1 1 120px}
.cu-acts{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:4px 0}
.cu-acts input{flex:1;min-width:220px;font:inherit;padding:6px 9px;border:1px solid var(--bx-bd,#c9d6ea);border-radius:7px}
tr.cu-on td{background:#f4f7fc}
.toast.cu-bad{background:#991b1b;max-width:520px}
@media (max-width:1000px){.cu-cols,.cu-lb{grid-template-columns:1fr}}
.cu-scroll{overflow-x:auto;max-width:100%}.cu-scroll>table{min-width:100%}
.cu-lb>*,.cu-cols>*{min-width:0}