/* Shop customer list. Builds on the Shop Integrations dialog styles. */
.shop-customers-dialog .cl-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.shop-customers-dialog .cl-search{flex:1 1 260px;min-width:0}
.shop-customers-dialog .cl-filter{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 14px;color:#aaa;font-size:13px}
.shop-customers-dialog .cl-filter label{display:flex;gap:8px;align-items:center;color:#ccc;font-size:14px}
.shop-customers-dialog .cl-filter input{width:18px;height:18px;accent-color:#ff720a}
.shop-customers-dialog .cl-list{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.shop-customers-dialog .cl-row{padding:0;gap:0;align-items:stretch}
.shop-customers-dialog .cl-open{display:grid;gap:3px;flex:1 1 220px;min-width:0;overflow-wrap:anywhere;text-align:left;font:inherit;color:inherit;background:none;border:0;padding:13px 14px;cursor:pointer;border-radius:12px}
@media (hover:hover){.shop-customers-dialog .cl-open:hover strong{color:#ff9a55}}
.shop-customers-dialog .cl-chips{display:flex;gap:6px;align-items:center;padding:0 14px 0 0;flex-wrap:wrap}
.shop-customers-dialog .cl-chips:empty{display:none}
.shop-customers-dialog .cl-back{margin:0 0 14px}
.shop-customers-dialog .cl-back .shop-integration-button{min-height:38px;padding:7px 12px;font-size:13px}
.shop-customers-dialog .shop-integrations-body>.shop-integration-card+.shop-integration-card{margin-top:16px}
.shop-customers-dialog .cl-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:0 0 6px}
.shop-customers-dialog .cl-facts div{border:1px solid #333;border-radius:10px;padding:9px 12px;background:#151515;min-width:0}
.shop-customers-dialog .cl-facts dt{color:#999;font-size:11.5px;text-transform:uppercase;letter-spacing:.06em}
.shop-customers-dialog .cl-facts dd{margin:3px 0 0;color:#eee;font-size:14px;overflow-wrap:anywhere}
.shop-customers-dialog .cl-facts a{color:#ff9a55}
.shop-customers-dialog .cl-notes{white-space:pre-wrap;border-left:3px solid #604128;padding-left:12px}
.shop-customers-dialog .cl-form label{display:grid;gap:6px;font-size:13px;font-weight:600;color:#ccc}
.shop-customers-dialog textarea{width:100%;font:inherit;font-size:15px;color:#f5f5f5;background:#101010;border:1px solid #474747;border-radius:9px;padding:9px 12px;resize:vertical}
.shop-customers-dialog textarea:focus{border-color:#ff8a32;outline:none}
.shop-customers-dialog .cl-history{margin-top:16px}
.shop-customers-dialog .cl-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:720px){
 .shop-customers-dialog .cl-toolbar .shop-integration-button{flex:1 1 auto}
 .shop-customers-dialog .cl-chips{padding:0 14px 12px}
}
.shop-customers-dialog .cl-open strong,.shop-customers-dialog .cl-open small{overflow-wrap:anywhere;min-width:0}