/* Additive mobile layout: existing capture/export logic stays authoritative. */
:root{color-scheme:light;--mobile-safe:env(safe-area-inset-bottom,0px)}
html{scroll-padding-top:80px}body{margin:0;-webkit-text-size-adjust:100%}button,a.upload-button,summary,.restore{touch-action:manipulation}button,input,select,textarea{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #1583ff;outline-offset:3px}
.mobile-migration{padding:14px 18px;background:#eef7dc;border:1px solid #b4d880;border-radius:14px;margin-bottom:16px;color:#172c24}.mobile-migration a{font-weight:700;color:#153d2c}.mobile-login{display:grid;gap:12px;padding:16px;background:#f4f7f5;border-radius:14px}.mobile-login label{display:grid;gap:6px}.mobile-login input{width:100%;box-sizing:border-box;min-height:48px;padding:12px;border:1px solid #a2b6ad;border-radius:10px}.mobile-login-status{margin:0;color:#a32222}.mobile-home-links{display:flex;gap:16px;flex-wrap:wrap;font-size:14px;margin:12px 0}.mobile-home-links a{color:inherit}
@media(max-width:760px){
*{box-sizing:border-box}body{padding-bottom:calc(16px + var(--mobile-safe));background:#f2f5f3}header{padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top));gap:10px}header .tag{font-size:11px}header small{font-size:9px}main.quick-main{width:100%;max-width:600px;margin:0 auto;padding:14px 12px}.quick-top{gap:10px;align-items:center;margin:8px 0 16px}.quick-top h1{font-size:clamp(23px,6.5vw,32px);line-height:1.15}.eyebrow{font-size:10px;letter-spacing:1.4px}.saved-count{white-space:nowrap;font-size:12px}.panel.quick-panel,.panel.report-details{padding:16px;border-radius:18px}.sync-line{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px;overflow-wrap:anywhere}#entry{display:flex;flex-direction:column;gap:16px}#entry label{width:100%}input,select,textarea{font-size:16px!important;max-width:100%}select,input:not([type=checkbox]):not([type=file]),textarea{min-height:48px;border-radius:12px}textarea{min-height:84px}button,.upload-button,.restore,summary{min-height:48px}button{border-radius:12px;padding:12px 16px}#scan,#shutter,#export{width:100%;min-height:58px;font-size:18px;font-weight:750}#idle .scan-input{display:flex;gap:8px}#tracking{min-width:0;flex:1}.manual summary{display:flex;align-items:center;font-size:13px}.quick-help,.hint,.storage{font-size:12px;line-height:1.5}.camera-frame{width:100%;height:clamp(230px,48dvh,440px);border-radius:16px;overflow:hidden}.camera-frame video{width:100%;height:100%;object-fit:cover}.capture-actions{display:flex;flex-wrap:wrap;gap:10px;position:sticky;bottom:0;padding:10px 0 calc(10px + var(--mobile-safe));background:#fff;z-index:5}.capture-actions #shutter{flex:0 0 100%}.capture-actions #addPhotos{flex:1}.capture-actions #stop{flex:1}#capture .parcel-info{overflow-wrap:anywhere}#thumbnails{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#thumbnails img{max-width:100%;object-fit:cover}.field-grid{display:grid;grid-template-columns:1fr;gap:12px}.backup-row{display:flex;flex-wrap:wrap;gap:8px}#recordList{overflow-wrap:anywhere}#recordList img{max-width:100%}#toast{max-width:calc(100vw - 24px);bottom:calc(16px + var(--mobile-safe));left:12px;right:12px;margin:auto;overflow-wrap:anywhere}footer{padding-bottom:var(--mobile-safe)}
}
