/* Mobile readability pass. Desktop styling remains unchanged. */
@media (max-width: 720px), (max-device-width: 720px) {
  body{
    font-size: 18px;
    line-height: 1.58;
  }

  button{
    font-size: 17px;
  }input{
    font-size: 17px;
  }select{
    font-size: 17px;
  }textarea{
    font-size: 17px;
  }

  

  .mobile-brand strong{
    font-size: 23px;
  }

  .content{
    padding-left: 16px;
    padding-right: 16px;
  }

  .page-head h1{
    font-size: 32px;
    line-height: 1.22;
  }

  .page-head p{
    font-size: 17px;
    line-height: 1.6;
  }.modal .intro{
    font-size: 17px;
    line-height: 1.6;
  }.task-description p{
    font-size: 17px;
    line-height: 1.6;
  }.privacy-panel p{
    font-size: 17px;
    line-height: 1.6;
  }.demo-note{
    font-size: 17px;
    line-height: 1.6;
  }.form-status{
    font-size: 17px;
    line-height: 1.6;
  }

  .eyebrow{
    font-size: 14px;
  }

  .card-head h2{
    font-size: 20px;
  }.step-heading h3{
    font-size: 20px;
  }

  .card-head small{
    font-size: 15px;
    line-height: 1.5;
  }.work-address{
    font-size: 15px;
    line-height: 1.5;
  }.work-person{
    font-size: 15px;
    line-height: 1.5;
  }.next-person{
    font-size: 15px;
    line-height: 1.5;
  }.property-result{
    font-size: 15px;
    line-height: 1.5;
  }.property-card-meta{
    font-size: 15px;
    line-height: 1.5;
  }.task-section-help{
    font-size: 15px;
    line-height: 1.5;
  }.task-building-link small{
    font-size: 15px;
    line-height: 1.5;
  }.task-demo-note{
    font-size: 15px;
    line-height: 1.5;
  }.application-person small{
    font-size: 15px;
    line-height: 1.5;
  }.application-need span{
    font-size: 15px;
    line-height: 1.5;
  }.application-matches small{
    font-size: 15px;
    line-height: 1.5;
  }.on-duty-list small{
    font-size: 15px;
    line-height: 1.5;
  }

  .card small{
    font-size: 15px;
    line-height: 1.45;
  }.modal small{
    font-size: 15px;
    line-height: 1.45;
  }.task small{
    font-size: 15px;
    line-height: 1.45;
  }.crm-card small{
    font-size: 15px;
    line-height: 1.45;
  }.operation-card small{
    font-size: 15px;
    line-height: 1.45;
  }.equipment-card small{
    font-size: 15px;
    line-height: 1.45;
  }.application-card small{
    font-size: 15px;
    line-height: 1.45;
  }

  .work-copy strong{
    font-size: 18px;
  }.application-person strong{
    font-size: 18px;
  }.application-need strong{
    font-size: 18px;
  }.operation-card h3{
    font-size: 18px;
  }.property-card-body h3{
    font-size: 18px;
  }

  .next-job-body h2{
    font-size: 25px;
  }

  .next-job-body .next-address{
    font-size: 17px;
  }.quick-access button{
    font-size: 17px;
  }.more-menu button{
    font-size: 17px;
  }.more-menu-grid strong{
    font-size: 17px;
  }.modal .field label{
    font-size: 17px;
  }.persistent-check label{
    font-size: 17px;
  }.execution-list span{
    font-size: 17px;
  }

  .badge{
    font-size: 14px;
  }.status-pill{
    font-size: 14px;
  }.unit-row .status-pill{
    font-size: 14px;
  }.job-priority{
    font-size: 14px;
  }.job-status{
    font-size: 14px;
  }.data-tag{
    font-size: 14px;
  }.application-source{
    font-size: 14px;
  }.intake-state{
    font-size: 14px;
  }

  .property-kind{
    font-size: 14px;
    line-height: 1.45;
  }.task-facts span{
    font-size: 14px;
    line-height: 1.45;
  }.job-detail-summary span{
    font-size: 14px;
    line-height: 1.45;
  }.equipment-detail span{
    font-size: 14px;
    line-height: 1.45;
  }.operation-card p{
    font-size: 14px;
    line-height: 1.45;
  }.stage-line span{
    font-size: 14px;
    line-height: 1.45;
  }.operation-card-foot{
    font-size: 14px;
    line-height: 1.45;
  }.equipment-card small{
    font-size: 14px;
    line-height: 1.45;
  }.equipment-card em{
    font-size: 14px;
    line-height: 1.45;
  }.crm-foot{
    font-size: 14px;
    line-height: 1.45;
  }.crm-meta small{
    font-size: 14px;
    line-height: 1.45;
  }.task-history > div{
    font-size: 14px;
    line-height: 1.45;
  }.application-meta small{
    font-size: 14px;
    line-height: 1.45;
  }.application-foot{
    font-size: 14px;
    line-height: 1.45;
  }

  .crm-meta b{
    font-size: 16px;
  }.job-detail-summary strong{
    font-size: 16px;
  }.equipment-detail strong{
    font-size: 16px;
  }.application-meta b{
    font-size: 16px;
  }.application-foot > b{
    font-size: 16px;
  }

  .document-action strong{
    font-size: 16px;
  }

  .document-action small{
    font-size: 14px;
  }.task-attachments small{
    font-size: 14px;
  }

  .card label{
    font-size: 17px;
  }.modal label{
    font-size: 17px;
  }.task-finish-panel label{
    font-size: 17px;
  }.task-contributors label{
    font-size: 17px;
  }

  .primary{
    min-height: 48px;
    font-size: 17px;
  }.secondary{
    min-height: 48px;
    font-size: 17px;
  }.link-btn{
    min-height: 48px;
    font-size: 17px;
  }

  .role-picker select{
    max-width: 122px;
    font-size: 15px;
  }

  .bottom-nav button{
    font-size: 12px;
    line-height: 1.2;
  }.bottom-nav .management-only{
    font-size: 12px;
    line-height: 1.2;
  }

  .bottom-nav button span{
    font-size: 22px;
  }
}

@media (max-width: 390px), (max-device-width: 390px) {
  .content{
    padding-left: 14px;
    padding-right: 14px;
  }

  .page-head h1{
    font-size: 30px;
  }

  

  .mobile-brand strong{
    font-size: 21px;
  }

  .role-picker select{
    max-width: 112px;
  }

  .bottom-nav button{
    font-size: 11.5px;
  }.bottom-nav .management-only{
    font-size: 11.5px;
  }
}