/* Safe areas and readable touch targets without changing company permissions. */
@media (display-mode:standalone){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.content-shell{padding-right:env(safe-area-inset-right)}}
@media (pointer:coarse){button,.primary,.secondary,.nav-item{min-height:44px}input,select,textarea{font-size:max(16px,1em)}dialog{max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto}}
@media(max-width:600px){.topbar{flex-wrap:wrap}.breadcrumb{min-width:0;overflow-wrap:anywhere}.heading-actions{flex-wrap:wrap}}

#device-experience form{display:grid;gap:16px}#device-experience label{display:block;margin:10px 0}#device-experience textarea{width:100%;box-sizing:border-box}#device-experience .suite-card .secondary{display:inline-flex;margin:6px 6px 6px 0}#device-experience input[type=checkbox]{width:20px;min-height:20px;vertical-align:middle}

#mobile-connection{position:fixed;bottom:env(safe-area-inset-bottom,0px);right:8px;z-index:500;max-width:min(90vw,480px);background:#142638;color:#fff;border:1px solid #638092;border-radius:8px;padding:5px 10px;font-size:12px;pointer-events:none}#mobile-connection[data-state=failed],#mobile-connection[data-state=offline]{background:#663b17}
#app-update-ready{position:fixed;right:12px;bottom:48px;z-index:600;max-width:min(90vw,360px);background:#142638;color:#fff;border:1px solid #81b4ca;padding:18px;border-radius:16px;box-shadow:0 8px 30px #0008}#app-update-ready button{padding:12px;background:#b8ed51;color:#13220c;border-radius:8px}
.photo-markup{width:min(92vw,760px);max-height:90dvh;overflow:auto}.photo-markup label{display:inline-block;margin:8px}.photo-markup button{margin:10px 6px;padding:12px}
@media(min-width:760px){.field-center:has([data-editor] form){display:grid;grid-template-columns:minmax(240px,0.85fr) minmax(340px,1.2fr);gap:18px;align-items:start}.field-center>nav,.field-center>h2,.field-center>p,.field-center>.editor-actions,.field-center>[data-offline-host]{grid-column:1/-1}.field-center>.field-records{grid-column:1;max-height:72dvh;overflow:auto}.field-center>[data-editor]{grid-column:2;grid-row:auto;min-width:0;position:sticky;top:12px}.field-center>[data-editor] .form-grid{grid-template-columns:1fr}}
@media(max-width:759px){.field-center .form-grid{grid-template-columns:1fr}.field-center [data-editor]{scroll-margin-top:16px}}