.fert-page { --fert-green:#1f7843; --fert-dark:#18221b; --fert-muted:#5d605b; --fert-card:#fffffd; --fert-line:#e5e5e0; background:#f8f7f2; color:var(--fert-dark); font-family:Roboto,Arial,sans-serif; min-height:100%; }
.fert-program-intro { display:flex; align-items:center; gap:10px; padding:10px 12px; margin-bottom:8px; border:1px solid #ddebe0; border-radius:18px; background:#f8fcf8; }
.fert-program-intro img { width:46px; height:46px; padding:8px; background:#e7f6eb; border-radius:14px; }
.fert-program-intro div { flex:1; }.fert-program-intro strong { font-size:15px; }.fert-program-intro p { font-size:10.5px; margin:2px 0 0; }
.fert-program-intro button { white-space:pre-line; font-size:10.5px; padding:8px 10px; }
.fert-program-progress { display:flex; flex-wrap:wrap; justify-content:space-between; gap:7px; padding:10px 12px 11px; margin:8px 0; background:var(--fert-card); border:1px solid var(--fert-line); border-radius:16px; font-size:11px; }
.fert-program-track { width:100%; height:12px; border-radius:8px; background:#d9eede; overflow:hidden; }.fert-program-track span { display:block; height:100%; background:var(--fert-green); border-radius:8px; }
.fert-program-stats { display:flex; gap:10px; margin:8px 0 10px; }.fert-program-stats div { flex:1; display:flex; flex-direction:column; align-items:center; text-align:center; padding:9px 6px 8px; border-radius:14px; background:#f1f9f3; }.fert-program-stats strong { font-size:17px; color:#12532c; }.fert-program-stats span,.fert-program-stats small { font-size:9.8px; color:var(--fert-muted); }.fert-program-detail + .fert-program-stats strong { font-size:9.8px; }
.fert-program-block { width:100%; display:flex; align-items:center; gap:10px; border:1px solid var(--fert-line); border-radius:16px; box-shadow:0 2px 3px #0002; background:var(--fert-card); padding:8px; margin:0 0 7px; text-align:left; color:var(--fert-dark); }.fert-program-block .fert-record-copy { flex:1; min-width:0; }
.fert-program-photo { position:relative; display:block; width:68px; height:68px; border-radius:12px; overflow:hidden; flex-shrink:0; }.fert-program-photo img { width:100%; height:100%; object-fit:cover; }.fert-program-photo strong { position:absolute; top:4px; left:4px; background:#12532c; color:white; border:1px solid white; border-radius:8px; width:34px; height:34px; display:grid; place-items:center; font-size:12px; }
.fert-program-detail { padding:10px; border-radius:18px; background:#f9fcf9; }.fert-program-detail .fert-program-photo { width:94px; height:94px; }.fert-program-detail .fert-program-photo strong { width:42px; height:42px; font-size:15px; }
.fert-program-block-top { display:flex; justify-content:space-between; gap:6px; }.fert-program-block-top strong { font-size:14px; }.fert-program-block-top small { font-size:10.5px; }.fert-program-bars { display:flex; gap:3px; width:100%; margin:5px 0; }.fert-program-bars span { flex:1; height:8px; background:#dce0dd; border-radius:7px; }.fert-program-bars .filled { background:var(--fert-green); }
.fert-program-status { font-size:8.2px; text-align:center; padding:5px 8px; border-radius:11px; background:#f2f3f2; color:#787878; white-space:nowrap; }.fert-program-status.empty { color:#b6343d; background:#ffeaec; }.fert-program-status.set { color:#196839; background:#e3f5e8; }
.fert-program-stage { background:var(--fert-card); border:1px solid var(--fert-line); border-radius:16px; padding:9px 10px 10px; margin:0 0 8px; box-shadow:0 2px 3px #0002; }.fert-program-stage-head { display:flex; align-items:center; gap:8px; }.fert-program-stage-head .fert-record-copy { flex:1; }.fert-program-stage-head .fert-stage-image { width:48px; height:48px; border-radius:10px; }.fert-program-stage-head strong { font-size:13.2px; }.fert-program-stage-head small { font-size:9.8px; }
.fert-program-line { display:flex; align-items:center; width:100%; gap:8px; padding:7px 9px; margin-top:8px; border:1px solid #ddebe0; border-radius:12px; background:#f0f9f2; color:var(--fert-dark); text-align:left; }.fert-program-line .fert-record-copy { flex:1; }.fert-program-line strong { font-size:12px; }.fert-program-line small { font-size:9.8px; }.fert-program-stage > button:not(.fert-program-line) { width:100%; height:42px; margin-top:9px; }
.fert-program-editor { width:94vw; max-width:820px; max-height:88vh; overflow:auto; }.fert-program-editor button { min-height:34px; }.fert-program-tank { padding:10px 12px; margin-top:8px; border:1px solid #c7e4d0; border-radius:18px; background:#effaf3; }.fert-program-tank.blue { border-color:#c4e0eb; background:#eff8fc; }.fert-program-tank.granular { border-color:#e9daba; background:#fbf8f0; }.fert-program-tank h3 { font-size:14px; margin:0; }.fert-program-tank p { font-size:10px; }.fert-program-tank > button { width:100%; min-height:46px; }.fert-program-tank .fert-program-line { background:white; }
.fert-page * { box-sizing:border-box; }
.fert-page button { cursor:pointer; font-family:inherit; }
.fert-header { display:flex; align-items:center; padding:8px 12px 8px 10px; background:linear-gradient(135deg,#00341c,#004827); box-shadow:0 3px 6px #0002; color:white; }
.fert-header button { padding:0; border:0; background:transparent; color:white; }
.fert-header h1 { flex:1; margin:0; font-size:18px; line-height:52px; font-weight:700; }
.fert-back { width:44px; height:52px; font-size:38px; }
.fert-header .fert-help { width:36px; height:36px; margin:0 4px 0 2px; background:#ffffff23; border:1px solid white; border-radius:18px; font-size:17px; font-weight:700; }
.fert-home { width:42px; height:46px; font-size:24px; }
.fert-content { padding:11px 10px 20px; }
.fert-hero { height:145px; display:flex; align-items:center; border:1px solid var(--fert-line); background:var(--fert-card); border-radius:20px; overflow:hidden; box-shadow:0 2px 4px #0002; margin-bottom:10px; }
.fert-hero img { width:56%; height:100%; object-fit:contain; }
.fert-hero-copy { width:44%; padding:10px 12px 10px 14px; }
.fert-hero-copy strong { font-size:18px; color:var(--fert-green); }
.fert-hero-copy p { margin:5px 0 0; font-size:11.5px; color:var(--fert-muted); }
.fert-season { font-size:12px; font-weight:700; color:var(--fert-green); margin:0; padding:2px 4px 6px; }
.fert-outline { color:var(--fert-green); border:1px solid var(--fert-green); border-radius:12px; background:var(--fert-card); font-size:13px; font-weight:700; padding:0 12px; }
.fert-season-button { width:100%; height:48px; margin-bottom:10px; }
.fert-section-title { display:flex; align-items:center; gap:10px; font-size:10.5px; font-weight:700; color:#3d5b42; padding:13px 2px 6px; }
.fert-section-line { height:1px; background:#e1e4df; flex:1; }
.fert-panel { border:1px solid var(--fert-line); border-radius:22px; background:var(--fert-card); box-shadow:0 4px 8px #0002; margin-bottom:8px; }
.fert-menu-row { position:relative; width:100%; display:flex; align-items:center; padding:10px 10px 10px 11px; text-align:left; border:0; background:transparent; color:var(--fert-dark); }
.fert-menu-row:not(:last-child)::after { position:absolute; content:''; bottom:0; left:64px; right:10px; height:1px; background:#ebebe7; }
.fert-menu-highlight { border:1px solid #5ca76f; border-radius:18px; background:#e5f7eb; }
.fert-marker { display:flex; align-items:center; justify-content:center; flex:none; width:42px; height:42px; border-radius:14px; background:#edf7f0; margin-right:10px; padding:8px; }
.fert-icon { width:100%; height:100%; background:var(--fert-green); mask-size:contain; mask-repeat:no-repeat; mask-position:center; }
.fert-menu-copy { flex:1; min-width:0; display:flex; flex-direction:column; }
.fert-menu-copy strong { font-size:13.5px; font-weight:700; }
.fert-menu-copy>span { font-size:10px; color:var(--fert-muted); padding-top:2px; }
.fert-chevron { width:28px; height:44px; flex:none; display:flex; align-items:center; justify-content:center; color:#1a3220; font-size:29px; }
@media(min-width:600px) { .fert-header h1 { font-size:20px; } }
.fert-content p,.fert-content button,.fert-content span { white-space:pre-line; }
.fert-content>.fert-outline,.fert-record-section>.fert-outline { min-height:46px; width:100%; margin-bottom:7px; }
.fert-season-tile { width:100%; text-align:left; border:0; border-radius:18px; padding:10px 13px; margin-bottom:8px; background:#eaf6ec; color:#12532c; font-size:14px; font-weight:bold; }
.fert-list-controls { display:flex; gap:7px; margin-bottom:8px; }
.fert-list-controls input { flex:1; min-width:0; border:1px solid #d8dcd8; border-radius:16px; padding:0 14px; font-size:12px; height:48px; }
.fert-list-controls button { border:0; background:#eff3f1; color:#18221b; border-radius:16px; padding:8px 12px; }
.fert-instruction-card,.fert-application-card { display:flex; align-items:center; gap:11px; width:100%; padding:9px; border:1px solid #e5e5e0; border-radius:18px; background:#fffffd; box-shadow:0 2px 4px #0002; text-align:left; color:#18221b; margin-bottom:8px; }
.fert-stage-image { flex:none; width:76px; height:76px; border-radius:14px; object-fit:cover; background:#e8f4eb; }
.fert-record-copy { flex:1; min-width:0; display:flex; flex-direction:column; gap:3px; font-size:11.5px; }
.fert-record-copy strong { font-size:16px; }
.fert-record-copy small,.fert-muted { color:#5d605b; font-size:10.5px; }
.fert-record-badges { width:118px; flex:none; display:flex; flex-direction:column; align-items:center; gap:6px; }
.fert-method-badge { background:#fff2da; color:#7e5311; padding:5px 8px; border-radius:12px; font-weight:bold; font-size:10px; text-align:center; }
.fert-status-badge { background:#e8f6ec; color:#1c703d; padding:4px 8px; border-radius:10px; font-weight:bold; font-size:10px; width:fit-content; }
.fert-instruction-card.complete { background:#ecf8ef; }
.fert-instruction-card.open { background:#fff8e6; }
.fert-application-card { flex-direction:column; padding:10px 12px; gap:8px; }
.fert-application-top { display:flex; align-items:center; width:100%; gap:8px; }
.fert-application-top .fert-method-badge { width:112px; }
.fert-application-stages { display:flex; width:100%; gap:8px; align-items:center; font-size:11px; }
.fert-record-section { padding:12px; border:1px solid #e5e5e0; border-radius:17px; margin-bottom:9px; background:white; font-size:11.5px; }
.fert-record-section h2 { color:#1f7843; font-size:14px; margin:0 0 4px; }
.fert-record-section.blue { background:#f3f8fc; }.fert-record-section.purple { background:#f8f7fc; }.fert-record-section.green { background:#eff8f1; }.fert-record-section.amber { background:#fff8e6; }
.fert-action { width:100%; min-height:50px; margin-bottom:7px; border:0; border-radius:12px; font-size:13px; font-weight:bold; }
.fert-action.purple { color:white; background:#57388f; }.fert-action.green { color:white; background:#2d7d4d; }.fert-action.danger { color:#b02b2b; background:#fff5f5; border:1px solid #e1acac; }
.fert-empty { padding:18px 8px; color:#5d605b; font-size:11.5px; }

.fert-application-stages .fert-stage-image { width:52px; height:52px; border-radius:11px; }

.fert-wizard-section { padding:12px; margin:9px 0; border-radius:17px; border:1px solid #e0e6df; }.fert-wizard-section.tank-a { background:#eef8f1; }.fert-wizard-section.tank-b { background:#f6f1fa; }.fert-rate-card { background:#fffffd; border:1px solid #e0e4df; border-radius:12px; padding:10px 11px; margin-top:8px; }.fert-rate-card strong { font-size:13px; }.fert-rate-card p { font-size:10px; color:#5d605b; }

.fert-store-hero { height:142px; position:relative; overflow:hidden; border:1px solid #e2e8e3; border-radius:18px; color:white; background:#003a24; padding:18px; margin-bottom:10px; }.fert-store-hero img { position:absolute; inset:0; height:100%; width:100%; object-fit:cover; opacity:.56; }.fert-store-hero h2,.fert-store-hero p { position:relative; z-index:1; }.fert-store-hero h2 { font-size:21px; margin:28px 0 4px; }.fert-store-hero p { font-size:11px; margin:0; }.fert-store-quick { display:flex; gap:4px; margin-bottom:11px; }.fert-store-quick button { flex:1; height:94px; border:1px solid #e4e8e5; border-radius:15px; background:white; color:#005c38; font-size:11px; }.fert-store-bag { width:54px; height:54px; border-radius:12px; padding:9px; background:#edf7f0; }.fert-stock-3 { background:#ffefed; }.fert-stock-2 { background:#fff9e4; }.fert-stock-chips,.fert-stock-tabs { display:flex; gap:6px; overflow:auto; margin-bottom:9px; }.fert-stock-chips button,.fert-stock-tabs button { white-space:nowrap; border:1px solid #dce1de; border-radius:12px; padding:8px 12px; background:white; color:#37413e; font-size:10px; }.fert-stock-chips .active { background:#005c38; color:white; }.fert-stock-tabs .active { background:#eef7f0; color:#005c38; }.fert-stock-summary { padding:14px 16px; background:#ebf7ef; color:#005c38; border-radius:16px; }.fert-stock-movement,.fert-stock-detail-row { width:100%; border:1px solid #e1e6e2; border-radius:12px; background:#f8f9f8; padding:10px 11px; margin-bottom:5px; text-align:left; font-size:11px; }

.fert-master-hero { padding:15px 16px; border-radius:20px; background:#195e37; color:white; margin-bottom:10px; box-shadow:0 4px 8px #0002; }.fert-master-hero h2 { font-size:19px; margin:0 0 4px; }.fert-master-hero p { font-size:10.5px; color:#e1efe5; }.fert-master-hero strong { font-size:10px; }.fert-master-status { padding:8px 10px; border-radius:13px; border:1px solid #d6e9dc; background:#eff8f2; font-size:10.5px; }.fert-master-card { width:100%; text-align:left; padding:12px; margin:3px 0 4px; border:1px solid #e5e5e0; border-radius:15px; background:white; display:flex; flex-direction:column; gap:4px; }.fert-master-card strong { color:#1f7843; font-size:14px; }.fert-master-card span { font-size:11px; white-space:pre-line; color:#5d605b; }

.fert-program-dialog { --fert-green:#1f7843; --fert-dark:#18221b; --fert-muted:#5d605b; --fert-card:#fffffd; --fert-line:#e5e5e0; font-family:Roboto,Arial,sans-serif; }
.fert-program-dialog .fert-outline { min-height:42px; padding:6px 12px; }

.fert-report-hero { display:flex; align-items:center; padding-right:12px; margin-bottom:10px; border:1px solid var(--fert-line); border-radius:18px; background:var(--fert-card); overflow:hidden; box-shadow:0 2px 3px #0002; }.fert-report-hero img { width:138px; height:104px; object-fit:cover; margin-right:13px; }.fert-report-hero div { flex:1; }.fert-report-hero h2 { font-size:16px; color:#165c33; margin:0; }.fert-report-hero p { font-size:10.5px; color:var(--fert-muted); margin:5px 0 0; }
.fert-report-section { background:var(--fert-card); border:1px solid var(--fert-line); border-radius:18px; box-shadow:0 2px 3px #0002; padding:12px 13px 13px; margin-bottom:10px; }.fert-report-section h3 { margin:0; font-size:14px; color:#1b5c34; }.fert-report-section p { font-size:10.5px; color:var(--fert-muted); margin:2px 0 9px; }.fert-report-section label { display:flex; flex-direction:column; font-size:10.5px; font-weight:bold; margin-top:8px; gap:4px; }.fert-report-section input,.fert-report-section select,.fert-report-choice { height:48px; width:100%; font-size:12.5px; }.fert-report-section input,.fert-report-section select { padding:0 12px; border:1px solid #bed0c3; border-radius:10px; background:white; color:var(--fert-dark); }.fert-report-choice { text-align:left; padding:0 12px; }.fert-report-dates { display:flex; gap:10px; }.fert-report-dates label { flex:1; min-width:0; }.fert-report-section + p { font-size:10.5px; color:var(--fert-muted); }

/* FertilizerActivity.showFertigationRates: equal-width fields, 12dp gutter. */
.fert-rate-inputs { display:flex; gap:12px; }
.fert-rate-inputs > label { flex:1; min-width:0; }
.fert-rate-inputs input { box-sizing:border-box; width:100%; min-width:0; height:48px; }

/* FertilizerActivity A/B setup modernSection panels. */
.fert-ab-setup-panels > section { padding:12px 13px; border-radius:15px; border:1px solid #e0e6df; }
.fert-ab-setup-panels .fert-ab-setup { background:#f6f9f6; }
.fert-ab-setup-panels .fert-ab-blocks { background:#f3f8fc; }
.fert-ab-setup-panels h3 { margin:0; font-size:12.5px; font-weight:700; }
.fert-ab-setup-panels p { margin:0; padding:2px 0 7px; font-size:10.5px; color:#5d605b; }
.fert-ab-setup-panels select { height:52px; }
.fert-ab-setup-panels input, .fert-ab-setup-panels button { min-height:50px; }

/* FertilizerActivity.startGranularForm modernSection layout. */
.fert-granular-panels > section { padding:12px 13px; border-radius:15px; border:1px solid #e0e6df; }
.fert-granular-equipment { background:#f3f8fc; }
.fert-granular-blocks { background:#eef8f1; }
.fert-granular-product { background:#fff8eb; }
.fert-granular-panels h3 { margin:0; font-size:12.5px; font-weight:700; }
.fert-granular-panels p { margin:0; padding:2px 0 7px; font-size:10.5px; color:#5d605b; }
.fert-granular-panels select { height:52px; }
.fert-granular-panels input, .fert-granular-panels button { min-height:50px; }
.fert-granular-panels .fert-granular-stock-note { padding:6px 0 0; font-size:10.2px; }

/* FertilizerActivity.startNewInstructionHeader native panels and stage row. */
.fert-header-panels > section { padding:12px 13px; border-radius:15px; border:1px solid #e0e6df; }
.fert-header-season { background:#eff8f1; }
.fert-header-details { background:#f6f9f6; }
.fert-header-people { background:#f8f7fc; }
.fert-header-panels h3 { margin:0; font-size:12.5px; font-weight:700; }
.fert-header-panels p { margin:0; padding:2px 0 7px; font-size:10.5px; color:#5d605b; }
.fert-header-season > strong { display:block; padding-top:3px; font-size:20px; color:#1f7843; }
.fert-header-panels input { box-sizing:border-box; height:50px; }
.fert-header-people label:last-child input { height:58px; }
.fert-header-panels select { height:52px; }
.fert-header-stage { display:flex; align-items:center; gap:10px; margin-top:6px; }
.fert-header-stage > .fert-stage-image { width:72px; height:72px; min-width:72px; margin:0; object-fit:cover; border-radius:13px; }
.fert-header-stage > label { flex:1; min-width:0; }
.fert-header-stage select { height:50px; min-width:0; width:100%; }

/* FertilizerActivity.showInstruction detail layout; list cards stay separate. */
.fert-instruction-detail > .fert-instruction-card { padding:12px; gap:12px; border-color:#e0e5dd; border-radius:17px; margin-bottom:10px; }
.fert-instruction-detail > .fert-instruction-card .fert-stage-image { width:78px; height:78px; border-radius:13px; background:#e9f4ec; }
.fert-instruction-detail > .fert-instruction-card strong { font-size:17px; }
.fert-instruction-detail > .fert-instruction-card .fert-record-copy > span:nth-of-type(2) { font-weight:700; color:#1f7843; }
.fert-instruction-detail > .fert-instruction-card .fert-status-badge { background:transparent; padding:5px 0 0; border-radius:0; font-size:10.5px; }
.fert-instruction-detail > .fert-instruction-card.open .fert-status-badge { color:#aa7014; }
.fert-instruction-detail > .fert-instruction-card.complete .fert-status-badge { color:#1f7843; }
.fert-instruction-detail .fert-record-section { padding:12px 13px; border-color:#e0e6df; border-radius:15px; background:#f6f9f6; }
.fert-instruction-detail .fert-record-section.blue { background:#f3f8fc; }
.fert-instruction-detail .fert-record-section.purple { background:#f8f7fc; }
.fert-instruction-detail .fert-record-section.green { background:#eff8f1; }
.fert-instruction-detail .fert-record-section.amber { background:#fff8e6; }
.fert-instruction-detail .fert-record-section h2 { color:#18221b; font-size:12.5px; margin:0; }
.fert-instruction-detail .fert-record-section > .fert-muted { margin:0; padding:2px 0 7px; }
.fert-detail-block-row { display:flex; align-items:center; padding:5px 0; gap:8px; }
.fert-detail-block-row > strong { flex:1; font-size:12px; }
.fert-detail-block-status { padding:4px 8px; border-radius:10px; font-weight:700; font-size:10.5px; }
.fert-detail-block-status.confirmed { color:#1f7843; background:#e5f6ea; }
.fert-detail-block-status.open { color:#aa7014; background:#fff4dc; }

/* FertilizerActivity open/confirmed list season tile and controls. */
.fert-season-tile { display:flex; align-items:center; gap:0; }
.fert-season-icon { flex:none; width:46px; height:46px; display:grid; place-items:center; font-size:23px; color:#1a693a; }
.fert-season-copy { flex:1; min-width:0; display:flex; flex-direction:column; }
.fert-season-copy > span { font-size:10px; color:#236739; }
.fert-season-copy > strong { font-size:20px; color:#12532c; }
.fert-season-copy > small { font-size:10.5px; font-weight:400; color:#235b34; }
.fert-season-arrow { flex:none; width:36px; height:46px; display:grid; place-items:center; font-size:24px; color:#14552f; }
.fert-list-controls > button { height:48px; flex:none; padding:0 6px; font-size:11.5px; font-weight:700; }
.fert-list-controls > button:nth-of-type(1) { width:92px; }
.fert-list-controls > button:nth-of-type(2) { width:82px; }
.fert-instruction-list-card { padding:8px 9px; }
.fert-instruction-list-card .fert-record-badges { margin-left:6px; margin-right:3px; }
.fert-instruction-list-card .fert-status-badge { font-size:9.5px; }
.fert-instruction-list-card .fert-record-copy > span:nth-of-type(2) { font-size:11px; color:#5d605b; }
.fert-list-chevron { flex:none; display:grid; place-items:center; width:24px; height:54px; color:#10301e; font-size:28px; }

/* Android fertilizerApplicationCard: independent block row and stage strip. */
.fert-application-top { gap:0; }
.fert-application-top .fert-method-badge { flex:none; box-sizing:border-box; margin-left:8px; margin-right:4px; padding:6px 10px; font-size:10.5px; white-space:pre-line; }
.fert-application-top .fert-chevron { flex:none; display:grid; place-items:center; width:24px; height:54px; font-size:28px; font-weight:700; color:#10301e; }
.fert-application-stages { gap:0; }
.fert-stage-transition { flex:none; display:grid; place-items:center; width:30px; height:52px; font-size:18px; font-weight:700; color:#184b2d; }
.fert-application-stage-label { flex:1; min-width:0; padding-left:12px; font-size:11px; font-weight:700; color:#235b34; }

/* Android reportHeroCard/reportSection/reportField filter geometry. */
.fert-report-hero img { flex:none; }
.fert-report-hero div { min-width:0; height:104px; display:flex; flex-direction:column; justify-content:center; }
.fert-report-section > label:first-of-type,.fert-report-dates > label { margin-top:0; }
.fert-report-create { height:52px; min-height:52px; margin-top:2px; margin-bottom:8px; }

/* Android block-program list: stacked status/arrow and dedicated sort width. */
.fert-program-controls { gap:8px; }
.fert-program-controls > button:nth-of-type(1) { width:100px; }
.fert-program-block { gap:0; }
.fert-program-block > .fert-program-photo { margin-right:10px; }
.fert-program-status-column { flex:none; margin-left:7px; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.fert-program-status-column .fert-program-status { box-sizing:border-box; width:82px; height:30px; display:grid; place-items:center; }
.fert-program-status-column .fert-chevron { width:30px; height:34px; display:grid; place-items:center; font-size:26px; font-weight:400; color:#1a3220; }
.fert-program-status.set { color:#236739; background:#e8f6eb; }
.fert-program-status.complete { color:#196839; background:#e3f5e8; }

/* Android showBlockProgram stage header: contiguous images, dedicated arrow. */
.fert-program-stage-head { gap:0; }
.fert-program-stage-head > .fert-stage-image { flex:none; }
.fert-program-stage-arrow { flex:none; width:25px; height:48px; display:grid; place-items:center; font-size:16px; font-weight:700; color:#184b2d; }
.fert-program-stage-head > .fert-record-copy { padding-left:9px; }
.fert-program-stage-head > .fert-program-status { font-size:8.5px; padding:5px 7px; border-radius:10px; }
.fert-program-detail .fert-program-bars { gap:4px; }
.fert-program-detail .fert-program-bars span { height:9px; }
.fert-program-detail > .fert-program-photo { border-radius:14px; margin-right:11px; }
.fert-program-detail .fert-program-photo strong { top:5px; left:5px; border-radius:9px; }

/* Android showBlockProgram programmed product row. */
.fert-program-stage > .fert-program-line { height:auto; min-height:48px; padding:7px 7px 7px 9px; margin-top:8px; }
.fert-program-stage > .fert-program-line > .fert-store-bag { flex:none; box-sizing:border-box; width:34px; height:34px; padding:6px; border-radius:10px; background:#e7f6eb; }
.fert-program-line-edit { flex:none; padding:6px 8px; font-size:9.5px; font-weight:700; color:var(--fert-green); background:white; border:1px solid #67aa77; border-radius:10px; }

/* Android addBlockProgramLine tank/granular headers and draft rows. */
.fert-program-tank { padding:10px 12px; }
.fert-program-tank-head { display:flex; align-items:center; }
.fert-program-tank-head > div { flex:1; min-width:0; }
.fert-program-tank-head h3 { margin:0; }
.fert-program-tank-head p { margin:0; font-size:10px; }
.fert-program-tank-marker { flex:none; display:grid; place-items:center; width:40px; height:40px; margin-right:9px; border-radius:10px; font-size:15px; font-weight:700; color:white; }
.fert-program-tank-marker.a { background:#3284a6; }
.fert-program-tank-marker.b { background:#298b51; }
.fert-program-tank-marker.granular { width:38px; height:38px; margin-right:8px; background:transparent; color:#a26d2b; font-size:17px; }
.fert-program-tank.granular h3 { font-size:13.5px; }
.fert-program-tank > button { height:46px; margin-top:9px; margin-bottom:4px; }
.fert-program-tank .fert-program-line { padding:8px 8px 8px 10px; margin-top:4px; border-color:#e0e9e2; }
.fert-program-tank .fert-program-line > span:first-child { flex:none; width:34px; height:34px; display:grid; place-items:center; font-size:16px; color:var(--fert-green); }
.fert-program-tank .fert-program-line strong { font-size:11.5px; }
.fert-program-tank .fert-program-line small { font-size:10px; }
.fert-program-tank .fert-program-line > button { height:34px; min-height:34px; padding:6px 8px; font-size:10px; font-weight:700; border:1px solid #78b088; border-radius:10px; color:var(--fert-green); background:white; }
.fert-program-tank .fert-program-line > button:last-child { flex:none; width:36px; }

/* Android showBlockProgram summary rows and shared metadata strip. */
.fert-program-detail { border-color:#dcebe0; margin-bottom:8px; }
.fert-program-detail > .fert-record-copy { gap:0; }
.fert-program-detail-top,.fert-program-detail-bottom { display:flex; align-items:center; justify-content:space-between; gap:6px; }
.fert-program-detail-top > strong:first-child { font-size:17px; }
.fert-program-detail-top > strong:last-child { font-size:12px; }
.fert-program-detail-caption { padding-top:6px; padding-bottom:5px; font-size:10.5px; }
.fert-program-detail .fert-program-bars { margin:0; }
.fert-program-detail-bottom { padding-top:6px; }
.fert-program-detail-bottom > small { font-size:10.3px; }
.fert-program-detail-bottom .fert-program-status { font-size:8.5px; padding:4px 7px; border-radius:10px; }
.fert-program-meta { gap:0; padding:8px; margin:0 0 10px; border-radius:14px; background:#f1f8f3; }
.fert-program-meta > div { padding:0; background:transparent; border-radius:0; }
.fert-program-meta > div:nth-child(3) { flex:1.15; }
.fert-program-meta small { font-size:8.8px; }
.fert-program-meta strong { font-size:9.8px; color:#1b5831; }
.fert-program-stage-heading { display:flex; align-items:center; justify-content:space-between; margin:0 2px 8px; }
.fert-program-stage-heading h3 { margin:0; font-size:14px; color:#12532c; }
.fert-program-stage-heading > span { font-size:10px; font-weight:700; color:var(--fert-green); background:#e8f6eb; border-radius:10px; padding:4px 8px; }

/* Android program editor: scrollable body above persistent weighted actions. */
.fert-program-editor { height:88vh; overflow:hidden; }
.fert-program-editor[open] { display:flex; flex-direction:column; }
.fert-program-editor-body { flex:1; min-height:0; overflow:auto; }
.fert-program-editor-footer { flex:none; display:grid; grid-template-columns:1.65fr 1fr; align-items:center; gap:8px; padding:8px 12px 10px; }
.fert-program-editor-footer > button { height:50px; min-height:50px; min-width:0; width:100%; box-sizing:border-box; margin:0; }
.fert-program-editor-footer > button:first-child { flex:1.65; }
.fert-program-editor-footer > button:last-child { flex:1; background:var(--fert-green); color:white; }
.fert-program-editor-footer > p:empty { display:none; }
.fert-program-editor-footer > p:not(:empty) { position:absolute; bottom:70px; left:12px; right:12px; background:white; }

/* Android reusable fertilizer card/addCard and setup Add controls. */
.fert-setup-card { display:flex; align-items:center; width:100%; box-sizing:border-box; padding:11px 10px 11px 13px; margin:0 0 7px; border:1px solid var(--fert-line); border-radius:18px; background:var(--fert-card); box-shadow:0 2px 3px #0002; color:var(--fert-dark); text-align:left; }
.fert-setup-card-icon { flex:none; box-sizing:border-box; width:42px; height:42px; padding:8px; margin-right:10px; border-radius:14px; background:#edf7f0; }
.fert-setup-card .fert-menu-copy strong { font-size:14px; }
.fert-setup-card .fert-menu-copy > span { font-size:10.5px; white-space:pre-line; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.fert-setup-card .fert-chevron { flex:none; display:grid; place-items:center; width:28px; height:44px; font-size:29px; font-weight:400; color:#1a3220; }
.fert-setup-add { width:100%; height:48px; margin:0 0 10px; border:0; border-radius:12px; background:var(--fert-green); color:white; font-weight:700; }

/* Android showStore controls have two 92px buttons and distinct margins. */
.fert-store-controls { gap:0; }
.fert-store-controls > input { margin-right:5px; border-color:#d1dcd4; border-radius:14px; }
.fert-store-controls > button:nth-of-type(1) { width:92px; margin:0 2px; }
.fert-store-controls > button:nth-of-type(2) { width:92px; margin:0 0 0 2px; }

/* Android showStore product cards have independent native stock geometry. */
.fert-store-product-card { gap:0; padding:9px 9px 9px 10px; margin-bottom:6px; border-color:#e5e9e6; border-radius:15px; background:white; box-shadow:0 1px 3px #0002; }
.fert-store-product-card > .fert-store-bag { flex:none; box-sizing:border-box; margin-right:10px; }
.fert-store-product-card > .fert-record-copy { gap:0; }
.fert-store-product-card > .fert-record-copy > strong { font-size:14px; white-space:nowrap; overflow:hidden; }
.fert-store-product-card > .fert-record-copy > span { font-size:10px; white-space:nowrap; overflow:hidden; }
.fert-store-product-card > .fert-record-copy > small { font-size:9.2px; white-space:nowrap; overflow:hidden; }
.fert-store-product-card > .fert-store-product-stock { flex:none; width:114px; }
.fert-store-product-stock > small:first-child { font-size:8.7px!important; }
.fert-store-product-stock > small:last-child { font-size:9px!important; }
.fert-store-product-stock > strong { color:var(--fert-green); }
.fert-store-product-card.fert-stock-2 { background:#fff9e4; }
.fert-stock-2 > .fert-store-product-stock > strong { color:#b26f00; }
.fert-store-product-card.fert-stock-3 { background:#ffefed; }
.fert-stock-3 > .fert-store-product-stock > strong { color:#be2d23; }
.fert-store-product-card > .fert-chevron { flex:none; display:grid; place-items:center; width:24px; height:48px; font-size:26px; font-weight:700; }

/* Android showStore quick(icon,title,sub): distinct native type hierarchy. */
.fert-store-quick { gap:0; }
.fert-store-quick > button { display:flex; flex-direction:column; align-items:center; justify-content:center; min-width:0; padding:10px 7px 9px; }
.fert-store-quick > button:nth-child(1) { margin-right:4px; }
.fert-store-quick > button:nth-child(2),.fert-store-quick > button:nth-child(3) { margin:0 2px; }
.fert-store-quick > button:nth-child(4) { margin-left:4px; }
.fert-store-quick-icon { font-size:22px; font-weight:700; color:#005c38; }
.fert-store-quick strong { padding-top:4px; font-size:10.5px; color:var(--fert-dark); }
.fert-store-quick small { font-size:8.5px; font-weight:400; color:var(--fert-muted); }

/* Android showStore hero overlay, count row and stock tip. */
.fert-store-hero { display:flex; flex-direction:column; justify-content:center; padding:0 18px; }
.fert-store-hero img { opacity:.96; }
.fert-store-hero::before { content:''; position:absolute; inset:0; background:rgba(0,58,36,.4392156863); z-index:1; }
.fert-store-hero h2,.fert-store-hero p { z-index:2; }
.fert-store-hero h2 { margin:0; }
.fert-store-hero p { padding-top:4px; }
.fert-store-list-summary { display:flex; justify-content:space-between; align-items:center; margin:0 3px 7px; font-size:10px; color:var(--fert-muted); }
.fert-store-tip { padding:8px 12px; margin:2px 0 8px; border-radius:12px; background:#edf7ef; color:#304f36; font-size:10px; }
.fert-stock-chips { margin-bottom:9px; }
.fert-stock-chips button { font-size:9.5px; font-weight:700; padding:8px 12px; }

/* Android showStore empty state. */
.fert-store-empty { padding:16px 12px; margin:0; border:1px solid #e7e9e5; border-radius:14px; background:white; color:var(--fert-muted); font-size:11px; }

/* Android showMasterList hero chips and side-by-side actions. */
.fert-master-hero { margin-bottom:10px; }
.fert-master-hero p { margin:0; padding-top:4px; padding-bottom:10px; }
.fert-master-hero-chips { display:flex; gap:8px; }
.fert-master-hero-chips > span { flex:1; min-width:0; padding:6px 8px; border-radius:12px; font-size:9.5px; font-weight:700; text-align:center; background:rgba(255,255,255,.1764705882); color:white; }
.fert-master-hero-chips > span:last-child { background:#ffefca; color:#6f4c07; }
.fert-master-actions { display:flex; gap:10px; margin-bottom:10px; }
.fert-master-actions > button { flex:1; min-width:0; height:48px; margin:0; }

/* Android showMasterList search and approved/waiting statistics. */
.fert-master-find { font-size:10.5px; color:#4e6354; margin:0; padding:0 0 5px 2px; }
.fert-master-search { box-sizing:border-box; width:100%; height:50px; margin-bottom:8px; padding:0 12px; border:1px solid #d1dcd4; border-radius:14px; background:white; }
.fert-master-stats { display:flex; gap:8px; margin-bottom:10px; }
.fert-master-stats > div { flex:1; min-width:0; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:8px 6px; border:1px solid var(--fert-line); border-radius:14px; background:white; box-shadow:0 2px 3px #0002; }
.fert-master-stats strong { font-size:16px; color:var(--fert-green); }
.fert-master-stats > div:last-child strong { color:#b88423; }
.fert-master-stats small { font-size:9px; font-weight:700; color:var(--fert-muted); }

/* Android showMasterList uses reusable fertilizer card and sectionHeader. */
.fert-master-card { flex-direction:row; gap:0; padding:11px 10px 11px 13px; border-radius:18px; }
.fert-master-section { padding:9px 2px 5px; }
.fert-master-section h3 { margin:0; font-size:10.8px; color:var(--fert-green); }
.fert-master-section.waiting h3 { color:#b88423; }
.fert-master-section p { margin:0; font-size:9.2px; color:var(--fert-muted); }
.fert-master-status { padding:8px 10px; border-color:#d6e9dc; border-radius:13px; background:#eff8f2; font-size:10.5px; font-weight:700; }
.fert-master-status.connected { color:var(--fert-green); }
.fert-master-status.failed { color:#aa372d; }

/* Android showFertilizerStoreItem stock summary and action row. */
.fert-stock-summary-native { display:flex; align-items:center; justify-content:space-between; padding:14px 16px; margin:10px 0; border-radius:16px; background:#ebf7ef; }
.fert-stock-summary-native > div { display:flex; flex-direction:column; }
.fert-stock-summary-native > div:first-child { flex:1; color:#005c38; }
.fert-stock-summary-native > div:first-child span { font-size:11px; font-weight:700; }
.fert-stock-summary-native > div:first-child strong { font-size:25px; }
.fert-stock-summary-native > div:last-child span { font-size:9.5px; color:#555955; }
.fert-stock-summary-native > div:last-child strong { font-size:11px; color:#182622; }
.fert-stock-summary-native > div:last-child span:nth-of-type(2) { padding-top:5px; }
.fert-stock-summary-native > div:last-child strong:last-child { font-size:10.5px; }
.fert-stock-item-actions { display:flex; gap:10px; margin-bottom:10px; }
.fert-stock-item-actions > button { flex:1; min-width:0; height:48px; margin:0; }
.fert-stock-item-actions > button:first-child { background:#196e3a; color:white; }

/* Android stock item header, equal-width tabs and detail rows. */
.fert-stock-item-header { display:flex; align-items:center; }
.fert-stock-item-header > .fert-store-bag { flex:none; box-sizing:border-box; width:62px; height:62px; padding:10px; margin-right:12px; border-radius:15px; }
.fert-stock-item-header > div { flex:1; min-width:0; }
.fert-stock-item-header h2 { margin:0; font-size:22px; color:#182622; }
.fert-stock-item-header p { margin:0; font-size:11px; color:#555955; }
.fert-stock-item-dialog .fert-stock-tabs { gap:0; }
.fert-stock-item-dialog .fert-stock-tabs > button { flex:1; min-width:0; margin:0; padding:9px 8px; border:0; border-radius:10px; font-size:10.5px; font-weight:700; background:transparent; color:#555955; }
.fert-stock-item-dialog .fert-stock-tabs > button.active { color:#005c38; background:#eef7f0; }
.fert-stock-item-content { padding:8px 0 4px; }
.fert-stock-item-content .fert-stock-detail-row { display:flex; padding:9px 10px; border-color:#e1e6e2; border-radius:11px; background:#f8f9f8; }
.fert-stock-detail-row > strong { flex:none; width:135px; font-size:10px; color:#555955; }
.fert-stock-detail-row > span { flex:1; min-width:0; font-size:10.8px; font-weight:700; color:#182622; }

/* Android showFertilizerStoreItem and showFertilizerApplicationStockMovement. */
.fert-stock-item-content h3 { margin:0 0 5px; font-size:17px; color:#005c38; }
.fert-stock-item-content .fert-stock-movement { display:flex; align-items:center; gap:8px; padding:10px 11px; margin:0 0 5px; border-radius:12px; }
.fert-stock-movement-copy { display:flex; flex:1; min-width:0; flex-direction:column; }
.fert-stock-movement-copy strong { font-size:11px; color:#182622; }
.fert-stock-movement-copy small { font-size:9.5px; color:#555955; }
.fert-stock-movement > strong { font-size:11px; }
.fert-stock-movement > .positive { color:#196e3a; }
.fert-stock-movement > .negative { color:#be2d23; }
.fert-stock-notes { margin:0; padding:12px 10px; border:1px solid #e1e6e2; border-radius:12px; background:#f8f9f8; font-size:11px; color:#182622; }
.fert-stock-notes + button { height:46px; margin-top:8px; }
.fert-stock-empty { margin:0; padding:16px 8px; font-size:11px; color:#555955; }
.fert-stock-application-entry > h2 { font-size:18px; color:#1c2b28; }
.fert-stock-application-entry > small,.fert-stock-application-entry > strong { display:block; }
.fert-stock-application-entry > small { font-size:9.5px; color:#555955; }
.fert-stock-application-entry > strong { font-size:12px; }
.fert-stock-application-entry .fert-stock-readonly { padding-bottom:12px; font-size:10px; color:#235c91; }
.fert-stock-entry-label { padding-top:10px; }
.fert-stock-application-entry .fert-stock-entry-quantity { font-size:15px; color:#be2d23; }
.fert-stock-application-entry .fert-stock-entry-source { font-size:11.5px; }
.fert-stock-entry-info { padding:10px 12px; border-radius:12px; background:#edf5ff; color:#235c91; font-size:10.5px; }

.fert-stock-quantity-form .fert-stock-availability { font-size:12px; font-weight:700; color:#196e3a; }

.fert-stock-add-name { font-size:13px; color:#196e3a; }
.fert-stock-add-current { font-size:11px; font-weight:400; color:#555955; }

/* Android editProduct section cards and field labels. */
.fert-product-section { margin:5px 12px; padding:10px 12px 12px; border:1px solid #dce5dd; border-radius:16px; background:#fafcf9; box-shadow:0 1px 2px #00000014; }
.fert-product-section h3 { display:flex; align-items:center; margin:0 0 5px; color:#004827; }
.fert-product-section h3 > span { flex:none; width:30px; font-size:17px; }
.fert-product-section h3 > strong { font-size:13px; }
.fert-product-section label { margin:0; padding:7px 2px 3px; font-size:10.5px; font-weight:700; color:#18221b; }
.fert-product-current,.fert-product-stock-hint { display:block; padding:9px 2px 1px; font-size:10.8px; color:#004827; }
.fert-product-stock-hint { padding:0 2px 4px; font-size:9.4px; color:#5d605b; }
.fert-product-pack-hint { margin:0; padding:3px 2px 0; font-size:9.2px; color:#5d605b; }
.fert-product-nutrient-hint { margin:0; padding:0 2px 2px; font-size:9.5px; color:#5d605b; }
.fert-product-editor .fert-product-help { display:grid; grid-template-columns:34px 1fr; margin:5px 12px; padding:10px 12px; border:1px solid #d6e9dc; border-radius:15px; background:#eff8f2; text-align:left; }
.fert-product-help > span { grid-row:1 / 3; font-size:19px; color:#004827; }
.fert-product-help > strong { font-size:12px; color:#004827; }
.fert-product-help > small { font-size:9.5px; color:#3f5b48; }

.fert-product-editor .fert-product-section input { font-size:13.5px; padding:10px 12px; border:1px solid #dee2dc; border-radius:11px; color:#18221b; background:#fffffd; }
.fert-product-editor .fert-product-section input::placeholder { color:#848883; opacity:1; }

/* Android input/formWithInfo for operator and station setup. */
.fert-setup-editor label { font-size:11px; font-weight:700; }
.chemical-form.fert-setup-editor input { font-size:13.5px; padding:10px 12px; border:1px solid #dee2dc; border-radius:11px; color:#18221b; background:#fffffd; }
.chemical-form.fert-setup-editor input::placeholder { color:#848883; opacity:1; }
.fert-setup-editor .context-form-help { height:42px; margin:8px 12px 4px; font-size:13px; }
.fert-setup-editor .fert-station-block-button { font-size:13px; padding:0 12px; border:1px solid #1f7843; border-radius:12px; color:#1f7843; background:#fffffd; }

.fert-master-editor .fert-master-nutrient-heading { display:block; font-size:11px; color:#18221b; margin-top:8px; }
.fert-master-editor .fert-master-nutrient-field { font-size:0; }

.fert-cloud-master-detail > p { white-space:pre-line; }
.fert-master-delete { color:#be2d23; }

.fert-deleted-list > button:not(:last-child) { display:block; width:100%; border:0; background:transparent; text-align:left; border-radius:0; }

.fert-analysis-instruction,.fert-analysis-measurements { display:block; font-size:11px; color:#18221b; }
.fert-analysis-editor .fert-analysis-value-field { font-size:0; }
.fert-analysis-detail > p { white-space:pre-line; }

.fert-trend-reference { font-size:11px; font-weight:700; color:#1f7843; }
.fert-trend-canvas { display:block; margin:8px 0 12px; }
.fert-trend-point { margin:0; font-size:13px; font-weight:700; white-space:pre-wrap; }

/* Android reportField/input/reportChoiceButton. */
.fert-report-section input { font-size:13.5px; padding:10px 12px; border-color:#dee2dc; border-radius:11px; background:#fffffd; color:#18221b; }
.fert-report-section label { color:#18221b; }
.fert-report-section .fert-report-choice { font-size:12.5px; border-color:#1f7843; border-radius:12px; color:#1f7843; background:#fffffd; }
/* Ancillary Android season programme recommendation screens. */
.fert-season-programme-season{font-size:11px;font-weight:700;color:#1f7843;margin:0 0 8px}
.fert-season-programme-heading{display:block;white-space:pre-line;font-size:14px}
.fert-season-programme-imported{font-size:10.5px;font-weight:700;color:#1f7843;padding:4px 0;margin:0}
.fert-season-programme-source{font-size:11px;font-weight:700;color:#1f7843;white-space:pre-line;padding:4px 0 8px;margin:0}
.fert-season-programme-stage{padding:9px 10px;background:white;border:1px solid #dbe0db;border-radius:14px;margin-bottom:8px}
.fert-season-programme-stage>strong{font-size:13px;color:#18221b}
.fert-season-programme-action{font-size:10.5px;font-weight:700;color:#7d4d00;padding:2px 0 5px;margin:0}
.fert-season-programme-line{margin:3px 0}
.fert-season-programme-line .fert-menu-copy span{white-space:pre-line}
.fert-season-programme-block-heading{display:flex;align-items:center;padding:13px 2px 6px;margin:0;color:#3d5b42;font-size:10.5px;text-transform:uppercase}
.fert-season-programme-block-heading::after{content:"";flex:1;height:1px;background:#e1e4df;margin-left:10px}
.fert-season-programme-warning{font-size:11px;font-weight:700;color:#965a00}
.fert-season-programme-original{font-size:10.5px;font-weight:700;white-space:pre-line;color:#5d605b}
.fert-nutrient-report-title{display:block;color:#1f7843;font-size:11px;margin-bottom:7px}
.fert-nutrient-totals p{white-space:pre-line}
.fert-nutrient-history-season{font-size:11px;font-weight:700;color:#1f7843;margin:0 0 8px}