.ret-lines{display:grid;gap:10px;margin:12px 0}.ret-line{min-width:0;margin:0;padding:14px;border:1px solid #39404a;border-radius:14px;background:#181d25}.ret-line legend{padding:0 5px;color:#eff2f7;font-weight:650;font-size:14px}.ret-line small,.ret-origin small{display:block;color:#afb7c7;line-height:1.5;overflow-wrap:anywhere}.ret-line-heading{display:flex;justify-content:space-between;gap:12px;align-items:start}.ret-line-heading b{color:#f3f5f8}.ret-mini{display:flex;flex-wrap:wrap;gap:10px 22px;margin:10px 0}.ret-mini span{font-size:11px;color:#b6bfce}.ret-mini b{display:block;color:#edf1f7;font-size:20px;font-variant-numeric:tabular-nums;line-height:1.3}.ret-mini .ret-held b{color:#f3c966}.ret-mini .ret-approved b{color:#7fddc1}.ret-mini .ret-rejected b{color:#ff9da4}.ret-origin{position:relative;display:grid;gap:5px;border-left:3px solid #f3c966;padding:4px 12px;margin-bottom:12px}.ret-origin>b{color:#eef2f8;overflow-wrap:anywhere}.ret-state{font-size:11px;color:#8fe0c7;border:1px solid #41564f;background:#1d302a;border-radius:999px;padding:5px 9px;width:fit-content;white-space:nowrap}.ret-state.is-held{color:#f5d184;border-color:#665438;background:#342c20}.ret-list .wo-list-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center}.ret-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.ret-checks label{display:flex;align-items:center;gap:7px;font-size:12px;color:#d7ddea}.ret-checks input{accent-color:#7fddc1}.ret-line details{margin-top:10px;font-size:12px;color:#bac4d4}.ret-line details p{color:#d7ddea}.ret-receive,.ret-detail,.ret-inbox{min-height:260px}.ret-line-fields[hidden]{display:none}.ret-line .wh-field{margin-top:10px}.ret-line .wh-opening-confirm{font-size:12px}.ret-error{color:#ffb6bb}.ret-detail .wo-toolbar{margin:12px 0}.ret-detail .wh-audit p{font-size:12px;color:#c3cbda}.ret-receive form,.ret-detail form{min-width:0}@media(max-width:600px){.ret-list .wo-list-row{grid-template-columns:34px minmax(0,1fr)}.ret-list .ret-state{grid-column:2}.ret-checks{grid-template-columns:1fr}.ret-line-heading{flex-direction:column;gap:3px}.ret-line{padding:11px}.ret-mini{gap:10px 16px}.ret-mini b{font-size:18px}}