.customer-list{display:grid;gap:11px}.customer-group{background:#fff;border:1px solid #e2e5ed;border-radius:16px;box-shadow:0 8px 24px rgba(25,32,56,.06);overflow:hidden}.customer-group[open]{box-shadow:0 14px 34px rgba(25,32,56,.1);border-color:#d6d8e7}.customer-group summary{list-style:none;display:flex;align-items:center;gap:12px;min-height:64px;padding:11px 15px;cursor:pointer;user-select:none}.customer-group summary::-webkit-details-marker{display:none}.customer-main{display:grid;gap:2px;min-width:0;margin-right:auto}.customer-main strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-main small{color:#788096}.status-dots{display:flex;align-items:center;gap:7px}.status-count{display:inline-flex;align-items:center;gap:3px;background:transparent!important;color:#697089!important;font-size:10px}.status-count i{width:11px;height:11px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 15%,transparent)}.status-count.s-Baru{color:#3b82f6!important}.status-count.s-Sedang-desain{color:#635bff!important}.status-count.s-Dijeda,.status-count.s-Menunggu,.status-count.s-Preview{color:#e49423!important}.status-count.s-Selesai{color:#2f9d69!important}.status-count.s-Dibatalkan{color:#d34b5f!important}.status-count b{font-size:10px}.chevron{font-size:19px;color:#8a91a4;transition:transform .18s}.customer-group[open] .chevron{transform:rotate(180deg)}.customer-jobs{padding:0 11px 11px;display:grid;gap:9px}.customer-jobs .card{box-shadow:none;border-radius:13px;background:#fafbfe}.customer-jobs .card:hover{transform:none;background:#fff}
#install-app{position:fixed;right:18px;bottom:18px;z-index:30;border:0;border-radius:12px;padding:11px 16px;background:linear-gradient(135deg,#635bff,#28b8d5);color:#fff;font-weight:750;box-shadow:0 12px 28px rgba(75,67,212,.28);cursor:pointer}
@media(max-width:560px){.page{max-width:430px;margin:auto}.top{padding:12px 14px}.nav{padding:7px 8px}.nav button{font-size:12px;padding:7px 9px}.toolbar h1,.page>h1{font-size:21px}.card{padding:14px}.customer-group summary{min-height:58px;padding:9px 12px}.active-strip{padding:11px}.quick-grid button{font-size:11px}.sync{font-size:10px}.status-dots{gap:5px}.status-count i{width:10px;height:10px}}