/* Блок «Заявки» (Китай → Россия): конвейер «Движение товара» */
.sp-alert{display:inline-flex;align-items:center;gap:9px;padding:8px 14px;border-radius:10px;font-weight:700;font-size:13.5px;border:1px solid transparent}
.sp-alert .dot{width:9px;height:9px;border-radius:50%;background:currentColor}
.sp-alert.ok{background:var(--ok-soft,#e3f4ea);color:var(--ok,#2e9e5b)}
.sp-alert.warn{background:#fbf1d8;color:#b07a10}
.sp-alert.crit{background:var(--danger-soft,#fbe4e1);color:var(--danger,#d84a3b)}
.sp-alert.crit .dot{animation:sp-pulse 1.8s infinite}
@keyframes sp-pulse{0%{box-shadow:0 0 0 0 rgba(216,74,59,.5)}70%{box-shadow:0 0 0 8px transparent}100%{box-shadow:0 0 0 0 transparent}}
.sp-board{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px 16px 18px;margin-bottom:16px}
.sp-board-title{font-size:12px;color:var(--mut);font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin:0 0 22px 4px}
.sp-scroll{overflow-x:auto;padding:8px 4px 6px}
.sp-rail{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;min-width:820px}
.sp-rail::before{content:"";position:absolute;left:5%;right:5%;top:30px;height:4px;border-radius:3px;background:repeating-linear-gradient(90deg,#b7c1cd 0 14px,transparent 14px 22px)}
.sp-rail::after{content:"";position:absolute;left:5%;top:30px;height:4px;border-radius:3px;background:#2f4b6e;width:var(--progress,0%)}
.sp-st{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:12px;cursor:pointer;background:none;border:0;font-family:inherit;color:inherit}
.sp-node{position:relative;width:40px;height:40px;border-radius:50%;background:var(--panel);border:3px solid #b7c1cd;display:grid;place-items:center;font-size:18px;z-index:2;transition:border-color .2s,transform .2s}
.sp-st:hover .sp-node{transform:translateY(-2px)}
.sp-st.on .sp-node{border-color:#1f3a5f;box-shadow:0 0 0 4px rgba(31,58,95,.2)}
.sp-st.done .sp-node{border-color:#2f4b6e}
.sp-cnt{position:absolute;top:-8px;right:-10px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#1f3a5f;color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center;font-variant-numeric:tabular-nums;z-index:3}
.sp-cnt.crit{background:var(--danger,#d84a3b)}
.sp-idx{font-size:10px;color:var(--mut);font-variant-numeric:tabular-nums}
.sp-name{font-size:12.5px;font-weight:700;text-align:center;max-width:96px;color:var(--txt)}
.sp-lights{display:flex;gap:4px;height:6px}
.sp-lights i{width:6px;height:6px;border-radius:50%;display:block;opacity:.2;background:#999}
.sp-lights i.ok{background:var(--ok,#2e9e5b);opacity:1}.sp-lights i.warn{background:#e0a020;opacity:1}.sp-lights i.crit{background:var(--danger,#d84a3b);opacity:1}
.sp-legend{display:flex;gap:18px;flex-wrap:wrap;margin-top:16px;font-size:12.5px;color:var(--mut);padding-left:4px}
.sp-legend i{width:10px;height:10px;border-radius:3px;display:inline-block;margin-right:6px;vertical-align:middle}
.sp-panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-bottom:16px}
.sp-ph{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line);background:var(--soft)}
.sp-ph .ic{font-size:22px}.sp-ph h3{margin:0;font-size:16px}.sp-ph .sub{font-size:12.5px;color:var(--mut)}
.sp-pb{padding:6px 8px 10px}
.sp-empty{padding:30px 20px;text-align:center;color:var(--mut)}
.sp-req{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:14px;padding:12px 14px;border-radius:12px;cursor:pointer}
.sp-req:hover{background:var(--soft)}.sp-req+.sp-req{border-top:1px solid var(--line)}
.sp-stripe{align-self:stretch;border-radius:4px;background:var(--ok,#2e9e5b)}.sp-stripe.warn{background:#e0a020}.sp-stripe.crit{background:var(--danger,#d84a3b)}
.sp-no{font-family:ui-monospace,Menlo,monospace;font-weight:800;font-size:14px}
.sp-tag{font-size:11px;padding:2px 8px;border-radius:20px;font-weight:700;border:1px solid var(--line);color:var(--mut);background:var(--panel)}
.sp-tag.stock{color:var(--ok,#2e9e5b);border-color:#9fd5b4;background:#e3f4ea}.sp-tag.order{color:#1f3a5f;border-color:#9fb3cc}
.sp-items{font-size:13px;color:var(--mut);margin-top:3px}
.sp-meta{text-align:right;font-size:12px;color:var(--mut);white-space:nowrap}.sp-meta .cli{color:var(--txt);font-weight:700;font-size:12.5px}
.sp-meta .late{color:var(--danger,#d84a3b);font-weight:800}
.sp-cnt-card{display:flex;align-items:center;gap:16px;margin:10px 8px 6px;padding:12px 14px;background:var(--soft);border:1px solid var(--line);border-radius:14px}
.sp-water-box{position:relative;width:60px;height:76px;border:3px solid #2f4b6e;border-radius:6px;overflow:hidden;background:var(--panel);flex:none}
.sp-water{position:absolute;left:0;right:0;bottom:0;height:0;background:linear-gradient(180deg,#5aa6dd,#1f3a5f);transition:height 1s cubic-bezier(.4,0,.2,1)}
.sp-water.over{background:linear-gradient(180deg,#f0952a,#d84a3b)}
.sp-pct{position:absolute;inset:0;display:grid;place-items:center;font-family:ui-monospace,Menlo,monospace;font-weight:800;font-size:15px;z-index:2}
.sp-cnt-info b{font-size:14px}.sp-cnt-info div{font-size:12.5px;color:var(--mut)}
.sp-notify{margin:8px 8px 2px;padding:8px 12px;font-size:12.5px;color:var(--mut);background:var(--soft);border:1px dashed var(--line);border-radius:10px}
.sp-ev{display:flex;gap:10px;font-size:13px;padding:5px 0;border-bottom:1px dashed var(--line)}.sp-ev .when{color:var(--mut);white-space:nowrap;font-variant-numeric:tabular-nums}
.sp-badge{display:inline-block;border-radius:99px;padding:3px 9px;font-size:11px;font-weight:700;background:var(--accent-soft);color:#1a4fd0;white-space:nowrap}
.sp-badge.res-requested{background:#fbf1d8;color:#b07a10}.sp-badge.res-approved{background:#e3f4ea;color:#2e9e5b}.sp-badge.res-rejected{background:#fbe4e1;color:#d84a3b}
.sp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.sp-card{border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:var(--panel)}
@media(max-width:700px){.sp-req{grid-template-columns:8px 1fr}.sp-meta{text-align:left;grid-column:2}}