/* Inventory has a dedicated compact layout below desktop width. Keep this in
   one layer so desktop sizing/overflow rules cannot trap the mobile page. */
.inventory-mobile-nav{display:none}
@media(max-width:899px){
  html,body{box-sizing:border-box;width:100%;min-width:0;min-height:100%;height:auto!important;margin:0;overflow-x:hidden!important;overflow-y:auto!important}
  body .main-screen.inventory-top-nav-layout{position:relative!important;display:flex!important;box-sizing:border-box;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:0!important;flex-direction:column!important;align-items:stretch!important;overflow:visible!important}
  .inventory-mobile-nav{position:sticky;top:0;z-index:1000;display:block!important;box-sizing:border-box;width:100%;padding:8px 12px;border-bottom:1px solid var(--border-color);background:var(--bg-color,#11151a)}
  .inventory-mobile-menu-button{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:0 14px;border:1px solid var(--border-color);border-radius:11px;background:var(--second-bg-color,#20252d);color:var(--main-text-color,#f2f5f9);text-align:left;font-weight:750}
  .inventory-mobile-menu-button>span:first-child{font-size:21px;line-height:1;color:#78aaff}
  .inventory-mobile-menu-button>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .inventory-mobile-menu{position:absolute;top:calc(100% - 1px);right:10px;left:10px;z-index:1001;display:grid;gap:4px;max-height:min(70dvh,560px);overflow-y:auto;padding:8px;border:1px solid var(--border-color);border-radius:0 0 13px 13px;background:var(--second-bg-color,#20252d);box-shadow:0 16px 36px #0008}
  .inventory-mobile-menu[hidden]{display:none!important}
  .inventory-mobile-menu-item{width:100%;min-height:46px;padding:8px 12px;border:0;border-radius:8px;background:transparent;color:var(--main-text-color,#f2f5f9);text-align:left;font-size:14px}
  .inventory-mobile-menu-item.selected,.inventory-mobile-menu-item:active{background:#263a55;color:#fff}
  .inventory-top-nav-layout>.sidebar-wrapper{display:none!important}
  body .inventory-top-nav-layout>.data-screen{position:relative!important;display:block!important;box-sizing:border-box;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:0!important;flex:0 0 auto!important;overflow:visible!important}
  body .inventory-top-nav-layout .document-section.active{position:relative!important;inset:auto!important;display:block!important;box-sizing:border-box;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:0!important;flex:none!important;overflow:visible!important;opacity:1!important;transform:none!important;padding:14px 12px 30px!important}
  .inventory-top-nav-layout .document-section.active *{min-width:0}
  .inventory-top-nav-layout .document-section.active :is(input,select,textarea){box-sizing:border-box;max-width:100%;font-size:16px}
  .inventory-top-nav-layout .document-section.active :is(button,.button){max-width:100%;min-height:42px;white-space:normal}
  .inventory-top-nav-layout .document-section.active :is(.inventory-doc-toolbar,.section-toolbar,.toolbar,.page-heading,.section-heading,.inventory-doc-actions,.po-actions,.transfer-actions){display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px;max-width:100%}
  .inventory-top-nav-layout .document-section.active :is(.inventory-doc-toolbar,.section-toolbar,.toolbar,.page-heading,.section-heading)>:first-child{min-width:0;flex:1 1 100%}
  .inventory-top-nav-layout .document-section.active :is(.inventory-doc-actions,.po-actions,.transfer-actions)>*{flex:1 1 140px}
  .inventory-top-nav-layout .document-section.active :is(.filters,.filter-row,.po-filter-row,.po-filter-row-secondary,.transfer-filters,.inventory-filters,.form-grid){display:grid;grid-template-columns:minmax(0,1fr)!important;width:100%;max-width:100%;gap:10px}
  .inventory-top-nav-layout .document-section.active :is(.filters,.filter-row,.po-filter-row,.po-filter-row-secondary,.transfer-filters,.inventory-filters,.form-grid)>*{grid-column:1/-1!important;width:100%;min-width:0;max-width:100%}
  .inventory-top-nav-layout .document-section.active :is(.inventory-doc-table-wrap,.table-wrap,.table-responsive,.table-container,.po-table-wrap,.transfer-table-wrap,.inventory-table-wrap){display:block;box-sizing:border-box;width:100%;max-width:100%;height:auto;max-height:none;overflow:auto!important;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
  .inventory-top-nav-layout .document-section.active :is(.inventory-doc-table-wrap,.table-wrap,.table-responsive,.table-container,.po-table-wrap,.transfer-table-wrap,.inventory-table-wrap) table{min-width:680px}
  .inventory-top-nav-layout .document-section.active :is(.po-list-layout,.po-list-content,.po-detail,.transfer-content,.inventory-analysis-main-section,.raw-materials-content){display:block;width:100%;max-width:100%;height:auto;min-height:0;overflow:visible}
  .inventory-top-nav-layout .document-section.active :is(.po-list-layout,.po-list-content,.po-detail,.transfer-content,.inventory-analysis-main-section,.raw-materials-content)>*{max-width:100%;min-width:0}
  .stock-takes-app{box-sizing:border-box;width:100%;max-width:none;height:auto!important;min-height:0!important;margin:0;padding:4px 0 28px;overflow:visible!important}
  .stock-takes-heading{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:4px 0 16px}
  .stock-takes-heading h2{font-size:clamp(25px,7vw,32px);line-height:1.15;overflow-wrap:anywhere}
  .stock-takes-heading h2 small{display:block;margin:4px 0 0}
  .stock-takes-heading p{font-size:13px;line-height:1.45}
  .stock-takes-heading>#stock-take-new,.stock-take-heading-actions>*{width:100%}
  .stock-take-heading-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
  .stock-take-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;width:100%;padding:10px}
  .stock-take-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%}
  .stock-take-tabs button{justify-content:center;min-width:0;min-height:42px;padding:8px}
  #stock-take-refresh{width:100%}
  .stock-take-list{display:grid;gap:9px;margin-top:10px}
  .stock-take-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:8px 11px;padding:13px}
  .stock-take-card-id{grid-row:1/3;font-size:16px}
  .stock-take-card-main{min-width:0;overflow-wrap:anywhere}
  .stock-take-card-main strong{line-height:1.35}
  .stock-take-card-main strong small{display:block;margin:3px 0 0}
  .stock-take-card-main span,.stock-take-card-main>small{line-height:1.45;overflow-wrap:anywhere}
  .stock-take-status{grid-column:2;justify-self:start}
  .stock-take-card>button:not(.stock-take-delete){grid-column:1/-1;width:100%}
  .stock-take-card .stock-take-delete{grid-column:2;grid-row:1;justify-self:end}
  .stock-take-create-wrap{margin-top:10px}
  .stock-take-create{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:14px}
  .stock-take-create>*{grid-column:1!important;min-width:0}
  .stock-take-create label{display:grid;gap:6px;width:100%}
  .stock-take-create select{width:100%;min-height:46px}
  .stock-take-create-actions{display:grid;grid-template-columns:1fr;gap:8px}
  .stock-take-create-actions button{width:100%}
  .stock-take-back{min-height:40px;margin-bottom:8px}
  .stock-take-baseline-note{align-items:flex-start;gap:9px;margin-bottom:10px;padding:11px}
  .stock-take-baseline-note>i{flex:0 0 auto}
  .stock-take-scan{position:sticky;top:66px;z-index:50;display:grid;grid-template-columns:minmax(0,1fr) 88px;align-items:end;gap:8px;width:100%;padding:10px;border:1px solid #4385ed;border-radius:12px;background:#1c2531;box-shadow:0 5px 16px #0005}
  .stock-take-scan-code{grid-column:1/-1}
  .stock-take-scan label{display:grid;gap:5px;min-width:0;font-size:12px}
  .stock-take-scan input{width:100%;min-height:46px;font-size:16px}
  .stock-take-scan .button{grid-column:auto;width:100%;min-height:46px}
  .stock-take-scan-message{grid-column:1/-1;min-height:0;padding:0;overflow-wrap:anywhere}
  .stock-take-tools{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin:12px 0}
  .stock-take-tools label{width:100%}
  .stock-take-tools input{min-height:44px}
  .stock-take-tools>div{text-align:left}
  .stock-take-tables{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:12px;width:100%;height:auto;max-height:none;overflow:visible}
  .stock-take-tables>section{height:auto;max-height:none;overflow:visible;border-radius:11px}
  .stock-take-tables h3{position:sticky;top:172px;z-index:5;align-items:center;gap:8px;padding:12px;background:#20252d}
  .stock-take-mobile-cards{display:grid;gap:8px;max-height:none;overflow:visible;padding:9px}
  .stock-take-mobile-card{display:grid;gap:8px;min-width:0;padding:12px;border:1px solid #384351;border-radius:10px;background:#191e25}
  .stock-take-mobile-card>strong{font-size:14px;line-height:1.35;overflow-wrap:anywhere}
  .stock-take-mobile-card>small{color:#94a2b4;font-size:11px;overflow-wrap:anywhere}
  .stock-take-mobile-card-values{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding-top:8px;border-top:1px solid #343d49;color:#aab6c4;font-size:12px}
  .stock-take-mobile-card-values span,.stock-take-mobile-card-values label{display:grid;align-content:start;gap:5px}
  .stock-take-mobile-card-values b{color:#fff;font-size:16px}
  .stock-take-mobile-card-values input{width:100%;min-height:44px}
  .stock-take-mobile-card .secondary,.stock-take-show-more{width:100%;min-height:44px}
  .stock-take-no-rows{margin:0;padding:18px!important;text-align:center}
  .stock-take-table-scroll{height:auto;max-height:none;overflow:visible}
  .stock-take-toast{right:8px;bottom:8px;left:8px;width:auto;max-width:none}
}
@media(max-width:899px){
  .stock-takes-app .stock-take-back{min-height:0;margin-bottom:5px}
  .stock-takes-app .stock-take-baseline-note{padding:8px 10px}
  .stock-takes-app .stock-take-scan{position:relative;top:auto;z-index:auto;grid-template-columns:minmax(0,1fr) 62px 84px;gap:6px;padding:8px;box-shadow:none}
  .stock-takes-app .stock-take-scan-code{grid-column:1;grid-row:1}
  .stock-takes-app .stock-take-pack{grid-column:2;grid-row:1}
  .stock-takes-app #stock-take-scan-button{grid-column:3;grid-row:1;min-height:40px;padding:6px 3px;font-size:11px}
  .stock-takes-app .stock-take-scan label{gap:4px;font-size:10px}
  .stock-takes-app .stock-take-scan input{min-height:40px;padding:7px 6px}
  .stock-takes-app #stock-take-scan-message{grid-column:1/-1}
  .stock-takes-app .stock-take-keyboard-toggle{grid-column:1/-1;display:inline-flex!important;min-height:24px}
  .stock-takes-app .stock-take-tables h3{position:static;padding:10px 12px}
  .stock-takes-app .stock-take-toast{bottom:calc(70px + env(safe-area-inset-bottom))}
}