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

.stra-mono{font:600 11px/15px Consolas,'Cascadia Mono',monospace;color:#1C417F;white-space:nowrap}

.stra-prog{display:flex;flex-direction:column;gap:8px;padding:14px 16px 12px;border-bottom:1px solid #E5E7EB}
.stra-prog-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 10px;font:700 10.5px/14px var(--xsf);letter-spacing:.1em;text-transform:uppercase;color:#616161}
.stra-prog-h b{font:600 13px/18px var(--xsf);letter-spacing:0;text-transform:none;color:#16202E}
.stra-seg{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:3px}
.stra-seg li{position:relative;padding-top:12px;text-align:center;font:600 10px/14px var(--xsf);font-variant-numeric:tabular-nums;color:#9CA3AF}
.stra-seg li::before{content:'';position:absolute;left:0;right:0;top:0;height:6px;background:#E5E7EB}
.stra-seg li.ok{color:#424242}
.stra-seg li.ok::before{background:#16A34A}
.stra-seg li.inc{color:#B45309}
.stra-seg li.inc::before{background:#D97706}
.stra-seg li.cur{color:#1C417F;font-weight:700}
.stra-seg li.cur::before{top:-2px;height:10px;background:#2D64BF}
.stra-prog-f{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 12px;font:400 11px/15px var(--xsf);color:#616161}
.stra-nx-h{padding:12px 16px 4px;font:700 10.5px/14px var(--xsf);letter-spacing:.1em;text-transform:uppercase;color:#616161}
.stra-nx{flex:1;list-style:none;margin:0;padding:0 16px 10px;display:flex;flex-direction:column}
.stra-nx li{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:4px 12px;align-items:center;padding:9px 0;border-bottom:1px solid #F0F0F0}
.stra-nx li:last-child{border-bottom:0}
.stra-nx .n{display:grid;place-items:center;width:26px;height:26px;border:1.5px solid #CBD2DC;border-radius:50%;font:700 11px/1 var(--xsf);color:#424242}
.stra-nx .sq .n{border-radius:3px}
.stra-nx .d{min-width:0}
.stra-nx .d b{display:block;font:600 13px/18px var(--xsf);color:#16202E}
.stra-nx .d small{display:block;font:400 11.5px/16px var(--xsf);color:#616161}
.stra-nx time{font:600 11px/16px Consolas,'Cascadia Mono',monospace;color:#616161;white-space:nowrap}
.stra-nx li.cur{margin:2px -10px 4px;padding:10px;border:1px solid #BFD3F2;border-left:3px solid #2D64BF;background:#F5F8FE}
.stra-nx li.cur .n{border-color:#2D64BF;background:#2D64BF;color:#fff}
.stra-nx li.cur time{color:#1C417F}
.stra-nx li .stra-acts{grid-column:2/-1;margin-top:4px}
.stra-foot{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;padding:10px 16px;border-top:1px solid #E5E7EB;background:#FAFBFD;font:400 11.5px/16px var(--xsf);color:#616161}
.stra-foot span{display:inline-flex;align-items:center;gap:6px}
.stra-foot b{font-weight:600;color:#16202E;font-variant-numeric:tabular-nums}
.stra-foot i{width:9px;height:9px;border-radius:50%}
.stra-foot .ok{background:#16A34A}
.stra-foot .inc{background:#D97706}
.stra-foot .pend{border:1.5px solid #9CA3AF}
.stra-foot .sq{border-radius:2px;border:1.5px solid #616161}

.stra-wk{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-bottom:1px solid #E5E7EB}
.stra-day{display:flex;flex-direction:column;gap:6px;min-width:0;padding:8px 6px 10px;border-left:1px solid #F0F0F0}
.stra-day:first-child{border-left:0}
.stra-day-h{padding-bottom:6px;border-bottom:1px solid #E5E7EB;font:600 11.5px/15px var(--xsf);color:#16202E}
.stra-day-h small{display:block;font-weight:400;font-size:10.5px;color:#616161}
.stra-day.today{background:#F5F8FE;box-shadow:inset 0 2px 0 #2D64BF}
.stra-day.today .stra-day-h{color:#1C417F}
.stra-rt{display:flex;flex-direction:column;gap:1px;min-width:0;padding:6px 7px;border:1px solid #E0E6EF;border-left:3px solid #2D64BF;background:#fff;font:400 10.5px/14px var(--xsf);color:#616161}
.stra-rt.done{border-left-color:#9CA3AF}
.stra-rt.run{border-left-color:#16A34A}
.stra-rt .stra-mono{font-size:10.5px}
.stra-free{font:400 11px/15px var(--xsf);color:#9CA3AF}
.stra-zh{display:flex;justify-content:space-between;gap:8px;padding:12px 14px 6px;font:600 12px/16px var(--xsf);color:#16202E}
.stra-zh span{font-weight:400;color:#616161}
.stra-zt{flex:1;display:flex;flex-direction:column;padding:0 14px 12px}
.stra-zr{display:grid;grid-template-columns:minmax(0,1fr) repeat(5,26px) 66px;gap:6px;align-items:center;padding:7px 0;border-bottom:1px solid #F0F0F0;font:400 12px/16px var(--xsf)}
.stra-zr.stra-zhd{font:600 10.5px/14px var(--xsf);color:#616161}
.stra-zr>span{text-align:center}
.stra-zr>span:first-child{text-align:left}
.stra-zr>span:last-child{text-align:right;font-variant-numeric:tabular-nums}
.stra-zr .stra-on{display:inline-block;width:14px;height:10px;border-radius:2px;background:#2D64BF;vertical-align:-1px}
.stra-zr .stra-off{color:#C4C8CF}
.stra-zr b{font-weight:600;color:#B45309}

.stra-run{flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
.stra-chk{display:flex;flex-direction:column;gap:12px;padding:14px 16px;border-right:1px solid #E5E7EB;background:#FAFBFD}
.stra-chk-h{display:flex;justify-content:space-between;align-items:center;gap:8px;font:700 12.5px/16px var(--xsf);color:#16202E}
.stra-ok{display:inline-flex;align-items:center;height:20px;padding:0 8px;background:#DCFCE7;color:#166534;font:700 10.5px/1 var(--xsf);letter-spacing:.06em;text-transform:uppercase}
.stra-kv{display:flex;justify-content:space-between;align-items:center;gap:8px;font:400 12px/16px var(--xsf);color:#616161}
.stra-kv b{font-weight:600;color:#16202E;font-variant-numeric:tabular-nums}
.stra-fuel{display:inline-grid;grid-template-columns:repeat(4,14px);gap:3px}
.stra-fuel i{height:12px;background:#16A34A}
.stra-fuel i.stra-no{background:#E5E7EB}
.stra-van{display:flex;flex-direction:column;gap:4px}
.stra-van svg{display:block;width:100%;max-width:220px;height:auto}
.stra-van .bd{fill:#fff;stroke:#9CA3AF;stroke-width:1.5}
.stra-van .cab{fill:#EEF1F6;stroke:#9CA3AF;stroke-width:1.5}
.stra-van .mk{fill:#D97706}
.stra-van small{font:400 11px/15px var(--xsf);color:#92400E}
.stra-ph{display:flex;gap:6px}
.stra-ph span{width:54px;height:40px;border:1px solid #CBD2DC;background:linear-gradient(160deg,#DCE3EE 0 45%,#C3CDDC 45% 70%,#AEB9CB 70%)}
.stra-chk p{margin:auto 0 0;font:400 11px/15px var(--xsf);color:#616161}
.stra-tl{list-style:none;margin:0;padding:14px 16px;display:flex;flex-direction:column}
.stra-tl li{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px;padding:0 0 14px}
.stra-tl li::before{content:'';position:absolute;left:66px;top:14px;bottom:0;width:2px;background:#E5E7EB}
.stra-tl li:last-child::before{display:none}
.stra-tl time{font:600 11px/16px Consolas,'Cascadia Mono',monospace;color:#616161;text-align:right}
.stra-tl .ev{position:relative;padding-left:18px;font:400 12px/16px var(--xsf);color:#424242}
.stra-tl .ev::before{content:'';position:absolute;left:0;top:3px;width:10px;height:10px;border-radius:50%;background:#16A34A}
.stra-tl .ev b{display:block;font-weight:600;color:#16202E}
.stra-tl .inc .ev::before{background:#D97706}
.stra-tl .inc .ev em{display:block;margin-top:4px;padding:4px 8px;background:#FFFBEB;border-left:2px solid #D97706;font-style:normal;color:#78350F}
.stra-tl .go .ev::before{background:#2D64BF}
.stra-tl .wait .ev::before{width:6px;height:6px;border:2px solid #9CA3AF;background:#fff}
.stra-tl .wait time{font-size:10px}

.stra-fleet{flex:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px 16px}
.stra-veh{display:flex;flex-direction:column;gap:10px;min-width:0;padding:12px;border:1px solid #E0E6EF;background:#fff}
.stra-veh.warn{border-top:3px solid #D97706}
.stra-veh.ok{border-top:3px solid #16A34A}
.stra-plate{display:inline-flex;align-self:flex-start;align-items:stretch;border:1.5px solid #16202E;border-radius:3px;overflow:hidden;font:700 14px/24px Consolas,'Cascadia Mono',monospace;color:#16202E;letter-spacing:.06em}
.stra-plate i{display:grid;place-items:end center;width:13px;padding-bottom:2px;background:#1D4ED8;color:#fff;font:700 8px/1 var(--xsf);font-style:normal;letter-spacing:0}
.stra-plate span{padding:0 7px;background:#fff}
.stra-veh .t{font:600 12.5px/16px var(--xsf);color:#16202E}
.stra-veh .t small{display:block;font-weight:400;font-size:11px;color:#616161}
.stra-mt{display:flex;flex-direction:column;gap:4px}
.stra-mt>div{display:flex;justify-content:space-between;gap:6px;font:400 11px/14px var(--xsf);color:#616161}
.stra-mt>div b{font-weight:600;color:#16202E;font-variant-numeric:tabular-nums;white-space:nowrap}
.stra-mt.warn>div b{color:#B45309}
.stra-bar{height:5px;background:#EEF1F6}
.stra-bar i{display:block;height:5px;background:#16A34A}
.stra-mt.warn .stra-bar i{background:#D97706}
.stra-mnt{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;padding:10px 16px;border-top:1px solid #E5E7EB;background:#FAFBFD;font:400 11.5px/16px var(--xsf);color:#616161}
.stra-mnt b{font-weight:600;color:#16202E}

@media (min-width:1001px){
  .pg-hero .pg-mhero>.stra-win{grid-column:6/13}
}
@media (max-width:760px){
  .stra-fleet{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){
  .stra-top .stra-x,.stra-top .stra-x+i{display:none}
  .stra-head{align-items:flex-start}
  .stra-seg{gap:2px}
  .stra-seg li{font-size:9px}
  .stra-nx li{grid-template-columns:26px minmax(0,1fr);gap:2px 10px}
  .stra-nx time{grid-column:2}
  .stra-run{grid-template-columns:minmax(0,1fr)}
  .stra-chk{border-right:0;border-bottom:1px solid #E5E7EB}
  .stra-day{padding:8px 3px}
  .stra-rt{padding:5px 4px}
  .stra-rt .stra-mono{font-size:9.5px}
  .stra-rt span:last-child{display:none}
  .stra-zr{grid-template-columns:minmax(0,1fr) repeat(5,18px) 54px;gap:4px}
}