/* stockroom -- receive sheet (receive.js). Everything is scoped under the
   sheet's own class, .rcv. */

/* home: the purchases waiting to be unboxed */
.rcv .rcv-home > .section:first-child { margin-top: 4px; }
.rcv .rcv-pos { display: grid; gap: 10px; }
.rcv .rcv-po { display: flex; align-items: center; gap: 12px; width: 100%; padding: 13px 12px 13px 14px;
               text-align: left; color: inherit; min-height: 76px; }
.rcv .rcv-po:active { background: var(--paper); }
.rcv .rcv-po-main { flex: 1; min-width: 0; display: grid; gap: 3px; }
.rcv .rcv-po-top { display: flex; align-items: center; gap: 8px; min-width: 0; }
.rcv .rcv-po-name { flex: 1; min-width: 0; font-weight: 650; font-size: 16px; letter-spacing: -.01em;
                    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rcv .rcv-po-meta { font-size: 13px; color: var(--muted); font-variant-numeric: tabular-nums;
                    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rcv .rcv-po-items { font-size: 13.5px; color: var(--ink-2); font-weight: 500; line-height: 1.35;
                     display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.rcv .rcv-chev { color: var(--line-2); width: 18px; height: 18px; margin-right: -2px; }
.rcv .rcv-else { margin-top: 26px; }
.rcv .rcv-home > .rcv-else + .search { margin-top: 0; }

/* purchase screen */
.rcv .rcv-head { display: flex; align-items: center; gap: 12px; padding: 14px; }
.rcv .rcv-head .av.lg { width: 46px; height: 46px; font-size: 16px; }
.rcv .rcv-head-name { font: 700 18px/1.2 var(--f-ui); letter-spacing: -.015em;
                      overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rcv .rcv-head-meta { font-size: 13px; color: var(--muted); margin-top: 3px; font-variant-numeric: tabular-nums;
                      overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rcv .rcv-meta { display: flex; gap: 8px; margin: 12px 0; min-width: 0; }
.rcv .rcv-chip { max-width: 100%; min-width: 0; height: 40px; }
.rcv .rcv-chip .ellipsis { max-width: 190px; }
.rcv .rcv-chip > .i:last-child { width: 15px; height: 15px; color: var(--muted); margin-right: -4px; }
.rcv .rcv-chip.rcv-need { border-color: var(--warn); color: var(--warn); background: var(--warn-tint); }
.rcv .rcv-lines { margin-top: 12px; }
.rcv .rcv-line { transition: opacity .15s; }
.rcv .rcv-line.rcv-zero { opacity: .55; }
.rcv .rcv-line.rcv-zero .title { text-decoration: line-through; text-decoration-color: var(--faint); }
.rcv .rcv-line.rcv-short .sub { color: var(--warn); }
.rcv .rcv-po-screen > .tray-total { margin-top: 6px; }
.rcv .rcv-more { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: 14px; }
.rcv .rcv-more > .btn { padding-left: 4px; }

/* tray: supplier + date chips on one line */
.rcv .rcv-tray .rcv-meta { margin-top: 2px; }
.rcv .rcv-tray .rcv-meta .rcv-chip:first-child { flex: 0 1 auto; }
.rcv .rcv-tray .rcv-meta .rcv-chip:last-child { flex: none; }

@media (min-width: 700px) {
  .rcv .rcv-po:hover { border-color: var(--line-2); }
}