[hidden]{display:none!important}*{box-sizing:border-box}html{font-family:Arial,Helvetica,sans-serif;background:#f4f6f8;color:#18222d}body{margin:0}.login-shell{min-height:100vh;display:grid;place-items:center;padding:18px}.login-card{width:min(100%,430px);background:#fff;border:1px solid #d9e0e6;border-radius:16px;padding:22px;box-shadow:0 8px 28px rgba(21,38,53,.08)}.login-card h1{margin-bottom:4px}.login-card .subtitle{margin-bottom:20px}.login-helper{text-align:center;margin:10px 4px 0}.app-shell{max-width:680px;margin:0 auto;padding:16px}.app-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin:8px 0 18px}.header-tools{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.session-chip{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid #d4dde4;border-radius:999px;padding:5px 6px 5px 10px;font-size:.78rem;color:#34495a;white-space:nowrap}.session-chip span{font-weight:700}.session-chip button{border:0;background:#eef2f5;border-radius:999px;padding:5px 8px;font:inherit;font-weight:700;color:#385269;cursor:pointer}.session-chip button:disabled{opacity:.55}.eyebrow{margin:0 0 4px;font-size:.82rem;font-weight:700;color:#5d6b78;text-transform:uppercase;letter-spacing:.04em}h1{margin:0;font-size:2rem;line-height:1.05;color:#18324a}.subtitle{margin:6px 0 0;color:#667481}.prototype-badge{background:#e8edf2;border:1px solid #cbd5de;border-radius:999px;padding:6px 10px;font-size:.8rem;font-weight:700;color:#40505f}.card{background:#fff;border:1px solid #d9e0e6;border-radius:14px;padding:18px;margin-bottom:14px;box-shadow:0 1px 2px rgba(0,0,0,.04)}.card h2{margin:0 0 16px;font-size:1.05rem;color:#24394c}.field{display:block;margin-bottom:16px}.field:last-child{margin-bottom:0}.field>span,.field-label{display:block;margin-bottom:7px;font-size:.92rem;font-weight:700}.field b,.card h2 b{color:#b42318}input,select,textarea{width:100%;border:1px solid #b8c3cc;border-radius:10px;background:#fff;color:#1f2933;font:inherit;padding:13px 12px;min-height:48px}select:disabled{background:#f1f4f6;color:#33485a;opacity:1}textarea{resize:vertical;min-height:120px}input:focus,select:focus,textarea:focus,button:focus-visible{outline:3px solid rgba(24,103,165,.18);outline-offset:1px;border-color:#1867a5}.secondary-button,.submit-button{border:0;border-radius:10px;font:inherit;font-weight:700;min-height:48px;padding:12px 15px;cursor:pointer}.secondary-button{width:100%;background:#e9eef3;color:#20364a;border:1px solid #cbd5de}.secondary-button:disabled,.submit-button:disabled{opacity:.65;cursor:wait}.submit-button{width:100%;background:#2e7d32;color:#fff;font-size:1.02rem}.status{margin-top:9px;padding:10px 12px;border-radius:9px;font-size:.88rem}.status.neutral{background:#f2f4f6;color:#596875}.status.success{background:#eaf6ec;color:#276b2d}.status.error{background:#fdecec;color:#9d241d}.location-panel{margin-top:10px;border:1px solid #d7e0e7;border-radius:11px;overflow:hidden;background:#fafbfc}.location-copy{padding:12px 13px}.location-address{margin:0 0 5px;font-size:.94rem;font-weight:700;line-height:1.35;color:#263847}.location-coords{margin:0;color:#677582;font-size:.8rem;line-height:1.4}.map-wrap{aspect-ratio:16/9;background:#e9edf1;border-top:1px solid #d7e0e7}.map-wrap iframe{display:block;width:100%;height:100%;border:0}.map-link{display:block;padding:11px 13px;border-top:1px solid #d7e0e7;color:#185f97;font-size:.86rem;font-weight:700;text-decoration:none}.map-link:hover{text-decoration:underline}.section-heading-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}.section-heading-row h2{margin:0 0 3px}.section-heading-row p{margin:0;color:#697784;font-size:.88rem}.count-pill{background:#eef2f5;border-radius:999px;padding:5px 9px;font-size:.8rem;font-weight:700;color:#435361}.photo-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.photo-item{position:relative;aspect-ratio:1/1;border-radius:10px;overflow:hidden;background:#e7ebef}.photo-item img{width:100%;height:100%;object-fit:cover}.photo-remove{position:absolute;top:5px;right:5px;width:30px;height:30px;border:0;border-radius:50%;background:rgba(0,0,0,.68);color:#fff;font-size:20px;line-height:1;cursor:pointer}.helper-text,.prototype-note{font-size:.8rem;color:#6c7985;line-height:1.4}.prototype-note{text-align:center;margin:9px 12px 24px}.form-message{margin:4px 0 12px;padding:12px;border-radius:10px;font-weight:700}.form-message.error{background:#fdecec;color:#8c1d18}.form-message.success{background:#eaf6ec;color:#276b2d}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.camera-dialog{width:min(94vw,620px);border:0;border-radius:16px;padding:0;background:#101418;color:#fff}.camera-dialog::backdrop{background:rgba(0,0,0,.72)}.camera-panel{padding:14px}.camera-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.camera-heading h2{margin:0;font-size:1rem}.icon-button{border:0;background:transparent;color:#fff;font-size:28px;cursor:pointer}.camera-dialog video{display:block;width:100%;max-height:70vh;background:#000;border-radius:10px}.camera-controls{margin-top:12px}.sync-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:-4px 0 14px;padding:10px 12px;border:1px solid #cbd9e5;border-radius:11px;background:#edf5fb;color:#2e4d66;font-size:.84rem}.sync-banner.offline{background:#fff5df;border-color:#ead7a6;color:#6b5319}.sync-banner.has-pending:not(.offline){background:#eef2f6;border-color:#cbd5de;color:#40505f}.sync-main{display:flex;align-items:center;gap:8px;min-width:0}.connection-dot{width:9px;height:9px;flex:0 0 auto;border-radius:50%;background:#2e7d32;box-shadow:0 0 0 3px rgba(46,125,50,.1)}.connection-dot.offline{background:#b7791f;box-shadow:0 0 0 3px rgba(183,121,31,.12)}#syncStatusText{line-height:1.35}.sync-queue-button{border:1px solid #bdc9d2;background:#fff;color:#334a5c;border-radius:999px;padding:7px 10px;font:inherit;font-weight:700;white-space:nowrap;cursor:pointer}.sync-queue-button span{display:inline-block;min-width:20px;text-align:center}.pending-dialog{width:min(94vw,620px);max-height:86vh;border:0;border-radius:16px;padding:0;background:#fff;color:#18222d;box-shadow:0 20px 60px rgba(0,0,0,.24)}.pending-dialog::backdrop{background:rgba(0,0,0,.55)}.pending-panel{padding:18px}.pending-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}.pending-heading h2{margin:0 0 4px;font-size:1.1rem;color:#24394c}.pending-heading p{margin:0;color:#6a7782;font-size:.84rem;line-height:1.35}.pending-close{border:0;background:#eef2f5;color:#31485a;border-radius:50%;width:34px;height:34px;font-size:23px;line-height:1;cursor:pointer}.pending-list{display:grid;gap:10px;max-height:58vh;overflow:auto;margin-bottom:14px}.pending-item{border:1px solid #d8e0e6;border-radius:11px;padding:12px;background:#fafbfc}.pending-item-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.pending-item-top strong{color:#233b4f}.pending-item-top span{background:#fff1cc;color:#6c5312;border-radius:999px;padding:4px 7px;font-size:.72rem;font-weight:700}.pending-item p{margin:5px 0;color:#52616d;font-size:.84rem;line-height:1.35}.pending-item small{display:block;margin-top:7px;color:#7b8790;font-size:.74rem;line-height:1.35}.empty-pending{margin:10px 0 22px;text-align:center;color:#6c7985}@media (max-width:480px){.login-shell{padding:12px}.login-card{padding:18px;border-radius:13px}.app-shell{padding:12px}.card{padding:15px;border-radius:12px}h1{font-size:1.75rem}.app-header{gap:10px}.header-tools{gap:5px}.session-chip{max-width:160px}.session-chip span{overflow:hidden;text-overflow:ellipsis}.photo-actions{grid-template-columns:1fr}.photo-grid{grid-template-columns:repeat(2,1fr)}.sync-banner{align-items:flex-start}.sync-queue-button{padding:6px 9px}.pending-panel{padding:15px}}

/* v0.7.5 — Timber Services branding */
.login-brand-logo{display:block;width:min(100%,340px);height:auto;margin:0 auto 18px}
.app-title-group{display:flex;align-items:flex-start;gap:12px;min-width:0}
.app-brand-logo{width:82px;height:82px;object-fit:contain;flex:0 0 auto;margin-top:-6px}
@media (max-width:480px){
  .login-brand-logo{width:min(100%,300px);margin-bottom:15px}
  .app-brand-logo{width:68px;height:68px;margin-top:-4px}
  .app-title-group{gap:8px}
}


.set-current-time{margin-top:8px}

.delivery-fields{border:0;margin:0;padding:0;min-width:0}
.delivery-fields:disabled .card{background:#f8fafb}
.delivery-fields:disabled input,.delivery-fields:disabled select,.delivery-fields:disabled textarea{background:#eef2f5;color:#6c7985}
.delivery-fields:disabled button{opacity:.45;cursor:default}
.vehicle-gate-message{margin:12px 0 0;padding:10px 12px;border-radius:9px;background:#edf5fb;color:#2e4d66;font-size:.86rem;line-height:1.4}
#otherVehicleRegistration{text-transform:uppercase}
#otherVehicleHelp{display:block;margin-top:8px}

.manifest-override-chip{background:#fff5df;border-color:#e2c98c;color:#6b5319}
.manifest-override-dialog{width:min(94vw,520px);max-height:88vh;overflow:auto;border:0;border-radius:14px;padding:0;color:#18222d;background:#fff}
.manifest-override-dialog::backdrop{background:rgba(15,23,42,.55)}
.manifest-override-panel{padding:20px}.manifest-override-panel h2{margin:0 0 12px;font-size:1.2rem;color:#18324a}.manifest-override-panel p{line-height:1.45}
.manifest-override-choices{display:grid;gap:8px;margin:16px 0}.manifest-override-choices label{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #cbd5de;border-radius:10px;cursor:pointer}.manifest-override-choices input{width:20px;min-height:20px;flex:0 0 auto;accent-color:#2e7d32}.manifest-override-choices small{display:block;font-size:.8rem;color:#64748b;margin-top:4px}
.manifest-override-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}


.manifest-order-combo{position:relative}.manifest-order-input{display:flex;position:relative}.manifest-order-input input{padding-right:48px}.manifest-order-input button{position:absolute;right:1px;top:1px;bottom:1px;width:44px;border:0;border-left:1px solid #d9e0e6;background:#f1f4f6;border-radius:0 9px 9px 0;color:#34495a;font-size:22px;cursor:pointer}.manifest-order-menu{position:absolute;z-index:20;top:calc(100% + 5px);left:0;right:0;max-height:300px;overflow:auto;background:#fff;border:1px solid #bbc7d1;border-radius:10px;box-shadow:0 8px 24px rgba(20,35,50,.15)}.manifest-order-option{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #edf0f4;background:#fff;padding:12px 14px;min-height:56px;font:inherit;color:#24394c;cursor:pointer}.manifest-order-option:hover,.manifest-order-option.highlighted{background:#edf5fb}.manifest-order-option[aria-selected=true]{background:#eaf6ec}.manifest-order-option small{display:block;margin-top:4px;color:#64748b;font-size:.75rem}.manifest-order-empty{padding:14px;font-size:.82rem;color:#64748b}.manifest-order-selected{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.manifest-order-chip{padding:6px 9px;border:1px solid #bbd7c0;border-radius:20px;background:#eaf6ec;color:#276b2d;font:inherit;font-size:.75rem;cursor:pointer}#manifestOrderHint{display:block;margin-top:8px}

.pod-draft-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;margin:0 0 14px;border:1px solid #bcd8ca;border-radius:12px;background:#edf7f1;color:#245d3c;font-size:12px;line-height:1.5}.pod-draft-bar.draft-error{background:#fff1ee;border-color:#e8b7ad;color:#9b3528}.draft-discard{flex-shrink:0;border:1px solid #c5d6cb;border-radius:8px;padding:7px 9px;background:white;color:#8a3a30;font:inherit;cursor:pointer}@media(max-width:450px){.pod-draft-bar{align-items:start;flex-direction:column;gap:8px}}