/* ═══════════════════════════════════════════════════════════════════════
   PHIẾU TỔNG HỢP GIAO HÀNG (/delivery-summary)
   Layout web thường (MainLayout). Mỗi team = 1 "phiếu" dạng tài liệu.
   Token-based để hợp cả Light & Dark mode: dùng var(--mud-palette-*) /
   rgba(var(--ag-fg-rgb), …) thay vì màu cứng.
   ═══════════════════════════════════════════════════════════════════════ */

.ds-page { display:grid; gap:14px; padding-top:20px; }

.ds-header { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; flex-wrap:wrap; }
.ds-title { display:flex; align-items:center; gap:10px; }

/* ── Card khung chung ── */
.ds-card {
    border:1px solid var(--mud-palette-lines-default); border-radius:10px;
    background:rgba(var(--ag-fg-rgb), .02); overflow:hidden;
}
.ds-card-body { padding:14px 16px; }

/* ── Thanh lọc ── */
.ds-filter {
    display:flex; gap:12px; align-items:center; flex-wrap:wrap;
    padding:12px 16px; background:rgba(var(--mud-palette-primary-rgb), .04);
}
.ds-filter-date { max-width:200px; }
.ds-filter-team { min-width:240px; max-width:320px; }

/* ── Phiếu (1 team) ── */
.ds-doc-head {
    display:flex; justify-content:space-between; align-items:flex-start; gap:16px; flex-wrap:wrap;
    padding:14px 16px; border-bottom:1px solid var(--mud-palette-lines-default);
    background:rgba(var(--mud-palette-primary-rgb), .05);
}
.ds-doc-cust { display:grid; gap:4px; }
.ds-doc-meta {
    display:flex; gap:14px; align-items:center; flex-wrap:wrap;
    font-size:.85rem; opacity:.85;
}
.ds-doc-meta span { display:inline-flex; align-items:center; gap:4px; }
.ds-doc-meta .mud-icon-root { font-size:1rem; opacity:.7; }
.ds-doc-note {
    display:inline-flex; align-items:flex-start; gap:6px; margin-top:4px;
    font-size:.85rem; padding:5px 10px; border-radius:7px;
    background:rgba(var(--mud-palette-warning-rgb), .12);
    color:var(--mud-palette-warning-darken); max-width:640px;
}
.ds-doc-note .mud-icon-root { font-size:1rem; margin-top:1px; flex:0 0 auto; }
.ds-doc-actions { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }

/* ── Bảng SP trong phiếu ── */
.ds-doc-table { padding:0 4px 6px; }
.ds-code { font-family:Consolas, "Cascadia Mono", monospace; font-size:.82rem; opacity:.85; white-space:nowrap; }
.ds-name { font-weight:600; }
.ds-qty { font-weight:800; font-variant-numeric:tabular-nums; white-space:nowrap; }
.ds-muted { opacity:.55; }
.ds-foot {
    font-weight:700; border-top:2px solid var(--mud-palette-lines-default);
    background:rgba(var(--ag-fg-rgb), .03);
}

/* ── Empty state ── */
.ds-empty {
    display:grid; place-items:center; gap:12px; text-align:center;
    padding:36px 18px; min-height:200px;
}
.ds-empty-icon { color:var(--mud-palette-text-disabled); }

/* ── Responsive ── */
@media (max-width: 640px) {
    .ds-filter > * { flex:1 1 100%; }
    .ds-filter-date, .ds-filter-team { max-width:100%; }
    .ds-doc-actions { width:100%; }
}