@font-face{font-family:InterFull;font-style:normal;font-weight:100 900;font-display:swap;src:url('/locked/s-po-1/src/fonts/cand/inter__Inter%5Bopsz,wght%5D.latin.woff2') format('woff2')}

.po-order{font:14px InterFull,Inter,sans-serif;font-feature-settings:"cv05","cv08","tnum";color:var(--text);margin:0 0 14px}
.po-order h4{margin:0 0 6px;font:700 11px InterFull;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.po-order .mut,.posh .mut{color:var(--muted)}
.po-order .po,.posh .po{color:var(--purple);font-variant-numeric:tabular-nums;overflow:visible;text-overflow:clip}
.po-order .kv{display:grid;grid-template-columns:120px 1fr;gap:5px 10px;font-size:13px}
.po-order .kv span:nth-child(odd){color:var(--muted)}
.po-order .kv .pv{color:var(--text)}
.po-order .kv .pv .pons{color:var(--muted)}
:where(.po-order,.posh) .ic{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.posec.po-order{max-width:367px}
.po-order-phone{margin-left:-4px;margin-right:-4px}
.po-order-phone h4{margin-bottom:8px}

body > .poscrim{z-index:10001}
.posh{font:14px InterFull,Inter,sans-serif;font-feature-settings:"cv05","cv08","tnum"}
.posh .btn{display:inline-flex;align-items:center;gap:6px;height:auto;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font:600 13px InterFull;letter-spacing:0;text-transform:none;white-space:nowrap;cursor:pointer}
.posh .btn.pri{background:var(--accent);border-color:var(--accent);color:var(--on-accent,#000)}
.posh .btn.ib{width:44px;min-height:44px;justify-content:center;padding:0}

.po-order [role="button"]:focus-visible,.posh [role="button"]:focus-visible{outline:2px solid var(--focus-ring,var(--accent));outline-offset:-2px}
.po-order .prw{cursor:pointer}

#truck-detail-sheet .td-po .pot{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
#truck-detail-sheet .td-po .pot.mut{color:var(--muted)}
@media (max-width:768px){
  #truck-detail-sheet .td-po .pot{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}

.po-settings-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.po-settings-title > span:first-child{flex:1}
.po-settings-tag{font-size:12.5px;font-weight:600;color:var(--muted);letter-spacing:0;text-transform:none;display:inline-flex;align-items:center}
.po-settings-tag .ic{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.po-settings-card .srow{display:flex;align-items:center;gap:14px;min-height:56px;border-top:1px solid var(--border);padding:6px 0}
.po-settings-card .srow:first-of-type{border-top:0}
.po-settings-card .srow .g{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.po-settings-card .srow .g b{font-weight:700;font-size:14px;color:var(--text)}
.po-settings-card .srow .g > span{font-size:12.5px;color:var(--muted)}
.po-settings-card .rec{color:var(--green);font-weight:700}
.po-sw{display:inline-flex;align-items:center;justify-content:center;min-width:52px;min-height:44px;padding:0;border:0;background:transparent;cursor:pointer;flex:none}
.po-sw-track{position:relative;width:44px;height:24px;border-radius:999px;background:var(--border);transition:background .15s}
.po-sw-track::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--surface);box-shadow:0 1px 2px rgba(0,0,0,.25);transition:left .15s}
.po-sw.on .po-sw-track{background:var(--accent)}
.po-sw.on .po-sw-track::after{left:23px}
.po-sw:focus-visible{outline:2px solid var(--focus-ring,var(--accent));outline-offset:2px;border-radius:999px}
.po-settings-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}
#pocard #po-settings-save{min-height:44px;height:auto}
.po-settings-applies{font-size:12.5px;color:var(--muted)}
.po-settings-status{font-size:12.5px;color:var(--green);margin-top:6px;min-height:1em}
.po-settings-status.po-settings-bad{color:var(--red)}