/* Consistent three-page product shell; page tools stay below the primary nav. */
.product-header{box-sizing:border-box;position:relative;z-index:50;width:100%;min-height:72px;padding:12px 28px;margin:0;display:flex;align-items:center;gap:38px;background:#173c36;color:#f5f8f6;border-bottom:1px solid #31524c;font-family:var(--font-display,"Segoe UI",sans-serif)}
.product-brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;flex-shrink:0}.product-brand>span{width:35px;height:35px;display:grid;place-items:center;border:1px solid #779488;border-radius:8px;font-size:13px;font-weight:650}.product-brand strong{font-size:11px;letter-spacing:1.8px;font-weight:650}.product-brand small{display:block;margin-top:4px;font-size:11px;letter-spacing:1.2px;color:#b6cbc3}
.product-nav{display:flex;align-items:center;gap:6px;margin:0;overflow:auto;min-width:0}.product-nav a{padding:11px 15px;border-radius:6px;white-space:nowrap;font-size:13px;font-weight:500;color:#c3d5cd;text-decoration:none}.product-nav a:hover{background:#ffffff0c;color:#fff}.product-nav a[aria-current=page]{color:#fff;background:#ffffff14;box-shadow:inset 0 -2px #aac7b7}.product-nav small{font-size:11px;margin-left:5px;color:#b6cec1}.product-context{margin-left:auto;display:flex;gap:12px;align-items:center;font-size:12px;white-space:nowrap}.product-context>#productMode{padding:5px 8px;border:1px solid #7c9d8d;border-radius:4px;color:#d1e6d6;font-size:11px}
.product-snapshot{box-sizing:border-box;padding:7px 28px;min-height:30px;background:#edf3f0;border-bottom:1px solid #dce6e0;color:#537066;font:11px/1.4 var(--font-body,"Segoe UI",sans-serif)}
.product-samples{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 28px;background:#edf3f0;border-bottom:1px solid #dce6e0;color:#476259;font:11px/1.5 var(--font-body,"Segoe UI",sans-serif);box-sizing:border-box}
.product-samples.active{background:#fff2ce;border-color:#e3cea2;color:#694c17}.product-samples a{color:inherit;font-weight:650;white-space:nowrap;text-decoration:underline;padding:3px 0}.product-samples[hidden]{display:none}
@media(max-width:650px){.product-samples{padding:8px 12px;align-items:flex-start;font-size:11px}.product-samples span{max-width:65%}}
.product-project-picker{display:flex;flex-direction:column;gap:3px;min-width:0;margin:0}.product-project-picker>span{font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:#b6cec1}.product-project-picker select{box-sizing:border-box;width:210px;max-width:100%;margin:0;padding:6px 26px 6px 9px;border:1px solid #779488;border-radius:5px;background:#244c43;color:#f5f8f6;font:12px var(--font-body,"Segoe UI",sans-serif);letter-spacing:0;cursor:pointer}.product-project-picker option{background:#fff;color:#183c38}
.multi-project[data-product=piles] .project-select,.multi-project[data-product=fieldops] main>header>.project-label{display:none}
.pile-tracking-controls{font-size:12px}.pile-tracking-controls>.eyebrow{display:block;margin-bottom:15px}.pile-tracking-controls>label{display:block;margin:12px 0 6px;font-size:11px}.pile-tracking-controls>select{display:block;width:100%;min-width:0;padding:9px 10px;border:1px solid #d3dfd6;border-radius:4px;background:#fff;color:#193d37;font-size:11px}.pile-tracking-controls>button{padding:8px 12px;border:1px solid #bdcdb7;border-radius:4px;background:#f7faf4;color:#244e3e;font-size:11px}.pile-tracking-controls>a{font-size:11px;color:#316a55;text-decoration:none}.pile-tracking-controls>p{color:#718675;line-height:1.5}
@media(max-width:850px){.product-project-picker select{width:180px}}
@media(max-width:650px){.product-project-picker select{width:153px;font-size:11px;padding-top:5px;padding-bottom:5px}.multi-project .product-context>#productMode{display:none}.product-project-picker>span{font-size:11px}}
[data-product]{display:block;background:#f4f7f8}[data-product] .rail>.brand,[data-product] .rail-label,[data-product] .rail-bottom,[data-product] #fieldOpsLink{display:none!important}
[data-product]>.rail{position:static;width:100%;height:auto;display:block;padding:9px 28px;background:#fff;border-bottom:1px solid #dce5e7;box-sizing:border-box}
[data-product]>.rail nav{display:flex;gap:5px;margin:0;padding:0;overflow-x:auto;grid-area:auto}
[data-product]>.rail nav button{color:#627774;font:12px var(--font-display,"Segoe UI",sans-serif);border-radius:5px;white-space:nowrap;padding:9px 12px;width:auto;flex-shrink:0;background:transparent}
[data-product]>.rail nav button:hover{background:#f2f6f4}[data-product]>.rail nav button.active{background:#e9f1ed;color:#295c4d;box-shadow:none;font-weight:600}
[data-product]>.rail nav button span{color:inherit;display:inline;flex:initial}[data-product=piles]>.rail nav button span{display:none}
[data-product]>.rail nav b{font-size:11px;background:#e8efec;color:#466459;display:inline-block;margin-left:5px}
[data-product=piles]>main,[data-product=register]>main{margin:0 auto;width:100%;max-width:1800px;padding:24px 30px;box-sizing:border-box}[data-product=piles] .topbar{margin-bottom:18px}[data-product=piles] h1{font-size:30px;font-weight:650;letter-spacing:-.8px}
[data-product=piles] .panel,[data-product=piles] .metrics article{border-radius:9px;border-color:#dce5e7}[data-product=piles] .metrics strong{font-weight:550}[data-product=piles] .metrics article{background:#fff}
.pile-basis{font-size:11px;color:#617570;line-height:1.6;margin:0 0 14px}.pile-basis strong{font-weight:600;color:#395a50}
.record-empty{padding:18px;border:1px solid #dce5e0;background:#f5f8f6;border-radius:7px;font-size:12px;line-height:1.6}.record-empty p{margin-bottom:0;color:#60756b}
@media(min-width:1100px){[data-product=piles] .workspace{grid-template-columns:420px minmax(0,1fr)}}
[data-product=piles] [data-tab=map],[data-product=piles] [data-tab=reports],[data-product=piles] [data-tab=setup]{display:none!important}
[data-product=site]>.topbar{height:43px;padding:6px 28px;background:#fafcfb;justify-content:flex-end;border-bottom:1px solid #dce5e7}[data-product=site]>.topbar .brand,[data-product=site] #backMap,[data-product=site] .experiment{display:none!important}
[data-product=site]>.topbar .site-view-toggle{margin:0 auto 0 0;min-width:204px;background:#e9f0ec;padding:3px}[data-product=site]>.topbar .site-view-toggle button{font-size:12px;padding:6px 14px}[data-product=site] .intro h1{font-size:27px;line-height:1.2}
[data-product=site] .layout{height:calc(100dvh - 115px - var(--sample-bar-height,0px))}[data-product=site].snapshot-demo .layout{height:calc(100dvh - 145px)}
.snapshot-demo #rowQr,.snapshot-demo #export{display:none!important}.snapshot-demo #syncStatus{font-size:11px}
[data-product] :focus-visible{outline:2px solid #4c8a77;outline-offset:3px}
.worksheet-expanded[data-product]>.product-header,.worksheet-expanded[data-product]>.product-snapshot,.worksheet-expanded[data-product]>.rail{display:none}
@media(max-width:850px){.product-header{padding:11px 18px;gap:16px}.product-context{font-size:11px;gap:8px}.product-nav a{padding:10px;font-size:12px}.product-brand strong{display:none}[data-product]>.rail{padding:8px 18px}[data-product=piles]>main,[data-product=register]>main{padding:18px}.product-snapshot{padding:7px 18px}}
@media(max-width:650px){.product-header{flex-wrap:wrap;gap:9px 12px;padding:10px 12px}.product-brand strong{display:block;font-size:11px}.product-context{order:2;margin-left:auto;font-size:11px}.product-nav{order:3;width:100%;justify-content:space-between;gap:4px}.product-nav a{text-align:center;flex:1;font-size:12px;padding:10px 6px}.product-nav small{font-size:11px}.product-context>#productMode{font-size:11px;padding:4px 6px}.product-snapshot{padding:7px 12px;font-size:11px}[data-product]>.rail{padding:7px 12px}[data-product]>.rail nav button{font-size:11px;padding:8px 10px}[data-product=piles]>main,[data-product=register]>main{padding:18px 12px}[data-product=site]>.topbar{height:39px;padding:5px 12px}[data-product=site] .layout,[data-product=site].snapshot-demo .layout{height:auto}[data-product=site] .stage{height:calc(100dvh - 180px);min-height:620px}.pile-basis{font-size:11px}}
.product-nav[hidden]{display:none}.product-up{flex-shrink:0;color:inherit;opacity:.8;text-decoration:none;font-size:12px;font-weight:600;padding:7px 10px;border:1px solid #ffffff33;border-radius:6px;white-space:nowrap}.product-up:hover{opacity:1;background:#ffffff14}[data-product=home] #productProject,[data-product=admin] #productProject{display:none}@media(max-width:700px){.product-up{padding:6px 8px;font-size:11px}}
.product-project-picker[hidden]{display:none}
.product-admin{flex-shrink:0;color:inherit;text-decoration:none;font-size:12px;font-weight:650;letter-spacing:.02em;padding:7px 12px;border:1px solid #ffffff33;border-radius:6px;white-space:nowrap;opacity:.9}.product-admin:hover,.product-admin:focus-visible{opacity:1;background:#ffffff14;outline:none}.product-admin[hidden]{display:none}@media(max-width:700px){.product-admin{padding:6px 9px;font-size:11px}}