/* items used on a visit (itemsused.js) */
.iu-sheet .lbl { margin-top: 6px }
.iu-card { padding: 2px 14px }
.iu-saved { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--sep); font-size: var(--fs-14) }
.iu-saved:last-child { border-bottom: 0 }
.iu-charge { background: #fff4e0; color: #8a5300 }
.iu-planned { background: #eef2ff; color: #3b4a8a } /* set aside for treatment still planned: not placed, not off the shelf yet */
.iu-rm { display: flex; flex-direction: column; gap: 8px; padding: 0 0 12px }
.iu-rmacts { display: flex; align-items: center; gap: 12px }
.iu-draft { display: flex; flex-direction: column; gap: 8px }
.iu-row { border: 1px solid var(--sep); border-radius: 12px; padding: 10px 12px; display: flex; flex-direction: column; gap: 8px; background: #fff }
.iu-r1 { display: flex; align-items: center; gap: 8px; flex-wrap: wrap }
.iu-nm { flex: 1; min-width: 160px; display: flex; flex-wrap: wrap; gap: 6px; align-items: baseline }
.iu-nm .nf-in { flex: 1; min-width: 140px }
.iu-nm .nf-in.xs { flex: 0 0 90px; min-width: 0 }
.iu-qty { width: 64px; text-align: center }
.iu-procs, .iu-groups { margin: 0 }
.iu-lots { margin: 0 }
.iu-lotin { display: flex; flex-wrap: wrap; gap: 8px; align-items: center }
.iu-lotin .nf-in.sm { width: 150px }
.iu-r3 { display: flex; align-items: center; gap: 10px; flex-wrap: wrap }
.iu-chg { display: inline-flex; align-items: center; gap: 6px; font-size: var(--fs-13); cursor: pointer }
.iu-search { background: #f2f2f4; display: flex; align-items: center; gap: 6px }
.iu-search input { flex: 1; border: 0; background: none; font: inherit; outline: none }
.iu-items { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 8px }
.iu-item { border: 1px solid var(--sep); border-radius: 10px; padding: 9px 11px; background: #fff; text-align: start; display: flex; flex-direction: column; gap: 2px; font: inherit; cursor: pointer }
.iu-item small { color: var(--ink2); font-size: var(--fs-12) }
.iu-item.out { opacity: .65 }
.iu-item:hover { background: #f7f7f9 }
.iu-nf { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 8px }
.iu-vline { font-size: var(--fs-13); padding: 4px 0 2px; color: var(--ink) }
.iu-vline .hlbl { font-weight: 600; color: var(--ink2); font-size: var(--fs-12) }
.iu-pass { border: 1px solid var(--sep); border-radius: 12px; padding: 10px 14px; margin: 10px 0; background: #fbfbfd }
.iu-prow { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 6px 0; border-top: 1px solid var(--sep); font-size: var(--fs-13) }
.as2-iu { margin-top: 2px }
@media (max-width: 600px) { .iu-items { grid-template-columns: 1fr 1fr } .iu-lotin .nf-in.sm { width: 120px } }
.iu-set { padding: 4px 16px }
.iu-q { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 12px 0; border-bottom: 1px solid var(--sep) }
.iu-q:last-child { border-bottom: 0 }
.iu-q p { margin: 4px 0 0; max-width: 62ch }
.iu-why { margin: -4px 0 4px }