.sdis-win{display:flex;flex-direction:column;min-height:540px;border:1px solid #E3E7EE;background:#fff;color:#242424;font-family:var(--xsf)}
.sdis-top{display:flex;align-items:center;gap:10px;height:40px;flex:none;padding:0 12px;border-bottom:1px solid #E5E7EB;font:400 12px/16px var(--xsf);color:#616161}
.sdis-back{position:relative;flex:none;width:24px;height:24px;border:1px solid #E0E0E0;border-radius:4px}
.sdis-back::before{content:'';position:absolute;left:9px;top:8px;width:6px;height:6px;border-left:1.5px solid #616161;border-bottom:1.5px solid #616161;transform:rotate(45deg)}
.sdis-crumb{display:flex;align-items:center;gap:7px;min-width:0;white-space:nowrap}
.sdis-crumb i{flex:none;width:5px;height:5px;border-top:1.2px solid #9CA3AF;border-right:1.2px solid #9CA3AF;transform:rotate(45deg)}
.sdis-crumb b{font-weight:600;color:#242424}
.sdis-me{flex:none;margin-left:auto;width:24px;height:24px;border-radius:50%;background:#2D64BF;color:#fff;font:600 10px/24px var(--xsf);text-align:center}
.sdis-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px 12px;padding:14px 16px 12px}
.sdis-h1{font:700 16px/22px var(--xsf);letter-spacing:-.01em;color:#16202E}
.sdis-sub{margin-top:2px;font:400 12px/16px var(--xsf);color:#616161}
.sdis-flag{display:inline-block;margin-left:8px;font:700 10px/14px var(--xsf);letter-spacing:.07em;text-transform:uppercase;vertical-align:2px;color:#1C417F}
.sdis-flag.warn{color:#B45309}
.sdis-flag.ok{color:#15803D}
.sdis-acts{display:flex;flex-wrap:wrap;gap:6px}
.sdis-btn{display:inline-flex;align-items:center;height:28px;padding:0 10px;border:1px solid #D1D1D1;border-radius:4px;background:#fff;font:600 12px/1 var(--xsf);color:#242424;white-space:nowrap}
.sdis-btn.pri{background:#2D64BF;border-color:#2D64BF;color:#fff}
.sdis-body{flex:1;display:flex;flex-direction:column;min-width:0;border-top:1px solid #E5E7EB}
.sdis-num{font-variant-numeric:tabular-nums;white-space:nowrap}
.sdis-code{font:600 11px/15px Consolas,'Cascadia Mono',monospace;color:#1C417F;white-space:nowrap}

.sdis-pick{flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.sdis-plan{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-right:1px solid #E5E7EB;background:#FAFBFD}
.sdis-plan svg{display:block;width:100%;height:auto}
.sdis-plan text{font:600 10px/1 var(--xsf);fill:#616161}
.sdis-plan .lbl{font-size:12px;fill:#16202E}
.sdis-plan .dock{fill:#EEF1F6;stroke:#CBD2DC}
.sdis-plan .rack{fill:#fff;stroke:#CBD2DC}
.sdis-plan .ok{fill:#DCFCE7;stroke:#16A34A}
.sdis-plan .part{fill:#FEF3C7;stroke:#D97706}
.sdis-plan .now{fill:#DBEAFE;stroke:#2D64BF;stroke-width:2}
.sdis-plan .next{fill:#fff;stroke:#2D64BF;stroke-dasharray:3 2}
.sdis-plan .walk{fill:none;stroke:#2D64BF;stroke-width:2.5}
.sdis-plan .todo{fill:none;stroke:#9DB6E3;stroke-width:2;stroke-dasharray:5 4}
.sdis-plan .pin{fill:#2D64BF}
.sdis-plan .pin.ok{fill:#16A34A;stroke:none}
.sdis-plan .pin.part{fill:#D97706;stroke:none}
.sdis-plan .pin.next{fill:#fff;stroke:#2D64BF;stroke-width:1.5;stroke-dasharray:none}
.sdis-plan .pn{font-size:9.5px;fill:#fff;text-anchor:middle}
.sdis-plan .pn.sdis-dk{fill:#1C417F}
.sdis-leg{display:flex;flex-wrap:wrap;gap:4px 12px;font:400 11px/14px var(--xsf);color:#616161}
.sdis-leg span{display:inline-flex;align-items:center;gap:5px}
.sdis-leg i{width:9px;height:9px;border:1px solid}
.sdis-leg .ok{background:#DCFCE7;border-color:#16A34A}
.sdis-leg .part{background:#FEF3C7;border-color:#D97706}
.sdis-leg .now{background:#DBEAFE;border-color:#2D64BF}
.sdis-leg .next{background:#fff;border-color:#2D64BF;border-style:dashed}
.sdis-pl{list-style:none;margin:0;padding:4px 0;display:flex;flex-direction:column}
.sdis-pl li{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:4px 10px;align-items:start;padding:9px 14px;border-bottom:1px solid #F0F0F0;font:400 12px/16px var(--xsf)}
.sdis-pl .n{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#16A34A;color:#fff;font:700 10px/1 var(--xsf)}
.sdis-pl .part .n{background:#D97706}
.sdis-pl .now{background:#EEF4FF}
.sdis-pl .now .n{background:#2D64BF}
.sdis-pl .next .n{background:#fff;border:1.5px solid #2D64BF;color:#1C417F}
.sdis-pl .d b{display:block;font-weight:600;color:#16202E}
.sdis-pl .d small{display:block;font-size:11px;color:#616161}
.sdis-pl .q{text-align:right;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.sdis-pl .q small{display:block;font-weight:400;font-size:10.5px;color:#616161}
.sdis-pl .ok .q small{color:#15803D}
.sdis-pl .part .q small{color:#B45309}
.sdis-pl .now .q small{color:#1C417F}
.sdis-foot{display:flex;align-items:center;gap:10px;padding:10px 14px;border-top:1px solid #E5E7EB;background:#FAFBFD;font:400 11.5px/16px var(--xsf);color:#616161}
.sdis-foot b{font-weight:600;color:#16202E}
.sdis-meter{flex:1;min-width:40px;height:6px;background:#E5EAF2}
.sdis-meter i{display:block;height:6px;background:#2D64BF}
.sdis-w58{width:58%}

.sdis-ord{flex:1;display:flex;flex-direction:column;gap:12px;padding:14px 16px}
.sdis-flds{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr);gap:10px}
.sdis-fld{display:flex;flex-direction:column;gap:4px;min-width:0}
.sdis-fld .l{font:600 11px/14px var(--xsf);color:#424242}
.sdis-in{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:30px;padding:4px 8px;border:1px solid #D1D1D1;border-bottom-color:#616161;border-radius:4px;background:#fff;font:400 12px/16px var(--xsf);color:#242424}
.sdis-tar{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:8px 10px;border-left:3px solid #2D64BF;background:#EEF4FF;font:400 12px/16px var(--xsf);color:#1C417F}
.sdis-tar b{font-weight:700}
.sdis-lines{border:1px solid #E5E7EB}
.sdis-lh,.sdis-ln{display:grid;grid-template-columns:minmax(0,1fr) 50px 92px 74px;gap:10px;align-items:center;padding:8px 10px}
.sdis-lh{background:#FAFBFD;border-bottom:1px solid #E5E7EB;font:600 11px/14px var(--xsf);color:#424242}
.sdis-ln{border-bottom:1px solid #F0F0F0;font:400 12px/16px var(--xsf)}
.sdis-ln .d small{display:block;font-size:11px;color:#616161}
.sdis-ln .p{text-align:right;font-variant-numeric:tabular-nums}
.sdis-ln .p small{display:block;font:600 9.5px/13px var(--xsf);letter-spacing:.04em;text-transform:uppercase;color:#2D64BF}
.sdis-lh .rt,.sdis-ln .rt{text-align:right}
.sdis-add{padding:8px 10px;font:400 12px/16px var(--xsf);color:#616161}
.sdis-add b{color:#2D64BF;font-weight:600}
.sdis-tot{align-self:flex-end;width:min(100%,250px);margin-top:auto;border-top:2px solid #16202E}
.sdis-tot div{display:flex;justify-content:space-between;gap:10px;padding:5px 0;font:400 12px/16px var(--xsf);color:#424242}
.sdis-tot div span:last-child{font-variant-numeric:tabular-nums}
.sdis-tot .sdis-big{font:700 15px/20px var(--xsf);color:#16202E}

.sdis-cnt{flex:1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
.sdis-rack{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-right:1px solid #E5E7EB}
.sdis-rack-h{display:flex;justify-content:space-between;gap:8px;font:600 11px/14px var(--xsf);color:#424242}
.sdis-rack-h span:last-child{font-weight:400;color:#616161}
.sdis-holes{display:grid;grid-template-columns:28px repeat(6,minmax(0,1fr));gap:4px}
.sdis-holes>span{display:grid;place-items:center;min-height:38px;border:1px solid #CBD2DC;background:#fff;font:600 10px/12px Consolas,'Cascadia Mono',monospace;color:#616161}
.sdis-holes>.lv{border:0;background:none;font:600 10px/12px var(--xsf)}
.sdis-holes>.cl{min-height:16px;border:0;background:none;color:#16202E}
.sdis-holes>.ok{background:#DCFCE7;border-color:#86EFAC;color:#166534}
.sdis-holes>.dif{background:#FEF3C7;border-color:#F59E0B;color:#92400E}
.sdis-holes>.now{background:#DBEAFE;border:2px solid #2D64BF;color:#1C417F}
.sdis-holes>.pend{border-style:dashed}
.sdis-scan{display:flex;flex-direction:column;gap:12px;padding:14px 16px;background:#FAFBFD}
.sdis-scan-h{font:700 10.5px/14px var(--xsf);letter-spacing:.1em;text-transform:uppercase;color:#616161}
.sdis-bc{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border:1px solid #E5E7EB;background:#fff}
.sdis-bars{height:28px;background:repeating-linear-gradient(90deg,#16202E 0 2px,transparent 2px 4px,#16202E 4px 5px,transparent 5px 8px,#16202E 8px 11px,transparent 11px 12px)}
.sdis-bc b{font:600 13px/18px var(--xsf);color:#16202E}
.sdis-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#E5E7EB;border:1px solid #E5E7EB}
.sdis-trio div{padding:8px;background:#fff}
.sdis-trio span{display:block;font:400 11px/14px var(--xsf);color:#616161}
.sdis-trio b{display:block;margin-top:2px;font:600 18px/22px var(--xhf);color:#16202E;font-variant-numeric:tabular-nums}
.sdis-trio .dif b{color:#B45309}
.sdis-sel{display:flex;justify-content:space-between;align-items:center;min-height:30px;padding:4px 8px;border:1px solid #F59E0B;border-radius:4px;background:#fff;font:400 12px/16px var(--xsf);color:#92400E}
.sdis-sel::after{content:'';width:6px;height:6px;margin:-3px 2px 0 8px;border-right:1.5px solid #92400E;border-bottom:1.5px solid #92400E;transform:rotate(45deg)}
.sdis-why{display:flex;flex-direction:column;gap:4px}
.sdis-why .l{font:600 11px/14px var(--xsf);color:#424242}
.sdis-note{margin:auto 0 0;font:400 11.5px/16px var(--xsf);color:#616161}

.sdis-exp{flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.sdis-lblw{display:flex;flex-direction:column;gap:10px;padding:16px;border-right:1px solid #E5E7EB;background:#F3F5F9}
.sdis-lbl{display:flex;flex-direction:column;border:1.5px solid #16202E;background:#fff;box-shadow:0 2px 6px rgba(11,30,63,.12)}
.sdis-lbl>div{padding:8px 10px;border-bottom:1px solid #16202E}
.sdis-lbl>div:last-child{border-bottom:0}
.sdis-lbl .k{display:block;font:700 9px/12px var(--xsf);letter-spacing:.1em;text-transform:uppercase;color:#616161}
.sdis-lbl .from{font:400 11px/15px var(--xsf);color:#424242}
.sdis-lbl .to{font:700 14px/19px var(--xsf);color:#16202E}
.sdis-lbl .to small{display:block;font:400 12px/16px var(--xsf);color:#242424}
.sdis-lbl .sdis-lrow{display:flex;justify-content:space-between;gap:8px;font:700 12px/16px var(--xsf);color:#16202E}
.sdis-lbl .sdis-big{font:800 22px/26px var(--xhf);letter-spacing:-.02em}
.sdis-lbl .bars{height:34px;margin-top:4px;background:repeating-linear-gradient(90deg,#16202E 0 3px,transparent 3px 5px,#16202E 5px 6px,transparent 6px 9px,#16202E 9px 11px,transparent 11px 12px,#16202E 12px 13px,transparent 13px 16px)}
.sdis-lbl .bcn{display:block;margin-top:3px;text-align:center;font:400 10px/12px Consolas,'Cascadia Mono',monospace;letter-spacing:.2em;color:#242424}
.sdis-lblw p{margin:0;font:400 11px/15px var(--xsf);color:#616161}
.sdis-side{display:flex;flex-direction:column}
.sdis-sec{padding:12px 16px;border-bottom:1px solid #F0F0F0}
.sdis-sec-h{margin-bottom:6px;font:700 10.5px/14px var(--xsf);letter-spacing:.1em;text-transform:uppercase;color:#616161}
.sdis-pk{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding:4px 0;font:400 12px/16px var(--xsf)}
.sdis-pk small{grid-column:1/-1;font-size:11px;color:#616161}
.sdis-pk span:nth-child(2){font-weight:600;font-variant-numeric:tabular-nums}
.sdis-sign{flex:1;display:flex;flex-direction:column;gap:6px;padding:12px 16px}
.sdis-att{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border:1px solid #E5E7EB;border-left:3px solid #16A34A}
.sdis-att b{font:600 12px/16px var(--xsf);color:#16202E}
.sdis-att small{font:400 11px/15px var(--xsf);color:#616161}
.sdis-att svg{display:block;width:150px;max-width:100%;height:auto}
.sdis-att path{fill:none;stroke:#1C417F;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sdis-att line{stroke:#CBD2DC}

@media (max-width:1000px){
  .scn-feat .sdis-win,.pg-hero .sdis-win{grid-column:1/-1}
}
@media (min-width:1001px){
  .pg-hero .pg-mhero>.sdis-win{grid-column:6/13}
}
@media (max-width:560px){
  .sdis-top .sdis-x,.sdis-top .sdis-x+i{display:none}
  .sdis-head{align-items:flex-start}
  .sdis-pick,.sdis-cnt,.sdis-exp{grid-template-columns:minmax(0,1fr)}
  .sdis-plan,.sdis-rack,.sdis-lblw{border-right:0;border-bottom:1px solid #E5E7EB}
  .sdis-flds{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .sdis-flds .sdis-fld:first-child{grid-column:1/-1}
  .sdis-lh,.sdis-ln{grid-template-columns:minmax(0,1fr) 34px 70px 62px;gap:6px;padding:8px}
  .sdis-ord{padding:12px}
}