/* Barang diterima / Tanggal terima (delivery-receipts.js, docs/DELIVERY_RECEIPTS.md §11). Same compact style as
   Mesin & Spare part and Rusak & Rework (owner): square corners, small boxes, little spacing; every tap target >= 44px.
   Neutral tokens only; green = received. */
.drc { padding: 0 .45rem .6rem; min-width: 0; }
.drc, .drc *, .drc-modal .modal, .drc-modal .modal * { border-radius: 0 !important; }
.drc-title { padding-bottom: .2rem; }
.drc-empty { padding: .8rem .5rem; text-align: center; color: var(--muted); font-size: .86rem; line-height: 1.45; }
.drc-err { color: #912018; }
.drc-hint { margin: .2rem 0; font-size: .78rem; color: var(--ink2); line-height: 1.3; }
.drc-chips { display: flex; flex-wrap: wrap; gap: .3rem; margin-bottom: .3rem; align-items: center; }
.drc-chip { min-height: 44px; padding: .2rem .7rem; border: 1px solid var(--border-input); background: #fff; color: var(--dark); font: inherit; font-size: .84rem; font-weight: 700; cursor: pointer; }
.drc-chip.on { background: var(--p); border-color: var(--p); color: #fff; }
.drc-icon { min-width: 44px; min-height: 44px; margin-left: auto; border: 1px solid var(--border); background: #fff; font-size: 1rem; cursor: pointer; }
.drc-range { display: flex; flex-wrap: wrap; gap: .3rem; align-items: flex-end; margin-bottom: .3rem; }
.drc-range label { display: flex; flex-direction: column; font-size: .74rem; color: var(--ink2); font-weight: 700; flex: 1 1 8.5rem; min-width: 0; }
.drc-range input { min-height: 44px; padding: 0 .4rem; border: 1px solid var(--border-input); background: #fff; font: inherit; font-size: 16px; min-width: 0; }
.drc-range-t { font-size: .74rem; color: var(--muted); margin: .1rem 0 .2rem; }
.drc-banner { margin: 0 0 .3rem; padding: .4rem .5rem; border: 1px solid var(--border-input); background: var(--light); font-size: .84rem; line-height: 1.35; }
.drc-sec { display: flex; align-items: center; gap: .35rem; margin: .5rem 0 .25rem; font-size: .9rem; font-weight: 800; color: var(--dark); }
.drc-sec span { padding: 0 .35rem; border: 1px solid var(--border-input); background: #fff; font-size: .74rem; color: var(--ink2); }
.drc-sec-done { color: var(--ok); }
.drc-card { margin-bottom: .35rem; padding: .45rem .55rem; background: #fff; border: 1px solid var(--border); box-shadow: var(--sh-sm); min-width: 0; }
.drc-card-done { border-left: 3px solid var(--ok); }
.drc-c-top { font-size: .98rem; line-height: 1.3; overflow-wrap: anywhere; }
.drc-code { color: var(--muted); font-size: .76rem; font-weight: 600; }
.drc-c-meta { font-size: .8rem; color: var(--ink2); line-height: 1.35; overflow-wrap: anywhere; }
.drc-c-line { font-size: .8rem; color: var(--dark); line-height: 1.35; margin-top: .1rem; overflow-wrap: anywhere; }
.drc-note { color: var(--ink2); font-style: italic; }
.drc-done { margin-top: .25rem; font-size: .95rem; font-weight: 800; color: var(--ok); overflow-wrap: anywhere; }
.drc-tag { display: inline-block; padding: 0 .3rem; border: 1px solid var(--border-input); background: var(--light); color: var(--muted); font-size: .7rem; font-weight: 700; vertical-align: middle; }
.drc-big { display: block; width: 100%; min-height: 54px; margin-top: .35rem; border: 1px solid var(--ok); background: var(--ok); color: #fff; font: inherit; font-size: 1.05rem; font-weight: 800; cursor: pointer; }
.drc-big:disabled { opacity: .55; cursor: default; }
.drc-actions { display: flex; flex-wrap: wrap; gap: .3rem; margin-top: .3rem; }
.drc-btn { display: inline-flex; align-items: center; justify-content: center; gap: .25rem; min-height: 44px; padding: .2rem .7rem; border: 1px solid var(--border-input); background: #fff; color: var(--dark); font: inherit; font-size: .86rem; font-weight: 700; cursor: pointer; }
.drc-btn:disabled { opacity: .55; cursor: default; }
.drc-btn-p { background: var(--ok); border-color: var(--ok); color: #fff; }
.drc-sheet { display: flex; flex-direction: column; gap: .4rem; }
.drc-s-head { font-size: .92rem; line-height: 1.3; overflow-wrap: anywhere; }
.drc-f { display: flex; flex-direction: column; gap: .15rem; font-size: .8rem; font-weight: 700; color: var(--ink2); }
.drc-f input { min-height: 48px; padding: 0 .5rem; border: 1px solid var(--border-input); background: #fff; font: inherit; font-size: 16px; color: var(--dark); min-width: 0; }
.drc-f-err { min-height: 1em; color: #912018; font-size: .84rem; font-weight: 700; }
.drc-f-err:empty { display: none; }
.drc-s-go { justify-content: flex-end; }
.drc-s-go .drc-btn { min-height: 54px; flex: 1 1 8rem; }
.drc-ev { padding: .35rem 0; border-bottom: 1px solid var(--border); font-size: .82rem; line-height: 1.4; overflow-wrap: anywhere; }
.drc-ev-h { color: var(--ink2); }