/* ============================================================
   Request parts board (js/partreq.js). Light surface like the
   Weekly order board. Everything is scoped under #mod-request.
   ============================================================ */
#mod-request{
  --bg:#f7f8f9; --panel:#fff; --panel2:#f6f7f8; --line:#e6e7ea;
  --txt:#2f313a; --muted:#54565d; --faint:#8f9095;
  --brand:#44677f; --brand2:#2f5a74; --bluebg:#edf3f7; --premium2:#8a6530;
  --green:#2c8b65; --greenbg:#e9f6f0; --amber:#a8741a; --amberbg:#fdf3e2; --red:#c2303f; --redbg:#fdecee;
  background:var(--bg);color:var(--txt);min-height:100vh;
  font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
body[data-view="request"] #mod-request{display:block;height:100vh;height:100dvh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
#mod-request *{box-sizing:border-box}
#mod-request .rq-hdr{position:sticky;top:0;z-index:30;background:rgba(247,248,249,.95);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
#mod-request .rq-hd{max-width:900px;margin:0 auto;padding:12px 16px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
#mod-request .rq-eyebrow{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--premium2);font-weight:700}
#mod-request h1{margin:2px 0 0;font-size:19px}
#mod-request .rq-spacer{flex:1}
#mod-request .rq-who{font-size:13px;color:var(--muted)}
#mod-request .rq-wrap{max-width:900px;margin:0 auto;padding:14px 16px 120px}
#mod-request select,#mod-request input,#mod-request button{font:inherit;color:var(--txt)}
#mod-request .rq-ctl{width:100%;background:#fff;border:1px solid #dfe1e5;border-radius:10px;padding:10px 12px;font-size:15px}
#mod-request .rq-ctl:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(68,103,127,.12)}
#mod-request .rq-mt{margin-top:8px}
#mod-request .rq-btn{appearance:none;cursor:pointer;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 15px;font-size:14px;font-weight:600;color:var(--muted)}
#mod-request .rq-btn:hover{border-color:var(--brand);color:var(--brand2)}
#mod-request .rq-btn.prim{background:var(--brand);border-color:var(--brand);color:#fff}
#mod-request .rq-btn.prim:hover{background:var(--brand2)}
#mod-request .rq-btn.big{width:100%;padding:15px;font-size:16px}
#mod-request .rq-btn[disabled]{opacity:.55;cursor:default}
#mod-request .rq-link{appearance:none;background:none;border:0;padding:0;cursor:pointer;color:var(--brand2);text-decoration:underline;font-size:13px}
#mod-request .rq-tabs{display:flex;gap:6px;margin:4px 0 14px}
#mod-request .rq-tab{appearance:none;cursor:pointer;border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 16px;font-weight:600;font-size:14px;color:var(--muted)}
#mod-request .rq-tab.on{background:var(--brand);border-color:var(--brand);color:#fff}
#mod-request .rq-badge{display:inline-block;min-width:20px;padding:0 6px;border-radius:999px;background:var(--amberbg);color:var(--amber);font-size:12px}
#mod-request .rq-tab.on .rq-badge{background:#fff}
#mod-request .rq-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px 18px;margin-bottom:14px;box-shadow:0 1px 2px rgba(60,64,88,.05)}
#mod-request .rq-card h2{margin:0 0 6px;font-size:20px}
#mod-request .rq-card h3{margin:0 0 10px;font-size:15px;color:var(--brand2)}
#mod-request .rq-card h4{margin:18px 0 2px;font-size:13px;color:var(--brand2)}
#mod-request .rq-sign{max-width:460px}
#mod-request .rq-pin{letter-spacing:6px;font-size:20px}
#mod-request .rq-fl{display:block;font-size:13px;font-weight:600;color:var(--muted);margin:12px 0 5px}
#mod-request .rq-fl i{font-weight:400;font-style:normal;color:var(--faint)}
#mod-request .rq-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#mod-request .rq-seg{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;align-items:center}
#mod-request .rq-segb{appearance:none;cursor:pointer;border:1px solid #dfe1e5;background:#fff;border-radius:10px;padding:9px 13px;font-size:14px;font-weight:600;color:var(--muted)}
#mod-request .rq-segb.on{background:var(--bluebg);border-color:var(--brand);color:var(--brand2)}
#mod-request .rq-date{width:auto}
#mod-request .rq-dim{color:var(--faint);font-size:14px;margin:6px 0}
#mod-request .rq-dim.small{font-size:12.5px}
#mod-request .rq-pad{padding:8px 2px}
#mod-request .rq-results{border:1px solid var(--line);border-radius:12px;margin-top:6px;overflow:hidden}
#mod-request .rq-res{appearance:none;display:flex;width:100%;gap:10px;justify-content:space-between;align-items:center;text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid var(--line);padding:10px 12px}
#mod-request .rq-res:last-child{border-bottom:0}
#mod-request .rq-res:hover{background:var(--bluebg)}
#mod-request .rq-res[disabled]{opacity:.55;cursor:default}
#mod-request .rq-res span:first-child{display:flex;flex-direction:column;min-width:0}
#mod-request .rq-res i{font-style:normal;font-size:12px;color:var(--faint)}
#mod-request .rq-av{font-size:12.5px;color:var(--green);white-space:nowrap;font-weight:600}
#mod-request .rq-av.none{color:var(--red)}
#mod-request .rq-tablewrap{overflow-x:auto;margin-top:12px}
#mod-request .rq-table{width:100%;border-collapse:collapse;font-size:14px}
#mod-request .rq-table th{text-align:left;font-size:12px;color:var(--faint);font-weight:600;padding:6px 8px;border-bottom:1px solid var(--line)}
#mod-request .rq-table td{padding:8px;border-bottom:1px solid var(--line);vertical-align:middle}
#mod-request .rq-num{text-align:right;white-space:nowrap}
#mod-request .rq-short{color:var(--red)}
#mod-request .rq-nm{font-weight:600}
#mod-request .rq-sku{font-size:12px;color:var(--faint)}
#mod-request .rq-qty{width:84px;text-align:right}
#mod-request .rq-x{appearance:none;cursor:pointer;border:0;background:none;color:var(--faint);font-size:16px;padding:6px}
#mod-request .rq-x:hover{color:var(--red)}
#mod-request .rq-wi{display:flex;gap:8px;margin:8px 0}
#mod-request .rq-wi .rq-qty{flex:0 0 84px}
#mod-request .rq-note{margin:0 0 14px;padding:12px 15px;border-radius:12px;font-size:14px;background:var(--bluebg);border:1px solid #dde7ee;color:var(--brand2)}
#mod-request .rq-note.bad{background:var(--redbg);border-color:#f3d3d7;color:var(--red)}
#mod-request .rq-send{position:sticky;bottom:0;padding:10px 0 4px;background:linear-gradient(transparent,var(--bg) 30%)}
#mod-request .rq-ok{text-align:center}
#mod-request .rq-tick{width:56px;height:56px;border-radius:50%;margin:4px auto 10px;display:grid;place-items:center;background:var(--greenbg);color:var(--green);font-size:28px}
#mod-request .rq-ok .rq-note{text-align:left;margin-top:12px}
#mod-request .rq-acts{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:12px}
#mod-request .rq-listbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:10px}
#mod-request .rq-item{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-bottom:10px}
#mod-request .rq-ihd{display:flex;gap:8px;align-items:center}
#mod-request .rq-ihd b{font-size:15px}
#mod-request .rq-now{background:var(--redbg);color:var(--red);font-size:11px;font-weight:700;padding:1px 7px;border-radius:999px}
#mod-request .rq-st{margin-left:auto;font-size:12.5px;font-weight:600;padding:2px 9px;border-radius:999px}
#mod-request .rq-st.wait{background:var(--amberbg);color:var(--amber)}
#mod-request .rq-st.prog{background:var(--bluebg);color:var(--brand2)}
#mod-request .rq-st.done{background:var(--greenbg);color:var(--green)}
#mod-request .rq-st.buy{background:var(--panel2);color:var(--muted)}
#mod-request .rq-imeta{font-size:13px;color:var(--muted);margin-top:3px}
#mod-request .rq-ilines{font-size:13px;color:var(--txt);margin-top:6px}
@media (max-width:640px){
  #mod-request .rq-row{grid-template-columns:1fr}
  #mod-request .rq-card{padding:14px}
}