/* ===================== Stock & delivery (admin drawer, order list chips, customer's My orders) ===================== */
.dl-cell{display:flex;align-items:center;gap:8px;margin-top:6px;flex-wrap:wrap}
.dl-chip{font-family:Jost;font-weight:700;font-size:.66rem;letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:3px 9px;white-space:nowrap;background:#EDF1F1;color:#587373}
.dl-chip.in{background:#E3F3EB;color:#0B7449} .dl-chip.out{background:#FFF1E0;color:#9A5B00} .dl-chip.pend{background:#E7F0FA;color:#2A5A9C}
.dk-thread.dl{width:min(760px,100%)}
.dl-steps{list-style:none;display:flex;gap:6px;margin:14px 0 0;padding:0;flex-wrap:wrap}
.dl-steps li{display:flex;align-items:center;gap:7px;font-family:Jost;font-weight:600;font-size:.8rem;color:var(--muted);background:var(--bg-soft);border-radius:999px;padding:5px 12px 5px 5px}
.dl-steps li b{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#D5E3E2;color:#fff;font-size:.72rem}
.dl-steps li.done{color:var(--green)} .dl-steps li.done b{background:var(--green)} .dl-steps li.now{color:var(--darkest);background:var(--tq-soft)} .dl-steps li.now b{background:var(--deep)}
.dl-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:12px}
.dl-bar b{display:block;color:var(--darkest)} .dl-bar small{color:var(--muted);font-size:.78rem}
.dl-lines{display:grid;gap:8px}
.dl-line{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.dl-l1{display:flex;gap:10px;align-items:baseline} .dl-l1 b{color:var(--darkest);white-space:nowrap} .dl-l1 span{flex:1;min-width:0;color:#3F5B5A;font-size:.86rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .dl-l1 i{font-style:normal;font-family:Jost;font-weight:700;color:var(--deeper)}
.dl-l2{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-top:9px;flex-wrap:wrap}
.dl-stock{display:grid;gap:4px;max-height:132px;overflow:auto;padding-right:4px}
.dl-sub{display:flex;align-items:center;gap:7px;font-size:.78rem;color:var(--muted)} .dl-sub a{color:var(--deep);font-weight:600;text-decoration:none} .dl-sub a:hover{text-decoration:underline} .dl-sub em{font-style:normal;font-size:.7rem}
.dl-lead{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.dl-lead button{border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:6px 11px;font-family:Jost;font-weight:600;font-size:.76rem;color:var(--muted);cursor:pointer}
.dl-lead button:hover{border-color:var(--deep);color:var(--deeper)}
.dl-lead button.on.stock{background:#E3F3EB;border-color:#0B7449;color:#0B7449} .dl-lead button.on.order{background:#FFF1E0;border-color:#C47814;color:#9A5B00} .dl-lead button.on.custom{background:var(--tq-soft);border-color:var(--deep);color:var(--deeper)}
.dl-lead input{flex-basis:100%;border:1.5px solid var(--line);border-radius:9px;padding:7px 10px;font:inherit;font-size:.84rem} .dl-lead input:focus{outline:none;border-color:var(--tq)}
.dl-done{margin-top:12px;font-size:.82rem;color:var(--green);background:#E3F3EB;border-radius:10px;padding:9px 12px} .dl-done b{color:#8A2A1B}
.dl-msg{margin-top:10px;font-size:.86rem;font-weight:600;color:var(--deeper)} .dl-msg.bad{color:#8A2A1B} .dl-msg:empty{display:none}
.dl-foot{display:flex;align-items:center;gap:14px;justify-content:space-between} .dl-foot small{color:var(--muted);font-size:.78rem;max-width:44ch}
.dl-cust{margin-top:6px;font-size:.78rem;text-align:left} .dl-cust summary{cursor:pointer;color:var(--green);font-family:Jost;font-weight:700}
.dl-cust div{margin-top:4px;color:var(--ink)} .dl-cust span.stock{color:#0B7449;font-weight:600} .dl-cust span.order{color:#9A5B00;font-weight:600} .dl-cust span.custom{color:var(--deeper);font-weight:600} .dl-cust p{margin:5px 0 0;color:var(--muted)}
@media(max-width:600px){.dl-foot{flex-direction:column;align-items:stretch}.dl-lead{justify-content:flex-start}}