:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:#1c2b24;background:#eef1ed;font-synthesis:none;-webkit-font-smoothing:antialiased;--pine:#123f2e;--dark:#0f3729;--green:#185a43;--sage:#eaf0e6;--light:#f7f8f5;--muted:#718079;--line:#e5e9e3}*{box-sizing:border-box}html,body{padding:0;margin:0;min-height:100%;overscroll-behavior:none}button,input,textarea{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #86b79b;outline-offset:2px}.svg-defs{width:0;height:0;position:absolute;overflow:hidden}.ico{width:22px;height:22px;display:inline-block;stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9;flex-shrink:0}.ico.fill{fill:currentColor;stroke-width:1.5}.desktop-backdrop{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:22px}.app{width:min(100%,415px);height:min(900px,calc(100dvh - 44px));background:var(--light);border-radius:29px;box-shadow:0 22px 70px #24402d2d;display:flex;flex-direction:column;overflow:hidden;position:relative;border:1px solid #dce3d9}.app-header{z-index:5;flex:none;background:var(--pine);color:#fff;min-height:76px;padding:16px 17px 13px;display:flex;align-items:center;gap:12px}.app-header .brand-icon{height:46px;width:46px;display:grid;place-items:center;background:#ffffff19;border:1px solid #ffffff36;border-radius:14px}.brand-icon .ico{height:28px;width:28px;stroke:#f7faed}.head-title{font-size:15px;font-weight:760;letter-spacing:.05px;line-height:1.28}.head-sub{font-size:11px;color:#cde3d4;margin-top:3px;font-weight:500}.head-spacer{flex:1}.head-btn{border:0;color:#fff;background:none;padding:8px;display:grid;place-items:center;border-radius:12px}.head-btn .ico{width:24px;height:24px}.header-view-title{font-size:18px;font-weight:750;letter-spacing:-.3px}.connectivity{background:#fffbeb;color:#77561c;border-bottom:1px solid #f4dfa4;text-align:center;font-size:11px;font-weight:720;padding:7px 10px}.connectivity[hidden]{display:none}.screen{flex:1;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:none}.screen::-webkit-scrollbar{display:none}.bottom-nav{height:71px;flex:none;border-top:1px solid #e5eae5;display:flex;align-items:stretch;background:#fff;padding-bottom:env(safe-area-inset-bottom);position:relative;z-index:4;box-sizing:content-box}.nav-btn{color:#56685e;background:none;border:0;display:flex;flex:1;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;font-weight:620;font-size:10px}.nav-btn .ico{width:23px;height:23px}.nav-btn.active{color:var(--pine)}.nav-btn.active .ico{fill:#dcece0;stroke:var(--pine)}.section-pad{padding:0 18px}.home-photo{height:150px;background:#7b855f url('./assets/chickens.jpg') center 35%/cover no-repeat;position:relative}.home-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 15%,#112b1b76 100%)}.inventory-wrap{padding:0 15px;margin-top:-31px;position:relative;z-index:1}.inventory-card{border-radius:19px;background:linear-gradient(135deg,#194c32 0%,#103f29 53%,#0c3023 100%);color:#fff;overflow:hidden;box-shadow:0 9px 18px #10452d38;border:1px solid #ffffff1c}.inventory-main{padding:17px 20px 15px;display:flex;align-items:center;justify-content:space-between;gap:10px}.overline{font-size:11px;font-weight:800;letter-spacing:1.08px;text-transform:uppercase;color:#e1efdf}.inventory-value{font-size:43px;letter-spacing:-2px;line-height:1.1;font-weight:780;margin-top:5px}.inventory-value small{font-size:18px;font-weight:600;letter-spacing:-.1px;color:#f3f8ed}.egg-pair{position:relative;flex-shrink:0;width:82px;height:74px}.egg-pair:before,.egg-pair:after{content:"";position:absolute;width:43px;height:57px;border-radius:48% 48% 44% 44% / 56% 56% 42% 42%;box-shadow:inset -10px -9px 12px #b9b6a69c,0 5px 8px #041e1250;background:linear-gradient(130deg,#fffef1,#e9e6d6);transform:rotate(-13deg);top:10px;left:11px}.egg-pair:after{left:38px;top:13px;transform:rotate(18deg);background:linear-gradient(135deg,#fffdf3,#dbdec9)}.inventory-stats{display:grid;grid-template-columns:repeat(3,1fr);background:#ffffff0c;border-top:1px solid #ffffff32;padding:11px 3px 14px}.inventory-stat{text-align:center;position:relative}.inventory-stat:not(:last-child):after{content:"";height:38px;width:1px;background:#ffffff3b;position:absolute;right:0;top:3px}.inventory-stat strong{display:block;font-size:22px;letter-spacing:-.5px;line-height:1.1}.inventory-stat span{display:block;font-size:10px;line-height:1.3;margin-top:5px;color:#e1ebe0}.home-body{padding:21px 16px 15px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:0 3px 13px;gap:8px}.section-heading h2{margin:0;font-size:17px;font-weight:760;letter-spacing:-.35px}.section-heading p{font-size:11px;color:var(--muted);margin:0}.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quick-btn{border:1px solid #e8ede6;border-radius:15px;background:#fff;min-height:110px;padding:15px 6px 13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;box-shadow:0 3px 10px #163b2410;transition:transform .1s}.quick-btn:active{transform:scale(.98)}.quick-icon{width:43px;height:43px;border-radius:13px;background:#e8f0e5;color:#197440;display:grid;place-items:center;margin-bottom:1px}.quick-icon .ico{width:25px;height:25px;stroke-width:2}.quick-btn strong{font-weight:760;font-size:13px}.quick-btn span.sub{color:#6b7b70;font-size:10px}.summary-note{margin:16px 2px 4px;border-radius:11px;padding:12px 13px;background:#eaf2e9;display:flex;gap:10px;align-items:flex-start;color:#295d40;font-size:11px;line-height:1.45}.summary-note .ico{width:17px;height:17px;margin-top:1px}.eyebrow-line{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;color:#7a887d}.page{padding:18px 16px 24px}.page-title{font-size:23px;font-weight:760;letter-spacing:-.65px;margin:0 0 5px}.page-lead{margin:0 0 18px;color:#697970;font-size:13px;line-height:1.45}.demo-ribbon{font-size:10px;letter-spacing:.6px;font-weight:760;color:#678273;background:#edf4ec;border:1px solid #d9e9da;border-radius:999px;padding:5px 9px;white-space:nowrap}.section-bar{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:15px}.summary-panel{border-radius:17px;background:linear-gradient(135deg,#eaf2e7,#f7faf4);border:1px solid #dce8da;padding:18px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 9px #123d2910}.summary-panel .big{font-size:32px;letter-spacing:-1px;font-weight:800;margin:4px 0}.summary-panel small{color:#6b8072;font-size:11px}.summary-panel .panel-ico{background:#d3e7d5;color:#1c6841;border-radius:13px;padding:12px;display:grid;place-items:center}.summary-panel .panel-ico .ico{width:25px;height:25px}.segmented{display:flex;padding:4px;background:#edf1eb;gap:4px;border-radius:12px;margin-bottom:14px}.segment{flex:1;border:0;border-radius:9px;background:transparent;color:#5c7061;padding:10px 6px;font-weight:700;font-size:12px}.segment.selected{background:var(--pine);color:#fff;box-shadow:0 2px 6px #19412e22}.segment b{font-size:10px;opacity:.8;margin-left:4px}.customer-list{background:#fff;border-radius:17px;border:1px solid #e6eae5;overflow:hidden}.customer-row{padding:13px 13px 14px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #eaece9;min-height:80px}.customer-row:last-child{border-bottom:none}.priority-dot{width:9px;height:9px;border-radius:50%;flex:0 0 9px}.priority-high{background:#f0443d}.priority-medium{background:#eeb23d}.priority-low{background:#22844d}.customer-info{min-width:0;flex:1}.customer-info strong{font-size:13px;line-height:1.2;display:block;color:#1f2821;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-info .row-line{font-size:12px;color:#3e463e;line-height:1.3;margin-top:4px}.customer-info .row-caption{color:#849087;font-size:10px;margin-top:4px}.round-small{border:0;border-radius:99px;width:29px;height:29px;display:grid;place-items:center;background:#e5efe5;color:#1c7140;flex:none}.round-small .ico{width:16px;height:16px}.row-arrow{width:14px;color:#8e9b91}.row-arrow .ico{width:15px;height:15px}.helper-card{border:1px dashed #c9dbcb;border-radius:12px;margin-top:14px;padding:12px 13px;color:#6f8775;font-size:11px;line-height:1.5;background:#f5faf4}.order-highlight{border-radius:15px;border:1px solid #e1e6df;background:#f2f5ed;padding:13px;display:flex;align-items:center;gap:12px;margin-bottom:12px}.order-highlight .ico{color:#218044;width:24px;height:24px}.order-highlight strong{display:block;font-size:13px}.order-highlight span{font-size:11px;color:#66796a}.order-list{background:white;border:1px solid #e9ece7;border-radius:16px;overflow:hidden}.order-row{display:flex;align-items:center;gap:12px;min-height:85px;padding:12px 11px;border:0;width:100%;text-align:left;background:#fff;border-bottom:1px solid #eff1ec}.order-row:last-child{border-bottom:0}.date-tile{width:56px;height:59px;background:#e5f0e9;border-radius:12px;color:#175d3f;text-align:center;display:flex;flex-direction:column;justify-content:center;flex:none}.date-tile.warm{background:#fff0e6;color:#9a552b}.date-tile.blue{background:#e9f1fb;color:#35648d}.date-tile small{font-size:9px;font-weight:800;text-transform:uppercase}.date-tile strong{font-size:15px;margin-top:3px;line-height:1}.order-name{font-size:13px;font-weight:760;color:#1f2924}.order-qty{font-size:12px;color:#46574c;margin-top:3px}.order-pick{font-size:10px;color:#879188;margin-top:4px}.order-details{flex:1;min-width:0}.order-row .tag{font-size:10px;border-radius:6px;padding:5px 7px;font-weight:750;color:#fff;background:#37884f;white-space:nowrap}.order-row .tag.offered{background:#4388d8}.order-row .ico{width:15px;height:15px;color:#88968b}.pay-row{width:100%;border:0;border-bottom:1px solid #e9ece7;display:flex;align-items:center;text-align:left;background:#fff;padding:17px 13px;gap:10px}.pay-row:last-child{border-bottom:0}.pay-row strong{font-size:13px;display:block}.pay-row small{display:block;color:#839088;margin-top:5px;font-size:11px}.pay-amount{margin-left:auto;font-size:15px;font-weight:800}.pay-check{width:27px;height:27px;background:#e5f1e5;color:#258041;border-radius:99px;display:grid;place-items:center}.pay-check .ico{width:16px;height:16px}.stepper{background:white;border:1px solid #e8eee7;border-radius:18px;padding:23px 17px;margin:10px 0 16px;box-shadow:0 3px 12px #163b240b;text-align:center}.stepper-number{font-size:72px;font-weight:780;letter-spacing:-3px;color:#174f37;line-height:1}.stepper-label{font-size:13px;color:#829084;font-weight:600;margin:6px 0 18px}.stepper-controls{display:flex;align-items:center;justify-content:center;gap:26px}.stepper-btn{border:none;width:54px;height:54px;border-radius:50%;background:#e5f0e5;display:grid;place-items:center;color:#1c6943}.stepper-btn.plus{background:#185a43;color:#fff}.stepper-btn .ico{width:24px;height:24px}.text-label{display:block;font-size:12px;font-weight:740;color:#385041;margin:16px 0 7px}.field{width:100%;border:1px solid #d8e1d7;border-radius:11px;padding:13px 12px;background:white;font-size:14px;color:#172b1e}.full-button{border:none;background:var(--pine);color:white;border-radius:13px;width:100%;font-size:14px;font-weight:760;padding:15px;display:flex;gap:8px;align-items:center;justify-content:center;box-shadow:0 5px 14px #1b583333}.full-button .ico{width:18px;height:18px}.full-button:disabled{opacity:.55}.recent-card{background:#fff;border-radius:14px;border:1px solid #e2e9df;padding:14px;margin-top:16px}.recent-card h3{margin:0 0 11px;font-size:14px}.recent-item{display:flex;align-items:center;gap:9px;padding:9px 0;border-top:1px solid #eff2ef}.recent-item small{color:#819085}.recent-item span{flex:1;font-weight:650;font-size:12px}.recent-item .ico{width:18px;height:18px;color:#268143}.chart-card{background:#fff;border:1px solid #e7ece5;border-radius:17px;padding:18px 17px;margin-bottom:13px}.chart-card h3{font-size:14px;margin:0 0 3px}.chart-card p{font-size:11px;color:#758479;margin:0 0 16px}.bar-chart{height:155px;display:flex;align-items:flex-end;gap:10px;padding-bottom:18px;position:relative}.bar-chart:before{content:"";position:absolute;left:0;right:0;top:22px;bottom:18px;background:repeating-linear-gradient(to top,#e9eee8 0,#e9eee8 1px,transparent 1px,transparent 37px);pointer-events:none}.bar{flex:1;background:linear-gradient(0deg,#185a43,#4e9d69);height:var(--bar-h);border-radius:7px 7px 0 0;position:relative;min-width:0}.bar span{position:absolute;bottom:-18px;left:0;right:0;text-align:center;color:#7b877b;font-size:9px}.mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:14px}.mini-stats .box{background:white;border:1px solid #e2e9e0;border-radius:14px;padding:15px}.mini-stats .box strong{display:block;font-size:24px;color:#164e35}.mini-stats .box small{color:#79877c;font-size:11px}.toast{position:absolute;z-index:20;bottom:84px;left:16px;right:16px;background:#153d2d;color:white;box-shadow:0 7px 26px #143b2839;border-radius:13px;padding:13px 15px;font-size:12px;font-weight:650;opacity:0;transform:translateY(15px);pointer-events:none;transition:.22s}.toast.shown{opacity:1;transform:translateY(0)}.modal-layer,.menu-layer{position:absolute;inset:0;z-index:10;pointer-events:none}.modal-layer.active,.menu-layer.active{pointer-events:auto}.scrim{position:absolute;inset:0;background:#0c291da8}.sheet{position:absolute;bottom:0;left:0;right:0;background:#fff;border-radius:24px 24px 0 0;box-shadow:0 -10px 40px #001a0b26;padding:20px 19px calc(24px + env(safe-area-inset-bottom));max-height:86%;overflow-y:auto}.sheet-handle{height:5px;width:40px;border-radius:4px;background:#dfe5df;margin:-8px auto 17px}.sheet-heading{font-size:20px;font-weight:780;letter-spacing:-.5px;margin:0 0 7px}.sheet-copy{font-size:12px;color:#738076;line-height:1.55;margin:0 0 15px}.sheet-close{position:absolute;top:17px;right:16px;background:#f1f3f0;border:0;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;color:#4b6652}.sheet-close .ico{width:18px;height:18px}.sheet-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.sheet-meta div{background:#f4f7f3;border:1px solid #e9eee7;border-radius:11px;padding:12px}.sheet-meta small{font-size:10px;color:#728176;display:block}.sheet-meta strong{font-size:14px;margin-top:4px;display:block}.side-panel{position:absolute;left:0;top:0;bottom:0;width:min(80%,310px);background:#fff;box-shadow:5px 0 35px #09291632;padding:31px 20px;overflow-y:auto}.menu-title{font-weight:790;color:#174630;font-size:19px}.menu-item{display:flex;align-items:center;gap:13px;width:100%;padding:15px 8px;text-align:left;background:none;border:0;border-bottom:1px solid #edf1eb;font-size:14px;font-weight:650;color:#284331}.menu-item .ico{width:20px;height:20px;color:#247045}.menu-note{background:#eef5eb;color:#476b50;padding:12px;border-radius:10px;font-size:11px;line-height:1.6;margin-top:17px}.small-outline{border:1px solid #d8e5d8;color:#236340;background:#f8fbf7;border-radius:10px;font-size:12px;font-weight:700;padding:10px 12px}.separator{height:1px;background:#e4eae4;margin:13px 0}.footer-disclaimer{text-align:center;color:#849287;font-size:10px;line-height:1.4;padding:12px 5px 1px}.order-add{display:flex;align-items:center;gap:5px;background:#fff;color:#155735;border:1px solid #cbdcce;padding:8px 11px;border-radius:10px;font-weight:700;font-size:11px}.order-add .ico{width:15px;height:15px}
@media(max-width:600px){.desktop-backdrop{padding:0;background:#f7f8f5}.app{height:100dvh;min-height:0;max-width:none;width:100%;border-radius:0;border:0;box-shadow:none}.app-header{padding-top:calc(13px + env(safe-area-inset-top));min-height:calc(75px + env(safe-area-inset-top))}.bottom-nav{height:66px}.sheet{max-height:90%}}
@media(min-width:601px){body{background:radial-gradient(circle at 50% 30%,#e3ece3,#d2e0d5 60%,#c6d8ca)}}

/* V1.1: editable egg count and Safari-friendly rapid taps.
   touch-action: manipulation prevents double-tap zoom, while keeping pinch-to-zoom
   available for accessibility. */
button, input, textarea, .stepper, .stepper-controls { touch-action: manipulation; }
/* iOS avoids focus-zoom on input controls with at least 16px text. */
input.field, textarea.field { font-size: 16px; }
.stepper-number-input {
 display:block; width:min(100%, 255px); height:85px; margin:0 auto; padding:4px 8px 0;
 background:transparent; border:2px solid transparent; border-radius:13px;
 color:#174f37; text-align:center; font-size:72px; line-height:1;
 font-weight:780; letter-spacing:-3px; caret-color:#185a43;
 -webkit-appearance:none; appearance:none; box-shadow:none;
 font-variant-numeric:tabular-nums;
}
.stepper-number-input:focus { border-color:#bad8c2; background:#f4f9f3; outline:0; }
.stepper-label { display:block; }
.stepper-typing-hint { color:#849287; font-size:11px; margin:-12px 0 14px; }

/* V1.2 — dated local collections, legible local-only status, and compact history. */
.collection-top-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:5px 0 8px}
.collection-date-label{font-size:13px;font-weight:760;color:#385041}
.stored-tag{display:inline-flex;gap:4px;align-items:center;white-space:nowrap;background:#e9f3e8;border:1px solid #d5e5d4;border-radius:22px;padding:5px 10px;color:#276444;font-size:10px;font-weight:750}
.stored-tag .ico{width:12px;height:12px}
.field.collection-date{display:block;width:100%;max-width:none;min-height:51px;font-family:inherit;font-size:17px;color:#193c2b;margin-bottom:12px;-webkit-appearance:none;appearance:none;touch-action:manipulation}
.collection-date::-webkit-date-and-time-value{text-align:left}
.page .stepper{margin-top:8px;padding:19px 17px}
.local-explainer{display:flex;align-items:flex-start;gap:8px;padding:11px 13px;background:#f0f6ed;border:1px solid #dce9d8;border-radius:11px;margin-top:15px;color:#54705c;font-size:11px;line-height:1.45}
.local-explainer strong{color:#245a3e}
.local-explainer .ico{width:16px;height:16px;flex:none;color:#2d754d}
.recent-card h3{display:flex;justify-content:space-between;align-items:center;gap:8px}
.recent-card h3 small{font-size:10px;font-weight:650;color:#71877a}
.recent-item-v12{align-items:center;min-width:0}
.recent-record{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.recent-record strong{font-size:12px;font-weight:700;line-height:1.25;overflow-wrap:anywhere}
.recent-record span{font-size:10px;font-weight:500;color:#849287}
.recent-item-v12 small{flex:none;white-space:nowrap;font-size:10px}