/* Safari versions before 16.4 do not understand media range syntax. */
@media (max-width:1100px){.dashboard-grid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.form-layout{grid-template-columns:1fr}.form-aside{grid-template-columns:1fr 1fr}.split{grid-template-columns:280px 1fr}.compliance-layout{grid-template-columns:1fr}.compliance-list{grid-template-columns:1fr 1fr;display:grid}.compliance-list-head{grid-column:1/-1}.compliance-data,.inspection-details>.details-block .field-grid,.reading-input-grid,.identity-photo-grid{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.sidebar{transition:all .2s;transform:translate(-100%)}.sidebar.open{transform:none}.sidebar-close{color:#fff;background:#ffffff15;border:0;border-radius:8px;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:12px;right:12px}.scrim{z-index:25;background:#0718157a;border:0;display:block;position:fixed;inset:0}.main{padding-left:0}.topbar{height:62px;padding:0 16px}.menu-btn{display:grid}.tenant-select{width:195px;min-width:0}.top-actions>button:first-child,.top-actions>.avatar{display:none}.content{padding:22px 16px 40px}.page-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%}.header-actions .btn{flex:1}.dashboard-grid,.field-grid,.form-aside{grid-template-columns:1fr}.check-row{grid-template-columns:25px 1fr}.check-row>div{grid-column:2}.split{grid-template-columns:1fr}.approval-list{display:none}.team{grid-template-columns:1fr}.table-tools{flex-wrap:wrap}.search{flex-basis:100%;max-width:none}.service-tools{flex-direction:column;align-items:flex-start}.service-tools>div{flex-direction:column;align-items:flex-start;width:100%}.service-tools select{width:100%}.compliance-metrics{grid-template-columns:1fr 1fr}.compliance-list{grid-template-columns:1fr}.compliance-data,.thickness-summary{grid-template-columns:1fr 1fr}.thickness-summary>div{border-bottom:1px solid #d9e7e4}.reading-grid{grid-template-columns:1fr 1fr}.calibration-card{flex-wrap:wrap;align-items:flex-start}.compliance-footer{gap:12px}.compliance-footer>span{flex:1}.brand.brand-official>.brand-logo-crop{width:168px;height:52px}.brand-logo-crop img{width:270px;transform:translate(-46px,-54px)}.brand.brand-official>span{width:168px}.sidebar-close{top:11px;right:11px}.test-results{grid-template-columns:1fr}.photo-previews{grid-template-columns:repeat(2,1fr)}.photo-upload{flex-wrap:wrap;align-items:flex-start}.photo-upload>strong{margin-left:33px}.check-row>.failure-evidence{grid-column:1/-1;margin:5px -8px -11px;padding:13px 10px}.failure-thumbs{grid-template-columns:repeat(3,1fr)}.failure-photo{flex-wrap:wrap;align-items:flex-start}.failure-photo>strong{margin-left:28px}.form-actions{flex-direction:column;align-items:flex-start;gap:10px}.form-actions .btn{width:100%}.inspection-metrics{grid-template-columns:1fr 1fr}.inspection-table-head{flex-direction:column;align-items:flex-start;gap:10px}.inspection-table-head .search{width:100%}.inspection-editor{margin:-22px -16px -40px}.inspection-editor-head{grid-template-columns:35px 1fr auto;height:auto;min-height:78px;padding:10px 12px;top:62px}.inspection-editor-head .editor-progress{grid-area:2/1/auto/-1;margin:0}.inspection-editor-head>div:nth-child(2) p{display:none}.inspection-editor-layout{display:block}.inspection-step-nav{z-index:11;border-right:0;border-bottom:1px solid var(--line);gap:5px;max-height:none;padding:8px;display:flex;position:sticky;top:153px;overflow-x:auto}.inspection-step-nav>button{min-width:175px}.inspection-form-area{padding:12px 10px 85px}.inspection-editor-footer{height:72px;padding:0 12px;left:0}.inspection-editor-footer>p{display:none}.inspection-section-title{flex-direction:column;align-items:flex-start;gap:12px}.body-question-main{grid-template-columns:25px 1fr}.body-question-main>div{grid-column:2}.body-failure{padding:12px}.inspection-details>.details-block .field-grid,.reading-input-grid{grid-template-columns:1fr}.condition-grid label{grid-template-columns:1fr;gap:6px}.inspection-metrics article{padding:12px}.pdf-library-list>div{flex-wrap:wrap;align-items:flex-start}.pdf-library-list p{min-width:calc(100% - 50px)}.pdf-library-list button{margin-left:45px}.training-intro{align-items:flex-start}.training-intro>.pill{display:none}.training-grid{grid-template-columns:1fr}.training-tools{flex-wrap:wrap}.training-tools .search{flex-basis:100%}.training-card{grid-template-columns:42px 1fr}.training-pdf{width:42px}.training-actions{flex-direction:column}.pdf-viewer-bg{padding:0}.pdf-viewer{border-radius:0;grid-template-rows:58px 1fr auto;height:100vh}.pdf-viewer>footer{flex-direction:column;align-items:stretch}.pdf-viewer>footer>div{width:100%}.pdf-viewer>footer .btn{flex:1}}
@media (max-width:850px){.personal-resource-profile{flex-direction:column;align-items:flex-start}.personal-profile-stats{grid-template-columns:1fr 1fr;width:100%}}
@media (max-width:650px){.qr-document-modal{grid-template-columns:1fr}.qr-document-code{max-width:280px;margin:auto}}
@media (max-width:760px){.public-hs-page{padding:14px}.public-hs-header{flex-direction:column;align-items:flex-start}.public-hs-header img{width:70%;max-width:220px}.public-hs-header h1{font-size:22px}}
@media (max-width:450px){.metrics,.mini-metrics,.compliance-metrics,.inspection-metrics{grid-template-columns:1fr}.chart{padding-right:10px}.activity-row time,.attention-row small{display:none}.tenant-select{width:175px}.tenant-select>strong{display:none}.week div{padding:9px 2px}.check-row button{padding:6px}.compliance-data,.reading-grid,.thickness-summary{grid-template-columns:1fr}.compliance-notice>svg:last-child{display:none}}
@media (max-width:980px){.job-time-form{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.job-time-form{grid-template-columns:1fr}}
@media (max-width:760px){.service-sheet-bg{padding:0}.service-sheet{border-radius:0;grid-template-rows:70px 1fr 86px;height:100vh}.sheet-asset-grid{grid-template-columns:1fr 1fr}.service-check>div:first-child{grid-template-columns:24px 1fr}.service-check>div:first-child>div{flex-wrap:wrap;grid-column:2}.sheet-finding{grid-template-columns:1fr}.sheet-finding>label{min-height:60px}.service-sheet>footer{flex-direction:column;align-items:stretch;padding:10px 12px}.service-sheet>footer>div{width:100%}.service-sheet>footer .btn{flex:1}}
@media (max-width:760px){.wse-card{flex-wrap:wrap;align-items:flex-start}.wse-card>div:nth-child(2){min-width:calc(100% - 65px)}.wse-card>.btn{width:100%;margin-left:59px}}
@media (max-width:760px){.service-launcher{flex-direction:column;align-items:flex-start}.service-launcher .btn{width:100%}.inspection-group-head{flex-direction:column;align-items:flex-start}.inspection-group-head .btn{width:100%}.grouped-check>div:first-child{grid-template-columns:24px 1fr}.grouped-check>div:first-child>div{flex-wrap:wrap;grid-column:2}.grouped-finding{grid-template-columns:1fr;padding:12px}.grouped-finding>label{min-height:60px}}
@media (max-width:500px){.auth-page{padding:0}.auth-card{border-radius:0;min-height:100vh;padding:24px}.auth-brand img{width:165px}}
@media (max-width:500px){.confirmation-summary{grid-template-columns:1fr}}
@media (max-width:600px){.signup-link{flex-direction:column;align-items:stretch}.signup-link .btn{justify-content:center}}
@media (max-width:1000px){.job-metrics{grid-template-columns:repeat(3,1fr)}}
@media (max-width:650px){.job-metrics{grid-template-columns:1fr 1fr}.xero-card,.xero-invoice-action{flex-direction:column;align-items:flex-start}.xero-card .btn,.xero-invoice-action .btn{width:100%}.job-detail dl{grid-template-columns:1fr}}
@media (max-width:850px){.job-time-form{grid-template-columns:1fr 1fr}.job-time-form .btn{grid-column:1/-1}.job-time-title{flex-direction:column;align-items:flex-start}}
@media (max-width:650px){.settings-section-head{flex-direction:column;align-items:flex-start}.settings-section-head .btn{width:100%}.notification-settings>label{grid-template-columns:28px 1fr 38px}.depot-settings-list>article{flex-wrap:wrap;align-items:flex-start}.depot-settings-list article>p{min-width:calc(100% - 50px)}}
@media (max-width:760px){.modal-bg.modal-full-page{padding:0}.modal-full-page .modal{border-radius:0;width:100%;height:100vh;padding:0 16px 24px}.modal-full-page .modal-head{padding-top:18px}.modal-full-page .job-detail dl{grid-template-columns:1fr 1fr}}
@media (max-width:850px){.job-clock-card{grid-template-columns:42px 1fr}.job-clock-note,.job-clock-finish,.job-clock-card>.btn,.job-clock-card:not(.running)>.btn{grid-column:1/-1}.job-clock-card>.btn{width:100%}}
@media (max-width:850px){.job-part-form{grid-template-columns:1fr 1fr}.job-part-form .btn{grid-column:1/-1}.job-parts-list>div{grid-template-columns:30px 1fr auto}.job-parts-list button{grid-column:3}.job-parts-list>div>strong{text-align:left;grid-column:2}}
@media (max-width:760px){.service-location-card{grid-template-columns:30px 1fr}.service-location-card .btn{grid-column:1/-1;width:100%}}
@media (max-width:850px){.supplier-profile-layout{grid-template-columns:1fr}.supplier-profile-card{grid-template-columns:30px 1fr}.supplier-profile-card button{grid-column:2;justify-self:start}}
@media (max-width:760px){.order-basket-row{grid-template-columns:28px 1fr}.qty-control,.remove-line{grid-column:2}.qty-control{justify-content:flex-start}}
@media (max-width:760px){.basket-job-loader{grid-template-columns:1fr}.basket-job-loader .btn{width:100%}}
@media (max-width:850px){.qr-scan-layout,.qr-manual-form{grid-template-columns:1fr}.qr-manual-form .btn{width:100%}.job-parts-actions{justify-content:flex-start}.job-parts-actions .btn{width:100%}}
@media (max-width:600px){.account-company>header{flex-wrap:wrap;align-items:flex-start}.account-company>header>.pill{margin-left:51px}}
@media (max-width:900px){.approval-groups{grid-template-columns:repeat(3,1fr)}}
@media (max-width:600px){.approval-groups{grid-template-columns:1fr 1fr}.data-safety-card{flex-wrap:wrap;align-items:flex-start}.data-safety-card .btn{justify-content:center;width:100%}}
@media (max-width:900px){.role-switcher{min-width:150px}.role-switcher>svg:first-child{display:none}}
@media (max-width:760px){.role-switcher{min-width:145px;margin-left:auto}.role-preview-banner{flex-wrap:wrap;align-items:flex-start;margin:10px 12px 0}.role-preview-banner button{margin-left:29px}.tenant-select{width:150px}}

html{min-height:100%;-webkit-text-size-adjust:100%}
body{min-height:100%;min-height:-webkit-fill-available}
.app{min-height:100vh;min-height:-webkit-fill-available}
@supports (height:100dvh){.app{min-height:100dvh}.pdf-viewer,.service-sheet,.modal-full-page .modal{height:100dvh}}

/* Keep the application locked to the device width on phones. */
html,body,#root{width:100%;max-width:100%;overflow-x:hidden}
body{touch-action:pan-x pan-y}
#root,.app,.main,.content,.topbar,.top-actions,.tenant-select,.role-switcher{min-width:0}
img,video,canvas{max-width:100%;height:auto}

@media (max-width:760px){
  .main,.content{width:100%;max-width:100%}
  .topbar{gap:8px}
  .menu-btn,.top-actions{flex:none}
  .tenant-select{flex:1 1 auto;width:auto;max-width:none}
  .tenant-select label,.role-switcher>span{min-width:0}
  .tenant-select select,.role-switcher select{max-width:100%;text-overflow:ellipsis}
  input:not([type="checkbox"]):not([type="radio"]),select,textarea{font-size:16px}
}

@media (max-width:520px){
  .topbar{padding-right:12px;padding-left:12px}
  .role-switcher{flex:0 1 92px;width:92px;min-width:0;margin:0;padding:6px}
  .role-switcher>svg,.role-switcher small{display:none}
}