/* Truelimbs v5.7: screen layout only. No data or print/PDF changes. */
.tl57-mobile-menu,.tl57-mobile-close,.tl57-nav-backdrop{display:none}
@media screen and (max-width:1024px){
  body.tl57-mobile-ready .main{margin-left:0!important;width:100%!important;max-width:100%!important;min-width:0!important}
  body.tl57-mobile-ready .sb{width:min(300px,88vw)!important;height:100vh;height:100dvh;z-index:160;transform:translateX(-105%);visibility:hidden;transition:transform .18s ease;padding-bottom:env(safe-area-inset-bottom);overscroll-behavior:contain}
  body.tl57-mobile-ready.tl57-nav-open .sb{transform:translateX(0);visibility:visible}
  body.tl57-nav-open{overflow:hidden!important}
  .tl57-mobile-menu,.tl57-mobile-close{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;min-width:44px;padding:9px 12px;border:1px solid #cadbe8;border-radius:8px;background:#fff;color:#0b2f4a;font:700 13px Arial;cursor:pointer;flex-shrink:0}
  .tl57-mobile-menu{order:-2}
  .tl57-mobile-menu svg{width:20px;height:20px}
  .tl57-mobile-close{align-self:flex-end;margin:10px 12px 0;background:rgba(255,255,255,.08);border-color:#537488;color:white}
  .tl57-nav-backdrop{position:fixed;inset:0;z-index:150;background:rgba(5,22,34,.56)}
  body.tl57-nav-open .tl57-nav-backdrop{display:block}
  .sb .sb-a{min-height:44px;padding:12px 18px;font-size:14px}
  .sb .sb-sec{font-size:10px}
  .sb .sb-bot{padding-bottom:max(18px,env(safe-area-inset-bottom))}
  .main>.topbar{height:auto!important;min-height:62px;padding:12px 16px!important;gap:10px!important;flex-wrap:wrap!important;align-items:center!important}
  .main>.topbar .tl57-top-title{flex:1 1 calc(100% - 130px)!important;min-width:0!important}
  .main>.topbar .dashboard-actions{flex:1 0 100%;gap:8px;flex-wrap:wrap}
  .main>.topbar .dashboard-actions .btn{min-height:40px;white-space:normal;text-align:center;justify-content:center}
  .main>.topbar .tl-notify-bell{min-width:44px;height:44px;order:-1}
  .content{padding:16px!important}
  .kgrid,.dash-alert-grid,.wf-summary,.rdgrid,.pgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .cgrid,.wf-grid{grid-template-columns:minmax(0,1fr)!important}
  .cw{min-width:0;max-width:100%}
  .cw canvas{max-width:100%!important}
  .page .card,.page .cb,.page .wf-body,.page .wf-card{min-width:0}
  .ch,.wf-head{gap:10px;flex-wrap:wrap}
  .ch>div,.wf-head>div{min-width:0;max-width:100%;flex-wrap:wrap}
  .pipe,.prjk{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}
  .tw{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
  .page table.t{font-size:12px}
  .page .tw table.t{min-width:680px}
  .page .sbar input,.page .sbar select{max-width:100%;min-width:0}
  .page .sbar{gap:9px}
  .login-box{max-width:calc(100vw - 28px)!important}
  .login-wrap{overflow-y:auto;padding:20px 0}
  #page-invgen>div{grid-template-columns:minmax(0,1fr)!important}
  #page-invgen .card{min-width:0!important}
  .tl-notify-panel{max-height:calc(100dvh - 96px);right:12px;top:76px}
  .tl-notify-list{max-height:calc(100dvh - 160px)}
  .wf-menu{max-width:calc(100vw - 32px);max-height:65dvh;overflow-y:auto}
  .page :is(.grid2,.grid3,.two-col){min-width:0}
}
@media screen and (max-width:720px){
  .main>.topbar{position:relative!important;top:auto!important;padding:10px 12px!important}
  .pg-title{font-size:17px!important;overflow-wrap:anywhere}
  .pg-sub{font-size:12px;line-height:1.4}
  .content{padding:12px!important}
  .cb,.wf-body{padding:12px}
  .ch,.wf-head{padding:12px}
  .main .btn,.mo .btn,.wf-modal .btn{min-height:44px;font-size:11px!important;padding:10px 12px!important;white-space:normal;justify-content:center;text-align:center}
  .main .ib,.main .wf-menu button{min-height:44px;min-width:44px}
  .main input:not([type=checkbox]):not([type=radio]),.main select,.main textarea,
  .mo input:not([type=checkbox]):not([type=radio]),.mo select,.mo textarea,
  .wf-modal input:not([type=checkbox]):not([type=radio]),.wf-modal select,.wf-modal textarea{font-size:16px!important;min-height:44px;min-width:0;max-width:100%}
  .main input[type=checkbox],.main input[type=radio],.mo input[type=checkbox],.mo input[type=radio]{min-width:20px;min-height:20px;vertical-align:middle}
  .main .fi label,.mo .fi label{font-size:11px;line-height:1.5}
  .fg,.fg3,.wf-form,.crm-picker-grid,.rdgrid,.pgrid,.pipe,.prjk,.cgrid{grid-template-columns:minmax(0,1fr)!important}
  .fg>.s2,.fg>.s3,.fg3>.s2,.fg3>.s3{grid-column:1/-1!important}
  .page :is(.grid2,.grid3,.two-col){grid-template-columns:minmax(0,1fr)!important}
  .page :is(.grid2,.grid3)>.s2,.page :is(.grid2,.grid3)>.s3{grid-column:1/-1!important}
  .sbar input,.sbar select{flex:1 1 100%;width:100%!important}
  .sbar .btn{flex:1 1 auto}
  .kpi,.wf-stat{padding:13px!important;overflow-wrap:anywhere}
  .kpi-v,.wf-stat b{font-size:20px!important;line-height:1.2}
  .kpi-l,.wf-stat span{font-size:10px!important;line-height:1.4}
  .kpi-s{line-height:1.4}
  .dash-alert-grid{grid-template-columns:1fr!important}
  .page table.t th,.page table.t td{padding:11px 10px!important}
  .page table.t .ac{flex-wrap:wrap;min-width:120px}
  .mo,.wf-modal{padding:6px!important;align-items:center!important}
  .mo>.mbox,.wf-modal>.wf-dialog{width:100%!important;max-width:100%!important;max-height:calc(100vh - 12px)!important;max-height:calc(100dvh - 12px)!important;overflow:auto!important;border-radius:12px!important}
  .mb,.wf-dialog-body{padding:14px!important;min-width:0}
  .mh,.wf-dialog-head{padding:12px!important;gap:10px}
  .mh h3,.wf-dialog-head h3{line-height:1.45;overflow-wrap:anywhere}
  .mx,.wf-close{min-height:44px;min-width:44px;flex-shrink:0}
  .mf{padding:12px;flex-wrap:wrap;gap:8px}
  .mf .btn{flex:1 1 auto}
  .wf-tabs{flex-wrap:nowrap;overflow-x:auto;padding:0 12px;max-width:100%;-webkit-overflow-scrolling:touch}
  .wf-tab{flex-shrink:0;min-height:44px;font-size:12px}
  .wf-dialog .wf-table{display:block;max-width:100%;overflow-x:auto}
  .vprof-filegrid{grid-template-columns:minmax(0,1fr)!important}
  #page-vendorprofile .vprof-hero>div:first-child{min-width:0!important}
  .vprof-hero{padding:14px;gap:14px}
  .vprof-actions,.vprof-toolbar,.tl-doc-row{flex-wrap:wrap}
  .login-box{padding:26px 22px!important;margin:auto 0}
  .login-wrap .lg-logo img{max-width:100%;height:auto}
  .notif{right:12px;bottom:max(12px,env(safe-area-inset-bottom));max-width:calc(100vw - 24px);font-size:13px}
  #page-packlist .pl-status-bar>div:first-child{min-width:0!important}
  #page-packlist .pl-status-bar>div:last-child{flex-wrap:wrap!important}
  #page-packlist .pl-status-bar .btn{white-space:normal!important}
  .ig-status-bar{flex-wrap:wrap}
  #igPreviewPane{overflow-x:auto!important;min-height:0!important}
  #igPreviewPane .igp-paper{min-width:350px}
  .tl-mobile-scroll-hint{font-size:11px;color:#607487}
}
@media screen and (max-width:380px){
  .kgrid,.wf-summary{grid-template-columns:minmax(0,1fr)!important}
  .main>.topbar .dashboard-actions .btn{flex:1 1 100%}
}
@media (prefers-reduced-motion:reduce){.sb{transition:none!important}}
@media print{.tl57-mobile-menu,.tl57-mobile-close,.tl57-nav-backdrop{display:none!important}}