/* Palette and disclosure layout from the approved dispatch preview; scoped to this module. */
.dsp-module{--dsp-ink:#101e3d;--dsp-muted:#58729a;--dsp-accent:#e94b00;--dsp-green:#008b3b;--dsp-line:#cad8e9;--dsp-surface:#fff;--dsp-bg:#f5f8fc;--dsp-amber:#a84c00;--dsp-amber-bg:#fff0cc}
[data-theme="dark"] .dsp-module{--dsp-ink:#e7efff;--dsp-muted:#a8bcda;--dsp-accent:#ff995b;--dsp-green:#55d990;--dsp-line:#3b4d66;--dsp-surface:#172337;--dsp-bg:#111c2e;--dsp-amber:#ffd28c;--dsp-amber-bg:#47331a}
.dsp-module .dsp-accordion-list{display:flex;column-count:auto;align-items:flex-start;gap:12px;padding:2px 0 12px}
.dsp-accordion-column{display:flex;flex-direction:column;gap:12px;flex:1;min-width:0}
.dsp-module .dsp-accordion{width:100%;margin:0;box-sizing:border-box;border:1px solid var(--dsp-line);border-radius:4px;background:var(--dsp-surface);color:var(--dsp-ink);overflow:hidden}
.dsp-accordion-heading{position:relative;padding-bottom:6px}
.dsp-module .dsp-accordion .dsp-order-head{padding:14px 12px 4px 38px;background:var(--dsp-surface);border:0;gap:12px}
.dsp-module .dsp-accordion .dsp-order-head strong{color:var(--dsp-ink);font-size:15px}
.dsp-module .dsp-accordion .dsp-order-code{color:var(--dsp-accent);font-family:inherit;font-size:13px}
.dsp-module .dsp-accordion .dsp-order-balance>strong{font-size:22px;letter-spacing:-.4px;line-height:1.2}
.dsp-module .dsp-accordion .dsp-order-balance>span{color:var(--dsp-muted);font-size:11px}
.dsp-module .dsp-accordion .dsp-order-balance>button{color:var(--dsp-green);border-color:var(--dsp-green);background:var(--dsp-surface);width:40px;min-height:40px;margin-left:3px}
.dsp-module .dsp-accordion .dsp-order-balance>button:hover:not(:disabled){background:var(--dsp-bg)}
.dsp-module .dsp-accordion .dsp-group-status{display:flex;flex-wrap:wrap;gap:3px 7px;color:var(--dsp-muted);font-size:12px;line-height:1.5}
.dsp-group-status>span+span:before{content:'·';margin-right:7px;color:var(--dsp-muted)}
.dsp-module .dsp-status-delivered{color:var(--dsp-green);font-weight:600}
.dsp-module .dsp-status-pending{color:var(--dsp-amber);background:var(--dsp-amber-bg);border-radius:3px;padding:0 5px;font-weight:600}
.dsp-module .dsp-accordion-chevron,.dsp-module .dsp-accordion-toggle{border:0;background:transparent;box-shadow:none;cursor:pointer;font:inherit;min-height:34px;color:var(--dsp-accent)}
.dsp-module .dsp-accordion-chevron{position:absolute;top:19px;left:3px;width:32px;padding:0;color:var(--dsp-ink);display:grid;place-items:center}
.dsp-accordion:not(.is-expanded) .dsp-accordion-chevron svg{transform:rotate(-90deg)}
.dsp-module .dsp-accordion-toggle{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin:0 10px 0 auto;padding:4px 0;font-size:13px}
.dsp-module .dsp-accordion button:focus-visible{outline:2px solid var(--dsp-accent);outline-offset:-2px}
.dsp-module .dsp-accordion .dsp-order-dispatches{display:flex;flex-direction:column;gap:8px;padding:0 10px 10px}
.dsp-module .dsp-accordion .dsp-order-dispatches .dsp-slip{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:8px 10px;border:1px solid var(--dsp-line);border-radius:3px;background:var(--dsp-surface);padding:10px;box-shadow:none}
.dsp-module .dsp-accordion .dsp-slip-top{grid-column:1/-1;grid-row:1;display:flex;justify-content:space-between;align-items:center;gap:8px}
.dsp-module .dsp-accordion .dsp-slip-code{color:var(--dsp-ink);font-size:15px;font-weight:700}
.dsp-module .dsp-accordion .dsp-slip-when{color:var(--dsp-muted);font-size:11px}
.dsp-module .dsp-accordion .dsp-slip-items{grid-column:1/-1;grid-row:2;color:var(--dsp-muted);font-size:13px;margin:0}
.dsp-module .dsp-accordion .dsp-slip-items b.is-done{color:var(--dsp-green)}
.dsp-module .dsp-accordion .dsp-stamp{grid-column:1;grid-row:3;width:100%;max-width:none;margin:0;min-height:34px;padding:5px 7px;font-size:12px;border:1px solid var(--dsp-accent);background:var(--dsp-surface);color:var(--dsp-accent);border-radius:3px}
.dsp-module .dsp-accordion .dsp-slip-actions{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;align-items:start;margin:0}
.dsp-module .dsp-accordion .dsp-slip-actions>.dsp-stamp{grid-column:1;grid-row:1}
.dsp-module .dsp-accordion .dsp-slip-actions>.dsp-reprint{grid-column:2;grid-row:1}
.dsp-module .dsp-accordion .dsp-slip-actions>.dsp-void{grid-column:1/-1;grid-row:2}
.dsp-module .dsp-accordion .dsp-reprint{width:100%;min-height:34px;padding:5px 7px;border:1px solid var(--dsp-line);border-radius:3px;background:var(--dsp-surface);color:var(--dsp-ink);font-size:12px}
.dsp-module .dsp-accordion .dsp-void{width:100%;font-size:11px}
/* The legacy action-row stylesheet uses !important; override only these new cards. */
.dsp-module .dsp-accordion .dsp-slip-actions{display:grid!important;gap:8px 10px!important;margin-top:0!important}
.dsp-module .dsp-accordion .dsp-slip-actions>button{width:100%!important;min-height:36px!important;padding:6px 8px!important;font-size:12px!important;line-height:16px!important;border-radius:3px!important;background:var(--dsp-surface)!important;color:var(--dsp-ink)!important;border-color:var(--dsp-line)!important}
.dsp-module .dsp-accordion .dsp-slip-actions>.dsp-stamp{border-color:var(--dsp-accent)!important;color:var(--dsp-accent)!important}
.dsp-module .dsp-accordion .dsp-slip-actions>.dsp-void{color:var(--danger)!important}
.dsp-module .dsp-accordion button:focus-visible{background:var(--dsp-amber-bg)!important;text-decoration:underline!important}
.dsp-module .dsp-tabs .is-on{border-color:var(--dsp-accent);color:var(--dsp-ink)}
@media(max-width:1000px){.dsp-module .dsp-accordion .dsp-order-head{gap:8px;padding-left:31px}.dsp-module .dsp-accordion .dsp-order-balance>strong{font-size:19px}.dsp-module .dsp-accordion .dsp-order-head strong{font-size:14px}.dsp-module .dsp-accordion-chevron{left:0;width:28px}}
@media(max-width:700px){.dsp-module .dsp-accordion-list{flex-direction:column}.dsp-accordion-column{width:100%}.dsp-module .dsp-accordion .dsp-order-head{grid-template-columns:minmax(0,1fr) auto}.dsp-module .dsp-accordion-toggle{min-height:44px}}
@media(pointer:coarse){.dsp-module .dsp-accordion .dsp-order-balance>button,.dsp-module .dsp-accordion .dsp-stamp,.dsp-module .dsp-accordion .dsp-reprint{min-height:44px}}

/* Keep the disclosure beside the identity, directly below collection, not on a full extra row. */
.dsp-module .dsp-accordion-heading{display:grid;grid-template-columns:18px minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:0 7px;padding:8px}
.dsp-module .dsp-accordion .dsp-order-head{display:contents}
.dsp-module .dsp-accordion .dsp-order-head>div:first-child{grid-column:2;grid-row:1/3;align-self:center;display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:2px}
.dsp-module .dsp-accordion .dsp-order-balance{grid-column:3;grid-row:1;gap:1px 6px}
.dsp-module .dsp-accordion .dsp-order-balance>strong{font-size:19px}
.dsp-module .dsp-accordion .dsp-order-balance>button{width:36px;min-height:36px;margin-left:0}
.dsp-module .dsp-accordion-chevron{position:static;grid-column:1;grid-row:1/3;width:18px;min-height:36px}
.dsp-module .dsp-accordion-toggle{grid-column:3;grid-row:2;min-height:26px;margin:0;padding:2px 0;font-size:12px;gap:5px}
.dsp-module .dsp-accordion .dsp-group-status{gap:1px 5px;font-size:11px;line-height:1.35}
.dsp-module .dsp-accordion-list,.dsp-accordion-column{gap:8px}
@media(pointer:coarse){.dsp-module .dsp-accordion-toggle,.dsp-module .dsp-accordion-chevron{min-height:44px}.dsp-module .dsp-accordion .dsp-order-balance>button{width:44px;min-height:44px}}
@media(max-width:380px){.dsp-module .dsp-accordion-heading{gap:0 5px;padding:7px}.dsp-module .dsp-accordion .dsp-order-balance>strong{font-size:17px}.dsp-module .dsp-accordion .dsp-order-head strong{font-size:13px}}