#dp-parts .dpq-box.pq-je { padding:0 !important; width:min(900px,100%) !important; overflow:visible !important; max-height:none !important; border-radius:20px; display:flex; flex-direction:column; background:#fff; }
#dp-parts .pq-je .pqj-hd { display:flex; align-items:center; gap:10px; padding:22px 24px 4px; white-space:nowrap; }
#dp-parts .pq-je .pqj-hd .t { font:800 19px var(--tsp-ff, Inter, sans-serif); color:#0f172a; }
#dp-parts .pq-je .pqj-hd .tk { font:800 11.5px var(--tsp-ff, Inter, sans-serif); color:#1e3a5f; background:#e6edf5; border-radius:6px; padding:3px 8px; letter-spacing:.02em; }
#dp-parts .pq-je .pqj-hd .sub { display:none; }
#dp-parts .pq-je .pqj-body { padding:4px 24px 8px; }
#dp-parts .pq-je .pqj-sec { display:flex; flex-direction:column; gap:8px; padding:10px 0; }
#dp-parts .pq-je .pqj-sec > .lb { font:800 10.5px var(--tsp-ff, Inter, sans-serif); letter-spacing:.08em; text-transform:uppercase; color:#64748b; }
#dp-parts .pq-je .pq-apv-note { width:100%; box-sizing:border-box; border:1px solid #e2e8f0; border-radius:10px; padding:9px 12px; font:14px var(--tsp-ff, Inter, sans-serif); color:#0f172a; resize:vertical; min-height:44px; }   
#dp-parts .pq-je .pq-apv-note:focus { outline:none; border-color:#334155; box-shadow:0 0 0 3px rgba(51,65,85,.12); }
#dp-parts .pq-use .pu-n { text-transform:none; letter-spacing:0; font-weight:600; color:#94a3b8; }   
#dp-parts .pq-use .pu-list { border:1px solid #e6ebf1; border-radius:12px; overflow:hidden; background:#fff; }
#dp-parts .pq-use .pu-r { display:flex; align-items:center; gap:12px; padding:8px 14px; font:13px var(--tsp-ff, Inter, sans-serif); white-space:nowrap; }
#dp-parts .pq-use .pu-r + .pu-r { border-top:1px solid #f1f5f9; }
#dp-parts .pq-use .pu-num { color:#2563eb; font-weight:800; width:118px; flex:none; overflow:hidden; text-overflow:ellipsis; }
#dp-parts .pq-use .pu-nm { color:#334155; width:150px; flex:none; overflow:hidden; text-overflow:ellipsis; }
#dp-parts .pq-use .pu-bar { flex:1; min-width:40px; height:8px; background:#f1f5f9; border-radius:8px; overflow:hidden; } #dp-parts .pq-use .pu-bar i { display:block; height:100%; background:#22c55e; border-radius:8px; }
#dp-parts .pq-use .pu-pct { width:40px; text-align:right; color:#15803d; flex:none; } #dp-parts .pq-use .pu-pr { width:68px; text-align:right; font-weight:700; color:#0f172a; flex:none; }
#dp-parts .pq-use .pu-add { flex:none; border:none; background:#2563eb; color:#fff; border-radius:999px; padding:5px 13px; font:700 12px var(--tsp-ff, Inter, sans-serif); cursor:pointer; min-width:64px; }
#dp-parts .pq-use .pu-add:hover { background:#1d4ed8; } #dp-parts .pq-use .pu-add.on { background:#ecfdf5; color:#15803d; cursor:default; }
@media (max-width:640px) { #dp-parts .pq-use .pu-nm { display:none; } #dp-parts .pq-use .pu-r { gap:8px; padding:8px 10px; } #dp-parts .pq-use .pu-num { width:104px; } #dp-parts .pq-use .pu-pr { width:auto; } }
#dp-parts .pq-je .pqj-sec > .dpq-ed, #dp-parts .pq-je .pqj-sec > .pq-eta { margin:0 !important; min-width:0; }
#dp-parts .pq-je .dpq-ph { display:none !important; }
#dp-parts .pq-je .part-item-wrapper { background:#f8fafc !important; border:1px solid #e2e8f0 !important; border-radius:14px !important; padding:10px !important; }
#dp-parts .pq-je .pq-chips { display:flex; gap:8px; flex-wrap:wrap; }
.p-trk-txt { display:none; }
.p-eta-btn { display:inline-flex; align-items:center; gap:4px; height:28px; max-width:100%; padding:0 10px; border-radius:999px; border:0; background:#f1f5f9; color:#64748b; font:700 11.5px var(--tsp-ff, Inter, sans-serif); white-space:nowrap; cursor:pointer; overflow:hidden; text-overflow:ellipsis; }
.p-eta-btn svg { width:12px; height:12px; fill:currentColor; flex:0 0 auto; }
.p-eta-btn.dt { background:#1e3a5f; color:#fff; } .p-eta-btn.bo { background:#c2410c; color:#fff; }
.tsp-ws { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.tsp-ws-days { display:flex; align-items:center; gap:2px; padding:4px; border:1px solid #e2e8f0; border-radius:14px; background:#f8fafc; max-width:100%; overflow-x:auto; box-sizing:border-box; }
.tsp-ws-d { flex:0 0 auto; width:52px; height:58px; border-radius:12px; border:0; background:transparent; color:#334155; cursor:pointer; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; font-family:var(--tsp-ff, Inter, sans-serif); padding:0; }
.tsp-ws-d .w { font-size:10.5px; font-weight:700; opacity:.75; text-transform:uppercase; } .tsp-ws-d .n { font-size:17px; font-weight:800; }
.tsp-ws-d:hover { background:#e2e8f0; } .tsp-ws-d.sat { color:#2563eb; } .tsp-ws-d.sun { color:#dc2626; }
.tsp-ws-d.on, .tsp-ws-d.on.sat, .tsp-ws-d.on.sun { background:#1e3a5f; color:#fff; }
.tsp-ws-d svg { width:15px; height:15px; fill:currentColor; } .tsp-ws-more .n { font-size:14px; }
.tsp-ws-sep { flex:0 0 1px; width:1px; height:34px; background:#e2e8f0; margin:0 4px; }
.tsp-ws-bo { height:44px; padding:0 16px; border-radius:12px; border:1.5px solid #fdba74; background:#fff7ed; color:#c2410c; font:800 13px var(--tsp-ff, Inter, sans-serif); display:inline-flex; align-items:center; gap:6px; cursor:pointer; white-space:nowrap; }
.tsp-ws-bo svg { width:14px; height:14px; fill:currentColor; } .tsp-ws-bo.on { background:#c2410c; border-color:#c2410c; color:#fff; }
#tsp-eta-menu .tsp-ws-top { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:0 2px 8px; font:800 11px var(--tsp-ff, Inter, sans-serif); letter-spacing:.06em; text-transform:uppercase; color:#64748b; white-space:nowrap; }
#tsp-eta-menu .tsp-ws-same { border:0; cursor:pointer; width:auto; height:30px; padding:0 12px; border-radius:999px; background:#f1f5f9; color:#475569; font:700 12px var(--tsp-ff, Inter, sans-serif); text-transform:none; letter-spacing:0; }
#tsp-eta-menu .tsp-ws-same.on { background:#1e3a5f; color:#fff; }
#dp-parts .pq-je .pq-eta.pq-need .tsp-ws-days { border-color:#f43f5e; }
#tsp-eta-menu { position:fixed; z-index:99000; display:none; min-width:190px; max-width:calc(100vw - 16px); box-sizing:border-box; padding:10px !important; background:#fff; border:1px solid #e2e8f0; border-radius:12px; box-shadow:0 14px 34px rgba(15,23,42,.22); padding:6px; font-family:var(--tsp-ff, Inter, sans-serif); }
#dp-parts .pq-je .pq-chip.pq-bo.on { background:#c2410c; color:#fff; }
#dp-parts .pq-je .pq-eta-sum { flex:1 1 100%; width:100%; margin-top:8px; font:600 12.5px var(--tsp-ff, Inter, sans-serif); color:#475569; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #dp-parts .pq-je .pq-eta-sum:empty { display:none; } #dp-parts .pq-je .pq-eta-sum .bo { color:#c2410c; } #dp-parts .pq-je .pq-eta-sum .need { color:#dc2626; }
#dp-parts .pq-je .pq-eta.pq-need { border-radius:14px; animation:pqNeed 1.4s ease 2; box-shadow:0 0 0 2px #f43f5e; padding:6px; margin:-6px; }
.p-eta-btn.need { box-shadow:0 0 0 2px #f43f5e; animation:pqNeed 1.4s ease 2; }
@keyframes pqNeed { 0%,100% { transform:translateX(0); } 10%,50% { transform:translateX(-4px); } 30%,70% { transform:translateX(4px); } }
.tsp-pt-hd { display:none; }
@media (max-width:760px) { html body :is(#dp-parts .pq-je, #job-quick-edit-modal) .tsp-ptab.tsp-ptab .part-item-row > div.p-eta-wrap { grid-column:1 / -1; } html body :is(#dp-parts .pq-je, #job-quick-edit-modal) .tsp-ptab.tsp-ptab .part-item-row > div.p-eta-wrap::before { content:'ETA'; } }   
@media (min-width:761px) {
  .tsp-pt-old { display:none !important; }
  .tsp-pt-hd { --ptc:118px minmax(0,1fr) 44px 84px 86px 52px 60px 92px; display:grid; grid-template-columns:var(--ptc); column-gap:6px; align-items:center; background:#2f3b52; color:#fff; border-radius:12px 12px 0 0; padding:9px 34px 9px 6px; margin-top:4px; font:800 11px var(--tsp-ff, Inter, sans-serif); letter-spacing:.06em; text-transform:uppercase; box-sizing:border-box; }
  .tsp-pt-hd.eta { --ptc:118px minmax(0,1fr) 44px 84px 86px 52px 60px 92px 112px; }
  .tsp-pt-hd > span { white-space:nowrap; overflow:hidden; padding:0 7px; } .tsp-pt-hd > span + span { border-left:1px solid rgba(255,255,255,.14); } .tsp-pt-hd .r { text-align:right; }
  html body :is(#dp-parts .pq-je, #job-quick-edit-modal) .tsp-ptab.tsp-ptab { --ptc:118px minmax(0,1fr) 44px 84px 86px 52px 60px 92px; gap:0 !important; border:1px solid #e2e8f0; border-top:0; border-radius:0 0 12px 12px; background:#fff; margin-bottom:8px !important; }
  html body :is(#dp-parts .pq-je, #job-quick-edit-modal) .tsp-ptab.tsp-ptab[data-eta="1"] { --ptc:118px minmax(0,1fr) 44px 84px 86px 52px 60px 92px 112px; }
  html body :is(#dp-parts .pq-je, #job-quick-edit-modal) .tsp-ptab.tsp-ptab .part-item-wrapper { background:#fff !important; border:0 !important; border-top:1px solid #eef2f7 !important; border-radius:0 !important; padding:0 6px !important; margin:0 !important; gap:4px !important; align-items:center !important; box-shadow:none; }
  html body :is(#dp-parts .pq-je, #job-quick-edit-modal) .tsp-ptab.tsp-ptab .part-item-wrapper:first-child { border-top:0 !important; }
  html body :is(#dp-parts .pq-je, #job-quick-edit-modal) .tsp-ptab.tsp-ptab .part-item-wrapper:nth-child(even) { background:#fafbfd !important; }
  html body :is(#dp-parts .pq-je, #job-quick-edit-modal) .tsp-ptab.tsp-ptab .part-item-wrapper:last-child { border-radius:0 0 12px 12px !important; }
  html body :is(#dp-parts .pq-je, #job-quick-edit-modal) .tsp-ptab.tsp-ptab .part-item-wrapper.tsp-orphan { background:#fff1f2 !important; box-shadow:inset 0 0 0 2px #f43f5e !important; }
  html body :is(#dp-parts .pq-je, #job-quick-edit-modal) .tsp-ptab.tsp-ptab .part-item-row { display:grid !important; grid-template-columns:var(--ptc); grid-template-rows:auto; column-gap:6px; row-gap:0; align-items:center; background:transparent !important; border:0 !important; box-shadow:none !important; padding:6px 0 !important; margin:0 !important; }
  html body :is(#dp-parts .pq-je, #job-quick-edit-modal) .tsp-ptab.tsp-ptab .part-item-row > div { width:auto !important; min-width:0 !important; }
  html body :is(#dp-parts .pq-je, #job-quick-edit-modal) .tsp-ptab.tsp-ptab .part-item-row > div:nth-child(1) { grid-column:1; grid-row:1; }
  html body :is(#dp-parts .pq-je, #job-quick-edit-modal) .tsp-ptab.tsp-ptab .part-item-row > div:nth-child(2) { grid-column:2; grid-row:1; }
  html body :is(#dp-parts .pq-je, #job-quick-edit-modal) .tsp-ptab.tsp-ptab .part-item-row > div:nth-child(3) { grid-column:3; grid-row:1; }
  html body :is(#dp-parts .pq-je, #job-quick-edit-modal) .tsp-ptab.tsp-ptab .part-item-row > div:nth-child(4) { grid-column:4; grid-row:1; }
  html body :is(#dp-parts .pq-je, #job-quick-edit-modal) .tsp-ptab.tsp-ptab .part-item-row > div:nth-child(5) { grid-column:5; grid-row:1; }
  html body :is(#dp-parts .pq-je, #job-quick-edit-modal) .tsp-ptab.tsp-ptab .part-item-row > div:nth-child(6) { grid-column:6; grid-row:1; }
  html body :is(#dp-parts .pq-je, #job-quick-edit-modal) .tsp-ptab.tsp-ptab .part-item-row > div:nth-child(7) { grid-column:8; grid-row:1; }
  html body :is(#dp-parts .pq-je, #job-quick-edit-modal) .tsp-ptab.tsp-ptab .part-item-row > div:nth-child(8) { grid-column:7; grid-row:1; justify-content:flex-end !important; }
  html body :is(#dp-parts .pq-je, #job-quick-edit-modal) .tsp-ptab.tsp-ptab .part-item-row > div:nth-child(9) { grid-column:9; grid-row:1; }
  html body :is(#dp-parts .pq-je, #job-quick-edit-modal) .tsp-ptab.tsp-ptab .p-input-small { height:32px !important; border:1px solid transparent !important; background:transparent !important; border-radius:7px !important; box-shadow:none !important; font-size:13px !important; font-weight:600; color:#0f172a; padding:0 7px !important; box-sizing:border-box; }
  html body :is(#dp-parts .pq-je, #job-quick-edit-modal) .tsp-ptab.tsp-ptab .p-input-small:hover { border-color:#e2e8f0 !important; background:#fff !important; }
  html body :is(#dp-parts .pq-je, #job-quick-edit-modal) .tsp-ptab.tsp-ptab .p-input-small:focus { border-color:#6366f1 !important; background:#fff !important; box-shadow:0 0 0 3px rgba(99,102,241,.12) !important; outline:none; }
  html body :is(#dp-parts .pq-je, #job-quick-edit-modal) .tsp-ptab.tsp-ptab .p-num { color:#2563eb !important; font-weight:800 !important; }
  html body :is(#dp-parts .pq-je, #job-quick-edit-modal) .tsp-ptab.tsp-ptab .p-qty { text-align:right !important; font-weight:700 !important; }
  html body :is(#dp-parts .pq-je, #job-quick-edit-modal) .tsp-ptab.tsp-ptab .p-dealer-price { text-align:right !important; color:#0f172a !important; font-weight:700 !important; }
  html body :is(#dp-parts .pq-je, #job-quick-edit-modal) .tsp-ptab.tsp-ptab .p-price { text-align:right !important; color:#0f172a !important; font-weight:800 !important; font-size:14px !important; }
  html body :is(#dp-parts .pq-je, #job-quick-edit-modal) .tsp-ptab.tsp-ptab .p-tax { text-align:right !important; color:#94a3b8 !important; font-size:12px !important; font-weight:600 !important; height:auto !important; }
  html body :is(#dp-parts .pq-je, #job-quick-edit-modal) .tsp-ptab.tsp-ptab .p-markup { width:100% !important; text-align:right !important; color:#7c3aed !important; font-weight:700 !important; }
  html body :is(#dp-parts .pq-je, #job-quick-edit-modal) .tsp-ptab.tsp-ptab .p-carrier { width:100% !important; padding:0 14px 0 5px !important; font-size:12.5px !important; font-weight:600 !important; color:#0f172a !important; text-overflow:ellipsis; }
  html body :is(#dp-parts .pq-je, #job-quick-edit-modal) .tsp-ptab.tsp-ptab .p-trk-txt { display:none; }
  html body :is(#dp-parts .pq-je, #job-quick-edit-modal) .tsp-ptab.tsp-ptab .part-item-wrapper:last-child .p-num:placeholder-shown, html body :is(#dp-parts .pq-je, #job-quick-edit-modal) .tsp-ptab.tsp-ptab .part-item-wrapper:last-child .p-name:placeholder-shown { border:1px dashed #cbd5e1 !important; }
  html body :is(#dp-parts .pq-je, #job-quick-edit-modal) .tsp-ptab.tsp-ptab .part-del-btn { background:none !important; color:#94a3b8 !important; font-size:16px !important; }
  html body :is(#dp-parts .pq-je, #job-quick-edit-modal) .tsp-ptab.tsp-ptab .part-del-btn:hover { color:#ef4444 !important; background:#fee2e2 !important; }
  html body :is(#dp-parts .pq-je, #job-quick-edit-modal) .tsp-ptab.tsp-ptab .part-item-wrapper.pq-stock::after { display:none; }
  html body #job-quick-edit-modal #new-parts-container.tsp-ptab.tsp-ptab, html body #job-quick-edit-modal .tsp-pt-hd { --ptc:122px minmax(0,1fr) 40px 96px 82px 50px 56px 88px; }
  html body #job-quick-edit-modal #new-parts-container.tsp-ptab.tsp-ptab .p-input-small { border:1px solid #e2e8f0 !important; background:#f8fafc !important; padding:0 6px !important; }
  html body #job-quick-edit-modal #new-parts-container.tsp-ptab.tsp-ptab .p-input-small:hover { border-color:#cbd5e1 !important; background:#fff !important; }
  html body #job-quick-edit-modal #new-parts-container.tsp-ptab.tsp-ptab .p-input-small:focus { border-color:#6366f1 !important; background:#fff !important; }
  html body #job-quick-edit-modal #new-parts-container.tsp-ptab.tsp-ptab .p-input-small::placeholder { color:#94a3b8 !important; font-weight:500 !important; }
  html body #job-quick-edit-modal #new-parts-container.tsp-ptab.tsp-ptab .p-tax { border-color:transparent !important; background:transparent !important; }
  html body #job-quick-edit-modal #new-parts-container.tsp-ptab.tsp-ptab .part-item-wrapper.p-blank .p-dealer-price, html body #job-quick-edit-modal #new-parts-container.tsp-ptab.tsp-ptab .part-item-wrapper.p-blank .p-price, html body #job-quick-edit-modal #new-parts-container.tsp-ptab.tsp-ptab .part-item-wrapper.p-blank .p-markup, html body #job-quick-edit-modal #new-parts-container.tsp-ptab.tsp-ptab .part-item-wrapper.p-blank .p-qty, html body #job-quick-edit-modal #new-parts-container.tsp-ptab.tsp-ptab .part-item-wrapper.p-blank .p-carrier { opacity:1 !important; visibility:visible !important; }
}
.part-item-wrapper.tsp-orphan { box-shadow:inset 0 0 0 2px #f43f5e !important; background:#fff1f2 !important; border-radius:12px; }   
#dp-parts .dpq-box.pq-je.pq-scroll { max-height:calc(100dvh - 24px) !important; overflow:auto !important; }
#dp-parts .pq-je .pq-pl { border:1px solid #e2e8f0; border-radius:14px; overflow:hidden; }
#dp-parts .pq-je .pq-pr { display:flex; align-items:center; gap:12px; padding:8px 8px 8px 14px; border-top:1px solid #f1f5f9; font:600 13px var(--tsp-ff, Inter, sans-serif); color:#334155; white-space:nowrap; }
#dp-parts .pq-je .pq-pr:first-child { border-top:0; }
#dp-parts .pq-je .pq-pr b { width:128px; flex:none; color:#1d4ed8; font-weight:800; }
#dp-parts .pq-je .pq-pr .nm { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; }
#dp-parts .pq-je .pq-pr .q { flex:none; color:#94a3b8; font-weight:700; }
#dp-parts .pq-je .pq-pr button { flex:none; height:32px; padding:0 14px; border-radius:999px; border:0; background:#f1f5f9; color:#334155; font:800 12px var(--tsp-ff, Inter, sans-serif); cursor:pointer; min-width:112px; }
#dp-parts .pq-je .pq-pr button.on { background:#1e3a5f; color:#fff; }
#dp-parts .pq-je .part-item-wrapper.pq-stock { position:relative; border-color:#a7f3d0 !important; background:#f0fdf4 !important; }
#dp-parts .pq-je .part-item-wrapper.pq-stock::after { content:"IN STOCK"; position:absolute; right:44px; top:50%; transform:translateY(-50%); font:800 10.5px var(--tsp-ff, Inter, sans-serif); color:#047857; background:#d1fae5; border-radius:6px; padding:3px 8px; pointer-events:none; }
@media (max-width:760px) { #dp-parts .pq-je .pq-pr b { width:auto; } #dp-parts .pq-je .pq-pr .q { display:none; } #dp-parts .pq-je .part-item-wrapper.pq-stock::after { top:14px; transform:none; right:auto; left:118px; } }
#dp-parts .pq-je .pq-chip { display:inline-flex; align-items:center; gap:6px; height:36px; padding:0 14px; border-radius:999px; border:0; background:#f1f5f9; font:700 13px var(--tsp-ff, Inter, sans-serif); color:#334155; cursor:pointer; white-space:nowrap; }
#dp-parts .pq-je .pq-chip svg { width:15px; height:15px; fill:currentColor; }
#dp-parts .pq-je .pq-chip.on { background:#1e3a5f; color:#fff; }
#dp-parts .pq-je .qf-cell { cursor: pointer; }
#dp-parts .pq-je .dpq-cg { position:absolute; left:0; top:calc(100% + 6px); z-index:5; display:none; }
#dp-parts .pq-je .dpq-cg.show { display:grid; }
#dp-parts .pq-je .dpq-bd { margin-top:8px; }   
#dp-parts .pq-je .pqj-ft { display:flex; gap:10px; justify-content:flex-end; margin-top:4px; padding:14px 24px 18px; border-top:1px solid #f1f5f9; }   
#dp-parts .pq-je .pqj-ft button { flex:0 0 auto; gap:7px; padding:0 18px; white-space:nowrap; display:inline-flex; align-items:center; justify-content:center; height:38px; border-radius:10px; border:1px solid #e2e8f0; background:#fff; font:700 14px var(--tsp-ff, Inter, sans-serif); color:#334155; cursor:pointer; white-space:nowrap; }
#dp-parts .pq-je .pqj-ft button svg { display:inline-block; width:16px; height:16px; fill:currentColor; flex:none; }
#dp-parts .pq-je .pqj-ft button.pri { background:#1e3a5f; border-color:#1e3a5f; color:#fff; box-shadow:0 4px 12px rgba(30,58,95,.22); }
#dp-parts .pq-je .pqj-ft button.pri.ord { background:#6d28d9; border-color:#6d28d9; box-shadow:0 4px 12px rgba(109,40,217,.25); } #dp-parts .pq-je .pqj-ft button:not(.pri) { color:#475569; }
@media (max-width:760px) { #dp-parts .pq-je .pqj-hd { padding:18px 16px 4px; } #dp-parts .pq-je .pqj-body { padding:4px 14px 8px; } #dp-parts .pq-je .pqj-ft { padding:8px 14px calc(env(safe-area-inset-bottom) + 14px); } }
html[data-theme="dark"] #dp-parts .dpq-box.pq-je { background:#1d222b; } html[data-theme="dark"] #dp-parts .pq-je .pqj-hd .t { color:#eef2f7; } html[data-theme="dark"] #dp-parts .pq-je .part-item-wrapper { background:rgba(255,255,255,.04) !important; border-color:rgba(255,255,255,.1) !important; }
html[data-theme="dark"] #dp-parts .pq-je .pq-chip { background:rgba(255,255,255,.08); color:#cbd5e1; } html[data-theme="dark"] #dp-parts .pq-je .pqj-ft button { background:transparent; color:#cbd5e1; border-color:rgba(255,255,255,.18); }