/* Floodtech 3.4.4 mobile operational pass */
html{-webkit-text-size-adjust:100%}
body{overflow-x:hidden}
button,input,textarea,select{touch-action:manipulation}

@media(max-width:760px){
  body{background:#f4f7fb}
  .app-shell{min-height:100dvh}
  .sidebar{
    position:fixed!important;inset:0 0 auto 0!important;width:100%!important;height:118px!important;
    display:block!important;z-index:200!important;overflow:visible!important;
    background:linear-gradient(180deg,#151d25,#111820)!important;
    box-shadow:0 5px 18px rgba(7,16,27,.16)!important
  }
  .side-brand{
    height:58px!important;padding:5px 12px!important;border-bottom:1px solid rgba(255,255,255,.10)!important;
    display:flex!important;align-items:center!important;justify-content:flex-start!important
  }
  .sidebar-master-logo{width:118px!important;height:50px!important;object-fit:contain!important;object-position:left center!important}
  .side-nav{
    height:60px!important;display:flex!important;flex-direction:row!important;align-items:stretch!important;overflow-x:auto!important;overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;padding:0!important;white-space:nowrap!important
  }
  .side-nav::-webkit-scrollbar{display:none!important}
  .side-link{
    flex:0 0 auto!important;min-width:92px!important;height:60px!important;padding:6px 10px!important;border-left:0!important;border-bottom:3px solid transparent!important;
    display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:2px!important;font-size:11px!important;text-align:center!important
  }
  .side-link span{width:auto!important;font-size:18px!important;line-height:1!important}
  .side-link:hover,.side-link.active{border-left-color:transparent!important;border-bottom-color:#1590ff!important;background:rgba(17,126,255,.26)!important}
  .side-divider,.side-motto{display:none!important}
  .main-stage{margin-left:0!important;padding:128px 10px 24px!important;min-width:0!important;width:100%!important}
  .page-view{width:100%!important;max-width:none!important;min-width:0!important}
  .dashboard-top{height:auto!important;min-height:70px!important;padding:8px 2px 12px!important;display:flex!important;align-items:flex-start!important;flex-wrap:wrap!important;gap:8px!important}
  .dashboard-top>div:first-child{min-width:0!important;flex:1 1 180px!important}
  .dashboard-top h1{font-size:20px!important;line-height:1.15!important}
  .dashboard-top p{font-size:12px!important;line-height:1.35!important}
  .top-actions{width:auto!important;margin-left:auto!important;gap:8px!important}
  .top-search{display:none!important}
  .avatar{width:38px!important;height:38px!important}

  .page-head{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;margin:5px 0 13px!important}
  .page-head>div{min-width:0!important}
  .page-head h2,.page-head h3{font-size:20px!important}
  .page-head>.btn,.page-head .actions{width:100%!important}
  .page-head .actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .page-head .actions .btn{width:100%!important}

  .overview-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .overview-card{padding:12px!important}
  .overview-card strong{font-size:22px!important}
  .card{padding:13px!important;border-radius:9px!important;overflow:visible!important}
  .search{font-size:16px!important}
  .claim-row{align-items:flex-start!important;gap:8px!important;flex-wrap:wrap!important;padding:12px 4px!important}
  .claim-row>div:first-child{min-width:0!important;flex:1 1 220px!important}
  .claim-row h4,.claim-row .meta{overflow-wrap:anywhere!important}
  .badge{flex:0 0 auto!important}

  .claim-title{display:grid!important;grid-template-columns:auto 1fr!important;gap:8px 10px!important;align-items:start!important;margin:0 0 12px!important}
  .claim-title-main{min-width:0!important}
  .claim-title-main h2{font-size:21px!important;overflow-wrap:anywhere!important}
  .claim-title-main p{font-size:12px!important;overflow-wrap:anywhere!important}
  .claim-status-panel{display:none!important}

  .tabs{margin-bottom:12px!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;padding:4px!important;gap:3px!important}
  .tabs::-webkit-scrollbar{display:none!important}
  .tab{min-width:96px!important;flex:0 0 auto!important;padding:10px 9px!important;font-size:12px!important}

  .grid2{grid-template-columns:1fr!important;gap:11px!important}
  .span2{grid-column:1!important}
  label{font-size:12px!important;min-width:0!important}
  input,textarea,select{font-size:16px!important;min-height:44px!important;max-width:100%!important}
  textarea{min-height:88px!important}
  input[type="date"]{min-width:0!important;width:100%!important}
  .actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
  .actions .btn{flex:1 1 145px!important;min-height:44px!important}

  .room-card{padding:11px!important;margin:11px 0!important;overflow:visible!important}
  .room-head{flex-direction:column!important;align-items:stretch!important;gap:8px!important}
  .room-head>.room-name,.room-head>.rr-name{max-width:none!important;min-width:0!important;width:100%!important;font-size:17px!important}
  .room-head-actions{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
  .room-head-actions .btn,.room-head>.rr-delete{width:100%!important;min-height:42px!important}
  .measure-grid,.report-dims{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .calc-readout,.rr-area{grid-column:1/-1!important;padding:4px 0!important}

  .schedule-controls{grid-template-columns:1fr!important;gap:8px!important}
  .schedule-controls .btn{width:100%!important;min-height:44px!important}
  .item-headings{display:none!important}
  .item-row{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;padding:10px!important;border:1px solid #e1e8f1!important;border-radius:9px!important;background:#fff!important;margin:9px 0!important}
  .item-row>*{grid-column:1!important;min-width:0!important}
  .item-total{font-size:14px!important;text-align:left!important;padding:4px 0!important}
  .del-item{justify-self:end!important;min-width:42px!important;min-height:42px!important}
  .work-results{max-height:220px!important}
  .totals-box{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;justify-content:stretch!important}
  .totals-box>div{min-width:0!important;width:100%!important}

  .room-photo-uploader{padding:11px!important}
  .room-photo-controls{grid-template-columns:1fr!important;gap:8px!important}
  .room-photo-controls .rr-upload-photos{width:100%!important;min-height:44px!important}
  .photo-gallery{grid-template-columns:1fr!important}
  .photo-card img{height:210px!important}

  .contents-claim-strip{grid-template-columns:1fr!important;gap:7px!important;padding:10px!important}
  .contents-toolbar{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .contents-toolbar .btn{width:100%!important;min-height:44px!important}
  .contents-total{margin-left:0!important;text-align:right!important;width:100%!important;padding:8px 0!important}
  .contents-table-wrap{width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-x pan-y!important}
  .contents-table{min-width:1120px!important}
  .contents-table input,.contents-table select{font-size:16px!important}
  .contents-photo-actions input[type=file]{font-size:12px!important;max-width:130px!important}

  .help-grid{grid-template-columns:1fr!important;gap:10px!important}
  #toast{left:10px!important;right:10px!important;bottom:12px!important;text-align:center!important}
}

@media(max-width:420px){
  .main-stage{padding-left:8px!important;padding-right:8px!important}
  .overview-grid{grid-template-columns:1fr!important}
  .page-head .actions{grid-template-columns:1fr!important}
  .measure-grid,.report-dims{grid-template-columns:1fr!important}
  .room-head-actions{grid-template-columns:1fr!important}
  .auth-wrap{padding:12px!important}
  .auth-card{padding:22px 16px!important;border-radius:14px!important}
  .auth-logo{width:180px!important;max-height:145px!important}
}

/* Floodtech 3.4.5 phone navigation correction */
@media(max-width:760px){
  .sidebar{height:64px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;overflow:visible!important}
  .side-brand{height:64px!important;flex:1 1 auto!important;padding:5px 12px!important;border-bottom:0!important;justify-content:flex-start!important}
  .sidebar-master-logo{width:128px!important;height:54px!important}
  .mobile-menu-btn{display:flex!important;align-items:center!important;justify-content:center!important;width:48px!important;height:48px!important;margin-right:8px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:10px!important;background:rgba(255,255,255,.06)!important;color:#fff!important;font-size:26px!important;line-height:1!important;cursor:pointer!important;z-index:230!important}
  .side-nav{position:fixed!important;top:64px!important;left:0!important;bottom:0!important;right:auto!important;width:min(86vw,330px)!important;height:auto!important;padding:10px 0 20px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;overflow-y:auto!important;overflow-x:hidden!important;background:linear-gradient(180deg,#151d25,#111820)!important;transform:translateX(-105%)!important;transition:transform .22s ease!important;box-shadow:14px 0 34px rgba(7,16,27,.28)!important;z-index:220!important;white-space:normal!important}
  .sidebar.mobile-open .side-nav{transform:translateX(0)!important}
  .side-link{min-width:0!important;width:100%!important;height:54px!important;padding:0 20px!important;display:flex!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:15px!important;font-size:15px!important;text-align:left!important;border-left:4px solid transparent!important;border-bottom:0!important}
  .side-link span{width:24px!important;font-size:22px!important}
  .side-link:hover,.side-link.active{border-bottom-color:transparent!important;border-left-color:#1590ff!important;background:linear-gradient(90deg,rgba(17,126,255,.35),rgba(14,78,140,.45))!important}
  .side-divider{display:block!important;height:1px!important;margin:8px 18px!important;background:rgba(255,255,255,.15)!important}
  .mobile-nav-backdrop{position:fixed!important;inset:64px 0 0 0!important;background:rgba(8,15,24,.42)!important;opacity:0!important;pointer-events:none!important;transition:opacity .2s ease!important;z-index:210!important}
  .mobile-nav-backdrop.show{opacity:1!important;pointer-events:auto!important}
  .main-stage{padding-top:76px!important}
}
@media(min-width:761px){.mobile-menu-btn,.mobile-nav-backdrop{display:none!important}}