/* orders styles (see js/views/orders.js): nursery order list + order lists by supplier */
.po-new{margin:-4px 0 12px}
.po-sub{font-weight:400;color:var(--muted);font-size:.7em}
.po-meta{align-items:end}
.po-del{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.po-del .input{max-width:190px}
.po-adds{display:flex;flex-wrap:wrap;gap:8px}
.po-file{position:relative}
.po-drop{border:1.5px dashed var(--line2);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px}
.po-drop.over{border-color:var(--accent);background:var(--accent-soft)}
.po-drop .hint{margin:0}
.po-tip{display:block;margin-top:3px}
.po-busy{display:flex;align-items:center;gap:12px;font-weight:500;padding:6px 0}
.po-spin{width:20px;height:20px;border-radius:50%;border:2.5px solid var(--line2);border-top-color:var(--accent);animation:po-spin .8s linear infinite;flex:none}
@keyframes po-spin{to{transform:rotate(360deg)}}
.po-imp{border-color:var(--accent)}
.po-rows{display:flex;flex-direction:column;gap:6px}
.po-r{display:grid;grid-template-columns:28px minmax(180px,2.4fr) 110px 76px minmax(130px,1.3fr) 30px;gap:6px;align-items:center}
.po-r.po-r7{grid-template-columns:28px minmax(180px,2.4fr) 110px 76px minmax(150px,1.4fr) minmax(110px,1.1fr) 30px}
.po-rh{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.po-r .input{min-width:0;width:100%}
.po-r.off .input{opacity:.45}
.po-r.warn input[data-f="qty"]{border-color:var(--warn);background:var(--warn-soft)}
.po-r input[type=checkbox]{width:20px;height:20px}
.po-i{text-align:center}
.po-bar{margin-top:10px;flex-wrap:wrap}
.po-impbar{margin-top:12px;flex-wrap:wrap}
.po-supall{flex:1 1 260px;max-width:420px}
.po-send{flex-wrap:wrap}
.po-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));gap:14px;margin-bottom:14px;align-items:start}
.po-card .hd{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.po-card .hd h2{flex:1}
.po-unas{border-style:dashed}
.po-tbl td{padding:6px 8px}
.po-tbl .chip{text-decoration:none;margin:1px 0}
.po-pastebox,.po-copybox{width:100%;font-family:ui-monospace,Consolas,monospace;font-size:13px}
@media (max-width:760px){
  .po-rh{display:none}
  .po-r,.po-r.po-r7{grid-template-columns:1fr 1fr 40px;padding:10px 0;border-bottom:1px solid var(--line)}
  .po-r > *{grid-column:auto}
  .po-r > :nth-child(1){grid-row:1;grid-column:3;justify-self:center}
  .po-r > :nth-child(2){grid-row:1;grid-column:1 / 3}
  .po-r > :nth-child(3){grid-row:2;grid-column:1}
  .po-r > :nth-child(4){grid-row:2;grid-column:2}
  .po-irows .po-r > :nth-child(5){grid-row:3;grid-column:1 / 3}
  .po-irows .po-r > :nth-child(6){display:none}
  .po-r7 > :nth-child(5){grid-row:3;grid-column:1 / 3}
  .po-r7 > :nth-child(6){grid-row:4;grid-column:1 / 3}
  .po-r7 > :nth-child(1){display:none}
  .po-r7 > :nth-child(7){grid-row:1;grid-column:3;justify-self:center}
  .po-r .input{height:42px;font-size:16px}
  .po-adds .btn,.po-send .btn,.po-impbar .btn{flex:1 1 100%;height:44px}
  .po-del .input{max-width:none}
}