/* next-r96-supply.css (r96 phase 2, wave 2, W2-SUPPLY): a supplier's recall notice on the lot, Trace, Today and Recalls; the
   seller's answer about the maker beside the unnamed-maker hold. The workspace's own tokens only. */
#view .r96n, #view .r96n-list, #view .r96mdc { margin: 0 0 var(--s-4); }
#view .r96n { box-shadow: inset 3px 0 0 var(--attention-dot, #d97706); }
#view .r96n .card-h { flex-wrap: wrap; gap: var(--s-2) var(--s-3); }
#view .r96n .card-h .sub, #view .r96n-list .card-h .sub, #view .r96mdc .card-h .sub { flex: 1 1 100%; overflow-wrap: anywhere; }
#view .r96n .card-b { padding-top: var(--s-2); }
#view .r96n-here { margin: 0 0 var(--s-3); font-size: var(--t-body-size); line-height: var(--t-body-lh); color: var(--gray-900); overflow-wrap: anywhere; }
#view .r96n-here b { font-weight: var(--w-semibold); }
#view .r96n-line { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: var(--s-3); margin: var(--s-2) 0 0; font-size: var(--t-small-size); line-height: var(--t-small-lh); color: var(--gray-900); overflow-wrap: anywhere; }
#view .r96n-line > span:first-child { color: var(--gray-500); }
#view .r96n-fda { display: flex; gap: var(--s-2); align-items: flex-start; margin: var(--s-3) 0 0; padding: var(--s-2) var(--s-3); border: 1px solid var(--gray-200); border-radius: 10px; font-size: var(--t-small-size); line-height: var(--t-small-lh); color: var(--gray-700); overflow-wrap: anywhere; }
#view .r96n-fda svg { flex: none; width: 16px; height: 16px; margin-top: 2px; color: var(--gray-500); }
#view .r96n-fda b { color: var(--gray-900); font-weight: var(--w-semibold); }
#view .r96n-a { display: flex; flex-wrap: wrap; gap: var(--s-2); align-items: center; margin-top: var(--s-3); }
#view .r96n-bound, #dialog .r96n-bound { margin: var(--s-3) 0 0; font-size: var(--t-small-size); line-height: var(--t-small-lh); color: var(--gray-500); }
#view .r96n-rows { display: grid; }
#view .r96n-row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: var(--s-3); align-items: center; padding: var(--s-3) var(--s-5); border-top: 1px solid var(--gray-200); }
#view .r96n-row > div { min-width: 0; display: grid; }
#view .r96n-row .l1 { font-weight: var(--w-medium); color: var(--gray-900); overflow-wrap: anywhere; }
#view .r96n-row .l2 { font-size: var(--t-small-size); line-height: var(--t-small-lh); color: var(--gray-500); overflow-wrap: anywhere; }
#view .r96n-list .card-h { flex-wrap: wrap; gap: var(--s-2) var(--s-3); }
#dialog .r96n-ul { margin: 0; padding: 0 0 0 18px; }
#dialog .r96n-ul li { margin: 4px 0; overflow-wrap: anywhere; }
#dialog .r96n-ex { max-height: 260px; overflow: auto; margin: 0; padding: var(--s-3); border: 1px solid var(--gray-200); border-radius: 10px; background: var(--gray-25, #f8f9fa); font-family: inherit; font-size: var(--t-small-size); line-height: var(--t-small-lh); white-space: pre-wrap; overflow-wrap: anywhere; color: var(--gray-700); }
#dialog .r96n-typed { margin-top: var(--s-3); }
#dialog .r96n-typed summary { cursor: pointer; font-weight: var(--w-medium); color: var(--gray-700); }
#dialog .r96n-trows { display: grid; gap: var(--s-2); margin-top: var(--s-3); }
#dialog .r96n-trow { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr); gap: var(--s-2); }
#dialog .r96n-prev:not(:empty) { margin-top: var(--s-3); padding-top: var(--s-2); border-top: 1px solid var(--gray-200); }
#view .r96mdc { box-shadow: inset 3px 0 0 var(--gray-300); }
#view .r96mdc .card-h { flex-wrap: wrap; gap: var(--s-2) var(--s-3); }
#view .r96mdc .card-b p { overflow-wrap: anywhere; }
#view .tr-main > .r96n { margin: 0 0 var(--s-3); }
@media (max-width: 699px) {
  #view .r96n .card-h h2, #view .r96mdc .card-h h2 { flex: 1 1 100%; }
  #view .r96n .card-h .tag, #view .r96mdc .card-h .tag { white-space: normal; max-width: 100%; height: auto; }
  #view .r96n-line { grid-template-columns: minmax(0, 1fr); gap: 2px; }
  #view .r96n-row { grid-template-columns: minmax(0, 1fr); padding: var(--s-3) var(--s-4); }
  #view .r96n-row .btn { justify-self: start; }
  #dialog .r96n-trow { grid-template-columns: minmax(0, 1fr); }
}