/* SO by SMC v2026.09.15.13 - mobile-first layout + scanner visibility */
html,body{width:100%;max-width:100%;overflow-x:hidden}body{-webkit-text-size-adjust:100%;text-size-adjust:100%}.main,.content,.card,.tableWrap,.quickSection,.orderQuickLine{min-width:0;max-width:100%}.mobileScanBtn,.mobileCardScanBtn{font-weight:800}.mobileCardScanBtn{min-height:48px}.scanActionBtn{min-height:42px;white-space:nowrap}.soMobileHint{display:none}.soScanCard{width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;background:#fff;border-radius:18px;padding:12px}.scanHead{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}#soScanOverlay{position:fixed;inset:0;z-index:9999;background:#000c;display:grid;place-items:center;padding:12px}#soQrReader{width:100%;overflow:hidden;border-radius:14px;background:#111}#soQrReader video{width:100%!important;max-height:66dvh!important;object-fit:cover!important;border-radius:12px}.soScanCard .stdHint{font-size:12px;padding:8px 2px 0}.mobileFairScanStrip{display:none}.inlineScan input{min-width:0}
@media(max-width:900px){
  body{padding-bottom:env(safe-area-inset-bottom)}
  .main{width:100%;max-width:100vw;margin-left:0!important;padding-bottom:calc(78px + env(safe-area-inset-bottom))}
  .top{height:auto;min-height:62px;gap:8px;padding:8px 10px;align-items:center}.top>div:first-child{min-width:0;flex:1}.top h1{font-size:17px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:58vw}.top .sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:58vw}.topActions{gap:5px;flex-shrink:0}.topActions .primary{padding:10px 11px;min-height:40px}.topActions .secondary{padding:8px 9px}.topActions .secondary:nth-child(-n+2){display:none!important}
  .help{display:none!important}.content{padding:10px;width:100%}.toolbar{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:10px}.toolbar>div:first-child{min-width:0}.toolbar h3{font-size:16px}.toolbar .tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:7px}.toolbar .tools button{width:100%;min-height:42px;margin:0}
  .kpis,.costGrid,.productProfitGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.card,.kpi{padding:12px;border-radius:13px}.kpi b{font-size:20px}.productHero{grid-template-columns:1fr!important;gap:10px}.productHeroPhoto{min-height:160px}.productHeroPhoto img{height:auto;max-height:320px}.productMeta{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mediaGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .tableWrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:11px}.tableWrap table{min-width:720px}.tableWrap th,.tableWrap td{padding:9px 8px;font-size:11px}.rowActions{flex-wrap:wrap}.rowActions button{min-height:34px}
  .modal{padding:0;place-items:stretch}.modalCard,.wideModal{width:100%!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;padding:10px 10px calc(74px + env(safe-area-inset-bottom))!important;overflow-y:auto;overscroll-behavior:contain}.modalHead{position:sticky;top:-10px;z-index:8;background:#fff;padding:10px 0 8px;border-bottom:1px solid #eee}.modalHead h3{font-size:17px}.modalHead .secondary{min-width:42px;min-height:42px}.formGrid{grid-template-columns:1fr!important;gap:9px;margin-top:10px}.formGrid label,.quickGrid label{font-size:11px}.formGrid input,.formGrid select,.formGrid textarea,.quickGrid input,.quickGrid select,.quickGrid textarea{font-size:16px!important;min-height:44px}.formGrid textarea,.quickGrid textarea{min-height:86px}.modalActions{position:fixed!important;left:0;right:0;bottom:0;margin:0!important;padding:8px 10px calc(8px + env(safe-area-inset-bottom))!important;background:#fff;border-top:1px solid #ddd;z-index:60;display:grid;grid-template-columns:1fr 1fr}.modalActions button{width:100%;min-height:46px}
  .quickSection{padding:10px;border-radius:12px}.quickSectionTitle{margin-bottom:8px}.quickGrid,.colorGrid{grid-template-columns:1fr!important;gap:8px}.quickGrid .span2{grid-column:auto!important}.quickBlock{padding:9px}.orderQuickLine{padding:10px;border-radius:12px;margin-top:8px}.orderLineHead{position:sticky;top:48px;background:#fff;z-index:2;padding:4px 0}
  .inlineScan{grid-template-columns:1fr!important;gap:6px}.inlineScan .miniBtn{width:100%;min-height:44px;margin-top:0;font-size:12px}.inlineScan .miniBtn:first-of-type{background:#171717;color:#fff;border:1px solid #171717}.inlineScan .miniBtn:last-of-type{background:#f5f5f5;border:1px solid #ddd}.customerSizeTools{grid-template-columns:1fr!important}.customerSizeTools>div{display:grid;grid-template-columns:1fr 1fr;gap:6px}.customerSizeTools button{width:100%;min-height:42px}.sizeMatrix{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px}.sizeMatrix label{padding:5px}.sizeMatrix input{font-size:16px!important;min-height:42px}
  .fairHero{padding:12px}.fairActionGrid,.customerActionGrid{grid-template-columns:1fr 1fr!important;gap:7px}.fairActionGrid button,.customerActionGrid button{min-height:46px;width:100%}.fairActionGrid [data-ai-card],.fairActionGrid .mobileCardScanBtn{grid-column:1/-1;background:#171717!important;color:#fff!important;border-color:#171717!important;font-size:13px}.soMobileHint{display:block;font-size:11px;color:#666;background:#f6f6f4;border:1px solid #e2e2df;border-radius:10px;padding:8px 10px;margin:7px 0}.mobileFairScanStrip{display:grid;grid-template-columns:1fr;gap:6px;margin:8px 0}.mobileFairScanStrip button{min-height:48px;width:100%}
  .sourceRow,.visitRow{gap:8px}.sourceRow button,.visitRow .rowActions,.visitRow .rowActions button{width:100%}.reqHead{align-items:stretch}.reqHead button{width:100%;min-height:44px}.poLine{grid-template-columns:1fr!important}.poLine>*{grid-column:1!important}.poHeader{grid-template-columns:72px 1fr}.docCompany{grid-column:1/-1;text-align:left}
  .mobileBar{height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);z-index:70}.mobileBar button{min-width:0}.mobileBar .plus{width:46px;height:46px;margin:6px auto 0}.sidebar{height:100dvh;max-height:100dvh}.nav{padding-bottom:calc(130px + env(safe-area-inset-bottom))}
}
@media(max-width:430px){
  .content{padding:8px}.top{padding:7px 8px}.top h1,.top .sub{max-width:52vw}.kpis,.costGrid,.productProfitGrid,.productMeta{grid-template-columns:1fr 1fr!important;gap:6px}.costBox,.profitBox{padding:9px}.costBox b,.profitBox b{font-size:15px}.fairActionGrid,.customerActionGrid{grid-template-columns:1fr!important}.sizeMatrix{grid-template-columns:repeat(3,minmax(0,1fr))!important}.toolbar .tools{grid-template-columns:1fr 1fr}.productActions{display:grid!important;grid-template-columns:1fr 1fr}.productActions button{width:100%!important;min-width:0!important}.tableWrap table{min-width:680px}.soScanCard{width:calc(100vw - 12px);max-height:calc(100dvh - 12px);border-radius:14px;padding:8px}}
@media(max-width:360px){.sizeMatrix{grid-template-columns:repeat(2,minmax(0,1fr))!important}.toolbar .tools{grid-template-columns:1fr}.top h1,.top .sub{max-width:46vw}}
@media print{.mobileFairScanStrip,.soMobileHint,#soScanOverlay{display:none!important}}