/* S-PO-1: truck detail Order lines (desktop side panel + phone sheet). Tokens only. */
.posec .pol{display:flex;flex-direction:column;gap:4px}
.posec .pl{display:flex;align-items:baseline;gap:8px;min-height:22px;flex-wrap:wrap}
.posec .pl .po,.posec .poone .po{font-size:14px;padding-left:0;white-space:normal;overflow-wrap:anywhere}
.posec .pks{font-size:13px;color:var(--muted)}
.posec .pov{font-size:14px;color:var(--text)}
.posec .pov.mut{color:var(--muted)}
.posec .poleg{line-height:20px}
.posec .poleg .po{white-space:normal;padding-left:0;font-size:14px;overflow-wrap:anywhere}
.posec .poleg.clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.posec .ponote,.posec .posum{font-size:12.5px;margin-top:4px}
.posec .pokv{margin-top:8px}
.posec .pokv .pv{overflow-wrap:anywhere;line-height:18px}
.poexp{display:inline-flex;align-items:center;gap:4px;min-height:44px;padding:0 2px;color:var(--accent2);font:600 13px InterFull;cursor:pointer;align-self:flex-start}
.poexp .ic{width:14px;height:14px}
.poexp[aria-expanded="true"] .ic{transform:rotate(180deg)}
.porows{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface2)}
.prw{display:grid;grid-template-columns:104px minmax(0,1fr) 16px;align-items:center;gap:8px;min-height:44px;padding:0 12px;border-top:1px solid var(--border);font-size:15px}
.prw:first-child{border-top:0}
.prw .l{color:var(--muted);font-size:13.5px}
.prw .v{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.prw .v .po{font-size:15px;padding-left:0;white-space:nowrap}
.prw.ph .v{color:var(--muted)}
.prw .ic{width:16px;height:16px;color:var(--muted)}
.poexp.ph{justify-content:center;width:100%;border-top:1px solid var(--border);min-height:44px}
.pofull{font-size:16px;line-height:24px;overflow-wrap:anywhere;padding:4px 2px}
.pofull .po{white-space:normal;padding-left:0;font-size:16px}
.poscrim{position:fixed;inset:0;background:color-mix(in srgb,#000 45%,transparent);display:flex;align-items:flex-end;z-index:50}
.posh{width:100%;background:var(--surface);border-top:1px solid var(--border);border-radius:18px 18px 0 0;padding:6px 16px 20px;color:var(--text)}
.posh .grab{width:40px;height:4px;border-radius:2px;background:var(--border);margin:4px auto 8px}
.poshh{display:flex;align-items:center;gap:8px;min-height:44px;font-size:17px}
.poshh .sp{flex:1}
.posh .mnote{font-size:13px;color:var(--muted)}
.poff{display:flex;gap:10px;padding-top:12px}
.poff .btn{flex:1;min-height:48px;justify-content:center}
/* header PO text: desktop wraps to 2 lines max (full text in Order below, with expand); phone one line with ellipsis (tap the Order / PO row for full text) */
.side .sb .po .pot{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:2px}
.sheet > .r .po,.peek .po{min-width:0;flex:0 1 auto;display:flex;align-items:center;gap:8px}
.sheet > .r .po .pot,.peek .po .pot{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sheet > .r .lk,.peek .lk{flex:none}