.customer-filters {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) minmax(190px, .45fr) auto auto;
    gap: 14px;
    align-items: end;
}
.customer-filters label span { font-size: 12px; }
.customer-filters button,
.customer-filters .button { height: 43px; display: grid; place-items: center; }
.admin-pagination { display: flex; justify-content: flex-end; align-items: center; gap: 14px; margin: 4px 0 24px; }
.admin-pagination a,
.admin-pagination span { background: #fff; border: 1px solid var(--line); border-radius: 8px; padding: 8px 13px; font-size: 12px; font-weight: 750; }
.admin-pagination span { color: var(--muted); }
.admin-pagination .disabled { pointer-events: none; opacity: .45; }
.ban-status { display: grid; justify-items: start; gap: 4px; min-width: 150px; }
.ban-status small { color: var(--muted); white-space: nowrap; }
.ban-status form { margin: 0; }
.ban-status .link { padding: 0; font-size: 12px; }
.pill.order-banned { color: #a12735; background: #fff0f2; border-color: #efb6bf; }
.pill.order-allowed { color: #176d50; background: #edf9f3; border-color: #b3dfca; }
@media (max-width: 800px) {
    .customer-filters { grid-template-columns: 1fr 1fr; }
    .admin-pagination { justify-content: center; }
}
@media (max-width: 540px) {
    .customer-filters { grid-template-columns: 1fr; }
    .admin-pagination { gap: 7px; }
    .admin-pagination a,
    .admin-pagination span { padding: 7px 9px; }
}
.staged-upload-box { display: block; margin-top: 12px; padding: 14px; border: 1px solid #dce4eb; border-radius: 10px; background: #f7f9fb; }
.staged-upload-heading { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 9px; }
.staged-upload-heading strong { min-width: 0; overflow: hidden; color: #27364a; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.staged-upload-heading b { flex: 0 0 auto; color: #207f7b; font-size: 16px; }
.upload-size-status { display: block; margin-top: 9px; color: #526071; font-weight: 700; }
.upload-size-status.error { color: var(--danger); }
.upload-size-status.complete { color: #21845f; }
.staged-upload-progress { display: block; width: 100%; height: 15px; overflow: hidden; border: 1px solid #d4dde5; border-radius: 99px; background: #e5eaf0; box-shadow: inset 0 1px 2px rgba(18,36,55,.08); }
.staged-upload-progress i { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#218f8c,#42c7b8); transition: width .12s linear; }
.staged-upload-box.active { border-color: #83cbc5; background: #f2fbfa; }
.staged-upload-box.complete { border-color: #79c49e; background: #effaf4; }
.staged-upload-box.error { border-color: #e2a6ae; background: #fff5f6; }