:root{font-family:Tahoma,Arial,sans-serif;color-scheme:dark;--page:#08090b;--shell:#101113;--header:#17191c;--surface:#1b1d21;--surface2:#25282d;--control:#202226;--text:#f2f4f5;--muted:#b0b6bf;--line:#3b4048;--aqua:#267b90;--gold:#efbe70;--shadow:0 12px 28px #0005}
:root[data-theme=light]{color-scheme:light;--page:#e5ebea;--shell:#f8fbfa;--header:#e6eff0;--surface:#fff;--surface2:#e4f0f1;--control:#fff;--text:#17333e;--muted:#546f78;--line:#bed0d2;--aqua:#11728a;--gold:#bd8841;--shadow:0 12px 28px #16434a22}
:root:not([data-theme=light]) .visit-state{background:linear-gradient(125deg,#1b1d21,#292c31);border-color:var(--line)}
:root:not([data-theme=light]) body:before{opacity:.1}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--page);color:var(--text)}[hidden]{display:none!important}button,input,select,textarea{font:inherit}button{cursor:pointer;color:var(--text);border:1px solid var(--line);border-radius:12px;min-height:44px;padding:9px 13px;font-weight:700;background:linear-gradient(150deg,var(--surface2),var(--surface));box-shadow:0 4px 0 #06141a70,0 10px 20px #0002,inset 0 1px 0 #ffffff18;transition:transform .12s,box-shadow .12s,background .16s,border-color .16s,filter .16s}button:hover{border-color:var(--gold);filter:brightness(1.12);box-shadow:0 4px 0 #06141a70,0 0 17px #37b9cf45,inset 0 1px 0 #ffffff27}button:active{transform:translateY(4px);box-shadow:0 0 0 #0000,inset 0 3px 7px #0007;filter:brightness(1.2)}button:disabled{opacity:.48;cursor:not-allowed;filter:none}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:2px}button.primary,#sync-now,#add-photo-type{background:linear-gradient(145deg,#2b8ca0,#17647a);border-color:#3c9cb0;color:#fff}
body{isolation:isolate}body:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.3;background-image:radial-gradient(#91a6aa 1px,transparent 1px);background-size:18px 18px}body:after{content:'';display:block;height:80px}
.app-header,main,.bottom-nav{width:min(390px,100%);margin-inline:auto}.app-header{background:var(--header);padding:18px 18px 19px;border:1px solid var(--line);border-bottom:0;border-radius:29px 29px 0 0;position:relative;margin-top:16px;z-index:5}.brand-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.brand{display:flex;align-items:center;gap:7px;font-size:.82rem;font-weight:800;white-space:nowrap}.brand-logo{width:35px;height:35px;object-fit:contain;border-radius:9px;background:#fff;padding:1px}.header-actions{display:flex;align-items:center;gap:7px}.header-actions button{font-size:.74rem;min-height:38px;padding:6px 9px;background:var(--surface2)}#theme-toggle{font-size:1.1rem;width:38px;padding:4px}.sections-menu{position:absolute;z-index:30;top:65px;left:18px;right:18px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:7px}.sections-menu button{display:block;width:100%;text-align:right;border:0;box-shadow:none;border-radius:7px;background:transparent}.sections-menu button:hover{background:var(--surface2)}.project-line{display:block;margin-top:18px;color:var(--gold);font-size:16px;line-height:1.5}.app-header h1{font-size:20px;line-height:1.45;margin:5px 0 3px;font-weight:800;letter-spacing:-.25px}.app-header p{font-size:.73rem;margin:0;color:var(--muted);line-height:1.6}
main{min-height:610px;background:var(--shell);border-inline:1px solid var(--line);padding:16px 17px 95px}.engineer-pill{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--surface2);border-radius:14px;font-size:.82rem;font-weight:700;line-height:1.5}.engineer-pill span:first-child{font-size:1.2rem}.visit-state{background:linear-gradient(125deg,#175269,#247d8e);border:1px solid #2f8492;border-radius:17px;padding:17px;margin-top:13px;color:#fff;box-shadow:var(--shadow)}.visit-top{display:flex;justify-content:space-between;color:#d9f3f2;font-size:.72rem}.visit-state strong{display:block;margin-top:16px;font-size:1.03rem}.visit-state>span{display:block;font-size:.74rem;color:#d5e9eb;line-height:1.6;margin-top:4px}.progress-track{height:7px;border-radius:20px;background:#95bfc544;margin-top:14px;overflow:hidden}.progress-track>div{height:100%;width:0;background:var(--gold);border-radius:20px;transition:width .25s}.sync-card{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:13px;border:1px solid var(--line);border-radius:14px;padding:11px;background:var(--surface)}.sync-card div{display:grid;gap:3px}.sync-card b{font-size:.79rem}.sync-card span{font-size:.65rem;color:var(--muted);line-height:1.45}.sync-card button{font-size:.7rem;min-height:39px;white-space:nowrap;padding:6px 9px}.screen-heading{display:flex;align-items:center;justify-content:space-between;gap:7px;margin:18px 1px 10px;font-size:.93rem}.screen-heading small{font-size:.7rem;color:var(--muted);font-weight:500}.section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.section-tile{height:107px;padding:10px 11px;display:flex;align-items:flex-start;flex-direction:column;text-align:right;justify-content:space-between;border-radius:14px}.section-tile.wide{grid-column:1/-1;height:82px}.tile-icon{font-size:1.13rem;line-height:1;color:var(--muted)}.section-tile>span:not(.tile-icon){font-size:.82rem;line-height:1.35}.section-tile small{font-size:.66rem;color:var(--muted);font-weight:500}.privacy,.hint{font-size:.72rem;color:var(--muted);line-height:1.7}.privacy{margin:14px 2px}
.form-section,#review-screen,#settings-screen{background:var(--shell)}.form-section h2,#review-screen h2,#settings-screen h2{font-size:1.07rem;margin:0 0 16px;padding-bottom:10px;border-bottom:1px solid var(--line)}label{display:block;font-size:.8rem;font-weight:700;line-height:1.6;margin-bottom:14px}em{color:var(--gold);font-style:normal}input,select,textarea{display:block;width:100%;margin-top:6px;min-height:43px;border:1px solid var(--line);border-radius:9px;background:var(--control);color:var(--text);padding:8px 10px;direction:rtl;font-size:.82rem;font-weight:500}input[readonly]{opacity:.72;background:var(--surface2)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.8}textarea{min-height:83px;resize:vertical}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tool,.office-fields{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px;margin:12px 0}.tool>b{display:block;font-size:.82rem;margin-bottom:9px}.tool output,.tool small{display:block;font-size:.72rem;color:var(--muted);line-height:1.7;margin-top:8px}.type-entry{display:flex;gap:7px;align-items:end}.type-entry input{margin:0;flex:1;min-width:0}.type-entry button{font-size:.7rem;min-width:104px;padding:5px}.photo-type{margin-top:10px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface2)}.photo-type-heading,.photo-type-actions{display:flex;justify-content:space-between;align-items:center;gap:7px}.photo-type-heading b{font-size:.8rem}.photo-type-actions{margin-top:8px}.photo-type-actions button{font-size:.7rem;min-height:36px;padding:5px}.photo-list{display:grid;gap:8px;margin-top:9px}.photo{background:var(--surface);padding:8px;border:1px solid var(--line);border-radius:9px}.photo img{width:100%;height:150px;object-fit:cover;border-radius:6px}.photo .meta{font-size:.67rem;color:var(--muted);overflow-wrap:anywhere}.photo label{margin:7px 0;font-size:.7rem}.photo input{min-height:36px}.photo button{font-size:.7rem;min-height:34px}.form-actions,.button-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.form-actions button,.button-row button{flex:1;font-size:.76rem;min-width:70px;padding:8px}.review-jump{display:block;width:100%;text-align:right;margin:8px 0;background:var(--surface2);font-size:.75rem}.review-note{border-right:3px solid var(--gold);padding:8px;background:var(--surface);border-radius:5px;font-size:.76rem}#review-result{line-height:1.7;font-size:.8rem}.office-fields h3{font-size:.82rem;margin:0 0 6px}.office-fields p,.office-fields small{font-size:.72rem;color:var(--muted);line-height:1.7;margin:0}.bottom-nav{position:fixed;z-index:10;bottom:0;left:50%;transform:translateX(-50%);display:flex;justify-content:space-around;gap:4px;padding:6px 10px calc(7px + env(safe-area-inset-bottom));background:var(--header);border:1px solid var(--line);border-top:1px solid var(--line);border-radius:0 0 27px 27px;box-shadow:0 -8px 22px #0003}.bottom-nav button{flex:1;display:grid;place-items:center;gap:1px;min-height:50px;border:0;box-shadow:none;background:transparent;color:var(--muted);font-size:.65rem;padding:3px}.bottom-nav button span{font-size:1.15rem;line-height:1.1}.bottom-nav button.active{color:var(--aqua);background:var(--surface2);box-shadow:inset 0 2px 5px #0005}.bottom-nav button:hover{box-shadow:0 0 13px #3caacb4a}
@media(max-width:425px){.app-header{margin-top:0;border-radius:0}.bottom-nav{border-radius:0}.grid{grid-template-columns:1fr;gap:0}}
@media(min-width:426px){.bottom-nav{bottom:12px}}
svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.quick-links{display:flex;gap:7px;margin-bottom:11px}.quick-links button{flex:1;font-size:.72rem;min-height:38px}.warning-panel{border:1px solid var(--gold);border-radius:10px;padding:10px;background:var(--surface);font-size:.76rem;line-height:1.7;margin:13px 0}.warning-panel p{margin:3px 0}.assignment-card,.audit-entry{border:1px solid var(--line);border-radius:13px;background:var(--surface);padding:13px;margin:12px 0}.assignment-card h3{margin:0 0 7px;font-size:.94rem}.assignment-card p,.audit-entry p{font-size:.8rem;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.assignment-card small,.audit-entry small{display:block;color:var(--muted);font-size:.7rem;line-height:1.8}.assignment-card button{width:100%;margin-top:10px}.audit-entry b{font-size:.82rem}.check-label{display:flex;align-items:flex-start;gap:10px;padding:11px;border:1px solid var(--gold);border-radius:9px;font-size:.75rem}.check-label input{width:19px;height:19px;min-height:0;flex-shrink:0;accent-color:var(--aqua)}dialog{width:min(370px,calc(100% - 24px));max-height:90vh;overflow:auto;margin:auto;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:17px;padding:16px;box-shadow:var(--shadow);direction:rtl}dialog::backdrop{background:#04151cbd}dialog h2{font-size:1.05rem;margin:0 0 12px}dialog p{font-size:.82rem;line-height:1.7}.preview-image-frame{max-height:52vh;overflow:auto;background:#07151b;border-radius:10px}.preview-image-frame img{display:block;width:100%;height:auto;max-height:52vh;object-fit:contain}.preview-image-frame img.zoomed{width:200%;max-width:none;max-height:none}.preview-image-frame+button{margin:10px 0;font-size:.76rem}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
.app-header{position:sticky;top:0;z-index:20}.brand-row{flex-wrap:wrap}.header-actions{flex-wrap:wrap}#header-sync{position:relative}#header-sync.unsent:after{content:'';position:absolute;top:2px;right:2px;width:8px;height:8px;border-radius:50%;background:var(--gold)}#review-summary p{font-size:.78rem;border-bottom:1px solid var(--line);padding:7px 0;overflow-wrap:anywhere}#review-summary figure{margin:12px 0}#review-summary img{width:100%;max-height:180px;object-fit:contain}#review-summary figcaption{font-size:.75rem}#review-receipt{overflow-wrap:anywhere}
:root .correction-difference {padding:12px;margin:8px 0;border:1px solid var(--line,#879da7);border-radius:12px;}
:root .correction-difference p {margin:6px 0;font-size:14px;overflow-wrap:anywhere;}
:root .correction-difference button {width:auto;min-height:40px;margin-top:6px;}
:root .defect-editor-header{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:5;background:var(--surface,#202329);padding:8px 0}
:root .defect-editor-close{flex:none;width:44px;height:44px;padding:0;font-size:28px}
input[data-manual-number]::-webkit-inner-spin-button,input[data-manual-number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
input[data-manual-number]{-moz-appearance:textfield;appearance:textfield}
.task-asset-badge:focus-visible{outline:3px solid #e9b968;outline-offset:3px}
:root .tasks-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.silo-live-warning{display:block;margin-top:6px;padding:8px;border-inline-start:3px solid var(--gold);border-radius:6px;background:var(--surface2);color:var(--text);font-size:.82rem;line-height:1.6}.silo-live-warning[hidden]{display:none}
:root .tasks-heading h2{margin:0}
:root .tasks-heading button[aria-busy="true"]{cursor:progress;opacity:.75}
#local-save-indicator{align-self:center;text-align:center;color:var(--muted);font-size:.8rem;line-height:1.5;padding:6px}
#submit-review:disabled{opacity:.55;cursor:not-allowed}
#show-missing{margin-block:10px;width:100%;border-color:var(--gold)}
.agri-field-error{display:block;color:var(--gold);font-size:.85rem;line-height:1.6;margin-top:5px}
.agri-field-error:empty{display:none}
.agri-project details>summary{cursor:pointer;padding:12px;border:1px solid var(--border);border-radius:10px}
