[hidden]{display:none!important}
.mobile-menu{display:none}.app-controls:has(>:not([hidden])){display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:16px}
#connection-status{padding:12px 16px;background:#fff3d9;border:1px solid #d8b369;border-radius:8px;font-size:.875rem}
.detail-list dd,.customer-block,.job-header,.photo-card figcaption{overflow-wrap:anywhere;min-width:0}
@media(max-width:1000px){
  input:not([type=checkbox]),select,textarea{font-size:16px}
  .workspace-nav a,.profile-actions a,.photo-actions a,.photo-actions button,.pagination a{min-height:44px;display:inline-flex;align-items:center}
  .workspace-topbar{flex-wrap:wrap;gap:8px}
}
@media(max-width:750px){
  .workspace-sidebar{position:relative;padding:12px 18px}
  .has-mobile-menu .mobile-menu{display:flex;position:absolute;right:18px;top:17px}
  .has-mobile-menu .workspace-nav,.has-mobile-menu .sidebar-bottom{display:none}
  .has-mobile-menu .menu-open .workspace-nav{display:grid;grid-template-columns:1fr 1fr;overflow:visible;padding-top:15px}
  .has-mobile-menu .menu-open .sidebar-bottom{display:block;padding-top:0}
  .sidebar-note,.staff-profile{display:none}.profile-actions{justify-content:flex-start;gap:28px}
  .workspace-nav a{white-space:normal;margin:0}
  .workspace-content,.portal-main{padding-left:14px;padding-right:14px}
  .workspace-main,.portal-main,.job-header>div{min-width:0}
  .page-heading .actions{width:100%}.page-heading .actions .button{flex:1}
  .card{padding:18px}.jobs-panel{padding:18px 0 0}
  .job-table,.table-wrap .job-table{min-width:0;display:block}
  .job-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .job-table tbody{display:block;padding:0 14px}
  .job-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;position:relative;padding:16px 0;border-top:1px solid var(--line);gap:10px}
  .job-table td{display:block;padding:0!important;border:0;min-width:0;overflow-wrap:anywhere}
  .job-table td:first-child{grid-column:1/-1;padding-right:48px!important}
  .job-table td[data-label]:before{content:attr(data-label);display:block;font-size:.6875rem;color:var(--muted);margin-bottom:5px;text-transform:uppercase;letter-spacing:.7px}
  .job-table td[data-label="Target date"]{grid-column:1/-1}
  .job-table td:last-child:not(:first-child){position:absolute;right:0;top:12px}
  .job-table .row-link{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:8px}
  .job-table .equipment-name,.job-table .customer-name{max-width:none}
  .job-link{display:inline-flex;align-items:center;min-height:36px}
  .form-footer{gap:12px}.form-footer button{width:100%;min-height:50px}
  .photo-upload input[type=file]{padding:10px;max-width:100%;font-size:.875rem}
  .portal-header-inner{flex-wrap:wrap;gap:12px}.portal-header-links{flex-wrap:wrap}
  .workspace-footer{padding-bottom:max(20px,env(safe-area-inset-bottom))}
}