/* A delivery and its bill (delivery.js). Prefix dv-. */
.dv-line{align-items:center}
.dv-extra input:first-child{flex:2;min-width:160px}
.dv-addrow{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin:2px 0 10px}
.dv-pay{margin:6px 0 10px;display:flex;flex-direction:column;gap:8px}
.dv-seg{width:auto;align-self:flex-start}
.dv-seg button{padding:5px 14px}
.dv-total{margin-top:2px}
.dv-attach{margin:4px 0 12px}
.dv-files{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch}
.dv-file{display:flex;flex-direction:column;align-items:center;gap:4px;width:96px;position:relative;font-size:var(--fs-11);color:var(--ink2);text-align:center}
.dv-file a{display:flex;flex-direction:column;align-items:center;gap:4px;color:inherit;text-decoration:none;width:100%}
.dv-file img,.dv-file>svg,.dv-file a>svg{width:96px;height:72px;object-fit:cover;border-radius:8px;background:#f2f2f4;color:var(--ink3);padding:0}
.dv-file>svg,.dv-file a>svg{padding:22px;box-sizing:border-box}
.dv-file>span,.dv-file a>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dv-file .x{position:absolute;top:-6px;inset-inline-end:-6px;width:22px;height:22px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.dv-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:96px;height:72px;border:1.5px dashed #cfd1d8;border-radius:8px;color:var(--c1t);font-size:var(--fs-11_5);cursor:pointer;text-align:center;padding:4px;box-sizing:border-box}
.dv-add:hover{background:#f6f8fc}
.dv-open{text-align:start;color:inherit;font:inherit;padding:0}
.dv-open:hover b{color:var(--c1t)}
.dv-clip{color:var(--ink3);vertical-align:middle;margin-inline-start:2px}
.dv-clip svg{width:13px;height:13px;vertical-align:-2px}
.dv-tostock{color:var(--c1t);text-decoration:none;display:inline-flex;align-items:center;gap:2px}
.dv-tostock svg{width:12px;height:12px}
:root[dir=rtl] .dv-tostock svg{transform:scaleX(-1)}
/* the bill itself */
.dv-bill{width:min(560px,calc(100vw - 24px))}
.dv-st{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}
.dv-lines{display:flex;flex-direction:column}
.dv-bl{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--sep2);font-size:var(--fs-13);align-items:baseline}
.dv-bl small{display:block}
.dv-bl b{font-variant-numeric:tabular-nums;font-weight:500;white-space:nowrap}
.dv-sums{display:flex;flex-direction:column;gap:3px;margin:8px 0 14px;font-size:var(--fs-13)}
.dv-sums>div{display:flex;justify-content:space-between;gap:12px;color:var(--ink2)}
.dv-sums b{font-variant-numeric:tabular-nums;font-weight:500;color:var(--ink)}
.dv-sums .dv-tot{font-weight:600;color:var(--ink)} .dv-sums .dv-tot b{font-size:var(--fs-16);font-weight:600}
.dv-sums .dv-open{color:#b25b00} .dv-sums .dv-open b{color:#b25b00;font-weight:600}
.dv-remove{margin-top:8px;padding:10px;border-radius:10px;background:#fdecea}
.dv-acts{display:flex;gap:8px;margin-top:14px}
.dv-acts .go2{flex:1;min-width:0}
/* Void… keeps its own width and padding, inside the sheet (TODO-from-manual #5) */
.dv-acts .sec2{flex:none;width:auto;height:38px;padding:0 18px;white-space:nowrap}
/* a stock item's deliveries */
.dv-dels{display:flex;flex-direction:column;margin-bottom:8px}
.dv-del{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--sep2);font-size:var(--fs-12_5);align-items:center}
.dv-del small{display:block}
.dv-delfiles{display:flex;gap:6px;align-items:center;flex:none}
.dv-thumb img,.dv-thumb svg{width:40px;height:30px;object-fit:cover;border-radius:5px;background:#f2f2f4;display:block;color:var(--ink3)}
.dv-thumb svg{padding:5px;box-sizing:border-box}

/* VAT registration by date (billing.js vatRegCard; server VatReg.cs) and the "VAT is part of the cost" note */
.vr-card{display:flex;flex-direction:column;gap:8px}
.vr-now b{font-weight:600}
.vr-acts{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.vr-ask .fld{max-width:220px}
.vr-odd p{margin:4px 0 8px}
.vr-list{background:#fff;border-radius:8px;max-height:220px;overflow:auto}
.vr-list .crow{padding:6px 10px}
.dv-vatcost{margin-top:4px}
/* VAT per line (VatLines.cs): one small chip per line, the sums at the bottom with their invoice's total to check */
.dv-vat{flex:none;min-width:48px;text-align:center}
.dv-vatro{cursor:default;margin-inline-start:6px;font-size:var(--fs-10_5);padding:1px 7px;vertical-align:1px}
.dv-vatro:hover{border-color:transparent}
.dv-remember{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:-2px 0 6px;padding:6px 10px;border-radius:8px;background:#f6f8fc;font-size:var(--fs-12_5)}
.dv-totals{margin:2px 0 4px}
.dv-says{max-width:260px}
.dv-match{display:flex;align-items:center;gap:4px;color:#2e6b34}