/*
 * Keep every phone-specific shell override under one width breakpoint so the
 * header, search, content and bottom navigation cannot select different modes.
 */
@media (max-width:700px){
 .app-shell{padding-bottom:68px!important}
 .sidebar,.sidebar:hover{position:fixed!important;inset:auto 0 0!important;width:100%!important;height:68px!important;z-index:100!important}
 .workspace{width:100%!important;margin-left:0!important}
 .topbar{height:64px!important;padding:10px!important;display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:8px!important}
 .company-context{order:1!important;min-width:34px!important;width:34px!important;overflow:hidden!important}
 .company-context>div:not(.company-mark){display:none!important}
 .company-mark{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;margin-right:0!important;border-radius:9px!important;background:#17384a!important;color:#4dd4ef!important;font-size:11px!important;font-weight:750!important}
 .top-actions{order:3!important;margin-left:0!important;gap:0!important}
 .user{padding-left:0!important;border-left:0!important;gap:6px!important}
 .user>div,.user .avatar{display:none!important}
 .user form{display:block!important;margin:0!important}
 .logout-button{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;min-height:42px!important;padding:0!important;border-radius:10px!important}
 .logout-button span{display:none!important}
 .logout-button svg{display:block!important;width:19px!important;height:19px!important}
 .global-search{order:2!important;flex:1 1 auto!important;width:auto!important;min-width:0!important;max-width:none!important;margin:0!important}
 .global-search>input,.global-search>input:focus{position:static!important;width:100%!important;height:42px!important;padding:0 42px 0 38px!important;border-radius:10px!important;font-size:16px!important;cursor:text!important;box-shadow:none!important}
 .global-search>input:focus{border-color:var(--cyan)!important;box-shadow:0 0 0 3px rgba(72,210,235,.12)!important}
 .global-search .search-icon{left:12px!important;top:10px!important;width:20px!important;height:20px!important;font-size:0!important}
 .global-search .searching{right:13px!important;top:13px!important}
 .global-results{position:fixed!important;top:68px!important;left:8px!important;right:8px!important;bottom:76px!important;width:auto!important;max-height:none!important;border-radius:12px!important;box-shadow:0 18px 50px rgba(0,0,0,.48)!important}
 .content{width:100%!important;min-width:0!important;padding:18px 12px 28px!important;overflow-x:hidden!important}
 .notification{display:none!important}
 .nav-shell{width:100%!important;height:68px!important;flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;border-top:1px solid var(--line)!important}
 .nav-shell .brand,.nav-shell .nav-label{display:none!important}
 .nav-shell nav{display:flex!important;flex:1!important;gap:2px!important;padding:6px!important}
 .nav-shell .inspection-nav{display:contents!important}
 .nav-shell .inspection-nav>summary{display:none!important}
 .nav-shell .sidebar-bottom{display:flex!important;padding:6px!important;border:0!important}
 .nav-shell nav a,.nav-shell .sidebar-bottom a{display:flex!important;min-width:60px!important;height:54px!important;flex-direction:column!important;justify-content:center!important;gap:3px!important;margin:0!important;padding:3px 6px!important;text-align:center!important}
 .nav-shell nav a span,.nav-shell .sidebar-bottom a span{display:block!important;max-width:72px!important;overflow:hidden!important;opacity:1!important;font-size:11px!important;text-overflow:ellipsis!important}
 .nav-shell nav a svg,.nav-shell .sidebar-bottom a svg{width:19px!important;height:19px!important}
 .nav-shell nav b{display:none!important}
 .module-page{width:100%!important;min-width:0!important}
 .module-page .panel{min-height:0!important;overflow:hidden!important}
 .module-page .table-wrap{display:block!important;width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
 .module-page .table{min-width:680px!important}
 .module-page .toolbar{align-items:stretch!important;flex-direction:column!important}
 .module-page .search,.module-page .filter{width:100%!important}
 .module-page .quick-actions{display:flex!important;width:100%!important;flex-wrap:wrap!important}
 .module-page .quick-actions button{flex:1 1 auto!important}
 .module-page .page-heading{margin-bottom:18px!important}
 .page-heading{align-items:stretch!important;gap:14px!important}
 .page-heading .quick-actions{display:flex!important;width:100%!important;flex-wrap:wrap!important}
 .page-heading .quick-actions .btn-primary,.page-heading .quick-actions .btn-secondary{flex:1 1 145px!important}
 .stats-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}
 .stat-card{min-height:84px!important;padding:10px 11px!important}
 .stat-value{font-size:19px!important}
 .panel{padding:14px!important;border-radius:10px!important}
 .modal-backdrop{padding:0!important;align-items:end!important}
 .asset-modal,.small-modal,.item-modal,.risk-modal,.widget-editor,.signoff-modal,.start-confirmation{width:100%!important;max-width:none!important;max-height:94vh!important;margin:0!important;border-right:0!important;border-bottom:0!important;border-left:0!important;border-radius:16px 16px 0 0!important;padding:18px!important}
 .modal-actions{position:sticky!important;bottom:0!important;z-index:3!important;margin:18px -18px -18px!important;padding:12px 18px calc(12px + env(safe-area-inset-bottom))!important;border-top:1px solid var(--line)!important;background:var(--panel)!important;flex-wrap:wrap!important}
 .modal-actions .btn-primary,.modal-actions .btn-secondary{flex:1 1 120px!important}
 .maintenance-modal{height:min(94vh,900px)!important;max-height:94vh!important;padding:0!important;align-self:end!important}
 .maintenance-modal>.modal-head{padding:16px 18px!important}
 .maintenance-modal>.modal-head h2{font-size:22px!important;line-height:1.15!important}
 .maintenance-form-body{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important;padding:18px!important;overflow-y:auto!important;overscroll-behavior:contain!important}
 .maintenance-form-body>.full-width,.maintenance-form-body>label{grid-column:1!important;width:100%!important;min-width:0!important}
 .maintenance-form-body .asset-search-select,.maintenance-form-body .asset-search-select>input{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important}
 .maintenance-form-body .asset-search-select>input{padding-right:44px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
 .maintenance-modal .modal-actions{position:static!important;margin:0!important;padding:12px 18px calc(12px + env(safe-area-inset-bottom))!important;border-top:1px solid var(--line)!important}
 input,select,textarea{max-width:100%!important;font-size:16px!important}
 .site-map-panel>header{align-items:stretch!important;flex-direction:column!important;gap:10px!important}
 .site-map-actions{width:100%!important}.site-map-actions select{min-width:0!important;flex:1!important}
 .map-summary{align-items:flex-start!important;flex-direction:column!important;gap:4px!important}
}
@media (max-width:420px){
 .stats-grid{grid-template-columns:1fr 1fr!important}
 .content{padding-right:10px!important;padding-left:10px!important}
 .nav-shell nav a,.nav-shell .sidebar-bottom a{min-width:56px!important;padding-right:4px!important;padding-left:4px!important}
}
 .user-trigger .avatar{display:grid!important}
 .app-shell .btn-primary,.app-shell .btn-secondary,.app-shell button{border-radius:2px!important}