.m-menu,.m-scrim,.m-tabbar,.ops-bar,.ops-scan,.ops-step{display:none}
body.m-nav-lock{overflow:hidden}
.topbar > div:first-of-type{
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;
  gap:4px!important;min-width:0
}

@media(max-width:900px){
  html,body{max-width:100%;overflow-x:hidden}
  html body .app{
    grid-template-columns:1fr!important;
    height:100dvh!important;min-height:100dvh!important;overflow:hidden!important
  }
  html body .app > .main{
    grid-column:1!important;
    padding-bottom:calc(56px + env(safe-area-inset-bottom,0px))!important;
    min-width:0!important;overflow:auto!important
  }
  html body .app > .main > .topbar{
    display:flex!important;flex-direction:row!important;
    min-height:52px!important;height:52px!important;
    padding:6px 10px 6px 6px!important;gap:8px!important;
    position:sticky!important;top:0;z-index:20;
    overflow:visible!important;border-bottom:1px solid var(--line)!important
  }
  .topbar .crumb,.topbar .headline,.st-due{display:none!important}
  html body .app > .main > .main-body{padding:10px 10px 18px!important;overflow:auto!important}

  .m-menu{
    display:grid!important;place-items:center;
    width:40px;height:40px;flex:0 0 40px;
    border:0;border-radius:10px;background:transparent;padding:0
  }
  .m-menu span,.m-menu span:before,.m-menu span:after{
    display:block;width:18px;height:2px;border-radius:2px;background:#1f2d3d
  }
  .m-menu span{position:relative}
  .m-menu span:before,.m-menu span:after{content:"";position:absolute;left:0}
  .m-menu span:before{top:-6px}
  .m-menu span:after{top:6px}

  .m-scrim{
    display:block;position:fixed;inset:0;z-index:80;
    background:rgba(31,45,61,.36);opacity:0;pointer-events:none;transition:opacity .18s
  }
  html body .app.nav-open > .m-scrim{opacity:1;pointer-events:auto}
  html body .app > .sidebar{
    display:flex!important;position:fixed!important;top:0;bottom:0;left:0;
    width:min(280px,86vw)!important;min-width:0!important;max-width:86vw!important;
    z-index:90!important;transform:translateX(-105%);transition:transform .2s ease;
    height:100dvh!important
  }
  html body .app.nav-open > .sidebar{
    transform:translateX(0);box-shadow:16px 0 40px rgba(31,45,61,.16)!important
  }
  .m-tabbar{
    display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));
    position:fixed;left:0;right:0;bottom:0;z-index:70;
    height:calc(56px + env(safe-area-inset-bottom,0px));
    padding:4px 4px env(safe-area-inset-bottom,0px);
    background:rgba(255,255,255,.96);border-top:1px solid #e3ebf5;
    backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)
  }
  .m-tabbar button{
    border:0;background:transparent;color:#8a9bb2;
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
    min-width:0;padding:0;font:700 10px Manrope,sans-serif;position:relative
  }
  .m-tabbar button.on{color:#1769ff}
  .m-tabbar .nav-ico{width:22px;height:22px}
  .m-tabbar .nav-ico svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .m-tabbar .m-more .nav-ico svg{fill:currentColor;stroke:none}
  .m-tabbar .count{
    position:absolute;top:2px;right:14px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;
    background:#e35b5b;color:#fff;font:800 9px/16px Manrope,sans-serif;text-align:center
  }

  .ops-bar{
    display:flex!important;align-items:center;gap:8px;margin:0 0 10px
  }
  .ops-bar .ops-q,.ops-q{
    flex:1;min-width:0;height:44px;padding:0 12px;border:1px solid #e3ebf5;border-radius:12px;background:#fff;font-size:16px!important
  }
  .ops-scan,.ops-add{
    display:inline-flex!important;align-items:center;justify-content:center;
    height:44px;padding:0 14px;border:1px solid #c9dbff;border-radius:12px;
    background:#eef3ff;color:#1769ff;font:800 13px Manrope,sans-serif;white-space:nowrap
  }
  .ops-add{background:#1769ff;border-color:#1769ff;color:#fff}

  .workbench-grid,.wb-ops,.wb-pri-list,.wb-alerts,.purchase-metric-grid{grid-template-columns:1fr!important}
  .wb-act{min-height:64px;padding:14px}
  .wb-act b{font-size:15px}

  .ib-cols,.ib-cols-item,.ib-cols-ord,.st-head,.ob-ck-head,.req-p-ih,.th-inst-row.is-head{display:none!important}
  .inbound-page .ib-split{flex-direction:column!important}
  .inbound-page .ib-gutter{display:none!important}
  .inbound-page .ib-pane-h{flex-wrap:wrap}
  .inbound-page .ib-stats{display:none}
  .inbound-page .ib-pane-h{display:flex!important;padding:8px 10px}
  .inbound-page .ib-head-acts{display:none}
  .inbound-page .ib-sum b{font-size:15px}
  .inbound-page .ib-hist-btn{height:36px}
  .inbound-page #ib-panel-items,.inbound-page #ib-panel-order{display:flex;flex-direction:column;gap:8px;padding:8px 0}
  .inbound-page .ib-item-row,.inbound-page .mini-ord{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    gap:6px 10px!important;
    align-items:center!important;
    padding:14px!important;
    border:1px solid #e3ebf5!important;
    border-radius:14px!important;
    background:#fff!important;
    min-height:88px
  }
  .inbound-page .ib-item-row .name{grid-column:1;font-size:16px;font-weight:750}
  .inbound-page .ib-item-row .name .meta{display:block;color:#8a9bb2;font-size:12px;font-weight:500}
  .inbound-page .ib-item-row .ib-act{grid-column:2;grid-row:1/span 3;flex-direction:column;gap:8px}
  .inbound-page .ib-adv{
    min-width:88px;min-height:48px;padding:0 14px;border-radius:12px;
    background:#1769ff;border:0;color:#fff;font:800 14px Manrope,sans-serif
  }
  .inbound-page .ib-undo{
    width:40px;height:40px;flex:0 0 40px;border-radius:12px
  }
  .inbound-page .ib-undo svg{width:18px;height:18px}
  .inbound-page .ib-adv.is-off{opacity:.38}
  .inbound-page .ib-item-row .src-marks,.inbound-page .ib-item-row .ib-contact,
  .inbound-page .ib-item-row .ib-otime,.inbound-page .ib-item-row .ib-spec{display:none}
  .inbound-page .ib-item-row .ib-qty-spec,.inbound-page .ib-item-row .ord-money{display:flex;align-items:center;gap:6px}
  .inbound-page .ib-qty,.inbound-page .ib-amt{height:40px;width:72px;font-size:16px!important;text-align:center}
  .inbound-page .ib-item-row .c-ev,.inbound-page .ib-item-row .ib-thumb{min-height:40px}
  .inbound-page .ib-filter-row{padding:8px 0}
  .inbound-page .ib-st-line{flex-wrap:wrap}
  .inbound-page .ib-seg button{height:36px;padding:0 12px}
  .inbound-page .ib-shot-btn,.inbound-page .ib-batch-gap{display:none!important}

  .st-wh-bar{flex-direction:column;align-items:stretch}
  .st-wh-row{overflow-x:auto;flex-wrap:nowrap}
  .st-wh{min-width:120px}
  .st-page .ob-split{display:flex;flex-direction:column}
  .st-page .ob-split-side{max-height:none;border-right:0;border-bottom:1px solid #e3ebf5}
  .st-page .ob-split-side-list{display:flex;overflow-x:auto;max-height:none}
  .st-page .ob-split-store{flex:0 0 auto;min-width:112px}
  .st-racks{overflow-x:auto;flex-wrap:nowrap}
  .st-line{
    display:grid!important;
    grid-template-columns:48px 1fr 72px!important;
    grid-template-areas:"ph name real" "ph book real"!important;
    gap:4px 10px!important;align-items:center!important;
    padding:12px!important;min-height:76px;border-radius:14px;background:#fff;border:1px solid #e3ebf5;margin:0 0 8px
  }
  .st-line .st-photo{grid-area:ph}
  .st-line .st-name{grid-area:name}
  .st-line .st-name b{font-size:15px}
  .st-line .sh{grid-area:book;color:#8a9bb2;font-size:12px}
  .st-line .sh::before{content:"账面 "}
  .st-line .st-real{grid-area:real;width:72px;height:44px;font-size:18px!important;text-align:center;font-weight:800}
  .st-page .ob-ship-foot{
    position:sticky;bottom:calc(56px + env(safe-area-inset-bottom,0px));
    z-index:15;background:#fff;padding:10px 12px
  }
  .st-page .ob-ship-foot .primary{min-height:44px;padding:0 18px}

  .ob-split,.req-split{grid-template-columns:1fr!important;display:flex!important;flex-direction:column}
  .ob-split-side{max-height:168px;border-right:0;border-bottom:1px solid #e3ebf5}
  .ob-split-side-list{display:flex;overflow-x:auto}
  .ob-split-store{flex:0 0 auto;min-width:140px}
  .ob-ck-line,.req-p-ir,.th-inst-row{
    display:grid!important;grid-template-columns:32px 1fr auto!important;
    gap:8px!important;align-items:center!important;
    padding:12px!important;border:1px solid #e3ebf5;border-radius:14px;background:#fff;margin:0 0 8px
  }
  .ob-ck-line .kind,.ob-ck-line .sh,.ob-ck-line .dt,.ob-ck-line .st{display:none}
  .ob-good b{font-size:15px}
  .ob-ship-foot{
    position:sticky;bottom:calc(56px + env(safe-area-inset-bottom,0px));
    z-index:15;flex-wrap:wrap;background:#fff
  }
  .ob-ship-foot .primary,.ob-all-btn{min-height:44px}

  .req-modal{width:100%!important;height:100%!important;max-height:100%!important;border-radius:0!important}
  .req-pick{grid-template-columns:1fr!important}
  .req-cats{display:flex;overflow-x:auto;max-height:none}
  .req-cats button{flex:0 0 auto;width:auto}
  .req-good{min-height:56px}
  .rec-btn,.primary.rec-btn{min-height:44px;padding:0 16px}

  .po-v2-top,.po-v2-ctrl{flex-wrap:wrap}
  .po-v2-order,.po-v2-theme-row{
    display:grid!important;grid-template-columns:1fr auto!important;
    gap:8px!important;padding:14px!important;border-radius:14px
  }
  .po-v2-theme-row>div:nth-child(n+3){display:none}
  .modal-backdrop,.modal-mask{padding:0!important;align-items:stretch!important;place-items:stretch!important}
  .modal,.ob-modal,.production-modal,.req-modal,.config-item-modal,.ib-manual-modal{
    width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;
    border-radius:0!important;margin:0!important
  }
  .modal-backdrop.evidence-backdrop.drawer-mode .evidence-modal{
    inset:0!important;width:100%!important;min-width:0!important;max-width:100%!important;border-radius:0!important
  }

  input,select,textarea{font-size:16px!important}
  button,.nav button,.m-tabbar button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
}

@media(max-width:520px){
  .auth-art{font-size:32px!important;letter-spacing:.08em!important;white-space:normal!important}
  .auth-page{padding:56px 18px 28px!important;gap:24px!important}
  .auth-sub{margin:12px 0!important}
  .auth-card{padding:22px 18px 18px}
}

html.is-phone .ops-scan.m-scan{display:inline-flex!important;width:44px;padding:0;font-size:0;border-radius:12px}
html.is-phone .ops-scan.m-scan:after{content:"扫";font:800 13px Manrope,sans-serif}
html.is-phone .config-item-split,
html.is-phone .sh-split,
html.is-phone .th-split,
html.is-phone body .config-item-split{
  display:flex!important;flex-direction:column!important;
  grid-template-columns:none!important;height:auto!important;overflow:visible!important
}
html.is-phone .config-sup-side{
  max-height:none;flex:0 0 auto!important;border-radius:12px
}
html.is-phone .config-sup-list{
  display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;
  max-height:none;gap:8px;padding:0 8px 10px
}
html.is-phone .config-sup-row{
  flex:0 0 148px;margin:0;align-content:center
}
html.is-phone .config-item-main,
html.is-phone .config-item-table-card,
html.is-phone .config-item-x,
html.is-phone .config-item-table-scroll{
  overflow:visible!important;height:auto!important;min-height:0!important
}
html.is-phone .app > .main > .main-body:has(.config-item-split),
html.is-phone .app > .main > .main-body:has(.sh-split),
html.is-phone .app > .main > .main-body:has(.th-split),
html.is-phone .app > .main:has(.config-item-split),
html.is-phone .config-surface:has(.config-item-split){
  overflow:auto!important;height:auto!important;display:block!important
}
html.is-phone .config-item-table{min-width:0!important}
html.is-phone .ops-cards{display:flex;flex-direction:column;gap:8px;padding:4px 0 12px}
html.is-phone .ops-card{
  display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;
  width:100%;text-align:left;padding:12px;border:1px solid #e3ebf5;border-radius:14px;background:#fff
}
html.is-phone .ops-card-ph{
  width:44px;height:44px;border-radius:10px;background:#eef3ff;color:#1769ff;
  display:grid;place-items:center;font:800 16px Manrope,sans-serif;overflow:hidden
}
html.is-phone .ops-card-ph img{width:100%;height:100%;object-fit:cover}
html.is-phone .ops-card-m{min-width:0}
html.is-phone .ops-card-m b{display:block;font-size:15px;line-height:1.3}
html.is-phone .ops-card-m small{display:block;margin-top:4px;color:#8a9bb2;font-size:12px}
html.is-phone .ops-card-go{color:#1769ff;font:800 13px Manrope,sans-serif}
html.is-phone .sh-board,html.is-phone .sh-racks{overflow-x:auto}
html.is-phone .inv-v2-row{grid-template-columns:1fr auto!important}
html.is-phone .config-tabs,html.is-phone .po-v2-toggle{flex-wrap:wrap}

html.is-phone .inbound-page .ib-shop,
html.is-phone .inbound-page #ib-m-manual .ib-shop{
  display:flex!important;flex-direction:column!important;
  grid-template-columns:1fr!important;grid-template-rows:auto minmax(0,1fr)!important
}
html.is-phone .inbound-page .ib-cats,
html.is-phone .inbound-page #ib-m-manual .ib-cats{
  display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;
  overflow-x:auto!important;overflow-y:hidden!important;width:100%!important;
  border-right:0!important;border-bottom:1px solid #e3ebf5;max-height:52px!important;padding:8px
}
html.is-phone .inbound-page .ib-cats button{
  flex:0 0 auto!important;width:auto!important;white-space:nowrap!important
}
html.is-phone .inbound-page .ib-good,
html.is-phone .inbound-page .ib-good.pick{
  grid-template-columns:40px minmax(0,1fr) auto!important;
  grid-template-rows:auto auto auto!important;
  align-items:start;padding:12px;gap:6px 10px
}
html.is-phone .inbound-page .ib-photo{grid-column:1;grid-row:1/span 2}
html.is-phone .inbound-page .ib-good .nm{
  grid-column:2/4;grid-row:1;display:block;white-space:normal
}
html.is-phone .inbound-page .ib-good .nm span{
  display:block;white-space:normal!important;overflow:visible!important;
  text-overflow:unset!important;word-break:break-word;line-height:1.35
}
html.is-phone .inbound-page .ib-good .sub{grid-column:2/4;grid-row:2}
html.is-phone .inbound-page .ib-left{grid-column:3;grid-row:3}
html.is-phone .inbound-page .ib-good .ib-step,
html.is-phone .inbound-page .ib-good.pick .ib-step{grid-column:2;grid-row:3;justify-self:start}
html.is-phone .inbound-page .ib-tick,
html.is-phone .inbound-page .ib-good.pick .ib-tick{grid-column:3;grid-row:3;justify-self:end}
html.is-phone .inbound-page #ib-left{min-width:0}
html.is-phone .inbound-page .ib-pane-h{display:flex!important;flex-wrap:wrap}
html.is-phone .inbound-page .ib-title-search{flex:1;min-width:0;width:auto!important}

html.is-phone .inv-mat-h{display:none!important}
html.is-phone .inv-mat-line{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:6px 10px!important;align-items:start!important;padding:12px!important
}
html.is-phone .inv-mat-line>span{display:none!important;white-space:normal!important;overflow:visible!important;text-overflow:unset!important}
html.is-phone .inv-mat-line>.rec-th-name,
html.is-phone .inv-mat-line>.inv-mat-loc,
html.is-phone .inv-mat-line>.inv-left-n,
html.is-phone .inv-mat-line>span:last-child{display:block!important}
html.is-phone .rec-th-name b{
  white-space:normal!important;overflow:visible!important;text-overflow:unset!important;
  word-break:break-word;line-height:1.35
}
html.is-phone .inv-mat-line>.rec-th-name{grid-column:1/-1}
html.is-phone .ob-split.inv-split{display:flex!important;flex-direction:column!important}
html.is-phone .inv-split .ob-split-side{max-height:148px}
html.is-phone .inv-kit-block{grid-template-columns:1fr;padding:8px 0 2px}

html.is-phone .po-v2-theme-row.is-head{display:none!important}
html.is-phone .po-v2-theme-row{
  display:grid!important;grid-template-columns:1fr auto!important;
  gap:8px!important;padding:14px!important;border:1px solid #e3ebf5;border-radius:14px;background:#fff;margin:0 0 8px
}
html.is-phone .po-v2-theme-row>div{min-width:0}
html.is-phone .po-v2-theme-row>div:nth-child(2),
html.is-phone .po-v2-theme-row>div:nth-child(3),
html.is-phone .po-v2-theme-row>div:nth-child(4){display:none!important}
html.is-phone .po-v2-theme-row .ti strong,
html.is-phone .po-v2-theme-row .ti b{
  white-space:normal!important;overflow:visible!important;text-overflow:unset!important;word-break:break-word
}
html.is-phone .po-v2-top,html.is-phone .po-v2-ctrl,html.is-phone .po-v2-actions{flex-wrap:wrap}
html.is-phone .po-v2-filters{overflow-x:auto;flex-wrap:nowrap}
html.is-phone .inv-v2-search{width:100%}
html.is-phone .inv-v2-search input{width:100%}

html.is-phone .po-page .po-v2-top{
  gap:6px;margin-bottom:6px;align-items:center
}
html.is-phone .po-page .po-v2-toggle,
html.is-phone .po-page .po-v2-meta,
html.is-phone .po-page .po-v2-ctrl .inv-v2-search,
html.is-phone .po-page .ob-create-btn.ghost{display:none!important}
html.is-phone .po-page .po-v2-actions{gap:6px;margin-left:auto}
html.is-phone .po-page .ob-create-btn{
  min-width:0!important;height:30px;padding:0 10px!important;font-size:12px;border-radius:8px
}
html.is-phone .po-page .po-v2-ctrl{
  gap:6px;margin-bottom:8px
}
html.is-phone .po-page .po-v2-filters{
  width:100%;overflow-x:auto;flex-wrap:nowrap;gap:4px;-webkit-overflow-scrolling:touch
}
html.is-phone .po-page .po-v2-filters button{
  flex:0 0 auto;padding:4px 8px;font-size:11px;border-radius:999px
}
html.is-phone .po-page .po-v2-theme-row{
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:"name act" "flow flow";
  gap:8px 10px!important;padding:12px!important;margin:0 0 10px
}
html.is-phone .po-page .po-v2-theme-row>div:nth-child(1){grid-area:name}
html.is-phone .po-page .po-v2-theme-row>div:nth-child(2){grid-area:flow;display:block!important}
html.is-phone .po-page .po-v2-theme-row>div:nth-child(3),
html.is-phone .po-page .po-v2-theme-row>div:nth-child(4),
html.is-phone .po-page .po-v2-theme-row>div:nth-child(5),
html.is-phone .po-page .po-v2-theme-row>div:nth-child(6){display:none!important}
html.is-phone .po-page .po-v2-theme-row>div:nth-child(7){grid-area:act;align-self:center}
html.is-phone .po-page .po-v2-theme-row .ti b{font-size:12px;margin-bottom:2px}
html.is-phone .po-page .po-v2-theme-row .ti strong{font-size:16px;line-height:1.25}
html.is-phone .po-page .po-v2-stages{gap:4px}
html.is-phone .po-page .po-v2-stage i{height:5px;margin-bottom:3px}
html.is-phone .po-page .po-v2-stage em{display:none}
html.is-phone .po-page .po-v2-stage span{font-size:10px}
html.is-phone .po-page .rec-btn,html.is-phone .po-page .primary.rec-btn{min-height:40px;padding:0 16px;font-size:14px}

.ev-ops{display:none}
html.is-phone .drawer-mode .evidence-modal-head p,
html.is-phone .drawer-mode .evidence-head-actions .tag,
html.is-phone .drawer-mode .ev-progress-title .sub,
html.is-phone .drawer-mode .ev-progress-tools,
html.is-phone .drawer-mode .ev-cost3,
html.is-phone .drawer-mode .flow5 .n-meta,
html.is-phone .drawer-mode .flow5 .n-top em{display:none!important}
html.is-phone .drawer-mode .ev-use-split,
html.is-phone .drawer-mode .ev-log-wrap .ev-split-log{grid-template-columns:1fr!important}
html.is-phone .drawer-mode .ev-use-split>.ev-col+.ev-col,
html.is-phone .drawer-mode .ev-log-wrap .ev-split-log>.ev-col+.ev-col{border-left:0;border-top:1px solid #e3ebf5}
html.is-phone .drawer-mode #ev-use-q{width:120px;flex-basis:120px}
html.is-phone .drawer-mode .evidence-modal-head{padding:10px 12px!important}
html.is-phone .drawer-mode .evidence-modal-head h2{font-size:16px!important;margin:0!important}
html.is-phone .drawer-mode .ev-progress-sec .sh{padding:8px 12px!important}
html.is-phone .drawer-mode .ev-progress-sec .sb{padding:8px 12px 12px!important}
html.is-phone .drawer-mode .flow5{gap:6px}
html.is-phone .drawer-mode .flow5 .n{padding:8px 6px!important;min-height:0}
html.is-phone .drawer-mode .flow5 .n b{font-size:12px}
html.is-phone .drawer-mode .ev-use-line .ev-undo{opacity:1!important}
html.is-phone .drawer-mode .ev-ops{
  display:flex;gap:8px;padding:10px 12px calc(12px + env(safe-area-inset-bottom,0px));
  border-top:1px solid #e3ebf5;background:#fff;position:sticky;bottom:0;z-index:3
}
html.is-phone .drawer-mode .ev-ops .rec-btn,
html.is-phone .drawer-mode .ev-ops .primary{flex:1;min-height:44px;font-size:15px}
html.is-phone .drawer-mode .ev-ops .ghost{flex:0 0 auto;min-height:44px;padding:0 12px}

html.is-phone .urm-modal{width:100%!important;height:100%!important;max-height:100%!important;border-radius:0!important}
html.is-phone .urm-pick-row,html.is-phone .urm-split{display:flex!important;flex-direction:column!important;grid-template-columns:1fr!important}
html.is-phone .urm-modal:not(.kit-modal) .urm-top{flex-direction:column;align-items:stretch}
html.is-phone .urm-modal:not(.kit-modal) .urm-top .urm-search-wrap,html.is-phone .urm-modal:not(.kit-modal) .urm-top .urm-theme{flex:none;min-width:0}
html.is-phone .urm-nodes{flex-wrap:wrap}
html.is-phone .urm-node{min-height:36px}
html.is-phone .urm-pick-list{grid-template-columns:1fr!important}
html.is-phone .urm-box-pick{flex-wrap:wrap}
html.is-phone .urm-box-pick>span{flex:1 1 100%}
html.is-phone .urm-now-f{flex-direction:column}
html.is-phone .urm-now-card b,html.is-phone .urm-chip{white-space:normal;word-break:break-word}
html.is-phone .kit-modal .kit-pick-h{flex-direction:column;align-items:stretch}
html.is-phone .kit-modal .kit-top{flex-direction:column;align-items:stretch}
html.is-phone .kit-modal .kit-top .urm-search-wrap{flex:none;min-width:0}
html.is-phone .kit-box-h{display:none!important}
html.is-phone .kit-box-line{grid-template-columns:1fr!important;gap:6px!important}
html.is-phone .kit-box-acts{justify-content:flex-end;justify-self:stretch}
html.is-phone .kit-line{grid-template-columns:1fr}
html.is-phone .kit-stage-list{grid-template-columns:1fr!important}

html.is-phone .inv-th-h{display:none!important}
html.is-phone .inv-th-line,html.is-phone .th-inst-row.inv-th-line{
  display:grid!important;grid-template-columns:1fr!important;gap:4px!important;padding:12px!important;
  border:1px solid #e3ebf5;border-radius:14px;background:#fff
}
html.is-phone .inv-th-line>span{white-space:normal!important;overflow:visible!important}
html.is-phone .ob-split.inv-split .ob-split-mh b{word-break:break-word}

html.is-phone .st-page .ob-split{display:flex!important;flex-direction:column!important;height:auto!important}
html.is-phone .st-page .ob-split-side{max-height:120px}
html.is-phone .st-page .ob-split-side-list{display:flex;overflow-x:auto;max-height:none}
html.is-phone .st-page .st-line .st-name b{white-space:normal;word-break:break-word}
html.is-phone .st-wh-bar{gap:8px}
html.is-phone .st-wh-acts{flex-wrap:wrap}
html.is-phone .st-main-title{flex-wrap:wrap}
html.is-phone .production-flow,html.is-phone .po-v2-actions-main{overflow-x:auto}