html.device-phone,html.device-tablet,html.device-desktop{min-width:0}
body.device-phone,body.device-tablet{overflow-x:hidden}
body.device-phone img,body.device-tablet img{max-width:100%}
body.device-phone input,
body.device-phone select,
body.device-phone textarea,
body.device-phone button{font-size:16px}
body.device-phone .topbar,
body.device-phone .top,
body.device-tablet .topbar,
body.device-tablet .top{gap:10px}
body.device-phone .shell,
body.device-phone .dashboard-shell,
body.device-phone .layout,
body.device-phone .split,
body.device-phone .dashboard-layout,
body.device-phone .dashboard-main,
body.device-phone .grid,
body.device-phone .filters,
body.device-phone .modal-grid,
body.device-phone .task-builder,
body.device-phone .dashboard-kpis,
body.device-phone .task-stats,
body.device-phone .analytics-grid{grid-template-columns:1fr!important}
body.device-tablet .grid,
body.device-tablet .filters,
body.device-tablet .dashboard-kpis,
body.device-tablet .task-stats,
body.device-tablet .analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
body.device-phone aside{
  position:relative!important;
  top:auto!important;
  height:auto!important;
  max-height:none!important;
  border-right:0!important;
  border-bottom:1px solid var(--line,#d8e3f7)!important;
}
body.device-tablet aside{width:auto}
body.device-phone main{padding:12px!important;overflow:visible!important}
body.device-phone .card,
body.device-phone .page-card,
body.device-phone .section-card{border-radius:14px!important;padding:14px!important}
body.device-phone .top,
body.device-phone .topbar{
  position:relative!important;
  height:auto!important;
  min-height:0!important;
  flex-direction:column!important;
  align-items:stretch!important;
  padding:12px!important;
}
body.device-phone .top h1,
body.device-phone h1{font-size:22px!important;line-height:1.15}
body.device-phone h2{font-size:20px!important;line-height:1.2}
body.device-phone .account-summary,
body.device-phone .top-actions{width:100%;display:grid!important;grid-template-columns:1fr!important}
body.device-phone .account-summary span,
body.device-phone .top-actions .btn,
body.device-phone .btn{width:100%;justify-content:center;text-align:center}
body.device-phone .nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
body.device-phone .nav-title{grid-column:1/-1}
body.device-phone .nav button{font-size:13px;padding:10px}
body.device-phone .table-wrap,
body.device-phone .equipment-map-list,
body.device-phone .app-map-list{overflow-x:auto;-webkit-overflow-scrolling:touch}
body.device-phone table{min-width:760px}
body.device-phone .modal-card{width:96vw!important;max-height:92vh!important;border-radius:18px!important;padding:12px!important}
body.device-phone .modal-actions,
body.device-phone .actions{display:grid!important;grid-template-columns:1fr!important}
body.device-phone .fieldassets-view-tabs{grid-template-columns:1fr!important}
body.device-phone .fieldassets-filter-group{grid-template-columns:1fr!important}
body.device-phone .equipment-map,
body.device-phone .app-map,
body.device-phone .fieldassets-map-stage{min-height:360px!important;height:55vh!important}
body.device-tablet .shell{grid-template-columns:190px 1fr}
body.device-tablet main{padding:16px!important}
body.device-tablet .modal-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
body.device-tablet .table-wrap{overflow-x:auto}
body.device-tablet table{min-width:900px}
body.device-desktop .table-wrap{overflow-x:auto}