/* next-r96-desk.css (r96 phase 2, wave 0a, F-DESK): the Delivery screen, the receiving form's prefill marks, the review and
   release ceremony. Kit tokens only (next-v96-kit.css, next-v89.css). Phone rules at the end, under 700px. */

/* ---------- the receiving form: what came from the certificate or the delivery ---------- */
.r96from { margin-left: var(--s-2); font-style: normal; font-weight: var(--w-regular); font-size: var(--t-small-size); line-height: var(--t-small-lh); color: var(--positive-fg); }
.fg > .help.r96maker b { font-weight: var(--w-medium); color: var(--gray-900); }
.fg > .help.r96datenote { color: var(--attention-fg); }
.r96same .link { margin-left: var(--s-1); }

/* ---------- Check in a delivery ---------- */
.r96dl .card-h { flex-wrap: wrap; row-gap: 2px; }
.r96dl .card-h .sub { flex-basis: 100%; color: var(--gray-500); font-size: var(--t-small-size); line-height: var(--t-small-lh); }
.r96dl .card-b { display: flex; flex-direction: column; gap: var(--s-4); }
.r96head { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1fr); gap: var(--s-3) var(--s-4); }
.r96head .fg input[data-d="sellerOther"] { margin-top: var(--s-2); }
.r96head .full { grid-column: 1 / -1; }
.r96files { display: flex; flex-wrap: wrap; gap: var(--s-2); }
.r96files .btn { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.r96drop { display: flex; align-items: center; gap: var(--s-3); padding: var(--s-4); border: 1px dashed var(--gray-300); border-radius: var(--r-card); background: var(--gray-0); cursor: pointer; }
.r96drop .i { width: 20px; height: 20px; color: var(--gray-500); flex: none; }
.r96drop b { display: block; font-weight: var(--w-medium); color: var(--gray-900); }
.r96drop span { display: block; color: var(--gray-500); font-size: var(--t-small-size); line-height: var(--t-small-lh); }
.r96dl.r96over .r96drop { border-color: var(--accent); background: var(--accent-tint); }
.r96wait { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--s-2) var(--s-3); padding: var(--s-3) var(--s-4); border-radius: var(--r-ctl); background: var(--gray-50); font-size: var(--t-body-size); color: var(--gray-700); }
.r96rows table { width: 100%; table-layout: fixed; }
.r96rows th:nth-child(1) { width: 19%; } .r96rows th:nth-child(2) { width: 15%; } .r96rows th:nth-child(3) { width: 13%; }
.r96rows th:nth-child(4) { width: 19%; } .r96rows th:nth-child(5) { width: 9%; } .r96rows th:nth-child(6) { width: 8%; }
.r96rows th:nth-child(7) { width: 12%; } .r96rows th:nth-child(8) { width: 5%; }
.r96rows td { vertical-align: top; white-space: normal; }
.r96rows td input:not([type="checkbox"]), .r96rows td select { width: 100%; min-width: 0; height: 32px; padding: 0 var(--s-2); border: 1px solid var(--gray-200); border-radius: var(--r-ctl); background: var(--gray-0); font: inherit; font-size: var(--t-small-size); color: var(--gray-900); }
.r96rows td input.mono { font-family: var(--mono, ui-monospace, monospace); }
.r96rows td .r96from { display: block; margin: 2px 0 0; }
.r96file { display: block; margin-top: 2px; color: var(--gray-500); font-size: var(--t-small-size); line-height: var(--t-small-lh); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.r96rows td.mk { color: var(--gray-700); font-size: var(--t-small-size); line-height: var(--t-small-lh); padding-top: 14px; }
.r96date { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; }
.r96dateis { display: block; padding-top: 6px; font-size: var(--t-small-size); line-height: var(--t-small-lh); }
.r96dateis b { font-weight: var(--w-medium); color: var(--gray-900); }
.r96dateis span { color: var(--gray-500); }
.r96note { display: block; margin-top: 4px; color: var(--attention-fg); font-size: var(--t-small-size); line-height: var(--t-small-lh); }
.r96ok { display: flex; align-items: flex-start; gap: var(--s-2); padding-top: 6px; font-size: var(--t-small-size); line-height: var(--t-small-lh); color: var(--gray-900); cursor: pointer; }
.r96ok input { margin-top: 2px; }
.r96rows td.ok select { margin-top: var(--s-2); }
.r96ster { margin-top: var(--s-2); display: flex; flex-direction: column; gap: 4px; font-size: var(--t-small-size); }
.r96rows td.sx { position: relative; text-align: right; }
.r96st { display: block; text-align: left; font-size: var(--t-small-size); line-height: var(--t-small-lh); color: var(--gray-500); padding-top: 6px; }
.r96st.g { color: var(--positive-fg); } .r96st.a { color: var(--attention-fg); } .r96st.r { color: var(--critical-fg); }
.r96rows td.sx .link { display: block; text-align: left; font-size: var(--t-small-size); }
.r96x { position: absolute; top: 6px; right: 0; width: 24px; height: 24px; display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: var(--r-ctl); background: transparent; color: var(--gray-500); cursor: pointer; }
.r96x:hover { background: var(--gray-100); color: var(--gray-900); }
.r96x .i { width: 14px; height: 14px; }
.r96rows tr.checked td { background: var(--gray-50); }
.r96rows tr.reading td, .r96rows tr.checking td { opacity: .75; }
.r96foot { display: flex; align-items: center; flex-wrap: wrap; gap: var(--s-2) var(--s-3); }
.r96foot .muted { font-size: var(--t-small-size); line-height: var(--t-small-lh); }
.r96msg { margin: 0; }

/* ---------- the ceremony ---------- */
.r96cer .r96cer-t { flex: 0 0 auto; border: 1px solid var(--k-line, var(--gray-200)); border-radius: var(--r-ctl); margin: var(--s-3) 0; max-height: 320px; overflow: auto; }   /* a flex item that scrolls shrank to nothing in the dialog body */
.r96cer .r96cer-t td.ck, .r96cer .r96cer-t th.ck { width: 36px; }
.r96cer .r96cer-t td.nm b { display: block; font-weight: var(--w-medium); color: var(--gray-900); }
.r96cer .r96cer-t td.nm span { font-size: var(--t-small-size); color: var(--gray-500); }
.r96cer .r96cer-t td { vertical-align: top; }
.r96cer-sig dl { display: grid; grid-template-columns: max-content 1fr; gap: 4px var(--s-4); margin: var(--s-3) 0 0; font-size: var(--t-small-size); line-height: var(--t-small-lh); }
.r96cer-sig dt { color: var(--gray-500); }
.r96cer-sig dd { margin: 0; color: var(--gray-900); }
.r96rests { flex: 0 0 auto; margin: var(--s-2) 0 var(--s-3); border: 1px solid var(--k-line, var(--gray-200)); border-radius: var(--r-ctl); }
.r96rests > summary { padding: var(--s-2) var(--s-3); cursor: pointer; font-size: var(--t-small-size); color: var(--gray-700); }
.r96rest { padding: var(--s-2) var(--s-3) var(--s-3); border-top: 1px solid var(--k-line, var(--gray-200)); }
.r96rest > b { display: block; margin-bottom: var(--s-2); font-size: var(--t-small-size); font-weight: var(--w-medium); color: var(--gray-900); }
.r96list { list-style: none; margin: var(--s-2) 0 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.r96list li { display: flex; align-items: center; justify-content: space-between; gap: var(--s-3); font-size: var(--t-small-size); line-height: var(--t-small-lh); color: var(--gray-700); }
.r96list li b { font-weight: var(--w-medium); color: var(--gray-900); }
.r96open h4 + ul { margin-bottom: var(--s-3); }

/* ---------- phones ---------- */
@media (max-width: 699px) {
  .r96head { grid-template-columns: minmax(0, 1fr); }
  /* the rows read as the kit's phone cards (next-v85.css "tables as cards"): one labelled line a field; the product leads */
  #view .r96dl .tablewrap.r96rows > table tr { position: relative; padding: var(--s-3) 0; }
  #view .r96dl .tablewrap.r96rows > table td.pr { display: block; padding-right: 32px; }
  #view .r96dl .tablewrap.r96rows > table td.pr input { width: 100%; }
  #view .r96dl .tablewrap.r96rows > table td > input:not([type="checkbox"]), #view .r96dl .tablewrap.r96rows > table td > select, #view .r96dl .tablewrap.r96rows > table td > .r96date { flex: 1 1 auto; min-width: 0; }
  #view .r96dl .tablewrap.r96rows > table td.mk { padding-top: 2px; }
  #view .r96dl .tablewrap.r96rows > table td.dt, #view .r96dl .tablewrap.r96rows > table td.ok { flex-wrap: wrap; }
  #view .r96dl .tablewrap.r96rows > table td.sx { display: block; text-align: left; }
  .r96x { top: var(--s-3); right: 0; }
  .r96rows tr.checked td { background: transparent; }
  .r96foot .btn { width: 100%; justify-content: center; }
  .r96cer-sig dl { grid-template-columns: minmax(0, 1fr); }
  #dialog .r96cer .r96cer-t thead { display: none; }
  #dialog .r96cer .r96cer-t table, .r96cer .r96cer-t tbody { display: block; width: auto; }
  #dialog .r96cer .r96cer-t tr { display: grid; grid-template-columns: 28px minmax(0, 1fr); align-items: start; gap: 2px var(--s-2); padding: var(--s-3); border-bottom: 1px solid var(--k-line, var(--gray-200)); }
  #dialog .r96cer .r96cer-t td { display: block; height: auto; padding: 0; border: 0; }
  #dialog .r96cer .r96cer-t td.ck { grid-row: span 3; padding-top: 2px; }
  #dialog .r96cer .r96cer-t td:not(.ck):not(.nm) { grid-column: 2; font-size: var(--t-small-size); line-height: var(--t-small-lh); color: var(--gray-700); }
  .r96list li { flex-wrap: wrap; }
}

/* a certificate date that reads two ways: its two readings, one tap each (with F-DATES's VLotCard.dayMonthReadings) */
.r96picks { display: flex; flex-wrap: wrap; gap: 4px; margin: 4px 0; }
.r96picks .btn[aria-pressed="true"] { border-color: var(--accent); background: var(--accent-tint); }