<!-- BUILD V-291 2026-06-16 — Signature pad reworked again (clients still struggling to sign). THREE things, per Lorri: bigger pad, smoother ink, no thickness change. (1) BIGGER + MORE PADDED: .sig-pad height 220px → clamp(260px,50vh,420px) so it fills roughly half the screen on a phone while staying capped so the Save button is always reachable without scrolling. Wrap padding 14→16px, radius 14→16px; label 13→14px; canvas border 2→2.5px dashed, radius 12→14px. Added a faint baseline guide line across the lower third of the canvas (CSS background-image gradient, width = canvas − 56px, positioned at 72% height) so clients can see WHERE to sign. (2) CLEARER TARGET: hint re-centred to true 50%/50% (was offset +20px), enlarged 15→16px, flex-centred. Clear button enlarged (font 13→14px, padding 9×16→11×20, radius 9→10px, stronger shadow, scale(0.97) :active) and inset further (22→26px) for an easier finger tap. (3) SMOOTHER INK (no thickness change, stays 3px): PRSig.move() replaced raw moveTo/lineTo straight segments with quadratic-curve midpoint smoothing — each segment now curves through the midpoint of consecutive points using the previous point as the control handle, rounding off the jagged corners that made finger signatures look skippy. start() now also lays a single filled dot (radius = lineWidth/2) so a quick tap/short stroke still registers; end() resets the last/mid point buffer. High-DPI canvas sizing (getBoundingClientRect()×DPR) unchanged so the taller pad stays stroke-aligned. No DB/schema/sync changes; resolveSignatureSrc / save-local-first path untouched. Validated 7/7 scripts, 2/2 styles, node --check OK. -->
<!-- BUILD V-250 2026-06-10 — Approvals + concurrency hardening. (1) CONCURRENCY/NO-WIPE: pushSync now re-pulls the cloud blob and MERGES records by id (mergeById, newest-wins per record, local wins ties) instead of blindly overwriting — so Lorri and Lewis saving within minutes of each other no longer wipe each other's deals/trips/halls/notifications. Explicit deletions are tracked via state.tombstones (deals/trips/halls) so a merge can't resurrect a deleted record; tombstones applied at deleteDeal, deleteTrip, approved trip_delete, and park-overlay delete; cleared after a successful push. (2) APPROVAL WRITE-THROUGH BUG: decideApproval previously only pushed to the cloud when the deal's park was NOT found — when the park existed the approved deal merged locally but never synced (this is why the Mrs greer £60 was approved-but-invisible). Now always sets state.dirty and forces an IMMEDIATE pushSync after an approval decision. (3) MISSING tripId: a deal submitted with no trip context approved into limbo (the Rebbeca jayme £30). Now back-filled at TWO points — at save time in the deal modal (infer active/most-recent trip from the park) and again at approval time as a safety net. (4) PENDING DEALS NOW VISIBLE: new amber "Pending approval (n)" banner at the top of the Trips list shows every pending-approval deal with client, amount and target trip, for ALL roles (a salesman sees their own submitted deal); admins can tap it to jump to Approvals. renderTrips fetches approvals on entry so it's always fresh. Validated 7/7 scripts, 2/2 styles, node --check OK. -->
<!-- BUILD V-251 2026-06-10 — Signature pad UI made bigger & more prominent (clients were struggling). Pad height 150px→220px; wrapped in a padded (14px) surface-2 card with a 1.5px border, rounded 14px corners and inset shadow; added a bold "Please sign below" label above the canvas; canvas border thickened to 2px dashed. Hint text enlarged 13px→15px with a bigger pencil icon and centred over the canvas (top offset for the new label). Clear button enlarged (font 11→13px, padding 4×10→9×16, stronger border + shadow, :active state) and inset further from the edge. Pen stroke thickened 2.2→3px for a bolder signature. PRSig canvas auto-sizes from getBoundingClientRect()×DPR so the taller pad stays stroke-aligned. Validated 7/7 scripts, 2/2 styles, node --check OK. -->
<!-- BUILD V-252 2026-06-10 — Three changes. (1) RECEIPTS archive + delete: each digital (deal) receipt card on More>Receipts now has an Archive button (everyone) and a Delete button (superadmin only). Archive sets deal.archived=true (rides the normal deals sync/merge — no schema change), hides it from the Active list and shows it under a new Active/Archived toggle with a Restore action; the money/profit is unaffected (archive is visibility only). Delete is permanent, confirms, and reuses the tombstoned delete path so the V-250 merge can't resurrect it. Action buttons stopPropagation so they don't open the receipt. (2) DEAL ADDRESS SEARCH: the Client address field gains a "Search" button (and Enter-to-search) that geocodes against keyless OSM Nominatim, biased to the active country (UK→gb,gg,je,im; AU→au) so it handles typos and roads not matching the parks DB. Tapping a suggestion fills the address and stores coordinates on the deal (deal.addressGeo) for later mapping; shows a green "verified on map" confirmation. Graceful fallback to manual entry if the lookup fails. (3) TRIPLE-TAP GUARD: saveDeal is async (signature upload), so a fast triple-tap was saving 3 duplicate deals (the Mrs Amy Legg ×3). Added a re-entrancy flag + button disable that blocks repeat fires until the save settles, released on every exit path incl. the approval-submit branch. Validated 7/7 scripts, 2/2 styles, node --check OK. -->
<!-- BUILD V-253 2026-06-10 — Two changes. (1) DAILY SPEND (per person): trip detail now has a "Daily spend (per person)" section that groups the trip's logged deals by date and, within each day, shows what each salesman spent + the combined day total + deal count. Days are numbered relative to the trip start (e.g. "Day 1 · Tue 9 Jun", "Day 2 · Wed 10 Jun") so a multi-day Guernsey trip breaks out cleanly. Complements the existing per-salesman trip totals; uses each deal's date field. (2) APPROVAL NOTIFICATION LATENCY: the Sheryl Sarre approval was created at 14:39 but the alert only surfaced ~15:45 because refreshApprovalsBadge only ran on certain actions, not on the routine background poll. The 60s foreground notifications poll AND the app-foreground visibilitychange handler now both call refreshApprovalsBadge, so a partner's new approval surfaces within ~60s while the app is open and instantly when it's brought to the foreground. (Full background push when the app is closed remains a separate, larger piece of work.) Validated 7/7 scripts, 2/2 styles, node --check OK. -->
<!-- BUILD V-254 2026-06-10 — Double-tap save feedback. The V-252 re-entrancy guard silently blocked repeat taps; now a fast second tap on "Save deal" pops a toast ("This deal is already saving — please wait…") and the button itself shows "Saving…" (disabled, dimmed) until the save settles, then restores its label. Makes it obvious the deal is processing so a salesman doesn't keep tapping and create duplicates (the Kellie Ansel ×2 / Amy Legg ×3 problem). No data-model changes. Validated 7/7 scripts, 2/2 styles, node --check OK. -->
<!-- BUILD V-255 2026-06-10 — SAVE-LOCAL-FIRST (deals can no longer be lost to a freeze). The old saveDeal awaited the signature UPLOAD (slow network) BEFORE the deal object was built or persisted, so a freeze/hang mid-upload lost the whole deal (this is what killed the Mr Arthur £100). Now: the signature is captured INLINE (instant, no network), the deal is built and written to local storage immediately (lsSet + state.dirty), and ONLY THEN is the signature uploaded to Storage in the BACKGROUND, swapping the inline data-URL for the returned path and re-syncing. If the upload fails or the app dies, the deal is already saved with the inline signature as a permanent fallback — nothing is lost. Fully compatible with the existing dual-mode signature handling (resolveSignatureSrc / sigToDataUrlForPdf accept inline OR path; migrateSignaturesToStorage can tidy inline ones later). Keeps the V-254 'already saving' toast + 'Saving…' button. Validated 7/7 scripts, 2/2 styles, node --check OK. -->
<!-- BUILD V-256 2026-06-10 — Deals tab sort fix + richer cards. (1) "Newest first" was broken because the sort keyed on d.date only (a date with no time), so every deal logged on the same day had an identical key and couldn't be ordered — same-day deals appeared in arbitrary array order. Now sorts on the FULL createdAt timestamp (date+time), tie-broken by id, falling back to date for legacy deals; date-asc/desc both honoured. (2) Each deal card now shows a third line: date · time (from createdAt) · salesman, so you can see exactly when each deal was logged and by whom. Validated 7/7 scripts, 2/2 styles, node --check OK. -->
<!-- BUILD V-257 2026-06-10 — JV ledger double-count fix + Near-me status filter. (1) JV LEDGER BUG: the live auto-ledger started at Trip 14 (JV_AUTO_FROM_TRIP=14) while Trip 14 was ALSO settled manually in the DB (the £400 sovereign + £120 cash hand-over) — so Trip 14 was double-counted, producing the confusing £329 headline that disagreed with the £118.50 breakdown. Fix: (a) DB — added a £447.50 Lewis→Lorri settling adjustment so recorded history nets to £0 as of end of Trip 14 (per partners' in-person settlement; the original £520 payment record is preserved for audit). (b) Code — moved the live boundary to Trip 15 (JV_AUTO_FROM_TRIP=15) AND added _tripIsManuallySettled() so the live calc skips ANY trip that already has a DB settlement entry (by trip_id), making manual + live mutually exclusive permanently — manual inputs and DB inputs can no longer double-count. Modal/footer wording updated to "Trip 15 onward / Trips 1-14 settled". After the fix the headline and the breakdown agree: Trip 15 alone = Lorri owes Lewis £329 (Lewis fronted £3,260 vs Lorri £2,602, half the £658 gap), updating live. (2) NEAR-ME STATUS FILTER: added All / To do / Working / Done chips to the Near tab so you can hide locations already done and see only the ones left; filters by park status, works in list + map. Validated 7/7 scripts, 2/2 styles, node --check OK. -->
<!-- BUILD V-285 2026-06-16 — PUZZLE BOT-CONTROL on login screen (slide-to-verify). New homegrown CAPTCHA-style widget that sits BETWEEN the password input and the Sign in button: a horizontal track with a draggable handle, "Slide right to verify" hint. User drags handle to right end → fills green, "Verified ✓". Bot resistance: requires actual pointer/touch drag interaction (headless bots can't fake this without browser automation); tracks drag duration (rejects instant snaps that suggest scripting); single-use token regenerated per page load; cannot be tab/keyboard-completed (so credential-stuffing scripts that submit forms via fetch/XHR cannot pass). Sign in button is disabled until puzzle solves. Wrong password resets the puzzle so the user must re-verify before retry (foils rapid credential stuffing). Works on iOS Safari touch, Android Chrome touch, desktop mouse. No third-party service, no API calls, no DNS changes \u2014 entirely client-side. Pairs with V-284 device-OTP: puzzle stops bots BEFORE they hit Supabase; OTP stops credential theft from unrecognised devices. Validated 7/7 scripts, 2/2 styles, node --check OK. -->
<!-- BUILD V-284 2026-06-16 — DEVICE-OTP SECURITY LAYER on top of password login. New login-pane-otp shown ONLY when the user signs in from an unrecognised device. After Supabase password auth succeeds: (1) generate or read a UUID device id from localStorage (pr_device_id); (2) POST to the new device-check edge function — if the device is in user_devices and trust_expires_at > now() the user goes straight into the app (no friction); (3) if not trusted, immediately call device-otp-send which generates a 6-digit code, stores its SHA-256 hash in device_otp_codes (10-min TTL, rate-limited 3/hr), and emails it via send-email kind:'device-otp' (Resend, branded RoadShow template); (4) the OTP pane shows the code input + masked recipient email + Resend/Cancel buttons. On entry, device-otp-verify checks the hash, increments attempts (lockout at 5), and on success upserts the device into user_devices with a 90-day trust window then boots the app. After 90 days OR if the user clears localStorage, the next login from that device requires a fresh OTP. Bank-grade flow: zero friction on known devices, strong protection against credential theft. REQUIRES (already done): user_devices + device_otp_codes tables, device-check, device-otp-send, device-otp-verify edge functions. Validated 7/7 scripts, 2/2 styles, node --check OK. -->
<!-- BUILD V-282 2026-06-16 — MARKET LOOKUP (clean version, no in-app setup helper). Deployment files (market_lookups_table.sql + apify-ebay-lookup edge function) are kept as separate downloadable files for desktop deployment. -->
<!-- BUILD V-280 2026-06-16 — MARKET LOOKUP tool added to the More section + burger menu. New tab-market / #market-view with window.renderMarket. Type any item (e.g. "Rolex Submariner 116610LN", "Gold Sovereign 1925"), pick a condition (Any/Used/New), and tap "Look up": window.marketRun POSTs to the new apify-ebay-lookup edge function which calls Apify's automation-lab/ebay-sold-scraper actor, aggregates the sold prices into average/median/min/max/count, and returns the top 10 most-expensive sales for verification. Every lookup is cached in new Supabase table public.market_lookups for 24 hours so repeat searches return instantly without burning Apify credits (the cached badge tells you when this happens). switchTab hides floating chrome on the tab like chat/translate/auth. REQUIRES (1) market_lookups table created in Supabase via market_lookups_table.sql, (2) apify-ebay-lookup edge function deployed, (3) APIFY_API_TOKEN secret set on the edge function in Supabase. -->
<!-- BUILD V-258 2026-06-11 — CRITICAL: deals can no longer be lost to an expired login (JWT). Root cause of the lost Mrs Churchill deal: the access_token expired, HDR() kept sending the stale token, every write 401'd ("JWT expired"/PGRST303), and nothing recovered the deal. Fixes: (1) ensureFreshToken() checks the JWT exp claim and refreshes via sbClient.auth.refreshSession() before every write (pushSync + signature upload) when expired or within 2 min of expiry; (2) pushSync retries ONCE after a 401/403 with a fresh token, and on ANY failure keeps state.dirty=true (deal stays in local storage) and starts a 20s background retry loop that fires once a fresh token is available — so a queued deal syncs automatically; (3) calm messaging — auth failures now show "Saved on phone — will sync when reconnected" instead of "Save failed", and the scary red full-screen "APP ERROR (promise)" banner is suppressed for JWT/auth errors (preventDefault) since they're handled gracefully; (4) on app-foreground (visibilitychange) the token is refreshed first and any queued dirty save is flushed before anything else. Combined with V-255 save-local-first, a signed deal is now persisted on-device instantly and survives an expired session until it can sync. Validated 7/7 scripts, 2/2 styles, node --check OK. -->
<!-- BUILD V-259 2026-06-11 — Amended-approval stale display fix. When an approval was amended then approved (e.g. Jayne Bougord £50→£90), the amended amount wrote correctly to the DB and deals array, but the Deals tab kept showing the OLD value because decideApproval only re-rendered the Approvals screen, never the Deals/Trips/Financials views. Now after any approval decision (and its push/pull) the open data view is refreshed: renderDeals() if on Deals, _renderTripsList() if on Trips, refreshFinancials() always. Data was always correct in the cloud (verified £90); this fixes the on-screen staleness only. Validated 7/7 scripts, 2/2 styles, node --check OK. -->
<!-- BUILD V-260 2026-06-11 — Edit a saved deal any time. Previously tapping a deal in the Deals list only opened the read-only receipt (view/download/email) — there was no way to amend a deal after saving. Now the receipt screen shows an "Edit deal" button for admins/superadmins that closes the receipt and opens the full deal form pre-filled via openDealModal(parkId, dealId), so any field (amount, items, client, address, payment, etc.) can be changed and re-saved at any time. The edit engine already existed (openDealModal loads by id, titles "Edit deal", pre-fills all fields) — this just exposes a route to it from the Deals/receipt view. Salesmen still route edits through approval. Icon uses existing 'tool' glyph. Validated 7/7 scripts, 2/2 styles, node --check OK. -->
<!-- BUILD V-261 2026-06-11 — Stock add duplicate-key (23505) fix. Adding a stock item threw "duplicate key value violates unique constraint stock_items_pkey": the stock POST was a plain insert, so a re-save (e.g. after an approval set the id, or a retried request) collided on the primary key. Fixes: (1) stock insert now upserts with Prefer resolution=merge-duplicates — a colliding id UPDATES the row instead of erroring (same pattern as the main sync). (2) stockId() strengthened from 8 random chars to time+random so fresh collisions can't happen. (3) stockApi now refreshes the JWT before any write (POST/PATCH/PUT/DELETE), matching V-258, so stock saves can't be killed by an expired login. (4) saveStockItem wrapped in try/catch with calm toasts ("Stock item added/saved" or "Could not save — try again") and the scary red full-screen banner is suppressed for 23505/duplicate-key (it's recoverable). Validated 7/7 scripts, 2/2 styles, node --check OK. -->
<!-- BUILD V-262 2026-06-11 — Can't-open-a-just-added-location fix. A manually-added location (e.g. "Jardin De Haut") showed in the list but tapping it did nothing — openPark()→getParkById() returned undefined and silently bailed, because the new location lived only in the overlay and hadn't been merged into state.parks / the cached _parkIndex yet (timing). Fix: getParkById now falls back to state.overlays when the id isn't in the index — it materialises the overlay-only location into a full park object, pushes it into state.parks, and indexes it, so it's immediately openable AND editable (set doors, status, rename, etc.). Self-healing regardless of merge/index timing; fixes every path that uses getParkById (open panel, door buttons, maps links, render). Validated 7/7 scripts, 2/2 styles, node --check OK. -->
<!-- BUILD V-263 2026-06-11 — (1) NEAR-ME MISSING "HOUSES" FILTER (the real Locations/Near sync issue): NEAR_TYPES omitted 'house', so normal houses were filtered out of the Near tab entirely — no chip and excluded from results — making Near look out of sync with Locations (which does show houses). Added 'house' → 'Houses' to NEAR_TYPES/NEAR_TYPE_LABEL; nearGetTypes now keeps houses when seeded from the Locations selection, and the Houses chip is toggleable. (2) HARDENING (kept from this build): applySyncData now MERGES cloud overlays with local ones instead of state.overlays = {} + cloud-only rebuild, so a just-added location can't be wiped by a pull that lands before it syncs (and an existing working one is preserved); when state.dirty, deals/trips/halls are id-merged on pull too (respecting tombstones). mergeParks() still runs so state.parks (shared by Locations + Near) rebuilds consistently. Validated 7/7 scripts, 2/2 styles, node --check OK. -->
<!-- BUILD V-264 2026-06-11 — Competition "Find near me". New green button on the Competition > Local Shops tab (window.cmpFindNearMe) that uses the device GPS and the existing keyless OSM Overpass engine (poiFetch) to find jewellers, pawnbrokers, gold buyers and second-hand shops within ~8 miles, sorted by distance. NEW shops (not already in our DB by source_id) are saved straight into public.competitors with name/type/city/address/postcode/lat/lng/website/phone, source='osm', source_id='osm:{type}/{id}', relevance auto-set (gold_buyer→buyer, else check) — so the database grows by coordinates as you travel, no bulk scraping. Added a partial UNIQUE index competitors(country, source_id) WHERE source_id IS NOT NULL and the insert upserts with on_conflict=country,source_id + resolution=ignore-duplicates, so re-scanning an area never duplicates. Token refreshed before the writes (V-258 pattern). Shows a "Found N nearby · M new saved" summary list, then refreshes the stats/list. NOTE: OSM/Overpass coverage (keyless, fits the no-API-key setup) — finds mapped shops with name+location but no Google star ratings; Google Places would need an API key + billing, which doesn't fit the current architecture. Validated 7/7 scripts, 2/2 styles, node --check OK. -->
<!-- BUILD V-265 2026-06-12 — Edit an existing location's NAME and re-pin its LOCATION from the panel. The location panel previously showed name + town/county as read-only headings (setText), so you could change property type / status / notes / doors but had NO way to rename a location or move its map pin — only newly-added locations could set those. Added an "Edit name & location" section at the top of the panel body: an editable name field, town + county fields, and a "Move pin to where I am now" button that captures device GPS and re-pins the location (dataQuality='gps-pinned'). All persist via the existing updatePark (writes to overlay, marks dirty, schedules sync, logs an audit entry). renderPanel now fills these fields on open (without stomping a field you're mid-edit). Works for ANY location, anytime — this is the "I'm standing here, set it to my exact spot" workflow. Validated 7/7 scripts, 2/2 styles, node --check OK. -->
<!-- BUILD V-266 2026-06-12 — MERGE + AU COMPLIANCE FRAMEWORK. This build is based on the location-rename V-265 (edit a location's name + re-pin to GPS from the panel) and ADDS the full Australian compliance framework on top — the two were built in parallel from V-264 in separate sessions, so V-266 unifies them (the location-rename feature is preserved untouched; this header documents the compliance work layered on). Backed by two live Supabase tables (wpgqpnhzlancqvuhrrkx): public.aml_register + public.refinery_register, country-defaulted 'AU', RLS on, nothing destructive. AU-ONLY (hidden in UK via new .au-only/.au-only-flex helpers driven by body.country-au): (1) DEAL FORM gains DOB, proof-of-address (type + photo grid via uploadAttachment 'deal-proof-addr/'), a 5-flag suspicious-activity check, and a manual 1-5 risk-score selector with a (?) explainer — all captured into deal.aml, reset on open, prefilled on edit. (2) SAVE GATE (isAU only): HARD BLOCK on buys of $500+ missing client address OR proof of ID (seen-ID + id number/photo); SOFT WARN under $500; cash-over-$1,000 'prefer transfer' warning; rolling 12-MONTH total paid per ID number across state.deals → over AUD $10,000 still saves but FLAGS; any SA flag also flags. deal.aml stamped (rolling12moTotal/over10k/flagged/flagReason) and mirrored to aml_register via amlUpsertFromDeal (insert, or PATCH if a row already exists for that deal_id). (3) AML REGISTER tab (More section, AU-only tile + live flag-count badge; window.renderAML): open flags float to top; cards show seller profile/item/payment/rolling total/risk chip/SA flags; any staff sets the 1-5 risk; ADMINS ONLY settle a flag with a mandatory reason (written back + logged to audit_log with correct columns). (4) REFINERY REGISTER tab (More section, AU-only; window.renderRefinery): standalone admin CRUD (refiner/licence/invoice/batch/transfer date/optional amount/notes) — record-keeping only, NO AML. (5) PLUMBING: .risk-btn graduated colours + .aml-flag-badge styles; tab show/hide + render dispatch + chrome-hide for tab-aml/tab-refinery; AML/REFI caches invalidated + badge refreshed on country switch + boot. Records kept permanently (never deleted; 7-year minimum is policy). Validated 7/7 scripts, 2/2 styles, node --check OK. -->
<!-- BUILD V-267 2026-06-13 — TRIP SCROLL-PERF FIX (no logic change, UK+AU). Symptom: large trips (esp. Trip 15 Guernsey, 26 parks — the most of any trip) opened fine but STUTTERED while scrolling on iPhone. Cause was NOT the render (it's already rAF-deferred, with weather hints removed and stock/receipts lazy-built) and NOT getParkById (O(1) Map index): it was iOS Safari repainting one very tall, node-heavy non-virtualized panel on every scroll frame. Fix: tag the panel wrapper .trip-detail-panel and apply, to its direct-child <section>s only, content-visibility:auto + contain-intrinsic-size:auto 240px so the browser skips layout/paint for off-screen sections and only pays for what's visible; the `auto` keyword makes it remember each section's real height after first paint so tall sections don't drift. Wrapped in @supports (content-visibility:auto) so iOS 18+/Safari 18+ get the smooth scroll while older WebKit ignores the rule and renders exactly as before (pure progressive enhancement). Header/dates/summary sit outside <section> so they always paint instantly. Zero change to deal/trip/compliance logic or data. Validated 7/7 scripts, 2/2 styles, node --check OK. -->
<!-- BUILD V-268 2026-06-13 — CRITICAL data-loss fix + 4 features. (0) COUNTRY-SWITCH WIPE (critical): switching UK→AU→UK wiped the UK live blob (deals/trips/overlays). Cause: setCountry empties state.deals/trips/overlays then reloads, but a debounced scheduleSync (or stray push) firing mid-switch wrote empty/wrong-country state to the live row. Fixes: setCountry now (a) flushes the current country's dirty work to ITS row before leaving, (b) cancels any pending scheduled sync (window.cancelScheduledSync), (c) clears state.dirty, (d) sets window._countrySwitching=true for the whole switch; pushSync and the scheduleSync timer both REFUSE while _countrySwitching; flag cleared after the new country's data finishes loading (and on failure). PLUS a last-resort SAFETY VALVE in pushSync: aborts the write if the cloud row has >=5 deals or >=3 trips but the merged push would write 0 — never flatten a populated row. (1) CALLBACKS → CONVERT TO DEAL: green £ button on each callback card opens the deal form pre-filled (client/phone/email/address/notes + current trip via openDealModal prefill arg); saving the deal auto-completes the source callback. (2) MULTI-TYPE LOCATIONS + HOUSES: panel property-type is now multi-select for mixed areas (council + houses + housing assoc) — primary kept in propertyType, full set in propertyTypes; added the Houses type button; Locations/Near/counts filters match if ANY type is selected (parkHasType helper). (3) DEAL PARK PICKER ORDER: empty-query dropdown now shows Currently working (status in_progress) first, then Recently done, then type-to-search the DB — because a deal is most likely at a place you're working. (4) CROSS-SIDE NOTIFICATIONS: refreshApprovalsBadge now also fetches the OTHER country's pending approvals and fires bell + banner alerts labelled by country ([AU]/[UK]) so UK isn't blind to AU activity and vice versa — notify-only (badge/decisions stay this-country; databases remain fully segregated, partitioned by country as before). Validated 7/7 scripts, 2/2 styles, node --check OK. -->
<!-- BUILD V-269 2026-06-13 — INSTANT SAVE + 30s PULL + real-time cloud backups. Closes the data-loss gap that lost Lorri's £80 + £140 signed deals. (1) INSTANT CLOUD SAVE: saveDeal now flushes to the cloud the INSTANT Save is tapped via new window.pushNow() (cancels the 3s debounce and pushes immediately). Combined with save-local-first (V-255), a signed deal is on the phone instantly AND in the cloud within ~1-2s — no 3s window where it can vanish. If the immediate push fails, the deal stays queued locally + the 20s retry loop + the 30s pull heartbeat keep trying. (2) 30s PULL HEARTBEAT: the foreground poll dropped 60s→30s. When clean it pulls the latest cloud blob (so partners' work appears within 30s); when there's unsaved local work it now FLUSHES that work to the cloud on the same heartbeat instead of just skipping — so a stuck deal always syncs within 30s. Skips during country-switch. (3) REAL-TIME CLOUD BACKUP (DB-side, already live): a Postgres AFTER UPDATE trigger on parkroute_sync writes a FULL-row snapshot into parkroute_sync_backups on EVERY save — instant, complete restore points, every save, for both UK+AU rows. The trigger refuses to snapshot a near-empty write so a wipe can't poison the backup history. (4) Retained from V-268: country-switch wipe lock (pushSync + scheduleSync refuse while _countrySwitching), and the pushSync SAFETY VALVE that aborts any write that would flatten a populated row (>=5 deals/>=3 trips → 0). Net: every action reaches the cloud within seconds and is snapshotted; no push can overwrite a populated row; offline/failed saves queue durably and retry. Validated 7/7 scripts, 2/2 styles, node --check OK. -->
<!-- BUILD V-270 2026-06-13 — APPROVAL WRITE-THROUGH + COUNTRY-SWITCH hardening (both data-safety). (1) APPROVAL WRITE-THROUGH: approving a deal merges it into state then pushes to the cloud, but that push could fail SILENTLY if the JWT had expired — this stranded Leanne Dodd £170 (approved, never written to the live blob; "saved on phone, will sync when login refreshes"). Fix: decideApproval now refreshes the token (ensureFreshToken) BEFORE the write-through, then flushes via pushNow() (immediate). If the push still fails it KEEPS state.dirty + schedules a retry so the approved deal can no longer be silently lost — the 30s heartbeat + retry loop keep trying until it lands. (2) COUNTRY-SWITCH protects the side you're leaving: the pre-switch flush now also refreshes the token first; and critically, if the current country's work does NOT successfully save (flush failed / still dirty), the app REFUSES to switch — it stays on the current side, keeps the work queued, and toasts the user — instead of clearing dirty and losing it. (Previously state.dirty was cleared unconditionally after the flush, so a failed flush on leaving UK could lose UK work.) Switching to AU therefore cannot break/lose UK, and vice versa; DBs stay segregated (id=1 UK, id=2 AU). All V-268/269 guards retained (switch lock, empty-overwrite SAFETY VALVE, instant save, 30s pull, real-time DB backups). Validated 7/7 scripts, 2/2 styles, node --check OK. -->
<!-- BUILD V-271 2026-06-13 — PRE-MELT PILE in the Stock tab. New section (above the item list) for raw metal accumulated before refining — silver built up over 1-3 months, gold pooled across 1-2 trials then melted into one. GOLD split by carat (9/14/18/22/24), each with running grams + "Add" (increment) and "Set" (replace) controls; shows total raw gold. SILVER tracked as a running kg/g total with Add/Set. "Melt → batch" per metal: prompts for the final refined £ figure the refinery paid (optional/blank if pending), logs a completed batch into history (metal, summary, date, who, £ paid), then resets that pile to zero. Melt HISTORY list below (last 12) with per-batch delete. Stored in state.settings.preMelt (getPreMelt/savePreMelt) so it syncs through the settings blob to both partners (same pattern as silverStock); mirrored to localStorage('pr_premelt'); restored in applySyncData (DB wins). Admin/superadmin can edit; salesmen view-only. Manual entry by design (per Lorri). Saves flush via pushNow() (instant cloud, V-269). Validated 7/7 scripts, 2/2 styles, node --check OK. -->
<!-- BUILD V-272 2026-06-13 — PRE-MELT PILE refinements (3 asks). (1) EDIT IN PLACE: the per-carat "Set" and silver "Set" buttons are renamed "Edit" and now clearly overwrite the stored grams (no delete-and-re-add). "+ Add" still increments. (2) DATE ADDED + BY WHO: every gold carat and the silver total now stamp {at, by} on each change (getPreMelt carries a meta:{gold:{},silver} object; _pmStamp() records ISO date + current user); the UI shows an "Updated 13 Jun 26 · Name" line under each carat value and the silver value. (3) ADMIN-ONLY: the entire Pre-melt section is hidden for salesmen — _preMeltSectionHtml() returns '' when !isAdminUser(), and every write fn (add/set gold, add/set silver, melt, delete batch) is guarded by _pmCanEdit() so salesmen can neither see nor add. Added an "ADMIN" pill on the section header. preMelt still syncs via the settings blob to the other admin and flushes instantly (pushNow). Validated 7/7 scripts, 2/2 styles, node --check OK. -->
<!-- BUILD V-273 2026-06-14 — TASKS HUB (Trello-style), new "Tasks" tile in the More section (tab-tasks / #tasks-view, window.renderTasks). Central business task tracker backed by Supabase task_boards / task_cards / task_activity (+ task_snapshots trigger, SECURITY DEFINER so writes never blocked; RLS on, app enforces visibility). BOARDS: shared (whole team) or private (creator/members only), with user-set COLUMNS (name + colour, add/remove), cover image URL, description; board list groups Shared / Private / Archived; edit, archive, delete (admin) via board menu. CARDS live in columns: colour tag, @assignees (members picker pulls the profiles list — same people as chat/team), due date, alert/reminder time, priority, checklist (add/tick/delete), attachments (uploadAttachment → signed-URL thumbnails), description, done toggle. CARD DETAIL mirrors the Trello layout (quick actions, description, due/alert, labels/colour, members, checklist, attachments, comment bar). DRAG cards across columns (HTML5 drag/drop) and MOVE across boards via the Move picker. COMMENTS + activity log with @mentions (surfaced to notifications via notifyMentions when present). Every tap/input saves to the cloud instantly (taskApi refreshes JWT before writes) and the DB trigger snapshots every board/card change. Reminder sweep every 60s fires bell + banner alerts for cards past remind_at and marks them reminded. taskId() ids, attribution (created_by/updated_by + who/when) throughout. Validated 7/7 scripts, 2/2 styles, node --check OK. NOTE: requires the task_boards/task_cards/task_activity/task_snapshots tables (already created in Supabase wpgqpnhzlancqvuhrrkx). -->
<!-- BUILD V-274 2026-06-14 — TASKS HUB bug-fix + polish pass (rev 2). FUNCTIONAL FIXES: (1) Card up/down arrows, the move grip (\u2261) and the board ⋯ menu / board up/down arrows were dead on touch — the card's bindButton touchend preventDefault swallowed the inner buttons' click. All inner controls are now bound via bindButton (proper touch handling) and the card tap ignores taps on those controls; the grip now opens the Move picker. (2) Board title/desc no longer blanks on card add / colour change (board edits merge into the live object + TASKS.currentBoard cache + render fallback); duplicate-board double-tap guarded; card colour shows as a top label bar. SPEED: fully cache-first now — people load in the background (never blocks paint), board/list render instantly from cached state with NO background refetch on every entry (a manual Refresh button pulls latest), opening a card paints instantly and loads its activity in the background, card add stays optimistic. DESIGN: board view restyled — centered Fraunces title + description, Refresh + menu icon buttons, columns now have a coloured header strip (tinted bg + 2px accent border + count pill), rounded 16px columns with shadow, dashed coloured "+ Add card", empty-column hint; cards have more padding, rounded 12px, subtle shadow, bordered reorder row, ringed assignee avatars, richer due/checklist chips; board list has a larger header + subtitle. Emojis remain app icons (icoSvg). REV 3: removed the ugly on-card up/down arrows entirely; the card now has a single ⋮ grip that opens a clean action sheet (Move up / Move down / Move to column-or-board / Open card), so reorder still works without cluttering every card. Validated 7/7 scripts, 2/2 styles, node --check OK. -->
<!-- BUILD V-275 2026-06-14 — EMAIL ERROR SURFACING (diagnostics). The receipt email and the booking/callback confirmation email both went through the send-email edge function but failed silently with a vague toast, so the real reason was hidden. Now: sendReceiptEmail's caller and sendBookingConfirmation (changed to THROW instead of returning false) surface the actual server error — a toast plus an alert showing exactly what the function returned, with a plain-English likely-fix mapped from the message (RESEND_API_KEY missing → key not set on the function; domain/from/403 → sender domain not verified in Resend; 401/JWT → auth/verify_jwt). This makes the email pipeline self-diagnosing. No change to the happy path. Validated 7/7 scripts, 2/2 styles, node --check OK. -->
<!-- BUILD V-276 2026-06-14 — PRE-MELT carats widened. PREMELT_CARATS extended from 9/14/18/22/24 to 9/10/14/15/18/19/22/24 so the pile now tracks the carats actually being bought (10ct, 15ct, 19ct added; 24ct kept). All three hardcoded gold-default objects (getPreMelt default, getPreMelt merge, and the post-melt reset) updated to the full carat set so values persist + survive a melt reset. Seeded the live pile with Lorri's current pre-melt totals (9ct 1329.4g, 10ct 1.1g, 14ct 41.4g, 15ct 1.9g, 18ct 168.8g, 19ct 12.5g, 22ct 38.1g) via the settings blob in Supabase. Validated 7/7 scripts, 2/2 styles, node --check OK. -->
<!-- BUILD V-277 2026-06-15 — CLIENTS bug fix: raw <svg> code was showing as text on client cards. _renderClientsList built the stats line (which includes the phone icon for the callback chip via icoSvg) and then passed the WHOLE string through escapeHtml(), which escaped the SVG markup so it printed as literal code. Fixed: the stats line is now composed from app-generated/individually-escaped pieces and inserted as HTML (not escaped); the date piece is escaped on its own; wrapper made a flex row so the icon sits inline. Confirmed icoSvg('phone') resolves. No other card path double-escaped. Validated 7/7 scripts, 2/2 styles, node --check OK. -->
<!-- BUILD V-283 2026-06-16 — PORTED THE MISSING V-278 CRITICAL SYNC FIX into the V-282 branch. The uploaded "V282" file was actually branched from V-277 (its version meta read v277) and never received the V-278 push-settings fix, which is why the pre-melt pile + bulk silver kept vanishing. ROOT CAUSE (recap): pushSync() hardcoded the outgoing settings blob to just { user, salesmen }, so EVERY save from ANY device overwrote the cloud settings and WIPED preMelt + silverStock — they only survived until the next push. FIX (now applied here): the push builds settings by merging cloud → local → {user,salesmen}, using the cloud copy pushSync already re-pulls at STEP 1 as the base layer, so (a) the editing device's change wins, (b) a stale device can't blank preMelt/silver (cloud is the base), (c) bulk silver / theme / all settings survive a save. Pull-side restore (applySyncData) + getPreMelt/savePreMelt confirmed already present in this branch. All other V-280/V-282 work preserved untouched. Validated 7/7 scripts, 2/2 styles, node --check OK. NOTE: phone must be force-refreshed onto V-283 (delete home-screen icon → reopen in Safari → re-add) so it stops running the stale cached build that wipes settings. -->
<!-- BUILD V-286 2026-06-16 — Re-applied the V-284 STOCK add-photo fix onto the V-285 branch (uploaded file read v283 internally and had the V-283 sync fix but NOT the V-284 photo fix). BUG: tapping "+ Add photo" while adding a stock item wiped the typed-in fields (name/cost/weight/carat/purity/value/notes/source-trips) because the photo handler called paintForm(), which rebuilds the form from `item` while the typed values lived only in the DOM. FIX: _siCaptureForm() snapshots every current input back onto `item`, called before the photo upload/repaint AND before the category-switch repaint. V-283 settings-merge sync fix confirmed already present in this branch. All newer V-285 work preserved. Validated 7/7 scripts, 2/2 styles, node --check OK. -->
<!-- BUILD V-287 2026-06-16 — STOCK display fix: the top "Silver in stock" summary tile showed 0.00kg / 0 items even when 24kg of BULK silver was held, while the "Bulk silver in stock" card below correctly showed 24kg — two different silver figures on one screen. CAUSE: the top tile used only summary.silver.wt (itemised silver pieces), ignoring the bulk silver running total. FIX: the tile now adds the bulk silver (getSilverStock().kg) into its weight and labels the count "(incl. bulk)". Value/cost-basis totals deliberately NOT changed (the bulk silver value is shown separately on its own card; summary.silver.val stays items-only to avoid double-counting). Cloud data was already correct (24kg @ user-set £/kg). Carries V-283 sync fix + V-286 add-photo fix. Validated 7/7 scripts, 2/2 styles, node --check OK. -->
<!-- BUILD V-288 2026-06-16 — FINANCIALS privacy toggle (bank-style). Added an eye button in the top-right of the Combined Profit headline card. Tapping it shows/hides all sensitive money figures, which are blurred via CSS (.fin-private .fin-amt { filter: blur }). Wrapped these in .fin-amt: combined profit headline, JV 50/50 split, unsold-gold flag amount, Gold-sales + per-category profit rows, the Turnover/COGS/Expenses P&L line, and the Stock-on-hand total. Default is HIDDEN (privacy-first, like a banking app); the choice persists in localStorage('pr_fin_private') and the icon swaps eye-off/eye. CSS kept inside the existing single style block (still 2/2 style tags). Carries V-283 sync + V-286 photo + V-287 silver-tile fixes. Validated 7/7 scripts, 2/2 styles, node --check OK. -->
<!-- BUILD V-289 2026-06-16 — UI REORGANISATION ONLY (no backend/logic changes). (1) BURGER MENU (top-right) is now account + admin only: Add a deal, Approvals (admin), Financials, Select parks, Safety, AI assistant, Profile, Settings, Bugs, Dark mode. Removed Chat, Auth Check and Market Lookup from the burger (they live in the More sheet). Chat was previously ONLY in the burger, so it was added to the More sheet to avoid orphaning it (and the existing more-chat-badge JS now has its element). (2) MORE SHEET tiles are now 4-per-row (was 3): .more-grid → repeat(4,1fr), smaller padding/icon/font, word-wrap on labels. Added My Route + Chat tiles to More. (3) BOTTOM NAV: My Route removed from the bar and moved into the More sheet; the centre slot is now a raised green circular "Add deal" button (calls openDealModal) styled like a banking-app +. Nav is now Locations / Near / Add deal / Trips / More. moreGo('planner') and moreGo('chat') just switchTab as normal. No data, sync, or backend changes. Validated 7/7 scripts, 2/2 styles, node --check OK. -->
<!-- BUILD V-290 2026-06-16 — Two fixes to the V-289 nav change. (1) ERROR FIX: the new centre "Add deal" nav button called window.openDealModal, but openDealModal is a local (not exposed on window), so it threw "window.openDealModal is not a function". Repointed the button to window.moreAddDeal (the existing wrapper that closes any sheet then calls openDealModal(null,null)) — same function the More/burger Add-a-deal tiles use. (2) Removed the redundant floating £+ deal FAB: now that the deal action is the centre of the bottom nav, #btn-deal-fab is hidden everywhere (was shown on parks/nearby/planner). The Parks List/Map toggle (.view-switch) still shows. No backend/logic changes. Validated 7/7 scripts, 2/2 styles, node --check OK. -->
<!-- BUILD V-292 2026-06-16 — COLLECTABLES (TCGplayer launch + shared synced watchlist) + deal collectable-value note. Built on V-291. NO pricing API (card prices aren't free/public): you look a card up on TCGplayer, then type the price you saw. (1) COLLECTABLES tab in the More section (after Market Lookup): tab-collectables / #collectables-view, window.renderCollectables. Full-screen in-app view (chrome hidden via switchTab) with an "Open TCGplayer" CTA (window.openCollectables → window.open _blank, stays in the PWA web view) AND a shared, team-wide WATCHLIST backed by the live Supabase table public.collectables (country-partitioned UK/AU like everything else; RLS on, permissive; reuses REST+HDR()+authMe/authMeId+uploadAttachment 'collectables/'+getAttachmentUrl, same pattern as the AML module). Add/edit/mark-bought↔watching/delete cards: name, set/edition, price seen (currency follows active country — £/A$), photos (signed-URL thumbnails), note, status; newest first; created_by attribution. COLLECT cache invalidated on country switch via window._collectInvalidate so UK/AU lists never bleed. (2) DEAL collectable-value note: a clearly-separated, OPTIONAL "Collectable / card value" field (value + note) on the deal modal, captured to deal.collectable, reset on open, prefilled on edit. INFORMATIONAL ONLY — explicitly NOT added to gold valuation, stock, or trip profit (no profit-math code touched). Nothing here changes UK/AU deal/trip/compliance logic. Requires public.collectables table (already created in Supabase wpgqpnhzlancqvuhrrkx). Validated 7/7 scripts, 2/2 styles, node --check OK. -->
<!-- BUILD V-293 2026-06-18 — "Add a deal" LOCATION SEARCH: nearest-to-me GPS pin. Built on V-292. The location search in the deal modal previously only surfaced "Currently working" (parks flagged in_progress) + "Recently done" (places with a logged deal), and you had to TYPE the place name — painful for hard-to-spell foreign roadshow spots (German/French). Added: (1) a GPS PIN button inside the search bar (#deal-park-gps, right-aligned in the input). Tapping it gets the device position (navigator.geolocation → state.myLocation, same pattern as Near/Fuel/Food; reuses the existing miles haversine()) and shows a new "Nearest to you" group — ALL saved location types (parks, halls, councils, retirement homes, everything with coords), closest first, each row showing distance (e.g. "0.3 mi"/"here"). So you find a spot by where you're standing, not by spelling it. (2) _nearestDealParks(lat,lng) helper + _dealParkRowHtml extended with an optional distance chip. (3) _dealNearActive flag: set when the pin is tapped, cleared when you type, when you pick a row, and on every fresh modal open, so "nearest" never sticks between deals. Falls back to a clear toast if location is unavailable/denied. No DB, no profit/trip logic touched; works UK + AU. Validated 7/7 scripts, 2/2 styles, node --check OK. -->
<!-- BUILD V-294 2026-06-18 — SECURITY HARDENING (HTML side, follow-up to the live Supabase DB hardening). Built on V-293. THREE items from the external security review: (1) SESSION AUTO-LOCK: new #lock-overlay + inactivity engine (LOCK). After 15 min of no interaction the app is covered by a lock screen requiring the account PASSWORD to resume (re-verified via sbClient.auth.signInWithPassword for the current authedSession email) — NOT a full sign-out, so the session + 90-day device trust survive and there's no re-OTP. Any click/key/touch/scroll/mousemove resets the timer (active work never locks; only genuine inactivity does); re-arms on return to foreground; "Sign out instead" escape hatch. Wired from showApp() via window.startInactivityLock(). Protects a lost/stolen phone that's already signed in (customer signatures, IDs, financials). (2) DEPENDENCY PINNING: the Supabase script was loaded from an UNPINNED @2 URL (auto-pulling whatever they publish — a supply-chain risk Supabase themselves now warn against); pinned to exact @2.108.2. Chart.js (4.4.1) and SheetJS (0.20.3) were already version-pinned. (3) XSS AUDIT: full pass of innerHTML paths — 441 escapeHtml() uses; every user field reaching HTML (names, notes, addresses, card titles/sets/notes, task text) is escaped; toast uses textContent; the dozen concatenation candidates were all hardcoded config labels, jsPDF text, or escaped values. No injection gaps found — no code change needed there. NOTE on SRI: not added to Chart.js/SheetJS — a hash must match the live CDN bytes exactly and a wrong one hard-blocks the script (would brick xlsx/charts/Supabase); correct hashes can't be generated from this environment. Self-hosting or desktop-generated SRI is the safe path and is left as a follow-up. Validated 7/7 scripts, 2/2 styles, node --check OK. -->
<!-- BUILD V-295 2026-06-18 — FACE ID / BIOMETRIC UNLOCK (WebAuthn) on top of the V-294 inactivity lock. Built on V-294. On an installed PWA, navigator.credentials triggers the device's native Face ID / Touch ID / passcode. (1) SETTINGS: new "Face ID / biometric unlock" row (#faceid-section, shown only when supported + signed in) with an Enable/Disable toggle (window.faceidEnrol / faceidDisable); faceidRefreshUI() syncs label+status and is called from renderAccountSection(). Enrol uses navigator.credentials.create with a platform authenticator, userVerification:'required'; only the returned credential ID is stored in localStorage, namespaced per user email (pr_faceid_cred_<email>) so a shared device keeps users separate. (2) LOCK SCREEN: new "Unlock with Face ID" button (#lock-faceid-btn) shown above the password only when enrolled; lockNow() reveals it and auto-prompts after 300ms; window.faceidVerify runs navigator.credentials.get and on success clears the lock exactly like a correct password. Password unlock ALWAYS remains as fallback; "Sign out instead" still present. TRUST MODEL (documented in code): biometric + key never leave the device; an assertion proves "same enrolled person, same device" which authorises RESUMING an already-established session — same thing the password unlock proves. It is NOT a server re-auth and NOT first login; first sign-in on a device still uses password + email OTP. Enrolment is per-device, re-done if PWA storage is cleared or on a new phone. Graceful fallbacks when WebAuthn/platform authenticator unavailable. No DB or profit/trip/compliance logic touched. Validated 7/7 scripts, 2/2 styles, node --check OK. -->
<!-- BUILD V-296 2026-06-18 — SYNC VISIBILITY FIX: the "working location won't show on the phone" issue was NOT a sync failure — the pull was working; the location (Clos du Fort, a 'council' type) was being hidden by the per-device TYPE FILTER. On a fresh device / after a sign-out that cleared local state, selectedTypes had no saved value and fell back to the initial ['park'] only, so every non-park type (council, retirement-home, housing-assoc, chalet, house) was silently filtered out of Locations/Near/counts — making a real working location look missing. FIX (1): when NOTHING is saved in localStorage for the type filter, default to ALL types (park, retirement-home, chalet, council, housing-assoc, house) instead of park-only, and persist it. A fresh sign-in now shows everything; the user narrows down from the chips if they want. FIX (2): a failed or held-back cloud pull no longer leaves a stale "Synced N mins ago" line (that silent failure is what made this hard to diagnose). On pull failure the status now says "Couldn't load from cloud — tap Settings → Load from cloud to retry" + a toast; the dirty-guard branch likewise tells the user to use Load from cloud. No DB changes; no profit/trip/compliance logic touched. Built on V-295. Validated 7/7 scripts, 2/2 styles, node --check OK. NOTE (unrelated, still outstanding): RESEND_API_KEY needs restoring in Supabase Edge Function secrets — new-device OTP emails + branded emails won't send until then (Lorri's current device was manually trusted in user_devices as a stopgap). -->
<!-- BUILD V-297 2026-06-18 — "WORKING ALWAYS SHOWS": a park you're currently working (status in_progress) can no longer be hidden by the Locations type filter, colour filter, or source filter. visibleParks() now lets any in_progress park bypass those filters entirely, so an unselected type chip (e.g. Council deselected) can never make a working location disappear — the exact thing that made Clos du Fort look "lost" on the phone. Working parks STILL respect an explicit status-tab choice (To-do / Done) and an active text search, so deliberate filtering still behaves as asked. Belt-and-braces on top of V-296's all-types default + honest pull-fail status. No DB changes; no profit/trip/compliance logic touched. Built on V-296. Validated 7/7 scripts, 2/2 styles, node --check OK. -->
<!-- BUILD V-298 2026-06-18 — WORKING TAB COUNT FIX (follow-up to V-297). V-297 made in_progress parks always show in the list regardless of type filter, but updateCounts() still counted working parks only within the selected types — so the list showed a WORKING park while the Working tab badge said 0. Now the Working count = ALL in_progress parks regardless of type filter (matches visibleParks), and the All count includes any working park the type filter would otherwise exclude (so All ≥ Working always holds). To-do and Done counts stay type-scoped, consistent with those tabs respecting the type filter. No DB changes; no profit/trip/compliance logic touched. Built on V-297. Validated 7/7 scripts, 2/2 styles, node --check OK. -->
<!-- BUILD V-299 2026-06-18 — LOCK DOWN "CLEAR ALL" + RESET. (1) ROLE-GATED UI: the "Clear everything / Clear all" and "Reset to seed data" rows are now hidden from everyone except superadmin (reset-seed-row + clear-all-row default display:none; revealed only when authedProfile.role==='superadmin' in renderAccountSection). Salesmen and admins never see them. (2) CLEAR ALL HARD-GATED: even for a superadmin, Clear all now runs _clearAllGuarded() which requires, every time and mandatorily — (a) confirm, (b) re-enter account PASSWORD (verified via sbClient.auth.signInWithPassword), (c) a FRESH email OTP (otpSendCode → otpVerifyCode). Any failure/cancel aborts. (3) LOCAL-ONLY, NEVER WIPES THE DB: the old Clear all set state.dirty=true and pushSync() — i.e. it PUSHED the wipe to the cloud. That is removed. Clear all (and Reset) now clear only this device's local view (overlays/deals/local statuses) and RE-PULL from the cloud, so the Supabase database is always the source of truth and can never be emptied from the app. Reset is likewise superadmin-only and local-only. No DB schema changes. Built on V-298. Validated 7/7 scripts, 2/2 styles, node --check OK. -->
<!-- BUILD V-300 2026-06-18 — FINANCIALS: wider on desktop + per-total info markers. (1) WIDER VIEW: the Financials (stats) modal now uses a new .modal-wide class — full-width on phones as before, but widening to 860px ≥700px and 1000px ≥1000px so it's properly readable on a desktop/Mac. Only the Financials modal is affected; all other modals keep the 520px cap. (2) "?" INFO MARKERS: a small tappable "?" now sits next to every total — Combined profit, JV 50/50 split, unsold-gold flag, Gold sales, Silver, Watches, Other items, Turnover, COGS, Expenses, and Stock on hand. Tapping one opens a small popover (#fin-info-pop) explaining in 1–2 plain-English sentences exactly where that figure comes from. Text lives in the FIN_INFO dictionary (easy to edit); finInfo(key) emits each marker; one delegated capture-phase click handler opens/positions/closes the popover and stops the click from triggering the category-row expanders. Popover auto-flips above the marker if it would overflow the bottom. No data, sync, or calculation changes — display only. Built on V-299. Validated 7/7 scripts, 2/2 styles, node --check OK. -->
<!-- BUILD V-301 2026-06-18 — "FORCE RE-LOGIN" superadmin control in User Management. Adds a "Force re-login" button on each user row (rendered ONLY for superadmins, and never on your own row) in the admin-users modal. adminForceRelogin() confirms, then calls the admin-users edge function with a new action 'force_relogin' (user_id), which server-side (service-role) (1) revokes the user's Supabase session/JWT via auth.admin.signOut(userId,'global') and (2) deletes their user_devices rows so their NEXT login needs a fresh email OTP, not just a password. RLS deliberately blocks the app's own JWT from touching other users' sessions/devices (user_devices has only a self-scoped SELECT policy), so this MUST run in the edge function. The button degrades honestly: if the function doesn't yet have the force_relogin action it shows a clear error telling the superadmin the function needs updating (rather than silently pretending). REQUIRES adding the force_relogin action to the admin-users edge function — code provided in admin-users_force_relogin_SNIPPET.md. App side is display/dispatch only; no DB migration. Built on V-300. Validated 7/7 scripts, 2/2 styles, node --check OK. -->
<!-- BUILD V-302 2026-06-18 — SECURITY PATCHES (items 3 & 4 of the 5-point list). (3) REMOVED THE LEGACY PIN: deleted the dead `const DEFAULT_PIN` constant AND the old hidden "Invite a teammate" settings row whose Share button still embedded the same PIN string in the HTML source. The PIN no longer appears anywhere in the file (grep-verified 0). PIN auth was already replaced by email/JWT login long ago; this just scrubs the leftover string. (4) ADDED A CONTENT SECURITY POLICY: meta-tag CSP + X-Content-Type-Options:nosniff + referrer policy in <head>. Pragmatic policy — keeps 'unsafe-inline'/'unsafe-eval' (the app is single-file inline JS/CSS and some libs need eval), but restricts script-src to our known CDNs only (jsdelivr/sheetjs/unpkg/cdnjs), connect-src to our known APIs (supabase, postcodes.io, nominatim, overpass x2, open-meteo x2, the CDNs), img-src to https/data/blob, and sets frame-ancestors 'none' (anti-clickjacking) + base-uri/form-action 'self'. This meaningfully cuts XSS blast radius (no attacker-hosted script injection, no embedding) without breaking the app. Origins were inventoried directly from the file so nothing legitimate is blocked. NOTE: DB side (done live, not in this file) — revoked anon EXECUTE on is_admin/is_superadmin/is_accountant/auth_role/auth_names; confirmed RLS blocks all anon access except the deliberate event_interest insert + public metal-price read. Items 1 & 2 (publishable key, anon fallback) verified safe. Item 5 (SRI) needs the Mac — instructions provided separately. Built on V-301. Validated 7/7 scripts, 2/2 styles, node --check OK. -->
<!-- BUILD V-303 2026-06-20 — UI FIX: Fuel (Leaflet) map bleeding through the More sheet on desktop. The More/burger sheets sat at z-index 60/61, but Leaflet establishes its own stacking (panes up to ~700, controls up to ~1000), so an open map view painted ON TOP of the More menu grid. Fix: raised .more-backdrop to z-index 4000 and .more-sheet to 4001 (both the More sheet and the burger sheet use these classes, so both are fixed), and added a belt-and-braces cap forcing .leaflet-container/.leaflet-control/.leaflet-top/.leaflet-bottom to z-index 400 so Leaflet can never exceed the sheets. Display/stacking only — no JS, data, or calculation changes. Built on V-302. Validated 7/7 scripts, 2/2 styles, node --check OK. -->
<!-- BUILD V-304 2026-06-20 — AUTO CLOCK-OUT so forgotten clock-outs stop logging 0h. Root cause of the "Trip 15 shows 0.0h" issue: sessions were clocked IN but never clocked OUT, so end_time stayed null and worked_hours computed 0. (The 12 historical Trip 14/15 sessions were repaired separately in the DB with an estimated 19:00 end + 30-min lunch, each tagged in notes.) NEW SAFETY NETS in the app: (A) HARD 20:00 CUTOFF — autoCloseStaleSessions() runs after every time-data load and force-closes any still-open session: a PAST day left open is closed at 20:00; today's open session is closed at 20:00 once the clock passes it. Guards against a start after 20:00 (won't make negative hours). (B) GPS HEURISTIC — maybeAutoCloseByGps() fires on a fresh device location (hooked into the Near "pin here" + weather location getters); if it's between 19:30 and 20:00 and an active salesman has an open session, it closes the session at the current time (assumed finished/headed home). 20:00 remains the guaranteed backstop since the GPS trigger only fires while the app is open. Every auto-close tags the session note so it's clear the end time was automatic. No change to the hours maths or the manual clock in/out. Built on V-303. Validated 7/7 scripts, 2/2 styles, node --check OK. -->
<!-- BUILD V-305 2026-06-20 — MORE SHEET REORGANISED INTO CATEGORIES. The More grid had ~28 ungrouped tiles and was overcrowded. Restructured into labelled category sections (.more-grid.more-categorised → vertical stack of .more-cat blocks, each with a .more-cat-label divider heading + its own 4-col .more-cat-tiles grid; 3-col on narrow phones). Quick actions (Add a deal [green], Add a location) pinned at top. Categories: CLIENT RELATIONS (Deals, Clients, Receipts, Call-Backs); ON THE ROAD (Weather, Fuel, Food & Stops, Translate, Website); FIELD OPS (Competition, My Route, Time, Tasks, Hotspots); TEAM & TRADE (Team, Chat, RS Rates, Stock, Melt & sell, Spot); TOOLS & RESEARCH (Market Lookup, Collectables, Auth Check, Valuations, Gadgets); COMPLIANCE (AU) (AML Register, Refinery) — whole section hidden outside Australia via new .au-only-block helper wired into the body.country-au CSS. Every tile keeps its exact icon, data-tab, badge and onclick handler — purely a layout/grouping change, no JS or tab logic touched. (Burger menu left as-is.) Built on V-304 (auto clock-out). Validated 7/7 scripts, 2/2 styles, node --check OK. -->
<!-- BUILD V-306 2026-06-20 — USA + CANADA added as full country sides (mirrors AU exactly; UK untouched). DB (done live): widened all 23 country CHECK constraints from {UK,AU} to {UK,AU,US,CA} (widening an allow-list never invalidates existing rows); added parkroute_sync rows id=3 'US' and id=4 'CA' (both empty — NO UK/AU locations copied in; US/CA start blank for later scraping). APP: (1) country helpers — added isUS()/isCA()/isDollar()/usesKm(); curSym() now '$' for AU/US/CA, '£' UK; distance km for AU+CA, miles for UK+US; syncRowId() maps UK=1/AU=2/US=3/CA=4. (2) setCountry() accepts US/CA, sets one of four body classes country-uk/au/us/ca; bootApp() honours a stored US/CA. (3) CSS — JV-only UI hidden for US/CA too (single-entity, no Capsa/UKJE split); amount-input '$' prefix for US/CA; uk-only hidden outside UK. (4) SETTINGS SWITCHER — the old "USA·CA·NZ coming soon" placeholder replaced with active UK / AU / USA / CA buttons (the one requested UI change). (5) cross-country approvals notify now scans ALL other countries (not just UK↔AU); collectCountry() honours US/CA; mileage labels use usesKm(). COMPLIANCE: AML Register + Refinery stay AU-ONLY for now (US/CA rules to be added later, as agreed) — every .au-only element remains AU-gated. Built on V-305. Validated 7/7 scripts, 2/2 styles, node --check OK. -->
<!-- BUILD V-307 2026-06-21 — DEALS NEVER LAND IN LIMBO. Root cause of the "approved Lewis's deal but it's on no trip" issue (Julie Miller £200): the tripId back-fill — at BOTH deal-submit time and approval-decision time — only worked if the deal's park was already listed in some trip's parkIds array. When the park wasn't linked to a trip (or state.trips was stale on the deciding device), tripId stayed null and the deal approved into limbo, showing on no trip at all. FIX (matches how we actually work — there is realistically only ever ONE open trip): both code paths now resolve the trip in a priority chain that can never return nothing — (1) the park's own trip IF that trip is open, (2) the single OPEN trip [startDate ≤ today ≤ endDate] via the existing _activeTrip() helper — the normal "we're working it right now" case, (3) any trip listing this park (most recently started), (4) the most recently started trip overall as a last resort. Applied at submit time (openDealModal save, salesman's device with freshest trip/GPS context) AND at approval time (decideApproval, approver's device) for belt-and-braces. An auto-resolved trip is breadcrumbed on the deal (tripIdInferred / tripExists guard) so it's distinguishable from a submitted one. No DB/schema change; purely the trip-resolution logic. (The stranded Julie Miller deal itself was already placed onto Trip 16 directly in the cloud.) Built on V-306. Validated 7/7 scripts, 2/2 styles, node --check OK. -->
<!-- BUILD V-308 2026-06-21 — STOP THE SYNC-BLOB BLOAT (root-cause fix for slow Trips/loads). The UK sync blob had ballooned to ~2.5 MB, of which 2.3 MB (93%) was the parks_changed overlay — because updatePark() baked the park's ENTIRE deals array (full signature base64 included) into the overlay on EVERY park edit, even a door-knock % or rating tap. So all 288 overlays each carried duplicated deal signatures, and every load/sync/Trips-open had to pull+parse+resave 2.5 MB. FIX: (1) updatePark() no longer writes `deals` or `visits` into the overlay shape, and explicitly deletes them from any pre-existing overlay object (so legacy bloat is cleaned out as each park is next touched). The overlay now only holds the location's OWN fields (coords, name, status, notes, rating, doors, rounds, favorite). (2) mergeParks() now re-attaches each park's deals from the top-level state.deals array (the real source of truth, keyed by deal.parkId) instead of reading them from the overlay — for both canonical parks and overlay-only (manually-added) parks. Order is safe: applySyncData sets state.deals BEFORE mergeParks(). The redundant updatePark(...,{deals}) mirror calls in the deal-save/approval paths are now harmless no-ops for persistence (they only set p.deals in memory). NOTE: the live UK blob was ALSO cleaned in Supabase (2 overlay-only deals — incl. a £15k Rolex — promoted to the top-level array first, then embedded deals stripped from all 288 overlays; blob 2530 kB → 433 kB; full backup table parkroute_sync_backup_2026_06_21 kept). This build stops it ever growing back. Built on V-307. Validated 7/7 scripts, 2/2 styles, node --check OK. -->
<!-- BUILD V-309 2026-06-21 — VISIBLE "SAVING…" FEEDBACK on deal save (stops duplicate deals from repeat taps). The re-entry guard already existed (V-252: _savingDeal blocks a second save + disables the button), so the historical duplicates — two identical £40 Mrs Greer + a £20 pair, both since cleaned in the live data — predate that guard. But the only on-screen feedback was the button label changing to "Saving…", which is easy to miss on a phone, so a slow save still FELT like nothing happened → people tapped again. This build adds an unmissable, screen-blocking overlay: the instant Save is tapped, a centred "Saving deal…" card with a spinner appears over a dimmed backdrop (also physically blocks a second tap reaching the form); on success it flips to a green "Deal saved ✓" / "Sent for approval ✓" tick for ~0.8s; on failure it clears immediately and toasts "Couldn't save — please try again" so the user can retry. Plumbing: new showSaving()/doneSaving()/hideSaving() helpers + .saving-overlay CSS; saveDeal()'s _releaseSave(ok) is now success-aware; added a proper catch around the save body (previously a bare try/finally would have shown false success on a thrown error); the approval-submit path sets _asyncRelease so the synchronous finally doesn't double-fire before its async .then resolves. No data/schema change. Built on V-308. Validated 7/7 scripts, 2/2 styles, node --check OK. -->
<!-- BUILD V-310 2026-06-21 — CALLBACK LOCATION PIN. The New/Edit callback form could only record a free-text address or a searched park — no way to capture the EXACT spot you're standing so a return visit can navigate straight back. Added a pin button (📍) beside the Address field: tap it → grabs device GPS (high-accuracy), stores the coords in hidden lat/lng fields, reverse-geocodes via Nominatim (already CSP-allowed) to auto-fill the address box IF it's empty (never overwrites typed text), and shows a "📍 Pinned: lat, lng · <place>" status line. Honest failure states: permission denied / no geolocation / lookup failed all messaged clearly, and coords are still saved even if the address lookup fails. DB: added nullable callbacks.lat + callbacks.lng (double precision) — existing callbacks unaffected. Save payload now writes lat/lng (falling back to a chosen park's coords if no manual pin). Callback cards now show a "Navigate" link (Google Maps directions) whenever the callback has coordinates, using the same dir URL pattern as parks. fetchCallbacks already SELECT *, so coords round-trip automatically. No change to existing callbacks without coords. Built on V-309. Validated 7/7 scripts, 2/2 styles, node --check OK. -->
<!-- BUILD V-311 2026-06-22 — CALLBACK SAVE: stop the scary error + make offline-save real. The red "APP ERROR (promise) — Load failed" banner was firing when a callback save hit a network blip. Two problems: (a) the V-258 fatal-banner suppressor only caught JWT/auth errors, not plain network errors, so a normal connectivity drop showed the alarming full-screen banner; (b) saveCallback did a bare network write with NO local-first save or retry — so unlike deals, a failed callback could actually be lost, and the "saved on your phone" toast (which is deal-sync infrastructure) was over-promising for callbacks. FIXES: (1) the unhandledrejection handler now also preventDefaults transient NETWORK errors (Safari "Load failed", Chrome "Failed to fetch", "NetworkError", "network connection was lost", timeouts, AbortError) — these are handled gracefully so no scary banner. (2) saveCallback is now LOCAL-FIRST like deals: it merges the row into CALLBACKS.items + a localStorage cache immediately (so the callback is safe on-device and visible at once), THEN attempts the network write; on failure it pushes the row to a persistent retry queue (pr_cb_queue) instead of throwing. A 20s background loop + the window 'online' event flush the queue until every callback lands ("Callbacks synced" when done). Messaging is now honest: success → "Callback added"/"Saved"; offline → "Saved on your phone — will sync when back online" (now actually true). callbacks.lat/lng from V-310 unaffected. No schema change. Built on V-310. Validated 7/7 scripts, 2/2 styles, node --check OK. -->
<!-- BUILD V-312 2026-06-22 — OFFLINE-SAFE EVERYWHERE + never-overwrite merge keystone. Goal: every write survives a signal drop (save local, retry until WiFi/signal returns) and NO device overwrites another's work. (1) MERGE KEYSTONE: saveDeal now stamps updatedAt (+ updatedBy) on EVERY save and preserves the original createdAt on edits. The existing mergeById (newest-per-record wins, local wins exact tie, tombstones block resurrection) relies on updatedAt to order concurrent edits — without it, two people editing different deals could clobber each other. Verified with a 9-case concurrency test (two people editing DIFFERENT deals → both survive; same-deal conflict → newest wins; legacy deal with no updatedAt vs fresh edit → edit wins; tombstoned delete stays deleted). The shared parkroute_sync blob already MERGES (per-item, never whole-blob last-write-wins) via pushSync's re-pull+mergeById — this build makes the per-record timestamps reliable so that merge is airtight. (2) GENERIC OFFLINE WRITE QUEUE (queuedWrite/_opqueue): a durable localStorage-backed retry queue for the scattered direct-write tables that DON'T ride the blob. approvals (submitForApproval) now queues offline — a field deal submitted for approval can no longer be lost to a network drop ("saved on your phone — will submit when back online"); park_visits queues too. These tables are insert/append-only so there's no cross-user overwrite risk. (profiles left as-is: interactive, needs the .select() return, low conflict.) (3) UNIFIED RETRY HEARTBEAT (_flushAllQueues): one loop flushes the callback queue + the op queue + any dirty blob every 20s, on window 'online', and on app-foreground (visibilitychange) — so everything queued in the field syncs the moment signal/WiFi returns. Builds on V-311's local-first callbacks. No schema change. Built on V-311. Validated 7/7 scripts, 2/2 styles, node --check OK. -->
<!-- BUILD V-313 2026-06-29 — ADDED "BUNGALOWS" AS A LOCATION TYPE. New property_type 'bungalow' (label "Bungalows"), wired identically to the existing types (mirrors how 'house' is plumbed) across every touch point: the Locations type-filter pill (toggleTypeFilter), the location-panel multi-select type button (setPanelPropertyType), the Add-a-location dropdown option, the type-count loop, the Near tab (NEAR_TYPES + NEAR_TYPE_LABEL), the deal-park label map, the hotspot label map, the singular/plural map, the add-location typeLabel map, and ALL_PARK_TYPES (so a fresh device shows it by default). Added a distinct earthy-green type colour (.t-bungalow) for light + dark themes. DB needs no change — parks.property_type has no CHECK constraint, so 'bungalow' rows save freely; frontend remains source of truth. IMPORTANT: removed the stale one-time localStorage migration that rewrote 'bungalow' → 'retirement-home' (left over from the May 2026 rename) — with bungalow now a real separate type, that migration would have silently converted a user's Bungalows filter back to Retirement Homes on every load, so the filter could never have stuck. Bungalow is its own type, fully distinct from retirement-home. No profit/ledger/sync logic touched. Built on V-312. Validated 7/7 scripts, 2/2 styles, node --check OK. -->
<!-- BUILD V-314 2026-06-29 — CRITICAL: a saved deal can no longer be lost on cold start. ROOT CAUSE of the lost Mrs Heather Mauren £40 (signed, saved on-device, never synced, then gone after a force-quit): applySyncData only merged local deals with the cloud pull WHEN state.dirty was true. On a cold start (force-quit + reopen) state.dirty is false in fresh memory, so the boot pull took the cloud-only 'else' branch and OVERWROTE the locally-persisted-but-unsynced deals with the cloud copy — wiping Heather, who was safe in localStorage but absent from the cloud. FIX: applySyncData now ALWAYS merges the locally-PERSISTED arrays (lsGet from localStorage, which survives a restart) with the cloud via mergeById (newest-wins per id, tombstones respected) regardless of the dirty flag — so an unsynced local deal/trip/hall can NEVER be dropped by a pull. If the merge keeps anything the cloud lacked (an unsynced local deal), it flags state.dirty; boot then immediately pushSync()s so the recovered deal lands in the cloud at once instead of waiting. Verified with a 6-case test reproducing the exact Heather cold-start scenario (old code loses her / new code keeps her, still pulls cloud-side deals from the other partner, still honours deletions via tombstones). The lost £40 deal itself was re-entered directly into the cloud (under Lorri, Home Farm Park 2, no.11) — signature image could not be recovered. Also retains all prior data-safety guards (V-255 save-local-first, V-258 JWT refresh+retry, V-268 country-switch/empty-overwrite valve, V-312 per-record merge). Built on V-313. Validated 7/7 scripts, 2/2 styles, node --check OK. -->
<!-- BUILD V-315 2026-06-30 — LOCATIONS SEARCH NOW FINDS EVERYTHING (search bypasses the chips). Root cause of "typed Kings, found nothing" even though Kings Acre Halt Mobile Home Park was in the DB: visibleParks() applied the TYPE filter and the STATUS tab (To-do/Working/Done) BEFORE the text search. So a typed name was silently filtered out if (a) the park's type chip was deselected, or (b) a status tab excluded it — e.g. on the "Done" tab a brand-new park (status 'new') was dropped before the text ever matched. The search wasn't broken; an active filter was overriding it. FIX: when there's an active text query, visibleParks() now matches name/town/county across ALL parks regardless of type chips, status tab, colour or source filters — because if you're typing a name you want to find that thing, not be limited by chips you forgot were set. With no active search, all the existing filter behaviour (type chips, status tabs, working-always-shows, colour/source) is unchanged. This also fixes the same park missing from the Near map (updateMapPins uses visibleParks()), in combination with the coordinates added for Kings Acre Halt (HR4 0SF → 52.070225,-2.774399) — a park with null coordinates can never appear in Near regardless. No DB schema change. Built on V-314. Validated 7/7 scripts, 2/2 styles, node --check OK. -->
<!-- BUILD V-316 2026-06-30 — SMART EMPTY-STATES so a filter can never silently hide the park you're standing at. The recurring field confusion: the Working/Done/To-do status tab (or a type chip) hides a brand-new park (status 'new') you're physically at, and the screen just says "Nothing in range" / "No data" — making a real location look missing. FIX, both Near and Locations: when the filtered list is empty, the app now works out WHY and says so, with a one-tap fix. NEAR: if a status tab is hiding parks, it shows "No <working> parks in range — but there are N nearby on other status tabs" + a "Show all N nearby" button (calls setNearbyStatus('all')); if instead the type chip is the cause (right radius, wrong type), it says N locations of other types are nearby; only if genuinely nothing is within the radius does it fall back to the honest "drag the radius up". LOCATIONS: same logic — if a status tab is hiding everything, "No <Working> locations in this type — but there are N on other status tabs" + a "Show all N" button (new window.setStatusFilter helper). No more dead-end empty screens that make you think a park is missing when it's just filtered. NOTE: separately, Kinverdale Park (Kidderminster) was given coordinates in the DB so it appears in Near (it had none → "No location"). No schema change. Built on V-315. Validated 7/7 scripts, 2/2 styles, node --check OK. -->
<!-- BUILD V-317 2026-06-30 — SEARCH NOW RESPECTS THE TYPE CHIPS AGAIN (fixes V-315 over-correction). V-315 made an active text search bypass ALL filters so a typed park couldn't be hidden — but that went too far: with only "Parks" selected, searching "London" returned councils + housing-assoc too (e.g. Aberfeldy/Achilles/Ackroydon/Acorn Estates, which are property_type='council', showing under a Parks-only filter). FIX: a search now still matches name/town/county AND respects the selected TYPE chips (Parks search → parks only), while still bypassing the STATUS tab (To-do/Working/Done), colour rating and source filters — because the STATUS tab was the real cause of the original "typed Kings, found nothing" bug (a brand-new 'new'-status park hidden by the Done tab), not the type chip. So: type filter honoured during search; status/colour/source ignored during search; working parks still always show. No schema change. Built on V-316. Validated 7/7 scripts, 2/2 styles, node --check OK. -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<!-- V-302: Content Security Policy. Pragmatic policy for a single-file app:
     'unsafe-inline'/'unsafe-eval' are required because the app's JS and CSS are
     inline and some libs (SheetJS/Chart/jsPDF) use eval-like paths. Even so this
     is a real reduction in XSS blast radius — scripts can ONLY load from our
     known CDNs (no attacker-hosted script src), connections are restricted to
     our known APIs, and frame-ancestors 'none' blocks click-jacking/embedding.
     If you later move JS/CSS to external files, drop 'unsafe-inline' for a much
     stronger policy. Origins below match exactly what the app uses today. -->
<meta http-equiv="Content-Security-Policy" content="
  default-src 'self';
  script-src 'self' 'unsafe-inline' 'unsafe-eval' https://cdn.jsdelivr.net https://cdn.sheetjs.com https://unpkg.com https://cdnjs.cloudflare.com;
  style-src 'self' 'unsafe-inline' https://fonts.googleapis.com https://unpkg.com;
  font-src 'self' https://fonts.gstatic.com data:;
  img-src 'self' data: blob: https:;
  connect-src 'self' https://wpgqpnhzlancqvuhrrkx.supabase.co wss://wpgqpnhzlancqvuhrrkx.supabase.co https://api.postcodes.io https://nominatim.openstreetmap.org https://overpass-api.de https://overpass.kumi.systems https://api.open-meteo.com https://geocoding-api.open-meteo.com https://cdn.jsdelivr.net https://cdnjs.cloudflare.com https://cdn.sheetjs.com https://unpkg.com;
  worker-src 'self' blob:;
  frame-ancestors 'none';
  base-uri 'self';
  form-action 'self';
" />
<meta http-equiv="X-Content-Type-Options" content="nosniff" />
<meta name="referrer" content="strict-origin-when-cross-origin" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
<meta name="app-version" content="v318-2026-07-06" />

<!-- App name (browser tab + Add-to-Home-Screen default) -->
<title>Jewellery RoadShow</title>
<!-- Apply saved theme (light/dark) before first paint to avoid a flash. -->
<script>
  (function(){
    // GLOBAL ERROR TRAP — shows the real error on screen instead of a silent
    // freeze/blank. Critical for diagnosing "won't load" on a device with no
    // console. Banner is tappable to dismiss.
    function _showFatal(kind, msg, src, line, col, stack){
      try {
        var b = document.getElementById('_fatal-err');
        if (!b) {
          b = document.createElement('div');
          b.id = '_fatal-err';
          b.style.cssText = 'position:fixed;left:0;right:0;top:0;z-index:2147483647;background:#7a0000;color:#fff;font:12px/1.4 -apple-system,monospace;padding:10px 12px;max-height:55vh;overflow:auto;white-space:pre-wrap;box-shadow:0 2px 10px rgba(0,0,0,.4);';
          b.addEventListener('click', function(){ b.style.display='none'; });
          (document.body || document.documentElement).appendChild(b);
        }
        b.style.display='block';
        b.textContent = 'APP ERROR (' + kind + ') — tap to hide\n' + (msg||'') +
          (src ? ('\n@ ' + String(src).split('/').pop() + ':' + (line||'?') + ':' + (col||'?')) : '') +
          (stack ? ('\n\n' + String(stack).split('\n').slice(0,6).join('\n')) : '');
      } catch(_){}
    }
    window.addEventListener('error', function(e){
      _showFatal('error', e && e.message, e && e.filename, e && e.lineno, e && e.colno, e && e.error && e.error.stack);
    });
    window.addEventListener('unhandledrejection', function(e){
      var r = e && e.reason;
      var msg = (r && (r.message || r)) || 'unhandled rejection';
      // V-258: JWT/auth errors are handled gracefully (deal kept locally + auto
      // retry), so DON'T show the alarming red full-screen fatal banner for them.
      if (/JWT|expired|PGRST303|401|403|exp.*claim|refresh.*token|23505|duplicate key/i.test(String(msg))) {
        try { e.preventDefault && e.preventDefault(); } catch(_){}
        return;
      }
      // V-311: transient NETWORK errors (offline, dropped connection, request
      // abort) are also handled gracefully — writes save locally and auto-sync
      // when back online (the calm "Saved on your phone…" toast already tells the
      // user). So suppress the scary red banner for these too; it was alarming
      // people over a normal connectivity blip. Covers Safari "Load failed",
      // Chrome "Failed to fetch", "NetworkError", "network connection was lost",
      // "timed out", and AbortError.
      if (/Load failed|Failed to fetch|NetworkError|network connection|connection was lost|timed? ?out|ERR_NETWORK|ERR_INTERNET|The Internet connection|offline|AbortError|aborted/i.test(String(msg))) {
        try { e.preventDefault && e.preventDefault(); } catch(_){}
        return;
      }
      _showFatal('promise', msg, '', '', '', r && r.stack);
    });
    window._showFatal = _showFatal;
  })();
  (function(){
    try {
      var t = localStorage.getItem('pr_theme');
      if (t === 'dark') document.documentElement.classList.add('dark');
    } catch (e) {}
  })();
</script>
<!-- BUILD: V-248 — TRIPS TAB STRIPPED to just trips, per spec. REMOVED from the Trips tab entirely: the Recent-activity block (scanned/sorted the parks array), the Hall events block (scanned state.halls), and the Melt & sell block (scanned state.meltBatches) — all three ran on every Trips render and every filter/search tap, and none belong on Trips. Also removed the now-dead recent-activity cache build and filteredRecent filter, so the Trips tab no longer touches the parks array at all. Trips now shows: trip number, dates, locations/deals count, status — 3 most recent (Load more +3). Halls + Melt & sell remain accessible from their own places. Inside a trip, deals/receipts/photos still load only on tap (unchanged). Error trap retained. Validated 7/7 scripts, 2/2 styles, node --check OK.
     V-247 — 3-trip cap + lighter recent scan. V-246 — error trap. V-245 — receipts lazy-load.
     V-207 — Removed ALL pictorial emoji app-wide per user directive ("I DON'T WANT EMOJI IN THE APP EVER"). Built a single shared icon library at the top of the main IIFE: window.icoSvg(name,size,color) + window.ico() + ICO_PATHS (50+ matched line-icons) + full weather set. Converted weather codes to icon NAMES; replaced emoji across header/settings/deal/receipt/chat/competitors/hotspots/trips/planner/callbacks/stock/financials/JV/expenses/AI-panel/new-trip-hall-chooser/fuel+food map pins/SOS markers/accountant nav lock badge (CSS mask); stripped emoji from toast/alert/notification text. Typographic marks (★✓✕→•◆◌‹›) intentionally kept. Frontend-only.
     V-206 (UI polish + a real bug fix. (1) BUG: RS Rates "Set rate"/"Edit" did nothing — the RS module called a hall-scoped sym() that wasn't in its closure, so renderRsRates() threw on entering edit mode. Swapped all RS sym() → curSym() (global). Set rate now opens the form. (2) Food & Stops: replaced all emojis (🍽☕🍔🚻) with app-style inline-SVG line icons via new shared icoSvg()/ICO_PATHS helper; segment buttons restacked (icon over label, ellipsis) so "Restaurants" no longer overflows; list rows + map pins use the icons; removed the "handy on long runs in AU/USA/CA/NZ" line. (3) Valuations: camera/album emojis (📷🖼) → SVG icons; hall-screen "Roadshow rate" 💷 → coin icon. (4) RS Rates More-menu icon is now the £€$ glyph. (5) Auth Check: removed the "(up to 4)" label and the 4-photo cap — now unlimited like Valuations. (6) Audited the file: confirmed no other out-of-scope sym()/esc()/uid() calls (the 25k-line hall/financials module defines its own sym() and is unaffected); pre-existing weather/chat/deal emojis left as-is by design. Validated 7/7 scripts, 2/2 styles, node --check OK.) · V-205 (Auth Check now shows a "Recent checks" history below the form. authLoadHistory pulls the latest 60 auth_checks rows for the country (newest first); each card shows item type, date, who ran it, a feedback badge (Correct/Wrong/Maybe/No verdict), the typed details and a truncated AI opinion. Tap a card (authToggleHist) to expand the full opinion + lazy-loaded item photos (signed URLs); Refresh button reloads. A new check is unshifted into the list the moment it saves, and giving a yes/no/maybe verdict updates its badge live. Loads on first open of the tab.) · V-204 (Valuation email template. Deployed a proper 'valuation' branch in the send-email edge function (v3): branded certificate email — header band, reference/date/valued-by rows, an itemised table (desc + metal/carat/weight + per-item value), a green TOTAL VALUATION box, valuation fee line, basis-of-valuation block, and the standard disclaimer; PDF certificate attached; reply-to + footer now show www.jewelleryroadshow.com · info@jewelleryroadshow.com. App side: sendValuationEmail now sends itemsList (structured rows), valuer, fee and basis so the template renders fully. Previously kind:'valuation' fell through to the booking template.) · V-203 (Valuations refinements. (1) Admin/superadmin no longer need approval — their valuations auto-issue as 'approved' on save (autoApprove via isAdminUser; button reads "Save & issue"). (2) Unlimited photos — removed the 4-photo cap. (3) New fields: Valuer (salesman who did it, defaults to current user) and Fee charged (val_fee) — added to the form, the DB (valuations.valuer_name + val_fee), and the PDF ("VALUED BY" + "VALUATION FEE" line under the total). (4) All item photos now embedded in the PDF as a 3-up grid (valImgToDataUrl loads each signed URL → canvas → JPEG). (5) PDF footer now shows www.jewelleryroadshow.com · info@jewelleryroadshow.com. DB columns valuer_name + val_fee already added in Supabase.) · V-202 (VALUATIONS — official item-valuation document, new tab-valuations / #valuations-view (window.renderValuations) in the More section, backed by new Supabase table public.valuations. Salesmen CREATE (status pending) via a form: customer fields, repeatable item rows (description, metal, carat/purity, weight g, spot/basis £-per-g, value), basis-of-valuation notes, up to 4 photos (camera or album, uploaded to attachments bucket prefix valuation/), and a finger/stylus client signature (self-contained pad, separate from the deal PRSig). ADMIN/superadmin (isAdminUser) sees an "Awaiting approval" group and can Approve (→ approved/issued) or Reject with a reason (→ shown to salesman, who can Edit & resubmit). Approved valuations get a branded jsPDF certificate (header band, items table with per-item basis line, green TOTAL box, basis text, signature + approved-by, disclaimer) that mirrors the receipt PDF; valPdf downloads it or emails it via the existing send-email edge function (kind:'valuation', PDF attached). Reuses loadJsPdf/_money/_fmtDate/curSym/uploadAttachment/getAttachmentUrl. Partitioned by country. REQUIRES valuations table (already created in Supabase).) · V-201 (RS RATES — Roadshow rates we pay clients in halls. New tab-rsrates / #rsrates-view (window.renderRsRates) in the More section, backed by new Supabase table public.rs_rates (1 row per country+date, prices JSONB, unique(country,rate_date), upsert via on_conflict merge-duplicates). Structured per-item fields: 9/14/18/22/24ct gold £/g, silver 925/999 £/g, full+half sovereign, krugerrand, britannia £ each, plus optional notes. ADMINS/superadmin (window.isAdminUser) get Set/Edit forms; salesmen view only. Shows today's rate card + most-recent fallback + tappable history. Today's (or latest) rate also renders READ-ONLY on the hall event screen (#hall-rs-rate card, injected after the date row in renderHallDetail; openHall calls rsEnsureLoaded then refreshes it; rsSave refreshes it live). REQUIRES rs_rates table (already created in Supabase).) · V-200 (FOOD & STOPS tab added to the More section. New tab-food / #food-view with window.renderFood. A 4-way category toggle — Restaurants / Cafés / Fast food / Toilets — plus a miles radius slider and "Find near me". Reuses the keyless OSM Overpass engine (poiFetch) from Fuel: device geolocation, nearest-first by haversine, Leaflet map (category-emoji pins + blue "You" dot) and a distance list with context chips and one-tap "Go" Google Maps directions. Switching category clears prior results+map. FOOD.map added to dark-mode repaint list. Worldwide for AU/USA/CA/NZ.) · V-199 (TWO fixes. (1) Auth Check photos: the single "Add photo" button used capture="environment" which forced the iOS camera and hid the library. Split into two buttons — "Take photo" (camera, capture attr) and "Add from album" (library, multi-select, no capture) — each with its own hidden file input feeding window.authAddImages. (2) Weather city search was wrong: it requested only count=1 so "Guernsey uk" returned Guernsey, Wyoming US. Now requests count=10 and ranks results — a typed country/territory qualifier (uk/england/scotland/wales/ireland/australia/usa/canada/nz AND Guernsey/Jersey/Isle of Man → GG/JE/IM) is the strongest signal, then population; with no qualifier it leans gently to GB (UK business). The qualifier word is stripped from the name sent to the geocoder (except island names, which ARE the place) so e.g. "Guernsey uk" now resolves to Guernsey GG, "Jersey" to Jersey JE, "Isle of Man" to IM. Result label now shows full country name.) · V-198 (FUEL tab added to the More section. New tab-fuel / #fuel-view with window.renderFuel. Adjustable miles radius slider + "Find fuel near me": uses device geolocation (or state.myLocation) then a new keyless OSM Overpass engine (poiFetch, dual-endpoint fallback) to pull amenity=fuel POIs, sorts nearest-first by haversine, and shows a Leaflet map (⛽ pins + a blue "You" dot) plus a distance-sorted list with facility chips (Shop/Toilet/Diesel/Air/Wash/ATM) and a one-tap "Go" Google Maps directions link. Works worldwide for AU/USA/CA/NZ trips. The poiFetch engine is generic and will be reused for Restaurants/Toilets next. FUEL.map added to the dark-mode repaint list.) · V-197 (auth_checks table created in Supabase — Auth Check now fully live. Also removed the Translate tile from the header burger menu so Translate lives in ONE place (the bottom More sheet) only. Auth Check remains in both menus.) · V-196 (AUTH CHECK tool added to More + burger menu. New tab-auth / #auth-view with window.renderAuth. Pick an item type (coin/hallmark/jewellery/watch/antique/medal/gemstone/other), type details, attach up to 4 photos (camera or library), and tap "Check it": window.authRun sends text + base64 images to Claude via the claude-proxy edge function (model claude-sonnet-4-6) with an expert-authenticator system prompt that returns what-it-is / authenticity assessment / things-to-verify / non-binding value. Every check is logged to our own Supabase table public.auth_checks (authSaveRecord uploads images to the attachments bucket under auth/ then inserts the row). A "Was this correct? Yes / Maybe / No" prompt (window.authFeedback) PATCHes the human verdict back (feedback/feedback_at/feedback_by) so we accumulate a labelled dataset to train on. REQUIRES running auth_checks_table.sql once in Supabase. switchTab hides floating chrome on the tab like chat/weather/translate.) · V-195 (TRANSLATE tool added to the More section + burger menu. New tab-translate / #translate-view with window.renderTranslate. Pick From/To from 27 languages (with a swap button that also flips the text), type or dictate the input, translate, and read the result aloud. Text translation routes through the existing claude-proxy edge function (model claude-sonnet-4-6, translation-only system prompt, no new API key). Speak-IN uses webkitSpeechRecognition set to the source language's BCP-47 tag (interim results stream into the textarea; mic button turns red while listening); Speak-OUT uses SpeechSynthesis set to the target language, preferring an installed matching voice. Language choices persist in localStorage(pr_tr_from/pr_tr_to). switchTab stops mic + cancels TTS when leaving the tab, and hides the floating chrome like chat/weather. Graceful fallbacks when voice APIs are unsupported.) · V-194 (Weather is now searchable by city. Added a search box at the top of the Weather tab: window.wxSearchCity geocodes any typed place via Open-Meteo's free geocoding API (geocoding-api.open-meteo.com, no key, same provider as the forecast), with a fallback to the built-in planGeocode table. The searched city is stored on WEATHER.searched, fetched in the same batched weather call, shown as a gold-accented headline card (temp/condition/rain/wind for the selected Now/Today/Tomorrow/7-day window) with a × clear button, and dropped on the map as a gold-ringed pin that the map centres on at zoom 9. Enter key submits. wxClearSearch resets to the all-UK view.) · V-193 (DARK MODE added. Round sun/moon toggle tile (#btn-theme-toggle) at the bottom of the burger menu; window.toggleTheme flips html.dark, persists to localStorage('pr_theme'), updates the menu label + iOS theme-color meta, and invalidateSize()s any open Leaflet map so dark tiles re-render cleanly. A head script applies the saved theme before first paint to avoid a flash. Full dark palette redefined under html.dark (bg/surface/text/border/primary/accent/danger all retuned for contrast — green & gold lightened so they pop on dark). Overrides added for every surface that didn't use variables: map legend, leaflet zoom buttons, heat toggle, modal sheets, popups, attribution. Maps stay usable via a tile-only invert+hue-rotate filter (pins/labels keep real colours). Tinted category/status pills (deal method/buyer, park-type, plan-type) get muted dark-tinted versions. Toast flipped (it used var(--text) which is light in dark mode). applyThemeLabel() called on init.) · V-192 (THREE overlay/floating-control bugs fixed. (1) Stuck colour-guide legend: #map-legend visibility was driven only by setView() inline-style, so leaving Parks in map mode then returning in list mode left it floating over the list. Now hard-gated to body.tab-parks via CSS, cleared on leaving Parks, and re-synced via setView(state.view) on entering Parks. (2) Duplicate/overlapping List-Map toggle on Near: the Locations .view-switch was allow-listed onto tab-nearby AND tab-planner alongside the Near tab's own .near-view-switch — now Parks-only; Near keeps .near-view-switch. (3) Floating controls covering the burger menu (couldn't tap Profile): added single-source body.overlay-open class (toggled by new window.syncOverlayState on every sheet/menu open+close) that hides the deal FAB, both List/Map toggles, the legend, heat-toggle and competitors FAB whenever any sheet/menu is open; also lowered .near-view-switch and #btn-deal-fab z-index from 1390/60 to 40 (below the sheet's 61) so they can never sit above a menu. switchTab now also closes the burger + re-syncs overlay state.) · V-191 (Quick "Add a deal" everywhere: the £+ deal action — previously only the floating FAB on Locations/Near/Route — is now also a green tile at the TOP of the bottom More sheet and the TOP of the header burger menu, so logging a deal (the most frequent action) is always one tap away from any screen. New window.moreAddDeal / window.burgerAddDeal close the sheet then call openDealModal(null,null); .more-item-deal green-fill style added.) · V-190 (UI fix: £+ deal FAB was overlapping the List/Map view-switch on the Locations/Near/Route map screens — both green, so the collision read as a colour error. Moved the FAB from right:90px/bottom:150px to right:16px/bottom:158px so it stacks cleanly ABOVE the toggle, right-aligned, with a clear gap.) · V-188 (CALLBACKS feed the Clients CRM: _buildClientList now folds every callback (contact_name/phone/email/address) into the client list, grouped by the same name+phone key as deals so a person with both deals and callbacks merges into one record. Client cards + the client modal show a 📞 callback count and last-callback date; sort considers most recent deal OR callback. renderClientsTab now loads callbacks before building; saving a callback refreshes the CRM if open. Subtitle updated to "deals and callbacks".) · V-187 (map fix + expense section patch) · earlier in git -->
<!-- Home-screen / web-app install metadata -->
<meta name="apple-mobile-web-app-title" content="Jewellery RoadShow" />
<meta name="application-name" content="Jewellery RoadShow" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="theme-color" content="#1F4733" />
<meta name="description" content="The Jewellery Road Show field CRM — locations, routes, stock and call-backs." />
<!-- App icons (upload these PNGs to the site root alongside index.html) -->
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="192x192" href="icon-192.png" />
<link rel="icon" type="image/png" sizes="512x512" href="icon-512.png" />
<link rel="manifest" href="manifest.webmanifest" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&family=Geist:wght@400;500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin="" />
<style>
  :root {
    --bg: #FAF7F0;
    --surface: #FFFFFF;
    --surface-2: #F5F1E8;
    --surface-3: #ECE5D2;
    --text: #1A1A1F;
    --text-muted: #6B6760;
    --text-light: #9E9B95;
    --border: #E5DFD2;
    --border-strong: #C8C0AB;
    --primary: #1F4733;
    --primary-hover: #163528;
    --primary-soft: #DCE6DE;
    --accent: #B8842C;
    --accent-soft: #F5E7CB;
    --danger: #A03A2D;
    --success: #2B6E4A;
    --warn: #C97F2E;
    --shadow-sm: 0 1px 2px rgba(26,26,31,.06);
    --shadow-md: 0 4px 12px rgba(26,26,31,.08);
    --shadow-lg: 0 12px 32px rgba(26,26,31,.12);
    --radius: 8px;
    --radius-lg: 14px;
    --header-h: 56px;
    --filter-h: 56px;
  }

  /* ============================================================
     DARK MODE  (toggle via the moon/sun circle in the burger menu)
     Re-defines the whole palette under html.dark so every component
     built on these variables flips automatically. Densities tuned so
     text stays high-contrast and the brand green/gold still pop.
     ============================================================ */
  html.dark {
    --bg: #14161A;            /* app background */
    --surface: #1E2126;       /* cards / sheets / inputs */
    --surface-2: #262A30;     /* secondary surface */
    --surface-3: #313640;     /* tertiary / hover */
    --text: #ECEAE4;          /* primary text (was near-black) */
    --text-muted: #A7A39A;    /* secondary text */
    --text-light: #7C786F;    /* tertiary text */
    --border: #333842;        /* hairlines */
    --border-strong: #4A4F5A; /* stronger hairlines */
    --primary: #3E9D6E;       /* brand green, lightened so it reads on dark */
    --primary-hover: #57B585; /* lighter still for headings/links on dark */
    --primary-soft: #20352B;  /* soft green fill */
    --accent: #D9A441;        /* gold, brightened */
    --accent-soft: #3A2F18;   /* soft gold fill */
    --danger: #E0685A;        /* red, lightened for contrast */
    --success: #4FB07E;
    --warn: #E0A24E;
    --shadow-sm: 0 1px 2px rgba(0,0,0,.45);
    --shadow-md: 0 4px 12px rgba(0,0,0,.5);
    --shadow-lg: 0 12px 32px rgba(0,0,0,.6);
  }
  html.dark body { color: var(--text); }

  /* --- Hardcoded white/light surfaces that don't use variables --- */
  html.dark .map-legend,
  html.dark .leaflet-bar a,
  html.dark .map-heat-toggle,
  html.dark #require-tag-modal .rtm-sheet,
  html.dark #maps-chooser .mc-sheet { background: var(--surface) !important; color: var(--text); }
  html.dark .leaflet-bar a { color: var(--text) !important; border-color: var(--border) !important; }
  html.dark .map-legend { color: var(--text); }

  /* --- Leaflet map: dark the tiles so the map still works and labels
     stay legible. Filter inverts the light OSM raster into a dark theme;
     applied to tiles only so pins/markers/popups keep their real colours. --- */
  html.dark .leaflet-tile {
    filter: invert(1) hue-rotate(180deg) brightness(0.95) contrast(0.9);
  }
  html.dark .leaflet-container { background: #1A1C20 !important; }
  html.dark .leaflet-popup-content-wrapper,
  html.dark .leaflet-popup-tip { background: var(--surface) !important; color: var(--text) !important; }
  html.dark #map, html.dark #nearby-map, html.dark #planner-map { background: #1A1C20; }

  /* --- Misc light fills that would glow in dark mode --- */
  html.dark .cmp-stars .bg { color: #3a3f49; }
  html.dark .leaflet-control-attribution { background: rgba(20,22,26,.75) !important; }
  html.dark .leaflet-control-attribution a { color: var(--text-muted) !important; }

  /* --- Tinted category/status pills: in dark mode swap the pale fills for
     muted dark-tinted versions with light text so they don't glare. --- */
  html.dark .deal-method-badge.cash,
  html.dark .deal-buyer-tag.lewis,
  html.dark .dealpark-type.t-park,
  html.dark .plan-type.t-park { background:#1F3A2C; color:#7FCBA1; }
  html.dark .deal-method-badge.cheque,
  html.dark .deal-buyer-tag.lorri,
  html.dark .dealpark-type.t-retirement-home,
  html.dark .plan-type.t-retirement-home { background:#3A2F18; color:#D9B872; }
  html.dark .deal-method-badge.transfer,
  html.dark .deal-buyer-tag.joint,
  html.dark .dealpark-type.t-housing-assoc,
  html.dark .plan-type.t-housing-assoc { background:#312B3C; color:#C2B2D6; }
  html.dark .dealpark-type.t-council,
  html.dark .plan-type.t-council { background:#22303F; color:#9FC0DD; }
  html.dark .dealpark-type.t-bungalow,
  html.dark .plan-type.t-bungalow { background:#1F3320; color:#9FD0A2; }
  html.dark .dealpark-type.t-chalet,
  html.dark .plan-type.t-chalet { background:#3A271C; color:#D8A98C; }
  html.dark .deal-method-badge.other { background:#2A2D33; color:#A7A39A; }

  /* --- Theme toggle tile in the burger menu (round sun/moon icon) --- */
  #btn-theme-toggle .theme-ico {
    display:inline-flex; align-items:center; justify-content:center;
    width:34px; height:34px; border-radius:50%;
    background: var(--surface-2); border:1px solid var(--border);
  }
  #btn-theme-toggle .theme-ico svg { width:18px; height:18px; stroke-width:2; }
  #btn-theme-toggle .theme-ico-sun { display:none; }
  html.dark #btn-theme-toggle .theme-ico-moon { display:none; }
  html.dark #btn-theme-toggle .theme-ico-sun { display:block; color: var(--accent); }
  html.dark #btn-theme-toggle .theme-ico { background:#3A2F18; border-color:#5a4a22; }

  /* The toast uses background:var(--text);color:white — in dark mode --text is
     light, which would be white-on-light. Flip it to a solid dark chip. */
  html.dark .toast { background:#2C3038; color:#ECEAE4; }

  /* ===== COMPETITORS TAB ===== */
  #competitors-view { padding: 14px 16px 120px; }
  .cmp-head h2 { font-size: 24px; color: var(--primary-hover); margin-bottom: 2px; }
  .cmp-sub { font-size: 13px; color: var(--text-muted); margin-bottom: 14px; }
  .cmp-segs { display:flex; gap:6px; background:var(--surface-2); border:1px solid var(--border); padding:4px; border-radius:12px; margin-bottom:14px; }
  .cmp-seg { flex:1; border:none; background:transparent; font-family:inherit; font-size:13px; font-weight:600; color:var(--text-muted); padding:9px 8px; border-radius:9px; cursor:pointer; transition:.18s; display:flex; align-items:center; justify-content:center; gap:6px; }
  .cmp-seg.active { background:var(--primary); color:#F4EFE2; box-shadow:var(--shadow-sm); }
  .cmp-seg .c { font-size:10px; background:rgba(0,0,0,.08); padding:1px 6px; border-radius:20px; font-weight:700; }
  .cmp-seg.active .c { background:rgba(255,255,255,.2); color:#F4EFE2; }
  .cmp-stats { display:flex; gap:8px; margin-bottom:14px; }
  .cmp-stat { flex:1; background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-lg); padding:10px 12px; }
  .cmp-stat .n { font-family:'Fraunces',serif; font-weight:600; font-size:22px; line-height:1; color:var(--primary-hover); }
  .cmp-stat .l { font-size:10px; letter-spacing:.04em; text-transform:uppercase; color:var(--text-light); margin-top:5px; font-weight:600; }
  .cmp-stat.flag .n { color:var(--warn); }
  .cmp-search { position:relative; margin-bottom:11px; }
  .cmp-search input { width:100%; border:1px solid var(--border-strong); background:var(--surface); border-radius:12px; padding:11px 13px 11px 38px; font-family:inherit; font-size:14px; color:var(--text); outline:none; }
  .cmp-search input:focus { border-color:var(--primary); box-shadow:0 0 0 3px rgba(31,71,51,.12); }
  .cmp-search svg { position:absolute; left:12px; top:50%; transform:translateY(-50%); width:16px; height:16px; stroke:var(--text-light); fill:none; stroke-width:2; }
  .cmp-chips { display:flex; gap:7px; overflow-x:auto; scrollbar-width:none; padding-bottom:2px; -webkit-overflow-scrolling:touch; }
  .cmp-chips::-webkit-scrollbar { display:none; }
  .cmp-chip { flex:0 0 auto; border:1px solid var(--border-strong); background:var(--surface); color:var(--text-muted); font-family:inherit; font-size:12.5px; font-weight:600; padding:7px 13px; border-radius:30px; cursor:pointer; white-space:nowrap; transition:.16s; }
  .cmp-chip.active { background:var(--primary); border-color:var(--primary); color:#F4EFE2; }
  .cmp-chip.toggle { border-style:dashed; }
  .cmp-chip.toggle.active { background:var(--accent); border-color:var(--accent); color:#241a06; }
  .cmp-list { margin-top:13px; }
  .cmp-card { position:relative; background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-lg); padding:13px 14px 13px 17px; margin-bottom:10px; cursor:pointer; overflow:hidden; transition:transform .14s; }
  .cmp-card:active { transform:scale(.99); }
  .cmp-card::before { content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background:var(--cmp-accent,var(--primary)); }
  .cmp-card .top { display:flex; justify-content:space-between; align-items:flex-start; gap:10px; }
  .cmp-card .nm { font-family:'Fraunces',serif; font-weight:600; font-size:16px; line-height:1.18; color:var(--primary-hover); }
  .cmp-kind { flex:0 0 auto; font-size:9.5px; letter-spacing:.05em; text-transform:uppercase; font-weight:700; padding:4px 7px; border-radius:6px; margin-top:1px; }
  .cmp-meta { display:flex; align-items:center; gap:6px; margin-top:6px; font-size:12.5px; color:var(--text-muted); }
  .cmp-meta .dot { width:3px; height:3px; border-radius:50%; background:var(--text-light); }
  .cmp-rowb { display:flex; align-items:center; gap:10px; margin-top:8px; }
  .cmp-rating { display:inline-flex; align-items:center; gap:5px; font-size:12.5px; font-weight:600; color:var(--text); }
  .cmp-stars { position:relative; font-size:13px; line-height:1; letter-spacing:1px; font-family:Arial; }
  .cmp-stars .bg { color:#E2D7BC; } .cmp-stars .fg { position:absolute; left:0; top:0; color:var(--accent); overflow:hidden; white-space:nowrap; }
  .cmp-rating .ct { color:var(--text-light); font-weight:500; }
  .cmp-flag { margin-left:auto; font-size:10px; font-weight:700; color:var(--warn); background:var(--accent-soft); padding:3px 9px; border-radius:20px; }
  .cmp-empty { text-align:center; color:var(--text-light); padding:50px 30px; font-size:14px; }
  .cmp-adv { padding:30px 22px 90px; text-align:center; }
  .cmp-adv .ic { width:60px; height:60px; margin:0 auto 16px; border-radius:16px; background:var(--accent-soft); display:flex; align-items:center; justify-content:center; }
  .cmp-adv h3 { font-size:20px; color:var(--primary-hover); margin-bottom:8px; }
  .cmp-adv p { font-size:13.5px; color:var(--text-muted); line-height:1.55; margin:0 auto 6px; max-width:300px; }
  .cmp-adv .chs { display:flex; flex-direction:column; gap:9px; margin:20px auto 0; max-width:320px; text-align:left; }
  .cmp-adv .ch { display:flex; gap:11px; align-items:center; background:var(--surface); border:1px solid var(--border); border-radius:12px; padding:12px 13px; font-size:13.5px; font-weight:600; color:var(--text); }
  .cmp-adv .ch span { font-size:12px; font-weight:500; color:var(--text-light); display:block; margin-top:2px; }
  .cmp-adv .ch .e { font-size:19px; }
  /* sheet */
  .cmp-bd { position:fixed; inset:0; background:rgba(26,26,31,.46); backdrop-filter:blur(2px); opacity:0; pointer-events:none; transition:opacity .22s; z-index:1400; }
  .cmp-bd.open { opacity:1; pointer-events:auto; }
  .cmp-sheet { position:fixed; left:0; right:0; bottom:0; margin:0 auto; max-width:560px; background:var(--bg); border-radius:20px 20px 0 0; z-index:1401; transform:translateY(101%); transition:transform .3s cubic-bezier(.32,.72,0,1); max-height:92vh; display:flex; flex-direction:column; box-shadow:var(--shadow-lg); padding-bottom:env(safe-area-inset-bottom); }
  .cmp-sheet.open { transform:none; }
  .cmp-grab { width:38px; height:4px; background:var(--border-strong); border-radius:3px; margin:10px auto 4px; flex:0 0 auto; }
  .cmp-back { display:inline-flex; align-items:center; gap:6px; background:var(--surface); border:1px solid var(--border); color:var(--primary-hover); border-radius:11px; padding:9px 14px 9px 11px; font-family:'Geist',sans-serif; font-weight:600; font-size:14px; cursor:pointer; margin:0 0 14px; box-shadow:var(--shadow-sm); -webkit-tap-highlight-color:transparent; }
  .cmp-back:active { background:var(--surface-2); }
  .cmp-back svg { width:18px; height:18px; stroke:currentColor; stroke-width:2.2; fill:none; stroke-linecap:round; stroke-linejoin:round; }
  .cmp-chan-grid { display:flex; flex-wrap:wrap; gap:8px; }
  .cmp-chan { display:inline-flex; align-items:center; gap:6px; background:var(--surface); border:1.5px solid var(--border); color:var(--text); border-radius:11px; padding:9px 13px; font-family:'Geist',sans-serif; font-weight:600; font-size:13.5px; cursor:pointer; -webkit-tap-highlight-color:transparent; transition:background .12s,border-color .12s; }
  .cmp-chan.on { background:var(--primary-soft); border-color:var(--primary); color:var(--primary-hover); }
  .cmp-chan .tick { width:16px; height:16px; border-radius:5px; border:1.6px solid var(--border-strong); display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; }
  .cmp-chan.on .tick { background:var(--primary); border-color:var(--primary); }
  .cmp-chan.on .tick svg { width:11px; height:11px; stroke:#fff; stroke-width:3; fill:none; stroke-linecap:round; stroke-linejoin:round; display:block; }
  .cmp-chan:not(.on) .tick svg { display:none; }
  .cmp-ppg { display:inline-flex; align-items:center; gap:4px; background:var(--accent-soft); color:#6b4e16; border-radius:8px; padding:3px 9px; font-size:12px; font-weight:700; font-family:'Geist',sans-serif; }
  .cmp-chan-tags { display:flex; flex-wrap:wrap; gap:5px; }
  .cmp-chan-tag { font-size:11px; font-weight:600; padding:2px 8px; border-radius:7px; background:var(--surface-2); color:var(--text-muted); }
  .cmp-sbody { overflow-y:auto; padding:10px 20px 24px; }
  .cmp-sh-kind { font-size:10.5px; letter-spacing:.06em; text-transform:uppercase; font-weight:700; }
  .cmp-sh-name { font-family:'Fraunces',serif; font-weight:600; font-size:24px; line-height:1.12; color:var(--primary-hover); margin:4px 0 8px; }
  .cmp-sh-rating { display:flex; align-items:center; gap:7px; font-size:13.5px; font-weight:600; margin-bottom:13px; }
  .cmp-sh-addr { display:flex; gap:9px; font-size:14px; color:var(--text-muted); line-height:1.45; background:var(--surface); border:1px solid var(--border); border-radius:12px; padding:11px 12px; margin-bottom:13px; }
  .cmp-sh-addr svg { flex:0 0 auto; width:17px; height:17px; stroke:var(--primary); fill:none; stroke-width:1.8; margin-top:1px; }
  .cmp-actions { display:grid; grid-template-columns:1fr 1fr 1fr; gap:9px; margin-bottom:18px; }
  .cmp-abtn { display:flex; flex-direction:column; align-items:center; gap:5px; background:var(--primary); color:#F1ECDD; border:none; border-radius:12px; padding:12px 6px; font-family:inherit; font-size:11.5px; font-weight:600; cursor:pointer; text-decoration:none; }
  .cmp-abtn.ghost { background:var(--surface); color:var(--primary-hover); border:1px solid var(--border-strong); }
  .cmp-abtn.dis { opacity:.4; pointer-events:none; }
  .cmp-abtn svg { width:18px; height:18px; stroke:currentColor; fill:none; stroke-width:1.8; }
  .cmp-sect { font-size:11px; letter-spacing:.12em; text-transform:uppercase; font-weight:700; color:var(--text-light); margin:4px 0 9px; }
  .cmp-mkt { background:var(--surface); border:1px solid var(--border); border-radius:12px; overflow:hidden; margin-bottom:18px; }
  .cmp-mrow { display:flex; align-items:center; gap:11px; padding:11px 13px; border-bottom:1px solid var(--border); font-size:13.5px; }
  .cmp-mrow:last-child { border-bottom:none; }
  .cmp-mrow .ml { font-weight:600; color:var(--text); }
  .cmp-mrow .mv { margin-left:auto; font-size:12.5px; color:var(--text-light); font-weight:500; }
  .cmp-mrow .mv.unknown { font-style:italic; }
  .cmp-mrow .mv a { color:var(--primary); font-weight:600; }
  .cmp-warn { display:inline-block; width:7px; height:7px; border-radius:50%; background:var(--accent); margin-left:auto; margin-right:4px; }
  .cmp-notes { width:100%; min-height:72px; resize:vertical; border:1px solid var(--border-strong); background:var(--surface); border-radius:12px; padding:11px 12px; font-family:inherit; font-size:14px; color:var(--text); outline:none; margin-bottom:16px; }
  .cmp-notes:focus { border-color:var(--primary); box-shadow:0 0 0 3px rgba(31,71,51,.12); }
  .cmp-rel { display:flex; gap:8px; margin-bottom:18px; }
  .cmp-relb { flex:1; border:1px solid var(--border-strong); background:var(--surface); font-family:inherit; font-size:12.5px; font-weight:600; color:var(--text-muted); padding:11px 6px; border-radius:11px; cursor:pointer; }
  .cmp-relb.on[data-v="buyer"] { background:var(--primary); border-color:var(--primary); color:#F1ECDD; }
  .cmp-relb.on[data-v="check"] { background:var(--warn); border-color:var(--warn); color:#fff; }
  .cmp-relb.on[data-v="hide"] { background:var(--danger); border-color:var(--danger); color:#fff; }
  .cmp-save { width:100%; background:var(--accent); color:#241a06; border:none; border-radius:13px; padding:14px; font-family:'Fraunces',serif; font-weight:600; font-size:15.5px; cursor:pointer; }
  .cmp-field { margin-bottom:12px; }
  .cmp-field label { display:block; font-size:11px; letter-spacing:.06em; text-transform:uppercase; font-weight:700; color:var(--text-light); margin-bottom:6px; }
  .cmp-field input, .cmp-field select { width:100%; border:1px solid var(--border-strong); background:var(--surface); border-radius:11px; padding:11px 12px; font-family:inherit; font-size:14px; color:var(--text); outline:none; }
  .cmp-fab { position:fixed; right:18px; bottom:calc(env(safe-area-inset-bottom) + 76px); width:52px; height:52px; border-radius:50%; background:var(--primary); color:#F1ECDD; border:none; font-size:26px; box-shadow:var(--shadow-lg); display:flex; align-items:center; justify-content:center; z-index:1390; cursor:pointer; }
  body:not(.tab-competitors) .cmp-fab { display:none; }

  * { box-sizing: border-box; margin: 0; padding: 0; }
  html, body { height: 100%; background: var(--bg); overscroll-behavior: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
  body {
    background: var(--bg);
    color: var(--text);
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 15px;
    line-height: 1.5;
    overflow: hidden;
  }
  h1, h2, h3, h4 { font-family: 'Fraunces', Georgia, serif; font-weight: 500; letter-spacing: -0.01em; }
  button { font-family: inherit; cursor: pointer; border: none; background: none; color: inherit; }
  input, textarea, select { font-family: inherit; font-size: inherit; color: inherit; }
  a { color: var(--accent); text-decoration: none; }
  a:hover { text-decoration: underline; }

  /* ==== APP SHELL ==== */
  #app { display: flex; flex-direction: column; height: 100dvh; }

  /* HEADER */
  header.topbar {
    border-bottom: 1px solid var(--border);
    background: var(--surface);
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    position: relative;
    z-index: 5;
    /* In standalone (Add-to-Home-Screen) the webview runs edge-to-edge under the
       iOS status bar / Dynamic Island; this pushes the bar's content clear of it,
       while the bar's own background fills the area behind the status bar. */
    padding-top: env(safe-area-inset-top);
  }
  .topbar-row1 {
    height: 56px;
    padding: 0 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .brand {
    display: flex; align-items: center; gap: 10px;
  }
  .brand-mark{width:38px;height:38px;border-radius:8px;background:#1F4733 url('data:image/png;base64,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') center/72% no-repeat;flex-shrink:0;box-shadow:var(--shadow-sm)}
  .brand-name {
    font-family: 'Fraunces', serif;
    font-size: 19px; font-weight: 600;
    letter-spacing: -0.01em;
  }
  .brand-name em { font-style: italic; font-weight: 400; color: var(--text-muted); }

  /* ===== HOTSPOTS TAB ===== */
  #hotspots-view { padding:14px 16px 120px; }
  .hs-query { background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-lg); padding:13px 14px; margin-bottom:14px; }
  .hs-lab { display:block; font-size:10px; text-transform:uppercase; letter-spacing:.05em; color:var(--text-light); font-weight:700; margin-bottom:5px; }
  .hs-sel { font-family:inherit; font-size:14px; font-weight:600; padding:9px 12px; border-radius:10px; border:1px solid var(--border-strong); background:var(--surface); color:var(--text); width:100%; }
  .hs-count { font-size:12px; color:var(--text-muted); font-weight:600; margin-bottom:11px; }
  .hs-card { background:var(--surface); border:1px solid var(--border); border-radius:16px; overflow:hidden; margin-bottom:11px; box-shadow:var(--shadow-sm); }
  .hs-cardhead { width:100%; border:none; background:transparent; cursor:pointer; padding:13px 14px; display:flex; align-items:center; gap:12px; text-align:left; font-family:inherit; }
  .hs-ring { position:relative; width:50px; height:50px; flex-shrink:0; }
  .hs-ringn { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-family:'Fraunces',serif; font-weight:600; font-size:16px; font-variant-numeric:tabular-nums; }
  .hs-meta { flex:1; min-width:0; }
  .hs-name { font-family:'Fraunces',serif; font-weight:600; font-size:17px; display:flex; align-items:center; gap:7px; }
  .hs-badge { font-size:9px; font-weight:700; letter-spacing:.05em; color:#fff; padding:2px 7px; border-radius:20px; }
  .hs-sub2 { font-size:12px; color:var(--text-muted); display:block; margin-top:3px; }
  .hs-chev { color:var(--text-light); font-size:18px; transition:.2s; }
  .hs-chev.o { transform:rotate(90deg); }
  .hs-detail { border-top:1px solid var(--border); padding:14px; background:var(--surface-2); }
  .hs-bar { margin-bottom:9px; }
  .hs-bar-empty { opacity:0.45; }
  .hs-bar-empty .hs-barlab span:last-child { font-style:italic; font-weight:500; }
  .hs-barlab { display:flex; justify-content:space-between; font-size:12px; color:var(--text-muted); font-weight:600; margin-bottom:3px; font-variant-numeric:tabular-nums; }
  .hs-bartrk { height:7px; background:var(--surface); border-radius:20px; overflow:hidden; }
  .hs-barfil { height:100%; border-radius:20px; transition:width .4s; }
  .hs-h { font-size:10px; text-transform:uppercase; letter-spacing:.05em; color:var(--text-light); font-weight:700; margin:13px 0 7px; }
  .hs-why { font-size:13px; color:var(--text); line-height:1.5; }
  .hs-locs { display:flex; flex-direction:column; gap:6px; }
  .hs-loc { display:flex; align-items:center; gap:9px; background:var(--surface); border:1px solid var(--border); border-radius:10px; padding:8px 11px; }
  .hs-dot { width:11px; height:11px; border-radius:3px; flex-shrink:0; }
  .hs-locn { flex:1; font-size:13px; font-weight:500; }
  .hs-loctag { font-size:10px; color:var(--text-muted); background:var(--surface-2); padding:2px 7px; border-radius:20px; font-weight:600; }
  .hs-locr { font-size:11px; font-weight:600; }
  .hs-empty { font-size:12px; color:var(--text-light); font-style:italic; }
  .hs-foot { font-size:11px; color:var(--text-light); line-height:1.5; padding-top:10px; margin-top:6px; border-top:1px solid var(--border); }
  /* Hotspots: search + geo + type filter chips + clickable location rows */
  .hs-search-wrap { position:relative; margin-bottom:9px; }
  .hs-search-wrap input { width:100%; height:40px; padding:0 12px 0 36px; border:1px solid var(--border-strong); border-radius:10px; font-family:inherit; font-size:14px; background:var(--surface); color:var(--text); box-sizing:border-box; }
  .hs-search-wrap svg { position:absolute; left:11px; top:50%; transform:translateY(-50%); width:16px; height:16px; color:var(--text-light); }
  .hs-geo-btn { display:inline-flex; align-items:center; justify-content:center; gap:7px; width:100%; height:40px; border:1px solid var(--primary); background:var(--primary); color:#fff; border-radius:10px; font-family:inherit; font-size:13px; font-weight:600; cursor:pointer; margin-bottom:9px; }
  .hs-geo-btn.ghost { background:var(--surface); color:var(--primary); }
  .hs-geo-btn svg { width:16px; height:16px; }
  .hs-typerow { display:flex; gap:6px; overflow-x:auto; padding-bottom:2px; margin-bottom:2px; -webkit-overflow-scrolling:touch; }
  .hs-typerow::-webkit-scrollbar { display:none; }
  .hs-typebtn { flex-shrink:0; height:32px; padding:0 13px; border-radius:18px; border:1.5px solid var(--border); background:var(--surface); color:var(--text); font-size:12.5px; font-weight:600; cursor:pointer; font-family:inherit; white-space:nowrap; }
  .hs-typebtn.active { border-color:var(--primary); background:var(--primary); color:#fff; }
  .hs-loc.clickable { cursor:pointer; transition:transform .12s, box-shadow .12s; }
  .hs-loc.clickable:active { transform:scale(0.99); }
  .hs-loc-open { flex-shrink:0; width:30px; height:30px; border-radius:8px; border:none; background:var(--primary); color:#fff; display:inline-flex; align-items:center; justify-content:center; cursor:pointer; }
  .hs-loc-open svg { width:15px; height:15px; }

  /* Spot Price tab animations */
  @keyframes spotPulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.5; transform: scale(1.15); } }
  @keyframes spotSpin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
  .topbar-actions { display: flex; gap: 4px; align-items: center; }
  .icon-btn {
    width: 38px; height: 38px;
    border-radius: 8px;
    display: inline-flex; align-items: center; justify-content: center;
    color: var(--text-muted);
    transition: background .15s, color .15s;
  }
  .icon-btn:hover { background: var(--surface-2); color: var(--text); }
  .icon-btn svg { width: 20px; height: 20px; }

  /* ==== COUNTRY TOGGLE (UK / AU + coming-soon placeholders) ==== */
  .country-toggle {
    display: inline-flex;
    align-items: center;
    padding: 2px;
    background: var(--surface-2);
    border: 1px solid var(--border);
    border-radius: 99px;
    margin-right: 4px;
    height: 30px;
    flex-shrink: 0;
    /* On very narrow screens, let the pill scroll horizontally instead of
       overflowing the topbar. The native scrollbar is hidden for cleanliness. */
    max-width: 60vw;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .country-toggle::-webkit-scrollbar { display: none; }
  .country-toggle-btn {
    height: 24px;
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    border-radius: 99px;
    font-size: 12px;
    font-weight: 600;
    color: var(--text-muted);
    background: transparent;
    transition: background .15s, color .15s, opacity .15s;
    line-height: 1;
    border: none;
    cursor: pointer;
    font-family: inherit;
    flex-shrink: 0;
  }
  .country-toggle-btn .flag { font-size: 13px; line-height: 1; }
  .country-toggle-btn.active {
    background: var(--primary);
    color: #fff;
    box-shadow: var(--shadow-sm);
  }
  .country-toggle-btn:not(.active):not(.soon):hover { color: var(--text); }
  /* "Coming soon" variant — flag-only, subdued, tap-to-toast, never sets active. */
  .country-toggle-btn.soon {
    padding: 0 6px;
    opacity: 0.42;
    position: relative;
  }
  .country-toggle-btn.soon .label { display: none; }
  /* Also hide unclassed text spans inside .soon buttons (defensive — covers
     either markup style). The flag span stays visible. */
  .country-toggle-btn.soon > span:not(.flag) { display: none; }
  .country-toggle-btn.soon:hover { opacity: 0.7; }
  /* Collapsed coming-soon cluster: three flags tight together, one shared dot. */
  .country-toggle-btn.soon-group { padding: 0 9px 0 7px; gap: 1px; }
  .country-toggle-btn.soon-group .flag { font-size: 12px; }
  /* Tiny "soon" dot in the top-right of the flag, so it's visually obvious
     these aren't yet active without needing the label text. */
  .country-toggle-btn.soon::after {
    content: '';
    position: absolute;
    top: 1px;
    right: 1px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--accent);
    box-shadow: 0 0 0 1.5px var(--surface-2);
  }

  /* Hide UK-only joint-venture UI when a non-UK country is active.
     Single-entity outside the UK: no JV 50/50 lines, no ledger, no partners editor. */
  body.country-au .jv-only,
  body.country-us .jv-only,
  body.country-ca .jv-only { display: none !important; }

  /* AU-only / UK-only visibility. AU-only elements are hidden unless AU is the
     active country; UK-only elements hidden when AU is active. Used by the
     compliance framework (proof-of-address, AML notes, AML + Refinery tabs).
     NOTE: AU compliance stays AU-only for now — US/CA rules come later. */
  .au-only, .au-only-flex, .au-only-block { display: none !important; }
  body.country-au .au-only { display: block !important; }
  body.country-au .au-only-flex { display: flex !important; }
  body.country-au .au-only-block { display: block !important; }
  body.country-au .uk-only,
  body.country-us .uk-only,
  body.country-ca .uk-only { display: none !important; }

  /* ==== STOCK/SPOT SEGMENTED SUB-TOGGLE ==== */
  .stockspot-seg {
    display: flex;
    gap: 4px;
    padding: 4px;
    background: var(--surface-2);
    border-radius: 14px;
  }
  .stockspot-seg-btn {
    flex: 1;
    padding: 10px;
    border-radius: 10px;
    border: none;
    cursor: pointer;
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    background: transparent;
    color: var(--text-muted);
    transition: background .15s, color .15s;
  }
  .stockspot-seg-btn.active { background: var(--primary); color: #fff; box-shadow: var(--shadow-sm); }

  /* Currency-symbol swap for the deal-form amount input prefix ($ outside UK). */
  body.country-au .amount-input-wrap::before,
  body.country-us .amount-input-wrap::before,
  body.country-ca .amount-input-wrap::before { content: '$'; }

  /* FILTER BAR */
  .filterbar {
    padding: 12px 16px;
    border-bottom: 1px solid var(--border);
    background: var(--bg);
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex-shrink: 0;
  }
  .filterbar .search-wrap { width: 100%; }
  .filterbar #property-type-select { width: 100% !important; max-width: none !important; }
  .chip-row { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; }
  .chip-row::-webkit-scrollbar { display: none; }
  .chip-row .chip { flex-shrink: 0; }
  .filterbar::-webkit-scrollbar { display: none; }
  .search-wrap {
    flex: 1; min-width: 0;
    position: relative;
    display: flex; align-items: center;
  }
  .search-wrap svg {
    position: absolute; left: 12px;
    width: 16px; height: 16px;
    color: var(--text-light);
    pointer-events: none;
  }
  /* The clear (x) button's own icon must NOT be pulled to the left or made
     unclickable by the generic rule above — reset it inside the button. */
  .search-wrap button svg {
    position: static; left: auto;
    pointer-events: auto;
    color: inherit;
  }
  /* Trips search clear button: explicit, reliable styling so it always shows
     when there's text (don't rely on the flaky native search-cancel button). */
  input.search-input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; }
  #trip-search-clear {
    position: absolute; right: 8px; top: 50%; transform: translateY(-50%);
    width: 28px; height: 28px; z-index: 5;
    display: none; align-items: center; justify-content: center;
    border: none; background: var(--surface-2); color: var(--text-muted);
    border-radius: 50%; cursor: pointer; touch-action: manipulation; padding: 0;
  }
  #trip-search-clear.show { display: flex; }
  .search-input {
    width: 100%;
    height: 36px;
    padding: 0 12px 0 36px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 8px;
    outline: none;
    transition: border-color .15s, box-shadow .15s;
  }
  .search-input:focus { border-color: var(--primary); box-shadow: 0 0 0 3px rgba(31,71,51,.08); }
  .chip {
    height: 36px;
    padding: 0 14px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 8px;
    font-size: 13px;
    font-weight: 500;
    color: var(--text-muted);
    display: inline-flex; align-items: center; gap: 6px;
    white-space: nowrap;
    transition: all .15s;
  }
  .chip:hover { background: var(--surface-2); border-color: var(--border-strong); color: var(--text); }
  .chip.active { background: var(--primary); color: var(--surface); border-color: var(--primary); }
  .chip .count {
    font-size: 11px;
    background: rgba(0,0,0,.06);
    padding: 1px 6px;
    border-radius: 99px;
  }
  .chip.active .count { background: rgba(255,255,255,.18); }

  /* MAIN */
  main.workspace {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    background: var(--bg);
    position: relative;
  }
  .container { max-width: 920px; margin: 0 auto; padding: 16px; }
  /* Hide the Parks filter bar on Trips and Near me — they have their own controls */
  body.tab-trips .filterbar { display: none !important; }
  /* On Near me, keep the type chips (Parks/Retirement Homes/Council/Housing Assoc) visible
     so the user can filter, but hide search/status/colour rows which don't apply. */
  body.tab-nearby .filterbar .search-wrap,
  body.tab-nearby .filterbar .filter-toggle-row,
  body.tab-nearby .filterbar .filter-collapse,
  body.tab-nearby .filterbar .chip-row,
  body.tab-nearby .filterbar .color-chip-row { display: none !important; }
  body.tab-nearby .filterbar { padding-bottom: 8px; }
  /* Chrome (type chips / search / filters / rating) belongs only to Locations and Near.
     Hide the whole filter bar on every other tab so it doesn't bleed through. */
  body.tab-trips .filterbar,
  body.tab-team .filterbar,
  body.tab-time .filterbar,
  body.tab-calls .filterbar,
  body.tab-stock .filterbar,
  body.tab-spot .filterbar,
  body.tab-mentions .filterbar,
  body.tab-competitors .filterbar,
  body.tab-hotspots .filterbar,
  body.tab-planner .filterbar { display: none !important; }
  /* Chat & Weather are full-screen feature tabs: hide the locations chrome
     (filter bar, list/map switch, £+ deal button) so nothing overlaps. */
  body.tab-chat .filterbar,
  body.tab-weather .filterbar,
  body.tab-chat .view-switch,
  body.tab-weather .view-switch,
  body.tab-chat .fab,
  body.tab-weather .fab,
  body.tab-chat #btn-deal-fab,
  body.tab-weather #btn-deal-fab { display: none !important; }
  /* Map mode: overlay the map across the workspace, hide list views */
  body.map-mode #tab-parks,
  body.map-mode #tab-nearby,
  body.map-mode #tab-trips { display: none !important; }
  body.map-mode #map {
    display: block !important;
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    height: auto;
    z-index: 2;
  }

  /* CLUSTER */
  .cluster {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    margin-bottom: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
  }
  .cluster-head {
    padding: 16px 18px;
    display: flex; align-items: center; justify-content: space-between;
    cursor: pointer;
    user-select: none;
    transition: background .15s;
    gap: 12px;
  }
  .cluster-head:hover { background: var(--surface-2); }
  .cluster-head .title-block { min-width: 0; flex: 1; }
  .cluster-head h2 {
    font-size: 18px;
    color: var(--text);
    margin-bottom: 2px;
    display: flex; align-items: center; gap: 8px;
  }
  .cluster-head .sub {
    font-size: 12.5px;
    color: var(--text-muted);
    display: flex; align-items: center; gap: 8px;
  }
  .cluster-head .sub span { display: inline-flex; align-items: center; gap: 4px; }
  .cluster-head .progress {
    display: flex; align-items: center; gap: 10px;
    flex-shrink: 0;
  }
  .progress-ring { position: relative; width: 36px; height: 36px; }
  .progress-ring svg { transform: rotate(-90deg); }
  .progress-ring .bg-circle { stroke: var(--surface-3); fill: none; stroke-width: 4; }
  .progress-ring .fg-circle { stroke: var(--success); fill: none; stroke-width: 4; stroke-linecap: round; transition: stroke-dashoffset .4s; }
  .progress-ring .pct {
    position: absolute; inset: 0;
    display: flex; align-items: center; justify-content: center;
    font-size: 10.5px; font-weight: 600; color: var(--text);
  }
  .cluster-head .chev { color: var(--text-light); transition: transform .2s; flex-shrink: 0; }
  .cluster.collapsed .cluster-head .chev { transform: rotate(-90deg); }
  .cluster-body { border-top: 1px solid var(--border); }
  .cluster.collapsed .cluster-body { display: none; }

  /* PARK ROW */
  .park-row {
    padding: 14px 18px;
    border-bottom: 1px solid var(--border);
    display: flex; align-items: center; gap: 12px;
    cursor: pointer;
    transition: background .12s;
  }
  .park-row:last-child { border-bottom: none; }
  .park-row:hover { background: var(--surface-2); }
  .park-row.done .park-name { color: var(--text-muted); text-decoration: line-through; text-decoration-color: var(--text-light); }
  .park-row.skip { opacity: .55; }
  .park-row.skip .park-name { text-decoration: line-through; }

  .status-dot {
    width: 24px; height: 24px;
    border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
    flex-shrink: 0;
    border: 1.5px solid var(--border-strong);
    background: var(--surface);
    transition: all .15s;
  }
  .park-row[data-status="done"] .status-dot { background: var(--success); border-color: var(--success); }
  .park-row[data-status="done"] .status-dot svg { color: white; }
  .park-row[data-status="progress"] .status-dot { background: var(--accent); border-color: var(--accent); }
  .park-row[data-status="progress"] .status-dot svg { color: white; }
  .park-row[data-status="skip"] .status-dot { background: var(--text-light); border-color: var(--text-light); }
  .park-row[data-status="skip"] .status-dot svg { color: white; }
  .status-dot svg { width: 14px; height: 14px; color: transparent; }
  .park-row .info { min-width: 0; flex: 1; }
  .park-name {
    font-weight: 500;
    font-size: 15px;
    color: var(--text);
    margin-bottom: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .park-loc {
    font-size: 12.5px;
    color: var(--text-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .park-row .meta {
    flex-shrink: 0;
    text-align: right;
    font-size: 11px;
    color: var(--text-light);
    font-variant-numeric: tabular-nums;
  }
  .park-row .meta .dist { font-weight: 500; color: var(--text-muted); }
  .park-row .notes-badge {
    width: 6px; height: 6px;
    background: var(--accent);
    border-radius: 50%;
    display: inline-block;
    margin-left: 6px;
  }

  /* PARK DETAIL PANEL */
  .panel-backdrop {
    position: fixed; inset: 0;
    background: rgba(26,26,31,.4);
    backdrop-filter: blur(2px);
    z-index: 50;
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s;
  }
  .panel-backdrop.open { opacity: 1; pointer-events: auto; }
  .panel {
    position: fixed;
    bottom: 0; left: 0; right: 0;
    max-width: 540px;
    margin: 0 auto;
    background: var(--surface);
    border-radius: 16px 16px 0 0;
    box-shadow: var(--shadow-lg);
    z-index: 51;
    transform: translateY(100%);
    transition: transform .25s cubic-bezier(.4,0,.2,1);
    max-height: 88vh;
    display: flex; flex-direction: column;
  }
  .panel.open { transform: translateY(0); }
  .panel-head {
    padding: 16px 20px 12px;
    border-bottom: 1px solid var(--border);
    flex-shrink: 0;
    display: flex; align-items: flex-start; justify-content: space-between; gap: 12px;
  }
  .panel-head h2 { font-size: 21px; line-height: 1.25; margin-bottom: 4px; }
  .panel-head .panel-sub { font-size: 13px; color: var(--text-muted); }
  .panel-body { padding: 16px 20px 24px; overflow-y: auto; flex: 1; }
  .panel-body section { margin-bottom: 20px; }
  .panel-body section:last-child { margin-bottom: 0; }
  .panel-body h4 {
    font-family: 'Geist', sans-serif;
    font-size: 11.5px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--text-muted);
    margin-bottom: 8px;
  }
  .status-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; }
  .status-btn {
    height: 56px;
    border-radius: 10px;
    background: var(--surface-2);
    border: 1.5px solid transparent;
    font-size: 11.5px;
    font-weight: 500;
    color: var(--text-muted);
    display: flex; flex-direction: column;
    align-items: center; justify-content: center;
    gap: 4px;
    transition: all .15s;
  }
  .status-btn svg { width: 18px; height: 18px; }
  .status-btn:hover { background: var(--surface-3); color: var(--text); }
  .status-btn.active { background: var(--primary); color: white; border-color: var(--primary); }
  .status-btn[data-val="done"].active { background: var(--success); border-color: var(--success); }
  .status-btn[data-val="progress"].active { background: var(--accent); border-color: var(--accent); }
  .status-btn[data-val="skip"].active { background: var(--text-muted); border-color: var(--text-muted); }
  .notes-area {
    width: 100%;
    min-height: 96px;
    padding: 12px;
    background: var(--surface-2);
    border: 1px solid var(--border);
    border-radius: 10px;
    resize: vertical;
    line-height: 1.5;
    outline: none;
    transition: border-color .15s, box-shadow .15s;
  }
  .notes-area:focus { border-color: var(--primary); box-shadow: 0 0 0 3px rgba(31,71,51,.08); background: var(--surface); }
  .action-row { display: flex; gap: 8px; flex-wrap: wrap; }
  .btn {
    height: 42px;
    padding: 0 16px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    display: inline-flex; align-items: center; justify-content: center;
    gap: 8px;
    transition: all .15s;
    border: 1px solid transparent;
  }
  .btn svg { width: 16px; height: 16px; }
  .btn-primary { background: var(--primary); color: white; }
  .btn-primary:hover { background: var(--primary-hover); }
  .btn-secondary { background: var(--surface-2); color: var(--text); border-color: var(--border); }
  .btn-secondary:hover { background: var(--surface-3); }
  .btn-ghost { background: transparent; color: var(--text-muted); }
  .btn-ghost:hover { background: var(--surface-2); color: var(--text); }
  .btn-danger { background: transparent; color: var(--danger); border-color: var(--border); }
  .btn-danger:hover { background: rgba(160,58,45,.06); }
  .btn-block { flex: 1; }

  /* MAP VIEW */
  /* Map mode handled via body classes — see "MAIN" section above */

  /* Doors covered section */
  .doors-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 5px;
    margin-top: 8px;
  }
  .door-btn {
    height: 36px;
    border-radius: 8px;
    border: 1.5px solid var(--border);
    background: var(--surface);
    color: var(--text);
    font-size: 12.5px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.12s, border-color 0.12s, color 0.12s;
    font-family: inherit;
  }
  .door-btn:active { opacity: 0.7; }
  .door-btn.is-selected { background: var(--primary); color: white; border-color: var(--primary); }
  .door-btn.is-selected.full { background: #2B6E4A; border-color: #2B6E4A; }
  .doors-bar-wrap { height: 6px; background: var(--surface-2); border-radius: 3px; margin-top: 8px; overflow: hidden; }
  .doors-bar-fill { height: 6px; border-radius: 3px; background: var(--primary); transition: width 0.3s ease; }

  /* "You are here" custom marker */
  .you-are-here-marker { position: relative; }
  .you-are-here-marker .yah-pulse {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: rgba(37, 99, 235, 0.3);
    animation: yahPulse 1.6s ease-out infinite;
  }
  .you-are-here-marker .yah-dot {
    position: absolute;
    top: 6px; left: 6px;
    width: 20px; height: 20px;
    border-radius: 50%;
    background: #2563EB;
    border: 3px solid white;
    box-shadow: 0 2px 8px rgba(0,0,0,0.35);
  }
  @keyframes yahPulse {
    0% { transform: scale(0.6); opacity: 0.8; }
    100% { transform: scale(1.8); opacity: 0; }
  }

  /* Map legend overlay */
  .map-legend {
    position: absolute;
    bottom: 102px;
    left: 12px;
    background: white;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.18);
    padding: 8px 10px;
    font-size: 11px;
    z-index: 600;
    line-height: 1.6;
    max-width: 160px;
    pointer-events: auto;
  }
  .map-legend .ml-title {
    font-weight: 600;
    font-size: 10.5px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: var(--text-muted);
    margin-bottom: 4px;
    display: flex; justify-content: space-between; align-items: center;
  }
  .map-legend .ml-row { display: flex; align-items: center; gap: 6px; }
  .map-legend .ml-dot {
    display: inline-block;
    width: 10px; height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
    border: 1.5px solid white;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.2);
  }
  .map-legend.collapsed .ml-body { display: none; }
  .map-legend .ml-toggle {
    background: none; border: none; cursor: pointer;
    padding: 0 0 0 6px; font-size: 14px; color: var(--text-muted);
    line-height: 1;
  }

  /* Safety: pulse animation for unread nudge indicator */
  @keyframes pulseDot {
    0%   { transform: scale(1);   opacity: 1; }
    50%  { transform: scale(1.5); opacity: 0.7; }
    100% { transform: scale(1);   opacity: 1; }
  }
  @keyframes sosPulse {
    0%   { box-shadow: 0 0 0 0 rgba(197,48,48,0.5); }
    100% { box-shadow: 0 0 0 24px rgba(197,48,48,0); }
  }
  .safety-sos-btn {
    width: 100%;
    height: 88px;
    background: #C53030;
    color: #fff;
    border: none;
    border-radius: 16px;
    font-family: inherit;
    font-size: 28px;
    font-weight: 800;
    letter-spacing: 0.1em;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(197,48,48,0.4);
    animation: sosPulse 2s infinite;
    -webkit-tap-highlight-color: transparent;
    transition: transform 0.1s, background 0.15s;
  }
  .safety-sos-btn:active { transform: scale(0.97); background: #A02020; }
  .safety-sos-btn:disabled { opacity: 0.5; animation: none; }
  .safety-share-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--surface-2);
    padding: 14px 16px;
    border-radius: 12px;
    border: 1px solid var(--border);
    margin-bottom: 14px;
  }
  .safety-toggle-switch {
    width: 50px;
    height: 28px;
    background: var(--border);
    border-radius: 999px;
    position: relative;
    cursor: pointer;
    transition: background 0.2s;
    flex-shrink: 0;
  }
  .safety-toggle-switch::after {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 22px;
    height: 22px;
    background: #fff;
    border-radius: 50%;
    transition: transform 0.2s;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
  }
  .safety-toggle-switch.on { background: #2B6E4A; }
  .safety-toggle-switch.on::after { transform: translateX(22px); }

  /* Heat toggle chip — top right of map */
  .map-heat-toggle {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 600;
    background: white;
    border-radius: 999px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.18);
    padding: 8px 14px;
    font-size: 12px;
    font-weight: 600;
    color: var(--text);
    border: 1.5px solid white;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    -webkit-tap-highlight-color: transparent;
    user-select: none;
    transition: all .15s;
  }
  .map-heat-toggle:hover { box-shadow: 0 3px 14px rgba(0,0,0,0.22); }
  .map-heat-toggle.active {
    background: linear-gradient(135deg, #2B6E4A, #D97706, #C53030);
    color: white;
    border-color: white;
  }
  .map-heat-toggle .heat-flame { font-size: 14px; line-height: 1; }

  /* Panel "back to map" button */
  #panel-back-to-map {
    display: none;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 8px;
    height: 36px;
    padding: 0 12px;
    font-family: inherit;
    font-size: 13px;
    font-weight: 500;
    color: var(--text);
    cursor: pointer;
    align-items: center;
    gap: 6px;
    margin-right: 8px;
  }
  #panel-back-to-map svg { width: 14px; height: 14px; }
  body.from-map #panel-back-to-map { display: inline-flex; }

  /* Require-color-tag modal */
  #require-tag-modal {
    position: fixed;
    inset: 0;
    z-index: 6000;
    animation: rtmFade 0.18s ease-out;
  }
  @keyframes rtmFade { from { opacity: 0; } to { opacity: 1; } }
  #require-tag-modal .rtm-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.55);
  }
  #require-tag-modal .rtm-sheet {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: white;
    border-radius: 22px 22px 0 0;
    padding: 22px 18px calc(22px + env(safe-area-inset-bottom));
    box-shadow: 0 -8px 32px rgba(0,0,0,0.22);
    animation: rtmSlide 0.25s ease-out;
  }
  @keyframes rtmSlide { from { transform: translateY(100%); } to { transform: translateY(0); } }
  #require-tag-modal .rtm-title {
    font-family: Fraunces, serif;
    font-size: 19px;
    margin-bottom: 6px;
    text-align: center;
    color: var(--text);
  }
  #require-tag-modal .rtm-sub {
    font-size: 13px;
    color: var(--text-muted);
    text-align: center;
    margin-bottom: 18px;
    line-height: 1.4;
  }
  #require-tag-modal .rtm-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 6px;
  }
  #map { width: 100%; height: calc(100vh - 200px); min-height: 400px; background: var(--surface-2); }
  .leaflet-container { font-family: 'Geist', sans-serif; }
  /* V-303: keep Leaflet (container + its controls, which Leaflet sets up to
     z-index ~1000) below the More/burger sheets (z-index 4000/4001) so an open
     map view can never paint on top of the More menu on desktop. */
  .leaflet-container, .leaflet-control, .leaflet-top, .leaflet-bottom { z-index: 400 !important; }
  .leaflet-popup-content-wrapper { border-radius: 12px !important; box-shadow: var(--shadow-md) !important; }
  .map-popup {
    font-family: 'Geist', sans-serif;
    min-width: 180px;
  }
  .map-popup h4 { font-family: 'Fraunces', serif; font-size: 14px; margin-bottom: 2px; font-weight: 500; color: var(--text); text-transform: none; letter-spacing: 0;}
  .map-popup .pop-loc { font-size: 11.5px; color: var(--text-muted); margin-bottom: 8px; }
  .map-popup button { font-size: 11px; padding: 4px 8px; }
  .leaflet-popup-content { margin: 12px 14px !important; }

  /* VIEW SWITCH */
  .view-switch {
    position: absolute;
    bottom: 88px;
    right: 16px;
    z-index: 10;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 99px;
    box-shadow: var(--shadow-md);
    display: flex; padding: 4px;
  }
  body.tab-trips .view-switch { display: none !important; }

  /* Rating grid in park detail panel */
  .rating-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 6px;
  }
  .rating-btn {
    appearance: none;
    border: 3px solid transparent;
    border-radius: 12px;
    padding: 12px 4px 10px;
    color: white;
    font-family: inherit;
    font-size: 11px;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    line-height: 1.1;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    transition: transform 0.12s, box-shadow 0.12s, border-color 0.12s;
    min-height: 64px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    user-select: none;
  }
  .rating-btn:active { transform: scale(0.94); }
  .rating-btn .rb-check {
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: white;
    opacity: 0.85;
    position: relative;
  }
  .rating-btn .rb-label { font-size: 11px; }
  /* SELECTED state — big visible affordance */
  .rating-btn.is-selected {
    border-color: white;
    box-shadow: 0 0 0 3px #1A1A1F, 0 4px 12px rgba(0,0,0,0.25);
    transform: scale(1.03);
  }
  .rating-btn.is-selected .rb-check {
    opacity: 1;
    background: white;
  }
  .rating-btn.is-selected .rb-check::after {
    content: '';
    position: absolute;
    left: 5px;
    top: 3px;
    width: 5px;
    height: 9px;
    border: solid #1A1A1F;
    border-width: 0 2.5px 2.5px 0;
    transform: rotate(45deg);
  }
  /* Yellow button: dark dot and dark text so it's readable */
  .rating-btn[data-rating="notgreat"] .rb-check { background: #1A1A1F; opacity: 0.7; }
  .rating-btn[data-rating="notgreat"].is-selected .rb-check { background: white; opacity: 1; }

  /* Collapsible filters (status + rating) — declutters the Locations header */
  .filter-toggle-row { margin-top: 8px; }
  .filter-toggle {
    display: inline-flex; align-items: center; gap: 7px; width: 100%;
    height: 34px; padding: 0 12px; border-radius: 9px;
    border: 1px solid var(--border); background: var(--surface-2);
    color: var(--text-muted); font-family: inherit; font-size: 13px; font-weight: 600;
    cursor: pointer; box-sizing: border-box;
  }
  .filter-toggle:hover { color: var(--text); }
  .filter-toggle.open { color: var(--text); border-color: var(--primary); }
  .filter-active-dot {
    width: 7px; height: 7px; border-radius: 50%; background: var(--accent);
  }
  .filter-collapse { animation: filterFade .16s ease; }
  @keyframes filterFade { from { opacity: 0; transform: translateY(-3px); } to { opacity: 1; transform: none; } }

  /* Color filter chip row */
  .color-chip-row {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    scrollbar-width: none;
    padding: 8px 0 4px;
    margin-top: 4px;
  }
  .color-chip-row::-webkit-scrollbar { display: none; }
  .color-chip {
    flex-shrink: 0;
    height: 32px;
    padding: 0 12px;
    border-radius: 16px;
    background: var(--surface);
    border: 1.5px solid var(--border);
    font-size: 12px;
    font-weight: 500;
    color: var(--text);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    transition: all 0.15s;
  }
  .color-chip .cc-dot { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; }
  .color-chip.active { background: var(--text); color: white; border-color: var(--text); }

  /* External maps chooser sheet */
  #maps-chooser {
    position: fixed;
    inset: 0;
    z-index: 5000;
    animation: mcFade 0.2s ease-out;
  }
  @keyframes mcFade { from { opacity: 0; } to { opacity: 1; } }
  #maps-chooser .mc-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.45);
  }
  #maps-chooser .mc-sheet {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: white;
    border-radius: 22px 22px 0 0;
    padding: 22px 18px calc(22px + env(safe-area-inset-bottom));
    box-shadow: 0 -8px 32px rgba(0,0,0,0.18);
    animation: mcSlide 0.25s ease-out;
  }
  @keyframes mcSlide { from { transform: translateY(100%); } to { transform: translateY(0); } }
  #maps-chooser .mc-title {
    font-family: Fraunces, serif;
    font-size: 17px;
    margin-bottom: 6px;
    text-align: center;
    color: var(--text);
  }
  #maps-chooser .mc-sub {
    font-size: 12.5px;
    color: var(--text-muted);
    text-align: center;
    margin-bottom: 18px;
  }
  #maps-chooser .mc-btn {
    width: 100%;
    height: 52px;
    border-radius: 14px;
    font-size: 15px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 10px;
    text-decoration: none;
    border: none;
    cursor: pointer;
    font-family: inherit;
  }
  #maps-chooser .mc-apple {
    background: linear-gradient(180deg, #2a2a2e, #1a1a1f);
    color: white;
  }
  #maps-chooser .mc-google {
    background: linear-gradient(180deg, #4285F4, #1a73e8);
    color: white;
  }
  #maps-chooser .mc-cancel {
    background: transparent;
    color: var(--text-muted);
    font-weight: 500;
    margin-top: 4px;
    margin-bottom: 0;
    height: 44px;
  }
  .view-switch button {
    height: 36px; padding: 0 14px;
    border-radius: 99px;
    font-size: 12.5px; font-weight: 500;
    color: var(--text-muted);
    display: inline-flex; align-items: center; gap: 5px;
  }
  .view-switch button svg { width: 14px; height: 14px; }
  .view-switch button.active { background: var(--primary); color: white; }

  /* FAB */
  .fab {
    position: fixed;
    bottom: 20px; right: 16px;
    width: 56px; height: 56px;
    border-radius: 50%;
    background: var(--accent);
    color: white;
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 6px 20px rgba(184,132,44,.4);
    z-index: 9;
    transition: transform .15s;
  }
  .fab:hover { transform: scale(1.05); }
  .fab svg { width: 22px; height: 22px; }

  /* ===== BOTTOM APP-STYLE NAV BAR (replaces the top tab row) ===== */
  .tab-nav { display: none !important; }              /* old top tab row hidden */
  #stockspot-seg { display: none !important; }         /* Stock & Spot are separate tabs now */
  #btn-import.fab { display: none !important; }        /* floating import removed — lives in Settings */

  /* === Accountant role: read-only finance access ======================== */
  /* Fade the nav items they can't use, and tag them so it's clear why.     */
  body.is-accountant .bottom-nav-btn[data-tab="parks"],
  body.is-accountant .bottom-nav-btn[data-tab="nearby"],
  body.is-accountant .bottom-nav-btn[data-tab="planner"],
  body.is-accountant .bottom-nav-btn[data-tab="trips"] {
    opacity: 0.32; filter: grayscale(0.8); position: relative;
  }
  body.is-accountant .bottom-nav-btn[data-tab="parks"]::after,
  body.is-accountant .bottom-nav-btn[data-tab="nearby"]::after,
  body.is-accountant .bottom-nav-btn[data-tab="planner"]::after,
  body.is-accountant .bottom-nav-btn[data-tab="trips"]::after {
    content: ""; position: absolute; top: 4px; right: 50%;
    width: 10px; height: 10px; transform: translateX(50%); opacity: 0.75;
    background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E") center/contain no-repeat;
  }
  /* Hide actions an accountant must never use (edit/melt/approvals etc.) */
  body.is-accountant #btn-import,
  body.is-accountant #btn-chat-top { display: none !important; }

  /* The "No Access Rights" overlay shown when a blocked tab is tapped */
  #no-access-overlay {
    position: fixed; inset: 0; z-index: 9000;
    background: rgba(31,71,51,0.32);
    backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px);
    display: none; align-items: center; justify-content: center; padding: 28px;
  }
  #no-access-overlay.show { display: flex; }
  #no-access-overlay .na-card {
    background: var(--surface); border: 1px solid var(--border);
    border-radius: 18px; padding: 30px 26px; max-width: 320px; width: 100%;
    text-align: center; box-shadow: 0 12px 40px rgba(0,0,0,0.25);
  }
  #no-access-overlay .na-lock { font-size: 38px; margin-bottom: 10px; }
  #no-access-overlay .na-title {
    font-family: 'Fraunces', serif; font-size: 22px; font-weight: 700;
    color: var(--primary); margin-bottom: 6px;
  }
  #no-access-overlay .na-sub { font-size: 13px; color: var(--text-muted); margin-bottom: 18px; }
  #no-access-overlay .na-btn {
    background: var(--primary); color: #fff; border: none; border-radius: 10px;
    padding: 11px 20px; font-size: 14px; font-weight: 600; cursor: pointer; width: 100%;
  }
  .bottom-nav {
    position: fixed; left: 0; right: 0; bottom: 0;
    display: flex; align-items: stretch;
    background: var(--surface);
    border-top: 1px solid var(--border);
    box-shadow: 0 -2px 14px rgba(26,26,31,0.06);
    padding-bottom: env(safe-area-inset-bottom);
    z-index: 40;
  }
  .bottom-nav-btn {
    flex: 1; display: flex; flex-direction: column;
    align-items: center; justify-content: center; gap: 3px;
    padding: 8px 2px 7px;
    background: transparent; border: none;
    color: var(--text-muted); font-family: inherit;
    font-size: 10.5px; font-weight: 600; letter-spacing: 0.01em;
    cursor: pointer; -webkit-tap-highlight-color: transparent;
    touch-action: manipulation; position: relative;
    transition: color .15s;
  }
  .bottom-nav-btn svg { width: 22px; height: 22px; stroke-width: 2; transition: stroke .15s; }
  .bottom-nav-btn.active { color: var(--primary); }
  .bottom-nav-btn.active svg { stroke: var(--primary); }
  /* V-289: centre "Add deal" action — raised green circle like a banking app's + */
  .bottom-nav-deal { color: var(--primary); }
  .bottom-nav-deal .bn-deal-circle {
    width: 46px; height: 46px; border-radius: 50%;
    background: var(--primary); color: #fff;
    display: flex; align-items: center; justify-content: center;
    margin-top: -18px; box-shadow: 0 4px 12px rgba(31,71,51,0.4);
    border: 3px solid var(--surface);
  }
  .bottom-nav-deal .bn-deal-circle svg { width: 24px; height: 24px; stroke: #fff; stroke-width: 2.4; }
  .bottom-nav-deal:active .bn-deal-circle { transform: scale(0.94); }
  .bottom-nav-btn .bn-badge {
    position: absolute; top: 5px; left: 50%; margin-left: 6px;
    min-width: 16px; height: 16px; border-radius: 8px;
    background: #C53030; color: #fff; font-size: 9px; font-weight: 700;
    display: none; align-items: center; justify-content: center; padding: 0 4px; line-height: 1;
  }
  /* keep scrollable content + floating controls clear of the fixed bar */
  main.workspace { padding-bottom: calc(66px + env(safe-area-inset-bottom)); }
  .view-switch { bottom: calc(104px + env(safe-area-inset-bottom)); }

  /* ===== "MORE" SHEET ===== */
  .more-backdrop {
    position: fixed; inset: 0; background: rgba(26,26,31,0.42);
    z-index: 4000; display: none; opacity: 0; transition: opacity .2s;
  }
  .more-backdrop.open { display: block; opacity: 1; }
  .more-sheet {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 4001;
    background: var(--surface);
    border-radius: 20px 20px 0 0;
    padding: 6px 14px calc(18px + env(safe-area-inset-bottom));
    transform: translateY(110%); transition: transform .26s cubic-bezier(.22,1,.36,1);
    box-shadow: 0 -10px 34px rgba(26,26,31,0.20);
    /* Cap the height so the sheet never fills the screen, and let the tiles
       scroll inside it (with momentum) so the bottom items are reachable. */
    max-height: 82vh;
    display: flex; flex-direction: column;
    overflow: hidden;
  }
  .more-sheet.open { transform: translateY(0); }
  /* The tile grid scrolls; the grab handle + title stay pinned at the top. */
  .more-sheet .more-grid {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    flex: 1 1 auto;
    padding-bottom: 8px;
  }
  /* ===== ROLE GATING ===== */
  /* Salesmen never see Stock or Spot (finance) entry points. */
  body.role-salesman #more-stock-item,
  body.role-salesman #more-melt-item,
  body.role-salesman #more-spot-item { display: none !important; }
  /* The Approvals box only exists for admins + superadmins (also toggled in JS). */
  body:not(.is-admin) #more-approvals-item { display: none !important; }
  /* View-only banner shown to admins on finance tabs. */
  .role-banner {
    display: flex; align-items: center; gap: 8px;
    background: var(--accent-soft); color: #6b4e16;
    border: 1px solid #E8D6A8; border-radius: 10px;
    padding: 9px 12px; margin: 10px 16px 0; font-size: 12.5px; font-weight: 600;
  }
  .role-banner svg { width: 15px; height: 15px; flex: 0 0 auto; }
  /* "Restricted" red dot for disabled users in rosters. */
  .restricted-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--danger);
    box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px var(--danger); flex: 0 0 auto; }
  .restricted-pill { font-size: 10px; letter-spacing: .04em; text-transform: uppercase;
    font-weight: 700; padding: 3px 8px; border-radius: 20px; background: #F3D9D4; color: var(--danger); }

  .more-grab { width: 44px; height: 5px; border-radius: 99px; background: var(--border-strong); margin: 9px auto 10px; opacity: .6; flex: 0 0 auto; }
  /* Make the top of the sheet (handle area) an easy swipe-down / drag target. */
  .more-drag-zone { flex: 0 0 auto; padding: 8px 0 10px; cursor: pointer; }
  .more-title { font-family: 'Fraunces', serif; font-size: 17px; font-weight: 600; margin: 0 4px 8px; color: var(--text); flex: 0 0 auto; }
  .more-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 7px; }
  /* V-305: category sections inside the More sheet. .more-grid becomes a vertical
     stack of labelled groups; each group lays its tiles out in the same 4-col grid. */
  .more-grid.more-categorised { display: block; }
  .more-cat { margin-top: 14px; }
  .more-cat:first-child { margin-top: 2px; }
  .more-cat-label {
    font-size: 10.5px; text-transform: uppercase; letter-spacing: 0.08em;
    font-weight: 700; color: var(--text-muted); margin: 0 2px 7px;
    display: flex; align-items: center; gap: 8px;
  }
  .more-cat-label::after {
    content: ""; flex: 1 1 auto; height: 1px; background: var(--border);
  }
  .more-cat-tiles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 7px; }
  @media (max-width: 560px) {
    .more-cat-tiles { grid-template-columns: repeat(3, 1fr); }
  }
  .more-item {
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px;
    padding: 11px 3px; border-radius: 11px;
    background: var(--surface-2); border: 1px solid var(--border);
    color: var(--text); font-family: inherit; font-size: 10px; font-weight: 600; line-height: 1.15;
    text-align: center;
    cursor: pointer; -webkit-tap-highlight-color: transparent; touch-action: manipulation;
    transition: background .15s, border-color .15s, color .15s; position: relative;
  }
  .more-item span:not(.mi-badge):not(.theme-label) { display: block; width: 100%; overflow-wrap: break-word; hyphens: auto; }
  .more-item:hover { background: var(--bg); border-color: var(--border-strong); }
  .more-item.active { border-color: var(--primary); color: var(--primary); background: rgba(31,71,51,0.06); }
  .more-item svg { width: 20px; height: 20px; stroke-width: 2; }
  /* Primary "Add a deal" tile — green-filled so it stands out as the quick action. */
  .more-item-deal {
    background: var(--primary); border-color: var(--primary); color: #F1ECDD;
  }
  .more-item-deal:hover { background: var(--primary-hover, #1F4733); border-color: var(--primary-hover, #1F4733); color: #fff; }
  .more-item-deal svg { stroke-width: 2.2; }
  .more-item .mi-badge {
    position: absolute; top: 8px; right: 14px;
    min-width: 16px; height: 16px; border-radius: 8px; background: #C53030; color: #fff;
    font-size: 10px; font-weight: 700; display: none; align-items: center; justify-content: center; padding: 0 4px; line-height: 1;
  }
  /* ===== Team / @Mentions sub-toggle (folded into one tab) ===== */
  .team-subtoggle { display: flex; gap: 6px; padding: 12px 16px 0; }
  .team-subtoggle button {
    flex: 1; height: 34px; border-radius: 9px; font-family: inherit; font-size: 13px; font-weight: 600;
    border: 1px solid var(--border); background: var(--surface); color: var(--text-muted);
    cursor: pointer; -webkit-tap-highlight-color: transparent; touch-action: manipulation;
    display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  }
  .team-subtoggle button.active { background: var(--primary); color: #fff; border-color: var(--primary); }
  .team-subtoggle .ts-badge {
    min-width: 16px; height: 16px; border-radius: 8px; background: #C53030; color: #fff;
    font-size: 10px; font-weight: 700; display: none; align-items: center; justify-content: center; padding: 0 4px;
  }

  /* EMPTY STATE */
  .empty {
    padding: 60px 24px;
    text-align: center;
    color: var(--text-muted);
  }
  .empty-icon {
    width: 64px; height: 64px;
    background: var(--surface-2);
    border-radius: 50%;
    display: inline-flex;
    align-items: center; justify-content: center;
    margin-bottom: 16px;
    color: var(--text-light);
  }
  .empty-icon svg { width: 28px; height: 28px; }
  .empty h2 { font-size: 22px; margin-bottom: 8px; color: var(--text); }
  .empty p { font-size: 14px; max-width: 320px; margin: 0 auto 20px; line-height: 1.55; }

  /* MODALS */
  .modal-backdrop {
    position: fixed; inset: 0;
    background: rgba(26,26,31,.5);
    z-index: 100;
    display: none;
    align-items: center;
    justify-content: center;
    padding: calc(16px + env(safe-area-inset-top,0px)) 16px calc(16px + env(safe-area-inset-bottom,0px));
  }
  .modal-backdrop.open { display: flex; }
  .modal {
    background: var(--surface);
    border-radius: 14px;
    max-width: 520px;
    width: 100%;
    max-height: calc(100vh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));
    display: flex; flex-direction: column;
    box-shadow: var(--shadow-lg);
  }
  .modal-head {
    padding: 18px 20px;
    border-bottom: 1px solid var(--border);
    display: flex; align-items: center; justify-content: space-between;
    flex-shrink: 0;
  }
  .modal-head h2 { font-size: 20px; }
  .modal-body { padding: 20px; overflow-y: auto; }
  .modal-foot {
    padding: 14px 20px;
    border-top: 1px solid var(--border);
    display: flex; gap: 8px; justify-content: flex-end;
    flex-shrink: 0;
  }

  /* IMPORT DROP */
  .drop-zone {
    border: 2px dashed var(--border-strong);
    border-radius: 12px;
    padding: 32px 24px;
    text-align: center;
    background: var(--surface-2);
    transition: background .15s, border-color .15s;
    cursor: pointer;
  }
  .drop-zone:hover, .drop-zone.dragover { background: var(--accent-soft); border-color: var(--accent); }
  .drop-zone svg { width: 32px; height: 32px; color: var(--text-light); margin-bottom: 12px; }
  .drop-zone p { font-size: 14px; color: var(--text-muted); margin-bottom: 4px; }
  .drop-zone .hint { font-size: 12px; color: var(--text-light); }
  .import-progress { margin-top: 16px; font-size: 13px; color: var(--text-muted); }
  .import-progress .bar { height: 4px; background: var(--surface-2); border-radius: 99px; margin-top: 8px; overflow: hidden; }
  .import-progress .bar-fill { height: 100%; background: var(--accent); transition: width .3s; }

  /* SETTINGS */
  .setting-row {
    padding: 16px 0;
    border-bottom: 1px solid var(--border);
    display: flex; align-items: center; justify-content: space-between; gap: 16px;
  }
  .setting-row:last-child { border-bottom: none; }
  .setting-row .label { flex: 1; }
  .setting-row .label-title { font-weight: 500; margin-bottom: 2px; }
  .setting-row .label-desc { font-size: 12.5px; color: var(--text-muted); line-height: 1.4; }
  .setting-row input[type="number"] {
    width: 80px;
    height: 36px;
    padding: 0 10px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--surface);
    text-align: right;
    outline: none;
  }
  .setting-row input[type="number"]:focus { border-color: var(--primary); }

  /* TOAST */
  .toast {
    position: fixed;
    bottom: 90px; left: 50%; transform: translateX(-50%) translateY(20px);
    background: var(--text);
    color: white;
    padding: 10px 18px;
    border-radius: 99px;
    font-size: 13.5px;
    font-weight: 500;
    box-shadow: var(--shadow-lg);
    z-index: 200;
    opacity: 0;
    transition: all .25s;
    pointer-events: none;
  }
  .toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }

  /* V-309: prominent blocking "Saving…" overlay for deal save. The button-label
     "Saving…" alone was easy to miss on a phone, which led to repeat taps and
     duplicate deals. This covers the screen so it's impossible to miss and also
     physically blocks a second tap reaching the form. */
  .saving-overlay {
    position: fixed; inset: 0; z-index: 5000;
    display: none; align-items: center; justify-content: center;
    background: rgba(26,26,31,0.55); backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
  }
  .saving-overlay.show { display: flex; }
  .saving-card {
    display: flex; align-items: center; gap: 14px;
    background: var(--surface); color: var(--text);
    padding: 18px 24px; border-radius: 16px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.3);
    font-size: 16px; font-weight: 700; font-family: inherit;
  }
  .saving-card.done { color: var(--primary); }
  .saving-spinner {
    width: 22px; height: 22px; border-radius: 50%;
    border: 3px solid var(--border); border-top-color: var(--primary);
    animation: saving-spin 0.7s linear infinite; flex: none;
  }
  @keyframes saving-spin { to { transform: rotate(360deg); } }
  .saving-tick { width: 22px; height: 22px; flex: none; }

  /* New-message alert banner (slides down from the top) */
  .msg-alert {
    position: fixed;
    top: calc(8px + env(safe-area-inset-top, 0px));
    left: 50%;
    transform: translateX(-50%) translateY(-140%);
    width: calc(100% - 24px);
    max-width: 520px;
    background: var(--surface);
    border: 1px solid var(--border-strong);
    border-radius: 14px;
    box-shadow: var(--shadow-lg);
    z-index: 2000;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    cursor: pointer;
    transition: transform .28s cubic-bezier(.16,1,.3,1), opacity .2s;
    opacity: 0;
  }
  .msg-alert.show { transform: translateX(-50%) translateY(0); opacity: 1; }
  .msg-alert .ma-avatar {
    width: 38px; height: 38px; border-radius: 50%; flex-shrink: 0;
    background: #25D366; color: #fff;
    display: flex; align-items: center; justify-content: center;
    font-weight: 700; font-size: 15px;
    overflow: hidden;
  }
  .msg-alert .ma-avatar img { width: 100%; height: 100%; object-fit: cover; }
  .msg-alert .ma-body { flex: 1; min-width: 0; }
  .msg-alert .ma-name { font-weight: 700; font-size: 14px; color: var(--text); margin-bottom: 1px; }
  .msg-alert .ma-text {
    font-size: 13px; color: var(--text-muted);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  }
  .msg-alert .ma-close {
    flex-shrink: 0; border: none; background: transparent; color: var(--text-light);
    font-size: 20px; line-height: 1; padding: 4px 6px; cursor: pointer;
  }

  /* ============================================================
     PR FEEDBACK EFFECTS (V-95): track ring, done buttons,
     SPOT tap-glow + single screen flash. Theme-matched.
     ============================================================ */

  /* 1) Racing highlight ring — tracks the border edge cleanly.
        .pr-track-run runs 3 laps then stops; without it, loops forever. */
  .pr-track-ring {
    --ring-color: var(--accent, #B8842C);
    --ring-thickness: 3px;
    --ring-speed: 1.15s;
    position: relative;
    border-radius: 14px;
    isolation: isolate;
  }
  .pr-track-ring::before {
    content: '';
    position: absolute; inset: 0;
    border-radius: inherit;
    padding: var(--ring-thickness);
    /* a short bright arc on a transparent track — reads as a light on a track */
    background: conic-gradient(from var(--ring-angle, 0deg),
      var(--ring-color) 0deg,
      rgba(184,132,44,0.0) 28deg,
      rgba(184,132,44,0.0) 360deg);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor; mask-composite: exclude;
            mask-composite: exclude;
    animation: pr-track-spin var(--ring-speed) linear infinite;
    pointer-events: none; z-index: 2;
  }
  /* the comet tail — a slightly longer, fainter arc just behind the head */
  .pr-track-ring::after {
    content: '';
    position: absolute; inset: 0;
    border-radius: inherit;
    padding: var(--ring-thickness);
    background: conic-gradient(from var(--ring-angle, 0deg),
      rgba(184,132,44,0.55) 0deg,
      rgba(184,132,44,0.0) 70deg,
      rgba(184,132,44,0.0) 360deg);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor; mask-composite: exclude;
            mask-composite: exclude;
    filter: blur(1.5px);
    animation: pr-track-spin var(--ring-speed) linear infinite;
    pointer-events: none; z-index: 1;
  }
  /* 3 laps then stop */
  .pr-track-ring.pr-track-run::before,
  .pr-track-ring.pr-track-run::after {
    animation-iteration-count: 3;
    animation-fill-mode: forwards;
  }
  @property --ring-angle {
    syntax: '<angle>'; inherits: false; initial-value: 0deg;
  }
  @keyframes pr-track-spin {
    from { --ring-angle: 0deg; }
    to   { --ring-angle: 360deg; }
  }

  /* 2) Plain green "Done" badge/button — parks & trips (de-glowed for perf) */
  .pr-done-glow {
    position: relative;
    background: var(--success, #2B6E4A) !important;
    color: #fff !important;
    border: 1px solid var(--success, #2B6E4A) !important;
  }
  .pr-done-glow::before { content: none; }
  @keyframes pr-done-pulse {
    0%,100% { box-shadow: 0 0 0 1px rgba(43,110,74,.4), 0 0 10px 1px rgba(43,110,74,.45), inset 0 1px 0 rgba(255,255,255,.25); }
    50%     { box-shadow: 0 0 0 1px rgba(43,110,74,.6), 0 0 18px 3px rgba(43,110,74,.7),  inset 0 1px 0 rgba(255,255,255,.3); }
  }

  /* Full-width "Mark trip done" button in trip detail */
  .pr-trip-done-btn {
    width: 100%; height: 46px; border-radius: 10px; cursor: pointer;
    font-family: inherit; font-size: 14px; font-weight: 700;
    display: flex; align-items: center; justify-content: center; gap: 8px;
    border: 1px solid var(--success, #2B6E4A);
    background: var(--surface); color: var(--success, #2B6E4A);
    transition: .16s;
  }
  .pr-trip-done-btn.is-done {
    background: var(--success, #2B6E4A);
    color: #fff; border-color: var(--success, #2B6E4A);
  }

  /* 3) SPOT — button glow on tap */
  .pr-spot-btn { transition: box-shadow .12s ease, transform .08s ease; }
  .pr-spot-btn.pr-tapped {
    box-shadow: 0 0 0 2px rgba(184,132,44,.7), 0 0 14px 2px rgba(184,132,44,.6) !important;
    transform: scale(.97);
  }

  /* 4) SPOT — single screen flash overlay */
  .pr-flash-overlay {
    position: fixed; inset: 0; pointer-events: none; opacity: 0; z-index: 9999;
    background: radial-gradient(circle at center, rgba(184,132,44,.32), rgba(184,132,44,0) 70%);
  }
  .pr-flash-overlay.pr-flash { animation: pr-screen-flash .45s ease-out; }
  @keyframes pr-screen-flash { 0%{opacity:0;} 25%{opacity:1;} 100%{opacity:0;} }

  /* Celebration confetti (Trip Done) */
  .pr-confetti-layer {
    position: fixed; inset: 0; pointer-events: none; z-index: 10000; overflow: hidden;
  }
  .pr-confetti-layer i {
    position: absolute; top: -6vh; display: block; border-radius: 1px;
    animation-name: pr-confetti-fall; animation-timing-function: ease-in; animation-fill-mode: forwards;
  }
  @keyframes pr-confetti-fall {
    0%   { transform: translateY(0) rotate(0deg); opacity: 1; }
    100% { transform: translateY(110vh) rotate(720deg); opacity: 0.9; }
  }
  @media (prefers-reduced-motion: reduce) {
    .pr-confetti-layer { display: none; }
  }

  /* Trip Done — fast green light sweeping around the screen edge.
     Dark→light green arc on a transparent track, a few quick laps then removes.
     Cheaper than confetti (no DOM spam) and reads as a celebratory "lap". */
  .pr-edge-sweep {
    position: fixed; inset: 0; pointer-events: none; z-index: 10000;
    border-radius: 0;
  }
  .pr-edge-sweep::before {
    content: ''; position: absolute; inset: 0;
    padding: 5px;
    background: conic-gradient(from var(--sweep-angle, 0deg),
      #b6ffce 0deg, #2fbf68 14deg, #1d5436 30deg,
      rgba(43,110,74,0) 60deg, rgba(43,110,74,0) 360deg);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor; mask-composite: exclude; mask-composite: exclude;
    animation: pr-edge-spin 0.55s linear 3;
    animation-fill-mode: forwards;
  }
  .pr-edge-sweep::after {
    content: ''; position: absolute; inset: 0;
    padding: 5px;
    background: conic-gradient(from var(--sweep-angle, 0deg),
      rgba(47,191,104,0.55) 0deg, rgba(47,191,104,0) 80deg, rgba(47,191,104,0) 360deg);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor; mask-composite: exclude; mask-composite: exclude;
    filter: blur(3px);
    animation: pr-edge-spin 0.55s linear 3;
    animation-fill-mode: forwards;
  }
  @property --sweep-angle { syntax: '<angle>'; inherits: false; initial-value: 0deg; }
  @keyframes pr-edge-spin { from { --sweep-angle: 0deg; } to { --sweep-angle: 360deg; } }
  @media (prefers-reduced-motion: reduce) {
    .pr-edge-sweep { display: none; }
  }

  /* Settings preference toggle (Sounds / Haptics) */
  .pr-pref-toggle {
    flex-shrink: 0;
    width: 48px; height: 28px; border-radius: 99px;
    border: 1px solid var(--border-strong);
    background: var(--surface-3); cursor: pointer; position: relative;
    transition: background .18s, border-color .18s; padding: 0;
  }
  .pr-pref-toggle::after {
    content: ''; position: absolute; top: 2px; left: 2px;
    width: 22px; height: 22px; border-radius: 50%;
    background: #fff; box-shadow: var(--shadow-sm);
    transition: transform .18s;
  }
  .pr-pref-toggle.on { background: var(--success, #2B6E4A); border-color: var(--success, #2B6E4A); }
  .pr-pref-toggle.on::after { transform: translateX(20px); }

  @media (prefers-reduced-motion: reduce) {
    .pr-track-ring::before, .pr-track-ring::after,
    .pr-done-glow, .pr-trip-done-btn.is-done { animation: none; }
    .pr-spot-btn.pr-tapped { transform: none; }
    .pr-flash-overlay.pr-flash { animation: none; }
  }

  /* SCROLLBAR */
  ::-webkit-scrollbar { width: 8px; height: 8px; }
  ::-webkit-scrollbar-track { background: transparent; }
  ::-webkit-scrollbar-thumb { background: var(--border-strong); border-radius: 99px; }
  ::-webkit-scrollbar-thumb:hover { background: var(--text-light); }

  /* TABLET+ */
  @media (min-width: 768px) {
    .container { padding: 24px; }
    .park-row { padding: 16px 22px; }
    .cluster-head { padding: 18px 22px; }
    .status-grid { grid-template-columns: repeat(4, 1fr); }
    .fab { bottom: 24px; right: 24px; }
    .view-switch { bottom: 92px; right: 24px; }
  }

  /* ==== LOGIN SCREEN ==== */
  #login-screen {
    position: fixed;
    inset: 0;
    z-index: 999;
    background: var(--bg);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background-image:
      radial-gradient(circle at 20% 30%, rgba(31,71,51,0.04) 0%, transparent 50%),
      radial-gradient(circle at 80% 70%, rgba(184,132,44,0.05) 0%, transparent 50%);
  }
  #login-screen.hidden { display: none; }
  .login-card {
    width: 100%;
    max-width: 360px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 44px 32px 32px;
    box-shadow: var(--shadow-lg);
    text-align: center;
  }
  .login-brand {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 34px;
  }
  .login-brand .brand-mark { width: 32px; height: 32px; }
  .login-brand-name {
    font-family: 'Fraunces', serif;
    font-size: 22px;
    font-weight: 600;
    color: var(--text);
    letter-spacing: -0.01em;
  }
  .login-brand-name em { font-style: italic; font-weight: 400; color: var(--text-muted); }
  .login-title {
    font-family: 'Fraunces', serif;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 4px;
    color: var(--text);
  }
  .login-sub {
    font-size: 13.5px;
    color: var(--text-muted);
    margin-bottom: 30px;
  }
  .login-verse {
    margin: 22px 0 0;
    padding: 18px 6px 2px;
    border-top: 1px solid var(--border);
    font-family: 'Fraunces', serif;
    font-style: italic;
    font-size: 13.5px;
    line-height: 1.6;
    color: var(--text-muted);
    text-align: center;
  }
  .login-verse cite {
    display: block;
    margin-top: 10px;
    font-style: normal;
    font-family: 'Geist', sans-serif;
    font-size: 11.5px;
    font-weight: 600;
    letter-spacing: 0.03em;
    color: var(--primary);
  }
  #pin-input {
    width: 100%;
    height: 56px;
    padding: 0 16px;
    background: var(--surface-2);
    border: 1.5px solid var(--border);
    border-radius: 12px;
    font-size: 20px;
    font-family: 'Geist', sans-serif;
    text-align: center;
    letter-spacing: 0.3em;
    outline: none;
    color: var(--text);
    transition: border-color .15s, box-shadow .15s;
    -webkit-text-security: disc;
  }
  #pin-input:focus { border-color: var(--primary); box-shadow: 0 0 0 4px rgba(31,71,51,.08); background: var(--surface); }
  #pin-input.error {
    border-color: var(--danger);
    animation: shake 0.4s ease-in-out;
  }
  @keyframes shake {
    0%, 100% { transform: translateX(0); }
    20% { transform: translateX(-8px); }
    40% { transform: translateX(8px); }
    60% { transform: translateX(-6px); }
    80% { transform: translateX(6px); }
  }
  #pin-toggle {
    margin-top: 12px;
    background: none;
    border: none;
    color: var(--text-muted);
    font-size: 12.5px;
    cursor: pointer;
    padding: 6px 10px;
  }
  #pin-toggle:hover { color: var(--text); }
  #login-submit {
    width: 100%;
    height: 48px;
    margin-top: 18px;
    background: var(--primary);
    color: white;
    border: none;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    transition: background .15s;
  }
  #login-submit:hover { background: var(--primary-hover); }
  #login-submit:disabled { background: var(--text-light); cursor: not-allowed; }
  #login-error {
    margin-top: 12px;
    font-size: 13px;
    color: var(--danger);
    min-height: 18px;
  }
  .login-footer {
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid var(--border);
    font-size: 11.5px;
    color: var(--text-light);
    line-height: 1.5;
  }

  /* ==== PROMINENT IMPORT BUTTON IN SETTINGS ==== */
  .settings-action-block {
    background: var(--accent-soft);
    border: 1px solid #E8C892;
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 20px;
    display: flex;
    gap: 14px;
    align-items: center;
  }
  .settings-action-icon {
    width: 44px; height: 44px;
    background: var(--accent);
    color: white;
    border-radius: 10px;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
  }
  .settings-action-icon svg { width: 22px; height: 22px; }
  .settings-action-text { flex: 1; min-width: 0; }
  .settings-action-text .t1 { font-weight: 500; font-size: 14.5px; margin-bottom: 2px; }
  .settings-action-text .t2 { font-size: 12.5px; color: var(--text-muted); line-height: 1.4; }
  .settings-action-block .btn { flex-shrink: 0; }


  /* ==== DEALS SECTION ==== */
  .deals-summary {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: 10px 0 12px;
    border-bottom: 1px solid var(--border);
    margin-bottom: 12px;
  }
  .deals-summary .total-amount {
    font-family: 'Fraunces', serif;
    font-size: 22px;
    font-weight: 600;
    color: var(--text);
    font-variant-numeric: tabular-nums;
  }
  .deals-summary .total-count {
    font-size: 12.5px;
    color: var(--text-muted);
  }
  .deal-card {
    background: var(--surface-2);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 12px 14px;
    margin-bottom: 8px;
    position: relative;
    cursor: pointer;
    transition: background .12s, border-color .12s;
  }
  .deal-card:hover { background: var(--surface-3); }
  .deal-card-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
  }
  .deal-amount {
    font-family: 'Fraunces', serif;
    font-size: 18px;
    font-weight: 600;
    color: var(--text);
    font-variant-numeric: tabular-nums;
  }
  .deal-method-badge {
    font-size: 10.5px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 99px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
  }
  .deal-method-badge.cash { background: #DCE6DE; color: #1F4733; }
  .deal-method-badge.transfer { background: #E0DDE9; color: #444169; }
  .deal-method-badge.cheque { background: #F5E7CB; color: #815720; }
  .deal-method-badge.other { background: #E5DFD2; color: #6B6760; }
  .deal-date {
    font-size: 11.5px;
    color: var(--text-light);
    margin-bottom: 2px;
  }
  .deal-client {
    font-size: 13.5px;
    font-weight: 500;
    color: var(--text);
    margin-bottom: 2px;
  }
  .deal-items {
    font-size: 12.5px;
    color: var(--text-muted);
    line-height: 1.4;
  }
  .deal-notes {
    font-size: 12px;
    color: var(--text-light);
    margin-top: 4px;
    font-style: italic;
  }
  .no-deals {
    padding: 16px;
    text-align: center;
    color: var(--text-light);
    font-size: 13px;
    background: var(--surface-2);
    border-radius: 10px;
    margin-bottom: 8px;
  }
  .add-deal-btn {
    width: 100%;
    height: 44px;
    background: var(--primary);
    color: white;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    display: flex; align-items: center; justify-content: center;
    gap: 6px;
    border: none;
    cursor: pointer;
    transition: background .15s;
  }
  .add-deal-btn:hover { background: var(--primary-hover); }
  .add-deal-btn svg { width: 16px; height: 16px; }

  /* Payment method radio grid */
  .pay-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
  }
  .pay-btn {
    height: 44px;
    background: var(--surface-2);
    border: 1.5px solid transparent;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 500;
    color: var(--text-muted);
    cursor: pointer;
    transition: all .15s;
  }
  .pay-btn:hover { background: var(--surface-3); }
  .pay-btn.active { background: var(--primary); color: white; border-color: var(--primary); }
  .pay-btn[data-method="cash"].active { background: var(--success); border-color: var(--success); }
  .pay-btn[data-method="transfer"].active { background: #444169; border-color: #444169; }

  .vuln-btn {
    flex: 1;
    height: 38px;
    background: var(--surface);
    border: 1.5px solid var(--border);
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-muted);
    cursor: pointer;
    font-family: inherit;
    transition: all .15s;
  }
  .vuln-btn[data-v="yes"].active { background: #C53030; border-color: #C53030; color: #fff; }
  .vuln-btn[data-v="no"].active { background: var(--success); border-color: var(--success); color: #fff; }

  /* AML risk-score 1-5 selector (deal form + AML register). Graduated colour. */
  .risk-btn.active { color: #fff; }
  .risk-btn[data-risk="1"].active { background: #2B6E4A; border-color: #2B6E4A; }
  .risk-btn[data-risk="2"].active { background: #5C9A3A; border-color: #5C9A3A; }
  .risk-btn[data-risk="3"].active { background: #C6881F; border-color: #C6881F; }
  .risk-btn[data-risk="4"].active { background: #D35400; border-color: #D35400; }
  .risk-btn[data-risk="5"].active { background: #C53030; border-color: #C53030; }
  /* AML tab flag badge (top-right indicator for unsettled flags). */
  .aml-flag-badge {
    display: inline-flex; align-items: center; gap: 5px;
    background: #C53030; color: #fff; border-radius: 999px;
    padding: 3px 10px; font-size: 12px; font-weight: 700;
  }
  .aml-card.flagged { border-left: 4px solid #C53030; }
  .aml-card.settled { border-left: 4px solid var(--success); opacity: .85; }

  .deal-form-row { margin-bottom: 14px; }
  .deal-form-row label {
    display: block;
    font-size: 11.5px;
    font-weight: 600;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 6px;
  }
  .deal-form-row input[type="text"],
  .deal-form-row input[type="number"],
  .deal-form-row input[type="date"],
  .deal-form-row input[type="tel"],
  .deal-form-row input[type="email"],
  .deal-form-row textarea {
    width: 100%;
    padding: 10px 12px;
    background: var(--surface-2);
    border: 1px solid var(--border);
    border-radius: 8px;
    font-size: 14px;
    font-family: inherit;
    color: var(--text);
    outline: none;
    transition: border-color .15s, box-shadow .15s;
    -webkit-appearance: none;
    appearance: none;
  }
  /* Signature pad */
  .sig-pad-wrap {
    position: relative;
    padding: 16px;
    background: var(--surface-2);
    border: 1.5px solid var(--border-strong);
    border-radius: 16px;
    margin: 4px 0 2px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.04);
  }
  .sig-pad-label {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: var(--text);
    margin: 0 2px 12px;
    letter-spacing: 0.01em;
  }
  /* Taller pad: grows with the screen but stays capped so Save is reachable.
     clamp keeps the whole signing area on one screen on a phone. */
  .sig-pad {
    width: 100%;
    height: 320px;
    height: clamp(260px, 50vh, 420px);
    display: block;
    background: var(--surface);
    border: 2.5px dashed var(--border-strong);
    border-radius: 14px; touch-action: none; cursor: crosshair;
    /* faint baseline so clients know where to sign */
    background-image: linear-gradient(to right, var(--border) 0, var(--border) 100%);
    background-repeat: no-repeat;
    background-size: calc(100% - 56px) 1.5px;
    background-position: center 72%;
  }
  .sig-hint {
    position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);
    font-size: 16px; font-weight: 500; color: var(--text-light);
    pointer-events: none; user-select: none; white-space: nowrap;
    display: flex; align-items: center; justify-content: center;
  }
  .sig-clear {
    position: absolute; right: 26px; bottom: 26px;
    font-size: 14px; font-weight: 700; color: var(--text);
    background: var(--surface-2); border: 1.5px solid var(--border-strong);
    border-radius: 10px; padding: 11px 20px; cursor: pointer;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
  }
  .sig-clear:active { background: var(--border); transform: scale(0.97); }
  .deal-form-row input:focus,
  .deal-form-row textarea:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(31,71,51,.08);
    background: var(--surface);
  }
  .deal-form-row textarea { min-height: 70px; resize: vertical; line-height: 1.5; }
  .amount-input-wrap {
    position: relative;
  }
  .amount-input-wrap::before {
    content: '£';
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    font-weight: 500;
    color: var(--text-muted);
    pointer-events: none;
  }
  .amount-input-wrap input { padding-left: 26px !important; font-variant-numeric: tabular-nums; }


  /* ==== TAB NAV ==== */
  .tab-nav {
    display: flex;
    border-top: 1px solid var(--border);
    background: var(--surface);
    gap: 2px;
  }
  .tab-btn {
    flex: 1;
    padding: 8px 6px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 500;
    color: var(--text-muted);
    background: transparent;
    transition: all .15s;
    white-space: nowrap;
  }
  .tab-btn:hover { background: var(--surface-2); color: var(--text); }
  .tab-btn.active { background: var(--primary); color: white; }

  /* ==== TRIPS VIEW ==== */
  .trip-card {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    margin-bottom: 14px;
    padding: 18px;
    cursor: pointer;
    transition: all .15s;
    box-shadow: var(--shadow-sm);
  }
  .trip-card:hover { border-color: var(--border-strong); transform: translateY(-1px); }
  .trip-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
  .trip-num { font-family: 'Fraunces', serif; font-size: 28px; font-weight: 600; color: var(--primary); line-height: 1; }
  .trip-label { font-size: 13px; color: var(--text-muted); margin-top: 4px; }
  .trip-dates { font-size: 12.5px; color: var(--text-light); text-align: right; }
  .trip-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--border); }
  .trip-stat-item .lbl { font-size: 10px; text-transform: uppercase; letter-spacing: 0.06em; color: var(--text-muted); margin-bottom: 2px; }
  .trip-stat-item .val { font-family: 'Fraunces', serif; font-size: 17px; font-weight: 500; color: var(--text); }
  .trip-stat-item.profit .val { color: var(--success); }
  .trip-stat-item.loss .val { color: var(--danger); }

  /* ==== TRIP DETAIL ==== */
  .trip-detail-head {
    background: var(--surface);
    border-bottom: 1px solid var(--border);
    padding: 16px 18px;
    display: flex;
    align-items: center;
    gap: 12px;
    position: sticky;
    top: 0;
    z-index: 4;
  }
  .trip-detail-head h2 { font-size: 22px; flex: 1; }

  /* SCROLL PERF (V-267): the trip detail panel is one tall, node-heavy DOM blob.
     On iOS Safari, scrolling a very tall panel stutters because the whole thing
     repaints. content-visibility:auto lets the browser skip layout+paint for
     sections that are off-screen, so scrolling only pays for what's visible.
     contain-intrinsic-size reserves an estimated height for skipped content so
     the scroll position stays stable; the `auto` keyword makes the browser
     remember each section's real height after its first paint (so a tall
     section like a 26-park list won't drift on later scrolls). Supported on
     iOS 18+/Safari 18+; wrapped in @supports so older WebKit simply ignores it
     and renders exactly as before (pure progressive enhancement). Applied only
     to the trip panel's own sections — never affects UK/AU logic, only paint
     cost. The header/dates/summary live outside <section> so they always paint
     immediately. */
  @supports (content-visibility: auto) {
    .trip-detail-panel > section {
      content-visibility: auto;
      contain-intrinsic-size: auto 240px;
    }
  }
  .trip-section {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    margin-bottom: 14px;
    overflow: hidden;
  }
  .trip-section-head {
    padding: 14px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--border);
    background: var(--surface-2);
  }
  .trip-section-head h3 {
    font-family: 'Fraunces', serif;
    font-size: 16px;
    font-weight: 500;
  }
  .trip-section-body { padding: 14px 18px; }
  .pnl-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .pnl-row {
    background: var(--surface-2);
    border-radius: 10px;
    padding: 12px;
  }
  .pnl-row .lbl { font-size: 10.5px; text-transform: uppercase; letter-spacing: 0.06em; color: var(--text-muted); margin-bottom: 4px; }
  .pnl-row .val { font-family: 'Fraunces', serif; font-size: 19px; font-weight: 500; font-variant-numeric: tabular-nums; }
  .pnl-row.green .val { color: var(--success); }
  .pnl-row.amber .val { color: var(--accent); }
  .pnl-row.bold { background: var(--primary-soft); }
  .pnl-row.bold .val { color: var(--primary); font-weight: 600; }
  .deal-row {
    padding: 12px 14px;
    border-bottom: 1px solid var(--border);
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
  }
  .deal-row:last-child { border-bottom: none; }
  .deal-row:hover { background: var(--surface-2); }
  .deal-buyer-tag {
    font-size: 10px;
    font-weight: 600;
    padding: 3px 7px;
    border-radius: 4px;
    background: var(--surface-3);
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }
  .deal-buyer-tag.lewis { background: #DBE7DD; color: #1F4733; }
  .deal-buyer-tag.lorri { background: #F5E7CB; color: #92651E; }
  .deal-buyer-tag.joint { background: #E5E0EB; color: #4A3F5C; }
  .deal-info { flex: 1; min-width: 0; }
  .deal-client { font-weight: 500; font-size: 14px; }
  .deal-park { font-size: 12px; color: var(--text-muted); }

  /* ==== DEAL PARK PICKER (custom typeahead — replaces native datalist) ==== */
  .dealpark-wrap { position: relative; }
  .dealpark-results {
    display: none;
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    max-height: 280px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: var(--surface);
    border: 1px solid var(--border-strong, var(--border));
    border-radius: 10px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.16);
    z-index: 60;
  }
  .dealpark-results.open { display: block; }
  .dealpark-group-label {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-weight: 700;
    color: var(--text-light);
    padding: 8px 12px 4px;
    position: sticky;
    top: 0;
    background: var(--surface);
  }
  .dealpark-row {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 12px;
    cursor: pointer;
    border-top: 1px solid var(--surface-2);
  }
  .dealpark-row:first-child { border-top: none; }
  .dealpark-row:hover, .dealpark-row.kbd { background: var(--surface-2); }
  .dealpark-row-main { flex: 1; min-width: 0; }
  .dealpark-row-name {
    font-size: 14px; font-weight: 600; color: var(--text);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  }
  .dealpark-row-sub {
    font-size: 11.5px; color: var(--text-muted);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  }
  .dealpark-type {
    flex-shrink: 0;
    font-size: 9.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em;
    padding: 2px 7px; border-radius: 99px;
    background: var(--surface-2); color: var(--text-muted);
  }
  .dealpark-type.t-park { background: #E3EFE7; color: #1F4733; }
  .dealpark-type.t-retirement-home { background: #EEE8DC; color: #7A5C18; }
  .dealpark-type.t-council { background: #E4E8EF; color: #2F4670; }
  .dealpark-type.t-bungalow { background: #E2EDE2; color: #3A5A3A; }
  .dealpark-type.t-housing-assoc { background: #EAE2EE; color: #4A3F5C; }
  .dealpark-type.t-chalet { background: #F3E2DA; color: #8A4B2F; }
  .dealpark-empty { padding: 14px 12px; font-size: 13px; color: var(--text-muted); text-align: center; }
  .dealpark-recent-dot { flex-shrink: 0; width: 6px; height: 6px; border-radius: 50%; background: #2B6E4A; }

  .deal-amount { font-family: 'Fraunces', serif; font-size: 17px; font-weight: 500; font-variant-numeric: tabular-nums; }
  .deal-payment {
    font-size: 10px;
    background: var(--surface-2);
    padding: 2px 6px;
    border-radius: 4px;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }

  /* Stock + melt grid */
  .karat-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; }
  .karat-cell {
    background: var(--surface-2);
    border-radius: 8px;
    padding: 10px 8px;
    text-align: center;
  }
  .karat-cell .k-lbl { font-size: 11px; font-weight: 600; color: var(--text-muted); margin-bottom: 4px; }
  .karat-cell .k-val { font-family: 'Fraunces', serif; font-size: 15px; font-weight: 500; font-variant-numeric: tabular-nums; }
  .karat-cell input {
    width: 100%;
    border: none;
    background: transparent;
    text-align: center;
    font-family: 'Fraunces', serif;
    font-size: 15px;
    font-weight: 500;
    outline: none;
    color: var(--text);
  }
  .karat-cell input:focus { background: var(--surface); border-radius: 4px; }

  /* Expense rows */
  .expense-row {
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid var(--border);
    font-size: 13.5px;
  }
  .expense-row:last-child { border-bottom: none; }
  .expense-row .who { flex-shrink: 0; min-width: 70px; }
  .expense-row .desc { flex: 1; color: var(--text); }
  .expense-row .amt { font-variant-numeric: tabular-nums; font-weight: 500; font-family: 'Fraunces', serif; }
  .expense-row .del-btn { color: var(--text-light); padding: 4px 8px; }
  .expense-row .del-btn:hover { color: var(--danger); }

  /* DEALS SECTION IN PARK PANEL */
  .park-deal-card {
    padding: 10px 12px;
    background: var(--surface-2);
    border-radius: 8px;
    margin-bottom: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
  }
  .park-deal-card .pdc-info { flex: 1; min-width: 0; }
  .park-deal-card .pdc-name { font-weight: 500; font-size: 13.5px; }
  .park-deal-card .pdc-meta { font-size: 11.5px; color: var(--text-muted); }
  .park-deal-card .pdc-amt { font-family: 'Fraunces', serif; font-size: 15px; font-weight: 500; }

  /* ROUTE TRACKER badge */
  .nearby-banner {
    background: var(--primary);
    color: white;
    padding: 12px 16px;
    border-radius: 12px;
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .nearby-banner svg { width: 20px; height: 20px; flex-shrink: 0; }
  .nearby-banner .nb-text { flex: 1; font-size: 13.5px; }
  .nearby-banner .nb-close {
    background: rgba(255,255,255,0.15);
    color: white;
    padding: 6px 10px;
    border-radius: 6px;
    font-size: 12px;
  }

  /* Empty state for trips */
  .empty-trips { padding: 60px 24px; text-align: center; }
  .empty-trips h2 { font-family: 'Fraunces', serif; font-size: 22px; margin-bottom: 8px; }
  .empty-trips p { font-size: 14px; color: var(--text-muted); margin-bottom: 20px; }

  /* Form layout helpers */
  .form-grid { display: grid; gap: 12px; }
  .form-row-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
  .form-label {
    font-size: 11.5px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--text-muted);
    margin-bottom: 6px;
    display: block;
    font-weight: 600;
  }
  .form-input {
    width: 100%;
    height: 40px;
    padding: 0 12px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 8px;
    outline: none;
    transition: border-color .15s;
    font-size: 14px;
    color: var(--text);
  }
  .form-input:focus { border-color: var(--primary); }
  .form-textarea {
    width: 100%;
    min-height: 80px;
    padding: 10px 12px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 8px;
    outline: none;
    resize: vertical;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.5;
  }
  .form-textarea:focus { border-color: var(--primary); }


  .fav-btn {
    background: transparent;
    border: none;
    padding: 8px;
    margin-left: 4px;
    color: var(--text-light);
    cursor: pointer;
    flex-shrink: 0;
    transition: color .15s, transform .15s;
  }
  .fav-btn.is-fav { color: #E0AF3D; }
  .fav-btn:hover { color: #C99826; transform: scale(1.1); }
  .fav-btn:active { transform: scale(0.95); }

  .search-suggestions {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0,0,0,.10);
    z-index: 100;
    max-height: 280px;
    overflow-y: auto;
    display: none;
  }
  .search-suggestions.open { display: block; }
  .search-suggestion {
    padding: 10px 14px;
    cursor: pointer;
    font-size: 14px;
    border-bottom: 1px solid var(--border);
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .search-suggestion:last-child { border-bottom: none; }
  .search-suggestion:hover, .search-suggestion.active { background: var(--surface-2); }
  .search-suggestion .ss-type {
    font-size: 11px;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: .05em;
    margin-left: auto;
  }

  .tab-nav .tab-btn {
    touch-action: manipulation;
    -webkit-tap-highlight-color: rgba(31,71,51,0.15);
    user-select: none;
    -webkit-user-select: none;
    position: relative;
    z-index: 10;
  }

  /* =====================================================================
     REFINED PARK LIST DESIGN  (scoped to #list-view so it doesn't touch
     other places that use .park-row, e.g. Trips/Near-me/Selection)
     Pure CSS upgrade — no JS changes. Renders the classes that
     renderList() already emits: county-group, county-head, county-count,
     park-row, park-row-name, park-row-sub, park-row-status.
     ===================================================================== */

  @keyframes parkRowFadeUp {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
  }

  #list-view, #trips-view {
    padding: 6px 16px 24px;
  }

  /* Region/County group */
  #list-view .county-group, #trips-view .county-group {
    margin-bottom: 28px;
  }
  /* Trips view: no entrance animation (was a major source of lag and
     blocked clicks while rows faded in). List-view keeps a light fade. */
  #list-view .county-group {
    animation: parkRowFadeUp 0.4s cubic-bezier(0.16, 1, 0.3, 1) backwards;
  }
  #list-view .county-group:nth-child(1) { animation-delay: 0ms; }
  #list-view .county-group:nth-child(2) { animation-delay: 50ms; }
  #list-view .county-group:nth-child(3) { animation-delay: 100ms; }
  #list-view .county-group:nth-child(n+4) { animation-delay: 140ms; }

  #list-view .county-head, #trips-view .county-head {
    font-family: 'Fraunces', serif;
    font-size: 26px;
    font-weight: 500;
    letter-spacing: -0.015em;
    color: var(--text);
    padding: 14px 4px 14px;
    display: flex;
    align-items: baseline;
    gap: 12px;
  }

  #list-view .county-count, #trips-view .county-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--primary);
    color: var(--bg);
    font-family: 'Geist', sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.05em;
    padding: 3px 11px;
    border-radius: 999px;
    line-height: 1.4;
  }

  /* Card-style park rows (overrides earlier .park-row defaults inside list-view) */
  #list-view .park-row, #trips-view .park-row {
    position: relative;
    padding: 10px 12px;
    border: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
    border-radius: 12px;
    background: var(--surface);
    margin-bottom: 7px;
    gap: 11px;
    box-shadow: 0 1px 0 rgba(26, 26, 31, 0.03), 0 1px 2px rgba(26, 26, 31, 0.04);
    transition: background 0.12s ease, border-color 0.12s ease;
  }
  /* Entrance animation only on the main parks list. Trips rows render
     instantly — re-animating them on every keystroke/filter caused lag
     and made buttons unclickable mid-animation. */
  #list-view .park-row {
    animation: parkRowFadeUp 0.35s cubic-bezier(0.16, 1, 0.3, 1) backwards;
  }
  #list-view .park-row:last-child, #trips-view .park-row:last-child {
    border-bottom: 1px solid var(--border);
    margin-bottom: 0;
  }
  #list-view .park-row:hover {
    background: var(--surface);
    border-color: var(--border-strong);
  }
  #list-view .park-row:active, #trips-view .park-row:active { background: var(--surface-2); }

  /* Stagger animation across cards in a group (list-view only) */
  #list-view .county-group .park-row:nth-child(2) { animation-delay: 40ms; }
  #list-view .county-group .park-row:nth-child(3) { animation-delay: 80ms; }
  #list-view .county-group .park-row:nth-child(4) { animation-delay: 120ms; }
  #list-view .county-group .park-row:nth-child(5) { animation-delay: 160ms; }
  #list-view .county-group .park-row:nth-child(6) { animation-delay: 200ms; }
  #list-view .county-group .park-row:nth-child(n+7) { animation-delay: 240ms; }

  /* Trailing chevron on each card */
  #list-view .park-row::after, #trips-view .park-row::after {
    content: '';
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239E9B95' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='M9 6l6 6-6 6'/></svg>");
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.25s ease;
    align-self: center;
  }
  #list-view .park-row:hover::after, #trips-view .park-row:hover::after { transform: translateX(2px); }

  /* Park name — Fraunces serif */
  #list-view .park-row-name, #trips-view .park-row-name {
    font-family: 'Fraunces', serif;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.01em;
    color: var(--text);
    line-height: 1.2;
    margin-bottom: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  /* Keep inline badges (R2/R3 etc.) in sans, not serif */
  #list-view .park-row-name > span, #trips-view .park-row-name > span { font-family: 'Geist', sans-serif; }

  /* Town subline with leading map-pin icon */
  #list-view .park-row-sub, #trips-view .park-row-sub {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: var(--text-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #list-view .park-row-sub::before, #trips-view .park-row-sub::before {
    content: '';
    width: 12px;
    height: 12px;
    flex-shrink: 0;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B6760' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 21s-7-6.5-7-12a7 7 0 1 1 14 0c0 5.5-7 12-7 12z'/><circle cx='12' cy='9' r='2.5'/></svg>");
    background-repeat: no-repeat;
    background-position: center;
  }
  /* Trip rows use a calendar icon instead of map pin */
  #trips-view .park-row-sub::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B6760' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='5' width='18' height='16' rx='2'/><line x1='3' y1='10' x2='21' y2='10'/><line x1='8' y1='3' x2='8' y2='7'/><line x1='16' y1='3' x2='16' y2='7'/></svg>");
  }
  /* Recent activity park rows inside trips view: back to map pin */
  #trips-view .park-row[data-park-id] .park-row-sub::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B6760' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 21s-7-6.5-7-12a7 7 0 1 1 14 0c0 5.5-7 12-7 12z'/><circle cx='12' cy='9' r='2.5'/></svg>");
  }
  /* Trips local filter bar (mirrors parks .filterbar look, inside #tab-trips) */
  .trips-filterbar {
    padding: 14px 16px 6px;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .trips-filterbar .chip-row {
    display: flex;
    gap: 6px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 2px;
    align-items: center;
  }
  .trips-filterbar .chip-row::-webkit-scrollbar { display: none; }
  .trips-filterbar #btn-new-trip {
    height: 32px;
    padding: 0 14px;
    font-size: 13px;
    border-radius: 999px;
    white-space: nowrap;
    flex-shrink: 0;
    margin-left: auto;
  }

  /* Status badges (Done / Working) */
  #list-view .park-row-status, #trips-view .park-row-status {
    flex-shrink: 0;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 700;
    padding: 3px 7px;
    border-radius: 5px;
    line-height: 1.2;
    align-self: center;
  }
  #list-view .park-row-status.done, #trips-view .park-row-status.done {
    background: linear-gradient(180deg, #2fbf68, var(--success, #2B6E4A));
    color: #fff;
  }
  #list-view .park-row-status.done::before, #trips-view .park-row-status.done::before {
    content: ''; display: inline-block;
    width: 6px; height: 6px; margin-right: 5px;
    border-radius: 50%; background: #eaffea; vertical-align: middle;
  }
  #list-view .park-row-status.working, #trips-view .park-row-status.working { background: var(--accent);  color: #fff; }

  /* Done / skip visual states applied to the new card layout */
  #list-view .park-row.done .park-row-name, #trips-view .park-row.done .park-row-name {
    color: var(--text-muted);
    text-decoration: line-through;
    text-decoration-color: var(--text-light);
  }
  #list-view .park-row.skip, #trips-view .park-row.skip { opacity: .55; }
  #list-view .park-row.skip .park-row-name, #trips-view .park-row.skip .park-row-name { text-decoration: line-through; }

  /* Tighter padding on very small phones */
  @media (max-width: 360px) {
    #list-view, #trips-view { padding: 6px 12px 24px; }
    #list-view .park-row, #trips-view .park-row { padding: 9px 11px; }
    #list-view .park-row-name, #trips-view .park-row-name { font-size: 14px; }
    #list-view .county-head, #trips-view .county-head { font-size: 22px; }
  }

  /* Tablet+ override — keep card padding sensible */
  @media (min-width: 768px) {
    #list-view .park-row, #trips-view .park-row { padding: 12px 14px; }
  }

  /* =====================================================================
     TAB-SCOPED FLOATING UI
     Floating action buttons + List/Map toggle should ONLY appear on the
     Parks tab. Hide them on Trips, Near me, and @ Team (mentions).
     ===================================================================== */
  /* ==== TRIP PLANNER ==== */
  .plan-wrap { padding: 14px 16px 96px; }
  .plan-card {
    background: var(--surface); border: 1px solid var(--border);
    border-radius: 14px; padding: 14px 16px; margin-bottom: 14px;
    box-shadow: var(--shadow-sm);
  }
  .plan-card h3 { margin: 0 0 10px; font-family: 'Fraunces', serif; font-size: 17px; font-weight: 600; color: var(--primary); }
  .plan-label { display:block; font-size: 11px; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 4px; font-weight: 600; }
  .plan-input, .plan-time, .plan-num {
    width: 100%; padding: 10px 12px; border: 1px solid var(--border); border-radius: 8px;
    font-family: inherit; font-size: 14px; background: var(--surface); color: var(--text); box-sizing: border-box;
  }
  .plan-row { display: flex; gap: 8px; }
  .plan-row > div { flex: 1; min-width: 0; }
  .plan-geo-ok { font-size: 11px; color: #2B6E4A; margin-top: 4px; }
  .plan-geo-bad { font-size: 11px; color: var(--danger); margin-top: 4px; }
  .plan-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 6px;
    height: 38px; padding: 0 14px; border-radius: 9px; border: none; cursor: pointer;
    font-family: inherit; font-size: 13px; font-weight: 600; background: var(--primary); color: #fff;
  }
  .plan-btn.ghost { background: var(--surface-2); color: var(--text); border: 1px solid var(--border); }
  .plan-btn.full { width: 100%; }
  .plan-day {
    border: 1px solid var(--border); border-radius: 12px; margin-bottom: 12px; overflow: hidden; background: var(--surface);
  }
  .plan-day-head {
    background: linear-gradient(135deg,#1F4733,#2B6E4A); color: #fff; padding: 10px 14px;
    display: flex; align-items: center; justify-content: space-between;
  }
  .plan-day-head .d-title { font-family: 'Fraunces', serif; font-size: 15px; font-weight: 600; }
  .plan-day-head button { background: rgba(255,255,255,0.2); border: none; color: #fff; border-radius: 6px; width: 26px; height: 26px; cursor: pointer; font-size: 14px; }
  .plan-day-body { padding: 12px 14px; }
  .plan-leg-row { display: flex; gap: 8px; align-items: flex-end; margin-bottom: 8px; }
  .plan-leg-row .arrow { padding-bottom: 10px; color: var(--text-muted); font-size: 16px; }
  .plan-stops { margin-top: 8px; }
  .plan-stop {
    display: flex; align-items: center; gap: 10px; padding: 9px 0; border-top: 1px solid var(--surface-2);
  }
  .plan-stop:first-child { border-top: none; }
  .plan-stop-idx {
    flex-shrink: 0; width: 24px; height: 24px; border-radius: 50%; background: var(--primary); color: #fff;
    font-size: 12px; font-weight: 700; display: flex; align-items: center; justify-content: center;
  }
  .plan-stop.overflow .plan-stop-idx { background: var(--text-light); }
  .plan-stop-main { flex: 1; min-width: 0; }
  .plan-stop-name { font-size: 14px; font-weight: 600; color: var(--text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .plan-stop-sub { font-size: 11.5px; color: var(--text-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .plan-stop-eta { flex-shrink: 0; font-size: 12px; font-weight: 700; color: var(--primary); font-variant-numeric: tabular-nums; text-align: right; }
  .plan-stop.overflow .plan-stop-eta { color: var(--danger); }
  .plan-stop.skipped { opacity: 0.5; }
  .plan-stop.skipped .plan-stop-name { text-decoration: line-through; }
  .plan-stop.skipped .plan-stop-idx { background: var(--text-light); }
  .plan-stop.skipped .plan-stop-eta { color: var(--text-light); font-weight: 500; }
  .plan-stop-act { flex-shrink: 0; display: flex; gap: 4px; }
  .plan-stop-act button { background: var(--surface-2); border: none; border-radius: 6px; width: 26px; height: 26px; cursor: pointer; font-size: 13px; display:flex; align-items:center; justify-content:center; color: var(--text-muted); }
  .plan-stop-act button.on { background: var(--accent); color: #fff; }
  .plan-type {
    flex-shrink: 0; font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em;
    padding: 2px 6px; border-radius: 99px; background: var(--surface-2); color: var(--text-muted);
  }
  .plan-type.t-park { background: #E3EFE7; color: #1F4733; }
  .plan-type.t-retirement-home { background: #EEE8DC; color: #7A5C18; }
  .plan-type.t-council { background: #E4E8EF; color: #2F4670; }
  .plan-type.t-bungalow { background: #E2EDE2; color: #3A5A3A; }
  .plan-type.t-housing-assoc { background: #EAE2EE; color: #4A3F5C; }
  .plan-type.t-chalet { background: #F3E2DA; color: #8A4B2F; }
  .plan-add-stop { position: relative; margin-top: 10px; }
  .plan-add-results {
    display: none; position: absolute; left: 0; right: 0; top: calc(100% + 4px); z-index: 40;
    max-height: 240px; overflow-y: auto; background: var(--surface); border: 1px solid var(--border-strong, var(--border));
    border-radius: 10px; box-shadow: 0 8px 28px rgba(0,0,0,0.16);
  }
  .plan-add-results.open { display: block; }
  .plan-add-row { padding: 9px 12px; cursor: pointer; border-top: 1px solid var(--surface-2); font-size: 13px; }
  .plan-add-row:first-child { border-top: none; }
  .plan-add-row:hover { background: var(--surface-2); }
  .plan-empty { font-size: 12.5px; color: var(--text-muted); padding: 8px 0; }
  .plan-cand {
    display: flex; align-items: center; gap: 10px; padding: 8px 0; cursor: pointer;
    border-top: 1px solid var(--surface-2);
  }
  .plan-cand-check {
    flex-shrink: 0; width: 22px; height: 22px; border-radius: 50%; border: 1.5px solid var(--border-strong, var(--border));
    color: var(--text-muted); display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 700;
  }
  .plan-cand.sel .plan-cand-check { background: var(--primary); border-color: var(--primary); color: #fff; }
  .plan-cand-main { flex: 1; min-width: 0; }
  .plan-cand-name { font-size: 13.5px; font-weight: 600; color: var(--text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .plan-cand-sub { font-size: 11px; color: var(--text-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  #planner-map { height: 300px; border-radius: 12px; overflow: hidden; border: 1px solid var(--border); margin-bottom: 4px; }
  .plan-day-summary { font-size: 11px; color: var(--text-muted); margin-top: 8px; }

  /* Floating controls (£+ deal FAB, List/Map view-switch) appear ONLY on the
     map/planning screens: Locations (parks), Near me (nearby), and My Route
     (planner). Hidden everywhere else by default so new tabs (financials,
     receipts, clients, etc.) never show stray icons. Allowlist, not blocklist. */
  .fab, #btn-deal-fab, .view-switch { display: none !important; }
  body.tab-parks .fab,
  body.tab-nearby .fab,
  body.tab-planner .fab,
  /* V-290: the £+ deal FAB is retired — the deal action now lives in the centre
     of the bottom nav. Keep the Parks List/Map toggle showing. */
  #btn-deal-fab { display: none !important; }
  body.tab-parks .view-switch { display: flex !important; }
  /* The Locations List/Map toggle (.view-switch) belongs to the Parks tab only.
     The Near tab has its OWN toggle (.near-view-switch), so never show both. */
  body.tab-nearby .view-switch,
  body.tab-planner .view-switch { display: none !important; }

  /* When ANY bottom sheet / burger menu / modal overlay is open, every floating
     control (deal FAB, both List/Map toggles, the map colour-guide legend, the
     competitors FAB) must hide so they can never sit on top of the menu and
     block taps (e.g. the Profile tile). Single source of truth: body.overlay-open. */
  body.overlay-open #btn-deal-fab,
  body.overlay-open .view-switch,
  body.overlay-open .near-view-switch,
  body.overlay-open .map-legend,
  body.overlay-open .map-heat-toggle,
  body.overlay-open .fab,
  body.overlay-open .cmp-fab { display: none !important; }

  /* The colour-guide legend only ever belongs on the Parks tab (map view).
     Hard-gate it by tab so it can never linger over the list or other tabs. */
  body:not(.tab-parks) .map-legend { display: none !important; }

  /* =====================================================================
     FAVORITES — star button in panel head + list rows in settings
     ===================================================================== */
  #panel-favorite svg {
    transition: fill 0.18s ease, transform 0.18s cubic-bezier(0.16, 1, 0.3, 1);
  }
  #panel-favorite:hover { background: var(--surface-2); }
  #panel-favorite.favorited { color: var(--accent); }
  #panel-favorite.favorited svg {
    fill: currentColor;
    transform: scale(1.06);
  }
  #panel-favorite:active svg { transform: scale(0.92); }

  /* Star prefix in list view (renderList outputs `★ ` if favorited) */
  #list-view .park-row-name, #trips-view .park-row-name { /* keep existing */ }

  /* Favorites list inside Settings */
  #favorites-list:empty::before {
    content: 'No favorites yet. Open a park and tap the ★ to add it.';
    display: block;
    padding: 22px 16px;
    text-align: center;
    color: var(--text-muted);
    font-size: 13.5px;
    line-height: 1.5;
  }
  .fav-row {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 12px;
    border-bottom: 1px solid var(--border);
    cursor: pointer;
    transition: background 0.15s ease;
  }
  .fav-row:last-child { border-bottom: none; }
  .fav-row:hover { background: var(--surface-2); }
  .fav-row:active { background: var(--surface-3); }
  .fav-star {
    flex-shrink: 0;
    width: 34px; height: 34px;
    border-radius: 8px;
    display: inline-flex; align-items: center; justify-content: center;
    background: transparent;
    border: none;
    color: var(--accent);
    cursor: pointer;
    transition: background 0.15s ease, transform 0.15s ease;
    padding: 0;
  }
  .fav-star:hover { background: var(--surface-3); }
  .fav-star:active { transform: scale(0.9); }
  .fav-star svg {
    width: 18px; height: 18px;
    fill: currentColor;
    stroke: currentColor;
    stroke-width: 1.5;
  }
  .fav-info {
    flex: 1;
    min-width: 0;
  }
  .fav-name {
    font-family: 'Fraunces', serif;
    font-size: 16px;
    font-weight: 500;
    color: var(--text);
    letter-spacing: -0.005em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.25;
  }
  .fav-loc {
    font-size: 12.5px;
    color: var(--text-muted);
    margin-top: 2px;
    display: flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .fav-loc svg {
    width: 11px; height: 11px;
    color: var(--text-muted);
    flex-shrink: 0;
  }
  .fav-chev {
    color: var(--text-light);
    flex-shrink: 0;
  }

  /* =====================================================================
     LOGIN — Email + PIN tabbed sign-in
     ===================================================================== */
  .login-tabs {
    display: flex;
    gap: 4px;
    background: var(--surface-2);
    padding: 4px;
    border-radius: 12px;
    margin-bottom: 18px;
    width: 100%;
  }
  .login-tab {
    flex: 1;
    padding: 10px 12px;
    border: none;
    background: transparent;
    border-radius: 8px;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    color: var(--text-muted);
    cursor: pointer;
    transition: background 0.18s ease, color 0.18s ease;
  }
  .login-tab.active {
    background: var(--surface);
    color: var(--text);
    box-shadow: 0 1px 2px rgba(0,0,0,0.06);
  }
  .login-pane { width: 100%; display: flex; flex-direction: column; gap: 14px; }
  .login-pane input[type="email"],
  .login-pane input[type="password"] {
    width: 100%;
    height: 50px;
    padding: 0 14px;
    border: 1.5px solid var(--border);
    border-radius: 10px;
    font-family: inherit;
    font-size: 15px;
    background: var(--surface);
    color: var(--text);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
  }
  .login-pane input[type="email"]:focus,
  .login-pane input[type="password"]:focus {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 4px rgba(31,71,51,.08);
  }
  #auth-submit, #setpw-submit {
    width: 100%;
    height: 48px;
    margin-top: 4px;
    background: var(--primary);
    color: #fff;
    border: none;
    border-radius: 10px;
    font-family: inherit;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.18s ease;
  }
  #auth-submit:hover, #setpw-submit:hover { background: var(--primary-hover); }
  #auth-submit:disabled, #setpw-submit:disabled { opacity: 0.55; cursor: not-allowed; }

  /* === SLIDE-TO-VERIFY PUZZLE (V-285) === */
  .pzl-wrap {
    position: relative;
    height: 46px;
    margin: 4px 0 2px;
    background: var(--surface-2);
    border: 1px solid var(--border-strong);
    border-radius: 10px;
    overflow: hidden;
    user-select: none;
    -webkit-user-select: none;
    touch-action: none;
  }
  .pzl-track-fill {
    position: absolute;
    top: 0; left: 0; bottom: 0;
    width: 0;
    background: linear-gradient(90deg, rgba(31,71,51,0.18), rgba(31,71,51,0.32));
    transition: background 0.2s ease;
    pointer-events: none;
  }
  .pzl-hint {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-muted);
    letter-spacing: 0.02em;
    pointer-events: none;
    transition: opacity 0.2s ease;
  }
  .pzl-handle {
    position: absolute;
    top: 3px; left: 3px;
    width: 40px;
    height: 40px;
    background: var(--primary);
    color: #fff;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: grab;
    touch-action: none;
    box-shadow: 0 2px 6px rgba(0,0,0,0.12);
    transition: background 0.15s ease;
    z-index: 2;
  }
  .pzl-handle:active { cursor: grabbing; }
  .pzl-handle svg { width: 20px; height: 20px; pointer-events: none; }
  .pzl-wrap.solved .pzl-track-fill {
    width: 100% !important;
    background: linear-gradient(90deg, rgba(46,134,86,0.32), rgba(46,134,86,0.46));
  }
  .pzl-wrap.solved .pzl-handle {
    background: #2E8656;
    cursor: default;
  }
  .pzl-wrap.solved .pzl-hint {
    color: #2E8656;
    font-weight: 700;
  }
  .pzl-wrap.failed {
    border-color: var(--danger);
    animation: pzlShake 0.35s ease;
  }
  @keyframes pzlShake {
    0%,100% { transform: translateX(0); }
    25% { transform: translateX(-6px); }
    75% { transform: translateX(6px); }
  }
  .login-pane input:disabled,
  #pin-input:disabled {
    opacity: 0.55;
    cursor: not-allowed;
    background: var(--surface-2);
  }
  #pin-toggle:disabled, #login-submit:disabled {
    opacity: 0.55;
    cursor: not-allowed;
  }
  .login-link {
    background: none;
    border: none;
    color: var(--primary);
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    padding: 6px;
    align-self: center;
  }
  .login-link:hover { text-decoration: underline; }
  #login-error {
    margin-top: 12px;
    padding: 10px 12px;
    background: rgba(160, 58, 45, 0.08);
    border: 1px solid rgba(160, 58, 45, 0.25);
    border-radius: 8px;
    color: var(--danger);
    font-size: 13px;
    display: none;
  }

  /* =====================================================================
     ACCOUNT SECTION in Settings
     ===================================================================== */
  #auth-account-section .acc-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }
  #auth-account-section .acc-info { min-width: 0; flex: 1; }
  #auth-account-section .acc-email {
    font-family: 'Geist', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: var(--text);
    word-break: break-all;
    line-height: 1.3;
  }
  #auth-account-section .acc-role {
    display: inline-block;
    margin-top: 6px;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 999px;
    background: var(--primary-soft);
    color: var(--primary);
  }
  #auth-account-section .acc-role.admin {
    background: var(--accent-soft);
    color: var(--accent);
  }
  #btn-signout {
    height: 34px;
    padding: 0 14px;
    background: transparent;
    color: var(--danger);
    border: 1.5px solid var(--danger);
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    font-family: inherit;
    flex-shrink: 0;
    transition: background 0.15s ease, color 0.15s ease;
  }
  #btn-signout:hover { background: var(--danger); color: #fff; }
  #invite-info {
    margin-top: 12px;
    padding: 12px 14px;
    background: var(--surface-2);
    border: 1px solid var(--border);
    border-radius: 10px;
    font-size: 13px;
    color: var(--text-muted);
    line-height: 1.5;
  }
  #invite-info strong { color: var(--text); }
  #invite-info a { color: var(--primary); font-weight: 600; }
  /* V-288: Financials privacy — blur sensitive figures until the eye is tapped */
  .fin-private .fin-amt { filter: blur(10px); -webkit-filter: blur(10px); user-select: none; pointer-events: none; }
  .fin-amt { transition: filter .15s ease; }
  /* V-300: Financials opens wider on larger screens so it's readable on desktop.
     On phones it stays full-width (the default .modal behaviour). */
  .modal.modal-wide { max-width: 520px; }
  @media (min-width: 700px) {
    .modal.modal-wide { max-width: 860px; }
    .modal.modal-wide .modal-body { padding: 24px 28px; }
  }
  @media (min-width: 1000px) {
    .modal.modal-wide { max-width: 1000px; }
  }
  /* V-300: small "?" info marker next to each total + its tap-to-open popover */
  .fin-info {
    display: inline-flex; align-items: center; justify-content: center;
    width: 16px; height: 16px; border-radius: 50%;
    border: 1px solid currentColor; opacity: 0.65;
    font-size: 10px; font-weight: 700; font-family: inherit;
    line-height: 1; cursor: pointer; background: transparent; color: inherit;
    padding: 0; margin-left: 5px; vertical-align: middle; flex-shrink: 0;
    -webkit-appearance: none; appearance: none;
  }
  .fin-info:hover, .fin-info:focus { opacity: 1; }
  #fin-info-pop {
    position: fixed; z-index: 200; max-width: 280px;
    background: var(--text); color: var(--surface);
    border-radius: 10px; padding: 11px 13px;
    font-size: 12.5px; line-height: 1.5; font-weight: 400;
    box-shadow: var(--shadow-lg); display: none;
  }
  #fin-info-pop.open { display: block; }
  #fin-info-pop .fin-info-title { font-weight: 700; margin-bottom: 4px; font-size: 12.5px; }
  #fin-eye-btn { background: rgba(255,255,255,0.18); border: none; color: #fff; width: 34px; height: 34px; border-radius: 50%; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
  #fin-eye-btn:active { background: rgba(255,255,255,0.3); }
</style>
  <meta name="robots" content="noindex,nofollow,noarchive">
  <meta name="googlebot" content="noindex,nofollow">
</head>
<body class="tab-parks">
<div id="pr-screen-flash" class="pr-flash-overlay" aria-hidden="true"></div>
  <!-- Auth0 removed — PIN-only mode -->


<div id="login-screen">
  <div class="login-card">
    <div class="login-brand">
      <div class="brand-mark" style="width:48px;height:48px;"></div>
      <div class="login-brand-name">Jewellery <em>RoadShow</em></div>
    </div>
    <h1 class="login-title">Welcome back</h1>
    <p class="login-sub">Sign in to access your database</p>

    <div class="login-pane" id="login-pane-email">
      <input type="email" id="auth-email" placeholder="you@example.com" autocomplete="username" autocapitalize="off" spellcheck="false">
      <input type="password" id="auth-password" placeholder="Password" autocomplete="current-password">
      <div class="pzl-wrap" id="pzl-wrap" role="slider" aria-label="Slide right to verify you are human" tabindex="-1">
        <div class="pzl-track-fill" id="pzl-track-fill"></div>
        <div class="pzl-hint" id="pzl-hint">Slide right to verify</div>
        <div class="pzl-handle" id="pzl-handle">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"/></svg>
        </div>
      </div>
      <button id="auth-submit" type="button" disabled>Sign in</button>
      <button id="auth-forgot" type="button" class="login-link">Forgot password?</button>
    </div>

    <div class="login-pane" id="login-pane-setpw" style="display:none;">
      <p class="login-sub" style="margin-bottom:6px;">Welcome! Set a password to finish setting up your account.</p>
      <input type="password" id="setpw-password" placeholder="New password (min 6 characters)" autocomplete="new-password" minlength="6">
      <button id="setpw-submit" type="button">Set password &amp; sign in</button>
    </div>

    <div class="login-pane" id="login-pane-otp" style="display:none;">
      <p class="login-sub" style="margin-bottom:6px;">We sent a 6-digit code to <strong id="otp-email-label">your email</strong>. Enter it below to verify this device. It expires in 10 minutes.</p>
      <input type="text" id="otp-code" inputmode="numeric" pattern="[0-9]*" maxlength="6" placeholder="123456" autocomplete="one-time-code" style="letter-spacing:0.4em;font-family:Menlo,Consolas,monospace;text-align:center;font-size:20px;">
      <button id="otp-submit" type="button">Verify &amp; sign in</button>
      <div style="display:flex;justify-content:space-between;gap:8px;margin-top:4px;">
        <button id="otp-resend" type="button" class="login-link" style="flex:1;">Send a new code</button>
        <button id="otp-cancel" type="button" class="login-link" style="flex:1;">Use a different account</button>
      </div>
    </div>

    <div id="login-error"></div>
    <div class="login-footer">
      No account? Ask your admin to invite you by email.
    </div>
    <blockquote class="login-verse">
      &ldquo;He who did not spare His own Son, but gave Him up for us all&mdash;how will He not also, along with Him, graciously give us all things?&rdquo;
      <cite>&mdash; Romans 8:32</cite>
    </blockquote>
  </div>
</div>

<!-- V-294: inactivity auto-lock overlay. Covers the app after a period of no
     interaction; requires the account password to resume (no full sign-out, so
     no re-OTP). Protects a lost/stolen phone that's already signed in. -->
<div id="lock-overlay" style="display:none;position:fixed;inset:0;z-index:99999;background:var(--bg,#0f1115);color:var(--text,#fff);flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;">
  <div style="width:100%;max-width:340px;">
    <div style="width:64px;height:64px;border-radius:18px;background:var(--surface,#1b1f27);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;">
      <svg viewBox="0 0 24 24" width="30" height="30" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>
    </div>
    <h2 style="font-family:var(--serif,Georgia);font-size:22px;margin:0 0 4px;">Locked</h2>
    <div id="lock-sub" style="font-size:13px;color:var(--text-muted,#9aa);margin-bottom:18px;">Enter your password to continue</div>
    <button type="button" id="lock-faceid-btn" style="display:none;width:100%;height:46px;border:none;border-radius:11px;background:var(--primary,#1f7a4d);color:#fff;font-size:15px;font-weight:700;cursor:pointer;margin-bottom:14px;align-items:center;justify-content:center;gap:8px;">
      <svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 8V6a2 2 0 0 1 2-2h2"/><path d="M16 4h2a2 2 0 0 1 2 2v2"/><path d="M20 16v2a2 2 0 0 1-2 2h-2"/><path d="M8 20H6a2 2 0 0 1-2-2v-2"/><path d="M9 10v.5M15 10v.5M9.5 15a3.5 3.5 0 0 0 5 0"/></svg>
      Unlock with Face ID
    </button>
    <input type="password" id="lock-password" autocomplete="current-password" placeholder="Password" style="width:100%;height:46px;border-radius:11px;border:1px solid var(--border-strong,#333);background:var(--surface,#1b1f27);color:var(--text,#fff);font-family:inherit;font-size:15px;padding:0 14px;box-sizing:border-box;margin-bottom:10px;"/>
    <div id="lock-error" style="display:none;color:var(--danger,#e5484d);font-size:12.5px;margin-bottom:10px;"></div>
    <button type="button" id="lock-unlock-btn" style="width:100%;height:46px;border:none;border-radius:11px;background:var(--primary,#1f7a4d);color:#fff;font-size:15px;font-weight:700;cursor:pointer;margin-bottom:10px;">Unlock</button>
    <button type="button" id="lock-signout-btn" style="width:100%;height:40px;border:none;border-radius:11px;background:transparent;color:var(--text-muted,#9aa);font-size:13px;cursor:pointer;">Sign out instead</button>
  </div>
</div>

<div id="app">
  <header class="topbar">
    <div class="topbar-row1">
      <div class="brand" style="flex-shrink:0;cursor:pointer;" onclick="window.switchTab('parks')" ontouchend="event.preventDefault();window.switchTab('parks')" title="Home">
        <div class="brand-mark"></div>
      </div>
      <div class="topbar-actions">
      <button class="icon-btn" id="btn-burger" title="Menu" style="position:relative;" onclick="window.openHeaderMenu()" ontouchend="event.preventDefault();window.openHeaderMenu()">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg>
        <span id="burger-dot" style="position:absolute;top:3px;right:3px;width:9px;height:9px;border-radius:50%;background:#C53030;display:none;box-shadow:0 0 0 2px var(--surface);"></span>
      </button>
    </div>
    </div>
    <div class="tab-nav">
      <button class="tab-btn active" data-tab="parks" onclick="switchTab('parks')" ontouchend="event.preventDefault(); switchTab('parks')" type="button">Locations</button>
      <button class="tab-btn" data-tab="trips" onclick="switchTab('trips')" ontouchend="event.preventDefault(); switchTab('trips')" type="button">Trips</button>
      <button class="tab-btn" data-tab="planner" onclick="switchTab('planner')" ontouchend="event.preventDefault(); switchTab('planner')" type="button">My Route</button>
      <button class="tab-btn" data-tab="nearby" onclick="switchTab('nearby')" ontouchend="event.preventDefault(); switchTab('nearby')" type="button">Near</button>
      <button class="tab-btn" data-tab="team" onclick="switchTab('team')" ontouchend="event.preventDefault(); switchTab('team')" type="button">Team</button>
      <button class="tab-btn" data-tab="time" onclick="switchTab('time')" ontouchend="event.preventDefault(); switchTab('time')" type="button">Time</button>
      <button class="tab-btn" data-tab="calls" onclick="switchTab('calls')" ontouchend="event.preventDefault(); switchTab('calls')" type="button">Call-Backs <span id="calls-tab-badge" style="display:none;background:#C53030;color:#fff;border-radius:9px;padding:1px 6px;font-size:10px;margin-left:3px;font-weight:700;"></span></button>
      <button class="tab-btn" data-tab="stock" onclick="switchTab('stock')" ontouchend="event.preventDefault(); switchTab('stock')" type="button">Stock</button>
    </div>
  </header>

  <div class="filterbar">
    <div id="type-filter-row" style="display:flex;gap:6px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px;-webkit-overflow-scrolling:touch;">
      <button class="type-btn active" data-type="park" style="flex-shrink:0;height:36px;padding:0 14px;border-radius:20px;border:1.5px solid var(--primary);background:var(--primary);color:#fff;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap;touch-action:manipulation;" onclick="window.toggleTypeFilter('park')" ontouchend="event.preventDefault();window.toggleTypeFilter('park')">Parks <span id="type-count-park" style="opacity:0.75;font-size:11px;"></span></button>
      <button class="type-btn" data-type="retirement-home" style="flex-shrink:0;height:36px;padding:0 14px;border-radius:20px;border:1.5px solid var(--border);background:var(--surface);color:var(--text);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap;touch-action:manipulation;" onclick="window.toggleTypeFilter('retirement-home')" ontouchend="event.preventDefault();window.toggleTypeFilter('retirement-home')">Retirement Homes <span id="type-count-retirement-home" style="opacity:0.75;font-size:11px;"></span></button>
      <button class="type-btn" data-type="chalet" style="flex-shrink:0;height:36px;padding:0 14px;border-radius:20px;border:1.5px solid var(--border);background:var(--surface);color:var(--text);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap;touch-action:manipulation;" onclick="window.toggleTypeFilter('chalet')" ontouchend="event.preventDefault();window.toggleTypeFilter('chalet')">Chalets <span id="type-count-chalet" style="opacity:0.75;font-size:11px;"></span></button>
      <button class="type-btn" data-type="council" style="flex-shrink:0;height:36px;padding:0 14px;border-radius:20px;border:1.5px solid var(--border);background:var(--surface);color:var(--text);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap;touch-action:manipulation;" onclick="window.toggleTypeFilter('council')" ontouchend="event.preventDefault();window.toggleTypeFilter('council')">Council <span id="type-count-council" style="opacity:0.75;font-size:11px;"></span></button>
      <button class="type-btn" data-type="housing-assoc" style="flex-shrink:0;height:36px;padding:0 14px;border-radius:20px;border:1.5px solid var(--border);background:var(--surface);color:var(--text);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap;touch-action:manipulation;" onclick="window.toggleTypeFilter('housing-assoc')" ontouchend="event.preventDefault();window.toggleTypeFilter('housing-assoc')">Housing Assoc <span id="type-count-housing-assoc" style="opacity:0.75;font-size:11px;"></span></button>
      <button class="type-btn" data-type="house" style="flex-shrink:0;height:36px;padding:0 14px;border-radius:20px;border:1.5px solid var(--border);background:var(--surface);color:var(--text);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap;touch-action:manipulation;" onclick="window.toggleTypeFilter('house')" ontouchend="event.preventDefault();window.toggleTypeFilter('house')">Houses <span id="type-count-house" style="opacity:0.75;font-size:11px;"></span></button>
      <button class="type-btn" data-type="bungalow" style="flex-shrink:0;height:36px;padding:0 14px;border-radius:20px;border:1.5px solid var(--border);background:var(--surface);color:var(--text);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap;touch-action:manipulation;" onclick="window.toggleTypeFilter('bungalow')" ontouchend="event.preventDefault();window.toggleTypeFilter('bungalow')">Bungalows <span id="type-count-bungalow" style="opacity:0.75;font-size:11px;"></span></button>
    </div>
    <div class="search-wrap" style="position:relative;">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>
      <input type="search" class="search-input" placeholder="Search by name, town, county…" id="search" autocomplete="off" style="padding-right:46px;"/>
      <button type="button" id="btn-my-location" title="Search my area" aria-label="Search my area"
        style="position:absolute;right:8px;top:50%;transform:translateY(-50%);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--primary);cursor:pointer;border-radius:8px;touch-action:manipulation;">
        <svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"/><path d="M12 2v3M12 19v3M2 12h3M19 12h3"/><circle cx="12" cy="12" r="8"/></svg>
      </button>
      <div id="search-suggestions" class="search-suggestions"></div>
    </div>
    <div class="filter-toggle-row">
      <button type="button" id="filter-toggle-btn" class="filter-toggle" onclick="window.toggleFilterPanel()" ontouchend="event.preventDefault();window.toggleFilterPanel()">
        <svg viewBox="0 0 24 24" width="15" height="15" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3"/></svg>
        <span>Filters</span>
        <span id="filter-active-dot" class="filter-active-dot" style="display:none;"></span>
        <span id="filter-toggle-chev" style="margin-left:auto;opacity:0.6;">▾</span>
      </button>
    </div>
    <div id="filter-collapse" class="filter-collapse" style="display:none;">
      <div class="chip-row">
        <button class="chip active" data-filter="all">All <span class="count" id="count-all">0</span></button>
        <button class="chip" data-filter="todo">To do <span class="count" id="count-todo">0</span></button>
        <button class="chip" data-filter="done">Done <span class="count" id="count-done">0</span></button>
      </div>
      <div class="color-chip-row" id="color-chip-row">
        <button class="color-chip" data-color="good"><span class="cc-dot" style="background:#2B6E4A;"></span>Good</button>
        <button class="color-chip" data-color="ok"><span class="cc-dot" style="background:#D97706;"></span>OK</button>
        <button class="color-chip" data-color="notgreat"><span class="cc-dot" style="background:#EAB308;"></span>Not great</button>
        <button class="color-chip" data-color="rubbish"><span class="cc-dot" style="background:#C53030;"></span>Rubbish</button>
        <button class="color-chip" data-color="awful"><span class="cc-dot" style="background:#1A1A1F;"></span>Awful</button>
        <button class="color-chip" data-color="none"><span class="cc-dot" style="background:#E5E1D8;border:1.5px solid #999;"></span>Not done</button>
      </div>
      <div class="source-chip-row" id="source-chip-row" style="display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;">
        <button class="chip" data-source="parkhome.org.uk" id="chip-source-parkorg">Park.org <span class="count" id="count-source-parkorg">0</span></button>
      </div>
    </div>
  </div>

  <main class="workspace" id="workspace">
    <div id="tab-parks" class="tab-content">
      <div class="container" id="list-view"></div>
    </div>
    <div id="map" style="display:none;"></div>
    <button type="button" id="map-heat-toggle" class="map-heat-toggle" style="display:none;" aria-pressed="false">
      <span class="heat-flame"><svg viewBox="0 0 24 24" width="15" height="15" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2s5 4 5 9a5 5 0 0 1-10 0c0-2 1-3 1-3s0 2 2 2 2-3 2-5c0-2-2-4-2-4z"/></svg></span><span>Heat map</span>
    </button>
    <div id="map-legend" class="map-legend" style="display:none;">
      <div class="ml-title">
        <span>Color guide</span>
        <button type="button" class="ml-toggle" aria-label="Toggle legend">−</button>
      </div>
      <div class="ml-body">
        <div class="ml-row"><span class="ml-dot" style="background:#9E9B95;"></span>Not done</div>
        <div class="ml-row"><span class="ml-dot" style="background:#B8842C;"></span>Working</div>
        <div class="ml-row"><span class="ml-dot" style="background:#2B6E4A;"></span>Good</div>
        <div class="ml-row"><span class="ml-dot" style="background:#D97706;"></span>OK</div>
        <div class="ml-row"><span class="ml-dot" style="background:#EAB308;"></span>Not great</div>
        <div class="ml-row"><span class="ml-dot" style="background:#C53030;"></span>Rubbish</div>
        <div class="ml-row"><span class="ml-dot" style="background:#1A1A1F;"></span>Awful</div>
        <div class="ml-row" style="margin-top:4px;padding-top:4px;border-top:1px solid #eee;"><span class="ml-dot" style="background:#2563EB;border:2px solid white;box-shadow:0 0 0 1px rgba(37,99,235,.4);"></span><strong>You</strong></div>
      </div>
    </div>
    <div id="tab-trips" class="tab-content" style="display:none;">
      <div class="container" id="trips-view"></div>
      <div class="container" id="trip-detail-view" style="display:none;"></div>
    </div>
    <div id="tab-nearby" class="tab-content" style="display:none;">
      <div id="nearby-controls"></div>
      <div class="container" id="nearby-view" style="padding-top:0;"></div>
      <div id="nearby-map" style="display:none;"></div>
    </div>
    <div id="tab-team" class="tab-content" style="display:none;">
      <div class="container" id="team-view"></div>
    </div>
    <div id="tab-time" class="tab-content" style="display:none;">
      <div class="container" id="time-view"></div>
    </div>
    <div id="tab-calls" class="tab-content" style="display:none;">
      <div class="container" id="calls-view"></div>
    </div>
    <div id="tab-planner" class="tab-content" style="display:none;">
      <div id="planner-view"></div>
    </div>
    <div id="tab-stock" class="tab-content" style="display:none;">
      <!-- Merged Stock + Spot page: segmented sub-toggle switches between
           inventory (Stock) and live metal prices (Spot). -->
      <div class="container" style="padding-top:12px;padding-bottom:0;">
        <div class="stockspot-seg" id="stockspot-seg">
          <button type="button" class="stockspot-seg-btn active" data-ss="stock" onclick="window.setStockSpotView('stock')" ontouchend="event.preventDefault();window.setStockSpotView('stock')"><svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="vertical-align:-2px;margin-right:5px;"><path d="M21 16V8a2 2 0 0 0-1-1.7l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.7l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/><polyline points="3.3 7 12 12 20.7 7"/><line x1="12" y1="22" x2="12" y2="12"/></svg>Stock</button>
          <button type="button" class="stockspot-seg-btn" data-ss="spot" onclick="window.setStockSpotView('spot')" ontouchend="event.preventDefault();window.setStockSpotView('spot')"><svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="vertical-align:-2px;margin-right:5px;"><polyline points="23 6 13.5 15.5 8.5 10.5 1 18"/><polyline points="17 6 23 6 23 12"/></svg>Spot</button>
        </div>
      </div>
      <div class="container" id="stock-view"></div>
      <div class="container" id="spot-view" style="display:none;"></div>
    </div>
    <div id="tab-competitors" class="tab-content" style="display:none;">
      <div class="container" id="competitors-view"></div>
    </div>
    <div id="tab-hotspots" class="tab-content" style="display:none;">
      <div class="container" id="hotspots-view"></div>
    </div>
    <div id="tab-weather" class="tab-content" style="display:none;">
      <div class="container" id="weather-view"></div>
    </div>
    <div id="tab-chat" class="tab-content" style="display:none;">
      <div class="container" id="chat-view" style="padding:0;"></div>
    </div>
    <div id="tab-approvals" class="tab-content" style="display:none;">
      <div class="container" id="approvals-view"></div>
    </div>
    <div id="tab-deals" class="tab-content" style="display:none;">
      <div class="container" id="deals-view"></div>
    </div>
    <div id="tab-bugs" class="tab-content" style="display:none;">
      <div class="container" id="bugs-view"></div>
    </div>
    <div id="tab-receipts" class="tab-content" style="display:none;">
      <div class="container" id="receipts-view"></div>
    </div>
    <div id="tab-clients" class="tab-content" style="display:none;">
      <div class="container" id="clients-view"></div>
    </div>
    <div id="tab-translate" class="tab-content" style="display:none;">
      <div class="container" id="translate-view"></div>
    </div>
    <div id="tab-auth" class="tab-content" style="display:none;">
      <div class="container" id="auth-view"></div>
    </div>
    <div id="tab-fuel" class="tab-content" style="display:none;">
      <div class="container" id="fuel-view"></div>
    </div>
    <div id="tab-food" class="tab-content" style="display:none;">
      <div class="container" id="food-view"></div>
    </div>
    <div id="tab-rsrates" class="tab-content" style="display:none;">
      <div class="container" id="rsrates-view"></div>
    </div>
    <div id="tab-valuations" class="tab-content" style="display:none;">
      <div class="container" id="valuations-view"></div>
    </div>
    <div id="tab-gadgets" class="tab-content" style="display:none;">
      <div class="container" id="gadgets-view"></div>
    </div>
    <div id="tab-market" class="tab-content" style="display:none;">
      <div class="container" id="market-view"></div>
    </div>
    <div id="tab-tasks" class="tab-content" style="display:none;">
      <div class="container" id="tasks-view"></div>
    </div>
    <div id="tab-aml" class="tab-content" style="display:none;">
      <div class="container" id="aml-view"></div>
    </div>
    <div id="tab-refinery" class="tab-content" style="display:none;">
      <div class="container" id="refinery-view"></div>
    </div>
    <div id="tab-collectables" class="tab-content" style="display:none;">
      <div class="container" id="collectables-view"></div>
    </div>
  </main>

  <!-- ===== COMPETITORS: FAB + SHEETS ===== -->
  <button class="cmp-fab" onclick="window.cmpFabAdd()" ontouchend="event.preventDefault();window.cmpFabAdd()" title="Add">+</button>
  <div class="cmp-bd" id="cmp-bd" onclick="window.cmpCloseSheets()"></div>
  <div class="cmp-sheet" id="cmp-detail"><div class="cmp-grab"></div><div class="cmp-sbody" id="cmp-detail-body"></div></div>
  <div class="cmp-sheet" id="cmp-add">
    <div class="cmp-grab"></div>
    <div class="cmp-sbody">
      <div class="cmp-sh-kind" id="cmp-add-kind" style="color:var(--primary)">New local shop</div>
      <div class="cmp-sh-name">Add manually</div>
      <div class="cmp-field"><label>Name</label><input id="cmp-a-name" placeholder="e.g. Smith's Gold Buyers"></div>
      <div class="cmp-field"><label>City / town</label><input id="cmp-a-city" placeholder="e.g. Leeds"></div>
      <div class="cmp-field"><label>Address</label><input id="cmp-a-addr" placeholder="Street, postcode"></div>
      <div class="cmp-field"><label>Phone</label><input id="cmp-a-phone" placeholder="Optional"></div>
      <div class="cmp-field"><label>Estimated pay / gram</label><input id="cmp-a-ppg" placeholder="e.g. £20–£35/g (estimate)"></div>
      <div class="cmp-field"><label>Marketing channels (tick all that apply)</label>
        <div id="cmp-a-chan-host"></div>
      </div>
      <button class="cmp-save" onclick="window.cmpSaveNew()" ontouchend="event.preventDefault();window.cmpSaveNew()">Save competitor</button>
    </div>
  </div>
  <div class="cmp-sheet" id="cmp-adv">
    <div class="cmp-grab"></div>
    <div class="cmp-sbody">
      <div class="cmp-sh-kind" style="color:var(--accent)">Adverts &amp; Halls</div>
      <div class="cmp-sh-name" id="cmp-adv-title">Log a sighting</div>
      <div class="cmp-field"><label>Type (tick all that apply)</label>
        <div id="cmp-adv-type-host"></div>
      </div>
      <div class="cmp-field"><label>Competitor (who's behind it)</label><input id="cmp-adv-comp" placeholder="e.g. Cash4Gold Roadshow"></div>
      <div class="cmp-field"><label>Venue / station / publication</label><input id="cmp-adv-venue" placeholder="e.g. Town Hall, Heart FM, local paper"></div>
      <div class="cmp-field"><label>Area</label><input id="cmp-adv-area" placeholder="Town or postcode area"></div>
      <div class="cmp-field"><label>Date seen / event date</label><input id="cmp-adv-date" type="date"></div>
      <div class="cmp-field"><label>Detail</label><input id="cmp-adv-detail" placeholder="e.g. weekday mornings, Royal Mail door drop"></div>
      <div class="cmp-field"><label>Notes</label><input id="cmp-adv-notes" placeholder="Anything else worth recording"></div>
      <button class="cmp-save" onclick="window.cmpSaveAdvert()" ontouchend="event.preventDefault();window.cmpSaveAdvert()">Save sighting</button>
    </div>
  </div>

  <div class="view-switch">
    <button id="view-list" class="active">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="8" y1="6" x2="21" y2="6"/><line x1="8" y1="12" x2="21" y2="12"/><line x1="8" y1="18" x2="21" y2="18"/><line x1="3" y1="6" x2="3.01" y2="6"/><line x1="3" y1="12" x2="3.01" y2="12"/><line x1="3" y1="18" x2="3.01" y2="18"/></svg>
      List
    </button>
    <button id="view-map">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="1 6 1 22 8 18 16 22 23 18 23 2 16 6 8 2 1 6"/><line x1="8" y1="2" x2="8" y2="18"/><line x1="16" y1="6" x2="16" y2="22"/></svg>
      Map
    </button>
  </div>

  <!-- Near-page List/Map toggle (mirrors Locations, only shown on Near tab) -->
  <div class="near-view-switch" id="near-view-switch">
    <button id="near-view-list" class="active" type="button" onclick="window.setNearbyView('list')" ontouchend="event.preventDefault();window.setNearbyView('list')">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="8" y1="6" x2="21" y2="6"/><line x1="8" y1="12" x2="21" y2="12"/><line x1="8" y1="18" x2="21" y2="18"/><line x1="3" y1="6" x2="3.01" y2="6"/><line x1="3" y1="12" x2="3.01" y2="12"/><line x1="3" y1="18" x2="3.01" y2="18"/></svg>
      List
    </button>
    <button id="near-view-map" type="button" onclick="window.setNearbyView('map')" ontouchend="event.preventDefault();window.setNearbyView('map')">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="1 6 1 22 8 18 16 22 23 18 23 2 16 6 8 2 1 6"/><line x1="8" y1="2" x2="8" y2="18"/><line x1="16" y1="6" x2="16" y2="22"/></svg>
      Map
    </button>
  </div>

  <button class="fab" id="btn-import" title="Import / Add">
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
  </button>

  <!-- ===== BOTTOM APP-STYLE NAV BAR ===== -->
  <nav class="bottom-nav" role="navigation" aria-label="Main">
    <button type="button" class="bottom-nav-btn active" data-tab="parks" onclick="window.switchTab('parks')" ontouchend="event.preventDefault();window.switchTab('parks')">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
      <span>Locations</span>
    </button>
    <button type="button" class="bottom-nav-btn" data-tab="nearby" onclick="window.switchTab('nearby')" ontouchend="event.preventDefault();window.switchTab('nearby')">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"/><circle cx="12" cy="12" r="9"/><line x1="12" y1="1" x2="12" y2="4"/><line x1="12" y1="20" x2="12" y2="23"/><line x1="1" y1="12" x2="4" y2="12"/><line x1="20" y1="12" x2="23" y2="12"/></svg>
      <span>Near</span>
    </button>
    <button type="button" class="bottom-nav-btn bottom-nav-deal" id="bottom-nav-deal" onclick="window.moreAddDeal()" ontouchend="event.preventDefault();window.moreAddDeal()" aria-label="Add a deal">
      <span class="bn-deal-circle"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="6" x2="12" y2="18"/><line x1="6" y1="12" x2="18" y2="12"/></svg></span>
      <span>Add deal</span>
    </button>
    <button type="button" class="bottom-nav-btn" data-tab="trips" onclick="window.switchTab('trips')" ontouchend="event.preventDefault();window.switchTab('trips')">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M3 7h18M3 12h18M3 17h18"/><circle cx="7" cy="7" r="0.5"/></svg>
      <span>Trips</span>
    </button>
    <button type="button" class="bottom-nav-btn" id="bottom-nav-more" onclick="window.openMoreSheet()" ontouchend="event.preventDefault();window.openMoreSheet()">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><circle cx="5" cy="12" r="1.6"/><circle cx="12" cy="12" r="1.6"/><circle cx="19" cy="12" r="1.6"/></svg>
      <span>More</span>
      <span class="bn-badge" id="more-bn-badge">0</span>
    </button>
  </nav>

  <!-- ===== "MORE" SHEET ===== -->
  <div class="more-backdrop" id="more-backdrop" onclick="window.closeMoreSheet()"></div>  <div class="more-sheet" id="more-sheet" role="dialog" aria-label="More">
    <div class="more-drag-zone" id="more-drag-zone"><div class="more-grab"></div></div>
    <div class="more-title">More</div>
    <div class="more-grid more-categorised">
      <!-- Quick actions (pinned top) -->
      <div class="more-cat">
        <div class="more-cat-label">Quick actions</div>
        <div class="more-cat-tiles">
          <button type="button" class="more-item more-item-deal" onclick="window.moreAddDeal()" ontouchend="event.preventDefault();window.moreAddDeal()">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="16"/><line x1="8" y1="12" x2="16" y2="12"/></svg>
            <span>Add a deal</span>
          </button>
          <button type="button" class="more-item" onclick="window.moreAddLocation()" ontouchend="event.preventDefault();window.moreAddLocation()">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><line x1="12" y1="7" x2="12" y2="13"/><line x1="9" y1="10" x2="15" y2="10"/></svg>
            <span>Add a location</span>
          </button>
        </div>
      </div>

      <!-- Client Relations -->
      <div class="more-cat">
        <div class="more-cat-label">Client Relations</div>
        <div class="more-cat-tiles">
          <button type="button" class="more-item" data-tab="deals" onclick="window.moreGo('deals')" ontouchend="event.preventDefault();window.moreGo('deals')">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M4 2v20l2-1.5L8 22l2-1.5L12 22l2-1.5L16 22l2-1.5L20 22V2l-2 1.5L16 2l-2 1.5L12 2l-2 1.5L8 2 6 3.5 4 2z"/><line x1="8" y1="8" x2="16" y2="8"/><line x1="8" y1="12" x2="16" y2="12"/></svg>
            <span>Deals</span>
          </button>
          <button type="button" class="more-item" data-tab="clients" onclick="window.moreGo('clients')" ontouchend="event.preventDefault();window.moreGo('clients')">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"/><path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"/><circle cx="12" cy="9" r="2"/><path d="M9 14a3 3 0 0 1 6 0"/></svg>
            <span>Clients</span>
          </button>
          <button type="button" class="more-item" data-tab="receipts" onclick="window.moreGo('receipts')" ontouchend="event.preventDefault();window.moreGo('receipts')">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M4 2v20l2-1.5L8 22l2-1.5L12 22l2-1.5L16 22l2-1.5L20 22V2l-2 1.5L16 2l-2 1.5L12 2l-2 1.5L8 2 6 3.5 4 2z"/><circle cx="12" cy="11" r="3"/></svg>
            <span>Receipts</span>
          </button>
          <button type="button" class="more-item" data-tab="calls" onclick="window.moreGo('calls')" ontouchend="event.preventDefault();window.moreGo('calls')">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
            <span>Call-Backs</span>
            <span class="mi-badge" id="more-calls-badge">0</span>
          </button>
        </div>
      </div>

      <!-- On the Road -->
      <div class="more-cat">
        <div class="more-cat-label">On the Road</div>
        <div class="more-cat-tiles">
          <button type="button" class="more-item" data-tab="weather" onclick="window.moreGo('weather')" ontouchend="event.preventDefault();window.moreGo('weather')">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M17.5 19a4.5 4.5 0 1 0 0-9h-1.8A7 7 0 1 0 4 16.9"/><line x1="8" y1="19" x2="8" y2="21"/><line x1="8" y1="13" x2="8" y2="15"/><line x1="16" y1="19" x2="16" y2="21"/><line x1="12" y1="21" x2="12" y2="23"/><line x1="12" y1="15" x2="12" y2="17"/></svg>
            <span>Weather</span>
          </button>
          <button type="button" class="more-item" data-tab="fuel" onclick="window.moreGo('fuel')" ontouchend="event.preventDefault();window.moreGo('fuel')">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M3 21V5a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2v16"/><line x1="2" y1="21" x2="15" y2="21"/><path d="M14 9h2.5a2 2 0 0 1 2 2v6a1.5 1.5 0 0 0 3 0V8l-3-3"/><line x1="6" y1="8" x2="11" y2="8"/></svg>
            <span>Fuel</span>
          </button>
          <button type="button" class="more-item" data-tab="food" onclick="window.moreGo('food')" ontouchend="event.preventDefault();window.moreGo('food')">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M3 2v7c0 1.1.9 2 2 2h0a2 2 0 0 0 2-2V2"/><path d="M5 2v20"/><path d="M16 2v20"/><path d="M16 11h3a2 2 0 0 0 2-2V6c0-2-1.5-4-3-4h-2z"/></svg>
            <span>Food &amp; Stops</span>
          </button>
          <button type="button" class="more-item" data-tab="translate" onclick="window.moreGo('translate')" ontouchend="event.preventDefault();window.moreGo('translate')">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M4 5h7M9 3v2c0 4-2 7-5 9"/><path d="M5 11c1.5 2 3.5 3.5 6 4.5"/><path d="M13 21l4-9 4 9M14.5 18h5"/></svg>
            <span>Translate</span>
          </button>
          <button type="button" class="more-item" onclick="window.open('https://jewelleryroadshow.com/', '_blank')" ontouchend="event.preventDefault();window.open('https://jewelleryroadshow.com/', '_blank')">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg>
            <span>Website</span>
          </button>
        </div>
      </div>

      <!-- Field Ops -->
      <div class="more-cat">
        <div class="more-cat-label">Field Ops</div>
        <div class="more-cat-tiles">
          <button type="button" class="more-item" data-tab="competitors" onclick="window.moreGo('competitors')" ontouchend="event.preventDefault();window.moreGo('competitors')">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M3 21h18"/><path d="M5 21V8l5-3v16"/><path d="M14 21V11l5-3v13"/><circle cx="7.5" cy="11" r=".6"/><circle cx="7.5" cy="14" r=".6"/></svg>
            <span>Competition</span>
          </button>
          <button type="button" class="more-item" data-tab="planner" onclick="window.moreGo('planner')" ontouchend="event.preventDefault();window.moreGo('planner')">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><polyline points="3 11 22 2 13 21 11 13 3 11"/></svg>
            <span>My Route</span>
          </button>
          <button type="button" class="more-item" data-tab="time" onclick="window.moreGo('time')" ontouchend="event.preventDefault();window.moreGo('time')">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><polyline points="12 7 12 12 15.5 14"/></svg>
            <span>Time</span>
          </button>
          <button type="button" class="more-item" data-tab="tasks" onclick="window.moreGo('tasks')" ontouchend="event.preventDefault();window.moreGo('tasks')">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="7" height="18" rx="1.5"/><rect x="14" y="3" width="7" height="11" rx="1.5"/></svg>
            <span>Tasks</span>
            <span class="mi-badge" id="more-tasks-badge" style="display:none;">0</span>
          </button>
          <button type="button" class="more-item" data-tab="hotspots" onclick="window.moreGo('hotspots')" ontouchend="event.preventDefault();window.moreGo('hotspots')">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M8.5 14.5A4.5 4.5 0 0 0 13 19a4.5 4.5 0 0 0 4.5-4.5c0-2-1.5-3.5-2-5.5-1.5 1-2 2-2 3.5C12 11 11 9 11 7c0-1.5.5-3 1.5-4.5C9 4 6.5 7 6.5 11a6 6 0 0 0 2 3.5Z"/></svg>
            <span>Hotspots</span>
          </button>
        </div>
      </div>

      <!-- Team & Trade -->
      <div class="more-cat">
        <div class="more-cat-label">Team &amp; Trade</div>
        <div class="more-cat-tiles">
          <button type="button" class="more-item" data-tab="team" onclick="window.moreGo('team')" ontouchend="event.preventDefault();window.moreGo('team')">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
            <span>Team</span>
            <span class="mi-badge" id="more-team-badge">0</span>
          </button>
          <button type="button" class="more-item" data-tab="chat" onclick="window.moreGo('chat')" ontouchend="event.preventDefault();window.moreGo('chat')">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>
            <span>Chat</span>
            <span class="mi-badge" id="more-chat-badge" style="display:none;">0</span>
          </button>
          <button type="button" class="more-item" data-tab="rsrates" onclick="window.moreGo('rsrates')" ontouchend="event.preventDefault();window.moreGo('rsrates')">
            <span aria-hidden="true" style="display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:13px;font-weight:800;letter-spacing:-0.5px;line-height:1;color:currentColor;">£€$</span>
            <span>RS Rates</span>
          </button>
          <button type="button" class="more-item" id="more-stock-item" data-tab="stock" onclick="window.moreGo('stock')" ontouchend="event.preventDefault();window.moreGo('stock')">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/><polyline points="3.27 6.96 12 12.01 20.73 6.96"/><line x1="12" y1="22.08" x2="12" y2="12"/></svg>
            <span>Stock</span>
          </button>
          <button type="button" class="more-item" id="more-melt-item" data-tab="melt" onclick="window.goMelt()" ontouchend="event.preventDefault();window.goMelt()">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z"/></svg>
            <span>Melt &amp; sell</span>
          </button>
          <button type="button" class="more-item" id="more-spot-item" data-tab="spot" onclick="window.moreGo('spot')" ontouchend="event.preventDefault();window.moreGo('spot')">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><polyline points="23 6 13.5 15.5 8.5 10.5 1 18"/><polyline points="17 6 23 6 23 12"/></svg>
            <span>Spot</span>
          </button>
        </div>
      </div>

      <!-- Tools & Research -->
      <div class="more-cat">
        <div class="more-cat-label">Tools &amp; Research</div>
        <div class="more-cat-tiles">
          <button type="button" class="more-item" data-tab="market" onclick="window.moreGo('market')" ontouchend="event.preventDefault();window.moreGo('market')">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/></svg>
            <span>Market Lookup</span>
          </button>
          <button type="button" class="more-item" data-tab="collectables" onclick="window.moreGo('collectables')" ontouchend="event.preventDefault();window.moreGo('collectables')">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="5" width="13" height="16" rx="2"/><path d="M8 9.5c0-1 .8-1.8 1.8-1.8s1.7.8 1.7 1.8c0 1.4-1.7 2.3-1.7 3.4M9.6 16.2v.01"/><path d="M16 7l3.2 1a2 2 0 0 1 1.3 2.5l-2.7 9.2"/></svg>
            <span>Collectables</span>
          </button>
          <button type="button" class="more-item" data-tab="auth" onclick="window.moreGo('auth')" ontouchend="event.preventDefault();window.moreGo('auth')">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2l7 3v6c0 4.5-3 8.5-7 10-4-1.5-7-5.5-7-10V5l7-3z"/><path d="M9 12l2 2 4-4"/></svg>
            <span>Auth Check</span>
          </button>
          <button type="button" class="more-item" data-tab="valuations" onclick="window.moreGo('valuations')" ontouchend="event.preventDefault();window.moreGo('valuations')">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><path d="M9 15l2 2 4-4"/></svg>
            <span>Valuations</span>
          </button>
          <button type="button" class="more-item" data-tab="gadgets" onclick="window.moreGo('gadgets')" ontouchend="event.preventDefault();window.moreGo('gadgets')">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><rect x="5" y="2" width="14" height="20" rx="2"/><line x1="12" y1="18" x2="12" y2="18"/></svg>
            <span>Gadgets</span>
          </button>
        </div>
      </div>

      <!-- Compliance (AU only) -->
      <div class="more-cat au-only-block">
        <div class="more-cat-label">Compliance (AU)</div>
        <div class="more-cat-tiles">
          <button type="button" class="more-item au-only-flex" data-tab="aml" onclick="window.moreGo('aml')" ontouchend="event.preventDefault();window.moreGo('aml')">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2l8 4v5c0 5-3.4 9-8 11-4.6-2-8-6-8-11V6l8-4z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="16.5" x2="12" y2="16.5"/></svg>
            <span>AML Register</span>
            <span class="mi-badge" id="aml-more-badge" style="display:none;"></span>
          </button>
          <button type="button" class="more-item au-only-flex" data-tab="refinery" onclick="window.moreGo('refinery')" ontouchend="event.preventDefault();window.moreGo('refinery')">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M2 20h20"/><path d="M4 20V9l5 3V9l5 3V6l6 3v11"/></svg>
            <span>Refinery</span>
          </button>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- Floating "‹ More" chip: shown only when a tab was opened from the More sheet. -->
<button type="button" id="back-to-more-chip" onclick="window.backToMore()" ontouchend="event.preventDefault();window.backToMore()"
  style="display:none;position:fixed;left:12px;bottom:calc(74px + env(safe-area-inset-bottom));z-index:55;align-items:center;gap:6px;background:var(--surface);color:var(--text);border:1.5px solid var(--border-strong);border-radius:999px;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:700;box-shadow:0 4px 14px rgba(26,26,31,0.18);cursor:pointer;">
  <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"/></svg>
  More
</button>

<!-- ===== HEADER BURGER MENU (separate from the bottom More tab) ===== -->
<div class="more-backdrop" id="burger-backdrop" onclick="window.closeHeaderMenu()"></div>
<div class="more-sheet" id="burger-sheet" role="dialog" aria-label="Menu">
  <div class="more-drag-zone" id="burger-drag-zone"><div class="more-grab"></div></div>
  <h2 style="margin:0 0 14px;font-family:'Fraunces',serif;">Menu</h2>
  <div class="more-grid">
    <button type="button" class="more-item more-item-deal" onclick="window.burgerAddDeal()" ontouchend="event.preventDefault();window.burgerAddDeal()">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="16"/><line x1="8" y1="12" x2="16" y2="12"/></svg>
      <span>Add a deal</span>
    </button>
    <button type="button" class="more-item" id="burger-approvals-item" data-tab="approvals" style="display:none;" onclick="window.burgerGo('approvals')" ontouchend="event.preventDefault();window.burgerGo('approvals')">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M9 11l3 3L22 4"/><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/></svg>
      <span>Approvals</span>
      <span class="mi-badge" id="burger-approvals-badge">0</span>
    </button>
    <button type="button" class="more-item" id="btn-stats" data-tab="financials">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="20" x2="18" y2="10"/><line x1="12" y1="20" x2="12" y2="4"/><line x1="6" y1="20" x2="6" y2="14"/></svg>
      <span>Financials</span>
    </button>
    <button type="button" class="more-item" id="btn-select" title="Select parks">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 11 12 14 22 4"/><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/></svg>
      <span>Select parks</span>
    </button>
    <button type="button" class="more-item" id="btn-safety" title="Safety" style="position:relative;">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
      <span>Safety</span>
      <span id="safety-share-dot" style="position:absolute;top:8px;right:8px;width:7px;height:7px;border-radius:50%;background:#2B6E4A;display:none;"></span>
      <span id="safety-nudge-dot" style="position:absolute;top:8px;left:8px;width:9px;height:9px;border-radius:50%;background:#C53030;display:none;animation:pulseDot 1.5s infinite;"></span>
    </button>
    <button type="button" class="more-item" id="btn-ai-top" title="AI assistant" onclick="window.openAI()" ontouchend="event.preventDefault();window.openAI()">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2a2 2 0 0 1 2 2v1.2a6 6 0 0 1 3.8 3.8H19a2 2 0 1 1 0 4h-1.2a6 6 0 0 1-3.8 3.8V20a2 2 0 1 1-4 0v-1.2A6 6 0 0 1 6.2 15H5a2 2 0 1 1 0-4h1.2A6 6 0 0 1 10 7.2V4a2 2 0 0 1 2-2z"/><circle cx="12" cy="12" r="2.2"/></svg>
      <span>AI assistant</span>
    </button>
    <button type="button" class="more-item" id="btn-profile" title="Profile" style="position:relative;">
      <img id="profile-header-img" src="" alt="Profile" style="width:26px;height:26px;border-radius:50%;object-fit:cover;display:none;" />
      <svg id="profile-header-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
      <span>Profile</span>
    </button>
    <button type="button" class="more-item" id="btn-settings" title="Settings" style="position:relative;">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"/></svg>
      <span>Settings</span>
    </button>
    <button type="button" class="more-item" data-tab="bugs" onclick="window.burgerGo('bugs')" ontouchend="event.preventDefault();window.burgerGo('bugs')">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M8 2l1.88 1.88M16 2l-1.88 1.88M9 7.13V6a3 3 0 1 1 6 0v1.13M12 20a6 6 0 0 0 6-6v-2a6 6 0 0 0-12 0v2a6 6 0 0 0 6 6zM12 14v-4M3 13h3M18 13h3M3.5 8l2.5 2M20.5 8L18 10M3.5 18l2.5-2M20.5 18L18 16"/></svg>
      <span>Bugs</span>
    </button>
    <button type="button" class="more-item" id="btn-theme-toggle" title="Switch light / dark mode" onclick="window.toggleTheme()" ontouchend="event.preventDefault();window.toggleTheme()">
      <span class="theme-ico">
        <!-- Moon (shown in light mode = tap to go dark) -->
        <svg class="theme-ico-moon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/></svg>
        <!-- Sun (shown in dark mode = tap to go light) -->
        <svg class="theme-ico-sun" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="4.2"/><line x1="12" y1="2" x2="12" y2="4.5"/><line x1="12" y1="19.5" x2="12" y2="22"/><line x1="2" y1="12" x2="4.5" y2="12"/><line x1="19.5" y1="12" x2="22" y2="12"/><line x1="4.9" y1="4.9" x2="6.6" y2="6.6"/><line x1="17.4" y1="17.4" x2="19.1" y2="19.1"/><line x1="4.9" y1="19.1" x2="6.6" y2="17.4"/><line x1="17.4" y1="6.6" x2="19.1" y2="4.9"/></svg>
      </span>
      <span class="theme-label">Dark mode</span>
    </button>
  </div>
</div>

<!-- DETAIL PANEL -->
<div class="panel-backdrop" id="panel-backdrop"></div>
<div class="panel" id="park-panel">
  <div class="panel-head">
    <button type="button" id="panel-back-to-map" title="Back to map">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"/></svg>
      Map
    </button>
    <div style="min-width:0;flex:1;">
      <h2 id="panel-name">—</h2>
      <div class="panel-sub" id="panel-loc">—</div>
      <div id="panel-modified-by" style="font-size:11px;color:var(--text-muted);margin-top:2px;display:none;"></div>
    </div>
    <button class="icon-btn" id="panel-favorite" title="Favorite this park" aria-label="Toggle favorite" type="button">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
    </button>
    <button class="icon-btn" id="panel-close">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
    </button>
  </div>
  <div class="panel-body">
    <section style="padding-bottom:10px;margin-bottom:8px;border-bottom:1px solid var(--border);">
      <h4 style="margin-bottom:8px;">Edit name &amp; location</h4>
      <input id="panel-edit-name" type="text" placeholder="Location name" autocomplete="off"
        style="width:100%;height:38px;padding:0 12px;border:1.5px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font-family:inherit;font-size:14px;margin-bottom:6px;box-sizing:border-box;"
        onchange="window.savePanelName(this.value)">
      <div style="display:flex;gap:6px;margin-bottom:6px;">
        <input id="panel-edit-town" type="text" placeholder="Town / suburb" autocomplete="off"
          style="flex:1;height:36px;padding:0 12px;border:1.5px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font-family:inherit;font-size:13px;box-sizing:border-box;"
          onchange="window.savePanelTownCounty()">
        <input id="panel-edit-county" type="text" placeholder="County / area" autocomplete="off"
          style="flex:1;height:36px;padding:0 12px;border:1.5px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font-family:inherit;font-size:13px;box-sizing:border-box;"
          onchange="window.savePanelTownCounty()">
      </div>
      <button type="button" id="panel-pin-here" onclick="window.pinPanelToCurrentLocation()" ontouchend="event.preventDefault();window.pinPanelToCurrentLocation()"
        style="width:100%;display:flex;align-items:center;justify-content:center;gap:8px;height:40px;background:var(--primary);color:#fff;border:none;border-radius:10px;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;touch-action:manipulation;">
        <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
        Move pin to where I am now</button>
      <div id="panel-pin-status" style="font-size:11px;color:var(--text-muted);margin-top:5px;"></div>
    </section>
    <section style="padding-bottom:10px;margin-bottom:8px;border-bottom:1px solid var(--border);">
      <h4 style="margin-bottom:8px;">Property type</h4>
      <div style="display:flex;gap:6px;flex-wrap:wrap;">
        <button class="panel-type-btn" data-ptype="park" onclick="window.setPanelPropertyType('park')" ontouchend="event.preventDefault();window.setPanelPropertyType('park')" style="height:30px;padding:0 10px;border-radius:16px;border:1.5px solid var(--border);background:var(--surface);font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;touch-action:manipulation;">Park</button>
        <button class="panel-type-btn" data-ptype="retirement-home" onclick="window.setPanelPropertyType('retirement-home')" ontouchend="event.preventDefault();window.setPanelPropertyType('retirement-home')" style="height:30px;padding:0 10px;border-radius:16px;border:1.5px solid var(--border);background:var(--surface);font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;touch-action:manipulation;">Retirement Home</button>
        <button class="panel-type-btn" data-ptype="chalet" onclick="window.setPanelPropertyType('chalet')" ontouchend="event.preventDefault();window.setPanelPropertyType('chalet')" style="height:30px;padding:0 10px;border-radius:16px;border:1.5px solid var(--border);background:var(--surface);font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;touch-action:manipulation;">Chalet</button>
        <button class="panel-type-btn" data-ptype="council" onclick="window.setPanelPropertyType('council')" ontouchend="event.preventDefault();window.setPanelPropertyType('council')" style="height:30px;padding:0 10px;border-radius:16px;border:1.5px solid var(--border);background:var(--surface);font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;touch-action:manipulation;">Council</button>
        <button class="panel-type-btn" data-ptype="housing-assoc" onclick="window.setPanelPropertyType('housing-assoc')" ontouchend="event.preventDefault();window.setPanelPropertyType('housing-assoc')" style="height:30px;padding:0 10px;border-radius:16px;border:1.5px solid var(--border);background:var(--surface);font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;touch-action:manipulation;">Housing Assoc</button>
        <button class="panel-type-btn" data-ptype="house" onclick="window.setPanelPropertyType('house')" ontouchend="event.preventDefault();window.setPanelPropertyType('house')" style="height:30px;padding:0 10px;border-radius:16px;border:1.5px solid var(--border);background:var(--surface);font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;touch-action:manipulation;">Houses</button>
        <button class="panel-type-btn" data-ptype="bungalow" onclick="window.setPanelPropertyType('bungalow')" ontouchend="event.preventDefault();window.setPanelPropertyType('bungalow')" style="height:30px;padding:0 10px;border-radius:16px;border:1.5px solid var(--border);background:var(--surface);font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;touch-action:manipulation;">Bungalows</button>
      </div>
      <div style="font-size:11px;color:var(--text-muted);margin-top:6px;">Tap more than one if it's a mixed area (e.g. council + houses + housing assoc).</div>
    </section>
    <section>
      <h4>Status</h4>
      <div class="status-grid" id="status-grid">
        <button class="status-btn" data-val="new">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/></svg>
          New
        </button>
        <button class="status-btn" data-val="progress">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0z" /><path d="M12 3v9l6 3"/></svg>
          Working
        </button>
        <button class="status-btn" data-val="done">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
          Done
        </button>
        <button class="status-btn" data-val="skip">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
          Skip
        </button>
      </div>
    </section>
    <section>
      <h4>Weather <span style="font-weight:400; color:var(--text-muted); font-size:11px;">(tap when you work here)</span></h4>
      <div id="panel-weather-grid" style="display:flex;gap:6px;"></div>
      <div id="panel-weather-note" style="font-size:11.5px;color:var(--text-muted);margin-top:6px;display:none;"></div>
    </section>
    <section>
      <h4>Color tag <span style="font-weight:400; color:var(--text-muted); font-size:11px;">(required to mark a park "Done")</span></h4>
      <div class="rating-grid" id="panel-rating-grid">
        <button type="button" class="rating-btn" data-rating="good" style="background:#2B6E4A;"><span class="rb-check"></span><span class="rb-label">Good</span></button>
        <button type="button" class="rating-btn" data-rating="ok" style="background:#D97706;"><span class="rb-check"></span><span class="rb-label">OK</span></button>
        <button type="button" class="rating-btn" data-rating="notgreat" style="background:#EAB308; color:#1A1A1F;"><span class="rb-check"></span><span class="rb-label">Not great</span></button>
        <button type="button" class="rating-btn" data-rating="rubbish" style="background:#C53030;"><span class="rb-check"></span><span class="rb-label">Rubbish</span></button>
        <button type="button" class="rating-btn" data-rating="awful" style="background:#1A1A1F;"><span class="rb-check"></span><span class="rb-label">Awful</span></button>
      </div>
      <button type="button" class="btn btn-ghost" id="btn-clear-rating" style="margin-top:8px; width:100%; font-size:12px; height:30px;">Clear color tag</button>
    </section>
    <section>
      <h4>Notes</h4>
      <textarea class="notes-area" id="panel-notes" placeholder="Lead quality, who answered, jewelry mentioned, follow-up date…"></textarea>
    </section>
    <section>
      <h4><svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="vertical-align:-2px;margin-right:5px;"><path d="M3 21h18"/><path d="M5 21V4a1 1 0 0 1 1-1h9a1 1 0 0 1 1 1v17"/><line x1="13" y1="12" x2="13" y2="13"/></svg>Park size
        <span style="font-weight:400; font-size:12px; color:var(--text-muted);">— how many doors</span>
      </h4>
      <p style="font-size:12px; color:var(--text-muted); margin:0 0 8px;">Total number of doors / homes at this park. Used to gauge size.</p>
      <div style="display:flex; align-items:center; gap:10px;">
        <input type="number" inputmode="numeric" min="0" step="1" id="panel-doors-total"
          placeholder="e.g. 120"
          style="flex:1; height:42px; padding:0 12px; border:1px solid var(--border-strong); border-radius:10px; background:var(--surface); font-family:inherit; font-size:15px; color:var(--text); outline:none;" />
        <span style="font-size:13px; color:var(--text-muted); font-weight:600;">doors</span>
      </div>
    </section>
    <section>
      <h4><svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="vertical-align:-2px;margin-right:5px;"><path d="M3 21h18"/><path d="M5 21V4a1 1 0 0 1 1-1h9a1 1 0 0 1 1 1v17"/><line x1="13" y1="12" x2="13" y2="13"/></svg>Doors not opened
        <span id="panel-doors-label" style="font-weight:400; font-size:12px; color:var(--text-muted);"></span>
      </h4>
      <p style="font-size:12px; color:var(--text-muted); margin:0 0 6px;">What % of doors didn't answer this visit? Tap to record.</p>
      <div class="doors-grid" id="panel-doors-grid">
        <button type="button" class="door-btn" data-pct="10" style="touch-action:manipulation;" onclick="(function(){if(!window.state||!window.state.openParkId)return;var p=window.state.parks.find(function(x){return x.id===window.state.openParkId;});if(!p)return;var n=p.doorsCovered===10?0:10;window.updatePark&&window.updatePark(window.state.openParkId,{doorsCovered:n});window.syncDoorsUI&&window.syncDoorsUI(Object.assign({},p,{doorsCovered:n}));if(n===10)window.toast&&window.toast(n===100?'No one answered — try a different day':''+n+'% didn\'t answer · noted for return visit');})()" ontouchend="event.preventDefault();(function(){if(!window.state||!window.state.openParkId)return;var p=window.state.parks.find(function(x){return x.id===window.state.openParkId;});if(!p)return;var n=p.doorsCovered===10?0:10;window.updatePark&&window.updatePark(window.state.openParkId,{doorsCovered:n});window.syncDoorsUI&&window.syncDoorsUI(Object.assign({},p,{doorsCovered:n}));if(n===10)window.toast&&window.toast(n===100?'No one answered — try a different day':''+n+'% didn\'t answer · noted for return visit');})()">10%</button>
        <button type="button" class="door-btn" data-pct="20" style="touch-action:manipulation;" onclick="(function(){if(!window.state||!window.state.openParkId)return;var p=window.state.parks.find(function(x){return x.id===window.state.openParkId;});if(!p)return;var n=p.doorsCovered===20?0:20;window.updatePark&&window.updatePark(window.state.openParkId,{doorsCovered:n});window.syncDoorsUI&&window.syncDoorsUI(Object.assign({},p,{doorsCovered:n}));if(n===20)window.toast&&window.toast(n===100?'No one answered — try a different day':''+n+'% didn\'t answer · noted for return visit');})()" ontouchend="event.preventDefault();(function(){if(!window.state||!window.state.openParkId)return;var p=window.state.parks.find(function(x){return x.id===window.state.openParkId;});if(!p)return;var n=p.doorsCovered===20?0:20;window.updatePark&&window.updatePark(window.state.openParkId,{doorsCovered:n});window.syncDoorsUI&&window.syncDoorsUI(Object.assign({},p,{doorsCovered:n}));if(n===20)window.toast&&window.toast(n===100?'No one answered — try a different day':''+n+'% didn\'t answer · noted for return visit');})()">20%</button>
        <button type="button" class="door-btn" data-pct="30" style="touch-action:manipulation;" onclick="(function(){if(!window.state||!window.state.openParkId)return;var p=window.state.parks.find(function(x){return x.id===window.state.openParkId;});if(!p)return;var n=p.doorsCovered===30?0:30;window.updatePark&&window.updatePark(window.state.openParkId,{doorsCovered:n});window.syncDoorsUI&&window.syncDoorsUI(Object.assign({},p,{doorsCovered:n}));if(n===30)window.toast&&window.toast(n===100?'No one answered — try a different day':''+n+'% didn\'t answer · noted for return visit');})()" ontouchend="event.preventDefault();(function(){if(!window.state||!window.state.openParkId)return;var p=window.state.parks.find(function(x){return x.id===window.state.openParkId;});if(!p)return;var n=p.doorsCovered===30?0:30;window.updatePark&&window.updatePark(window.state.openParkId,{doorsCovered:n});window.syncDoorsUI&&window.syncDoorsUI(Object.assign({},p,{doorsCovered:n}));if(n===30)window.toast&&window.toast(n===100?'No one answered — try a different day':''+n+'% didn\'t answer · noted for return visit');})()">30%</button>
        <button type="button" class="door-btn" data-pct="40" style="touch-action:manipulation;" onclick="(function(){if(!window.state||!window.state.openParkId)return;var p=window.state.parks.find(function(x){return x.id===window.state.openParkId;});if(!p)return;var n=p.doorsCovered===40?0:40;window.updatePark&&window.updatePark(window.state.openParkId,{doorsCovered:n});window.syncDoorsUI&&window.syncDoorsUI(Object.assign({},p,{doorsCovered:n}));if(n===40)window.toast&&window.toast(n===100?'No one answered — try a different day':''+n+'% didn\'t answer · noted for return visit');})()" ontouchend="event.preventDefault();(function(){if(!window.state||!window.state.openParkId)return;var p=window.state.parks.find(function(x){return x.id===window.state.openParkId;});if(!p)return;var n=p.doorsCovered===40?0:40;window.updatePark&&window.updatePark(window.state.openParkId,{doorsCovered:n});window.syncDoorsUI&&window.syncDoorsUI(Object.assign({},p,{doorsCovered:n}));if(n===40)window.toast&&window.toast(n===100?'No one answered — try a different day':''+n+'% didn\'t answer · noted for return visit');})()">40%</button>
        <button type="button" class="door-btn" data-pct="50" style="touch-action:manipulation;" onclick="(function(){if(!window.state||!window.state.openParkId)return;var p=window.state.parks.find(function(x){return x.id===window.state.openParkId;});if(!p)return;var n=p.doorsCovered===50?0:50;window.updatePark&&window.updatePark(window.state.openParkId,{doorsCovered:n});window.syncDoorsUI&&window.syncDoorsUI(Object.assign({},p,{doorsCovered:n}));if(n===50)window.toast&&window.toast(n===100?'No one answered — try a different day':''+n+'% didn\'t answer · noted for return visit');})()" ontouchend="event.preventDefault();(function(){if(!window.state||!window.state.openParkId)return;var p=window.state.parks.find(function(x){return x.id===window.state.openParkId;});if(!p)return;var n=p.doorsCovered===50?0:50;window.updatePark&&window.updatePark(window.state.openParkId,{doorsCovered:n});window.syncDoorsUI&&window.syncDoorsUI(Object.assign({},p,{doorsCovered:n}));if(n===50)window.toast&&window.toast(n===100?'No one answered — try a different day':''+n+'% didn\'t answer · noted for return visit');})()">50%</button>
        <button type="button" class="door-btn" data-pct="60" style="touch-action:manipulation;" onclick="(function(){if(!window.state||!window.state.openParkId)return;var p=window.state.parks.find(function(x){return x.id===window.state.openParkId;});if(!p)return;var n=p.doorsCovered===60?0:60;window.updatePark&&window.updatePark(window.state.openParkId,{doorsCovered:n});window.syncDoorsUI&&window.syncDoorsUI(Object.assign({},p,{doorsCovered:n}));if(n===60)window.toast&&window.toast(n===100?'No one answered — try a different day':''+n+'% didn\'t answer · noted for return visit');})()" ontouchend="event.preventDefault();(function(){if(!window.state||!window.state.openParkId)return;var p=window.state.parks.find(function(x){return x.id===window.state.openParkId;});if(!p)return;var n=p.doorsCovered===60?0:60;window.updatePark&&window.updatePark(window.state.openParkId,{doorsCovered:n});window.syncDoorsUI&&window.syncDoorsUI(Object.assign({},p,{doorsCovered:n}));if(n===60)window.toast&&window.toast(n===100?'No one answered — try a different day':''+n+'% didn\'t answer · noted for return visit');})()">60%</button>
        <button type="button" class="door-btn" data-pct="70" style="touch-action:manipulation;" onclick="(function(){if(!window.state||!window.state.openParkId)return;var p=window.state.parks.find(function(x){return x.id===window.state.openParkId;});if(!p)return;var n=p.doorsCovered===70?0:70;window.updatePark&&window.updatePark(window.state.openParkId,{doorsCovered:n});window.syncDoorsUI&&window.syncDoorsUI(Object.assign({},p,{doorsCovered:n}));if(n===70)window.toast&&window.toast(n===100?'No one answered — try a different day':''+n+'% didn\'t answer · noted for return visit');})()" ontouchend="event.preventDefault();(function(){if(!window.state||!window.state.openParkId)return;var p=window.state.parks.find(function(x){return x.id===window.state.openParkId;});if(!p)return;var n=p.doorsCovered===70?0:70;window.updatePark&&window.updatePark(window.state.openParkId,{doorsCovered:n});window.syncDoorsUI&&window.syncDoorsUI(Object.assign({},p,{doorsCovered:n}));if(n===70)window.toast&&window.toast(n===100?'No one answered — try a different day':''+n+'% didn\'t answer · noted for return visit');})()">70%</button>
        <button type="button" class="door-btn" data-pct="80" style="touch-action:manipulation;" onclick="(function(){if(!window.state||!window.state.openParkId)return;var p=window.state.parks.find(function(x){return x.id===window.state.openParkId;});if(!p)return;var n=p.doorsCovered===80?0:80;window.updatePark&&window.updatePark(window.state.openParkId,{doorsCovered:n});window.syncDoorsUI&&window.syncDoorsUI(Object.assign({},p,{doorsCovered:n}));if(n===80)window.toast&&window.toast(n===100?'No one answered — try a different day':''+n+'% didn\'t answer · noted for return visit');})()" ontouchend="event.preventDefault();(function(){if(!window.state||!window.state.openParkId)return;var p=window.state.parks.find(function(x){return x.id===window.state.openParkId;});if(!p)return;var n=p.doorsCovered===80?0:80;window.updatePark&&window.updatePark(window.state.openParkId,{doorsCovered:n});window.syncDoorsUI&&window.syncDoorsUI(Object.assign({},p,{doorsCovered:n}));if(n===80)window.toast&&window.toast(n===100?'No one answered — try a different day':''+n+'% didn\'t answer · noted for return visit');})()">80%</button>
        <button type="button" class="door-btn" data-pct="90" style="touch-action:manipulation;" onclick="(function(){if(!window.state||!window.state.openParkId)return;var p=window.state.parks.find(function(x){return x.id===window.state.openParkId;});if(!p)return;var n=p.doorsCovered===90?0:90;window.updatePark&&window.updatePark(window.state.openParkId,{doorsCovered:n});window.syncDoorsUI&&window.syncDoorsUI(Object.assign({},p,{doorsCovered:n}));if(n===90)window.toast&&window.toast(n===100?'No one answered — try a different day':''+n+'% didn\'t answer · noted for return visit');})()" ontouchend="event.preventDefault();(function(){if(!window.state||!window.state.openParkId)return;var p=window.state.parks.find(function(x){return x.id===window.state.openParkId;});if(!p)return;var n=p.doorsCovered===90?0:90;window.updatePark&&window.updatePark(window.state.openParkId,{doorsCovered:n});window.syncDoorsUI&&window.syncDoorsUI(Object.assign({},p,{doorsCovered:n}));if(n===90)window.toast&&window.toast(n===100?'No one answered — try a different day':''+n+'% didn\'t answer · noted for return visit');})()">90%</button>
        <button type="button" class="door-btn full" data-pct="100" style="touch-action:manipulation;" onclick="(function(){if(!window.state||!window.state.openParkId)return;var p=window.state.parks.find(function(x){return x.id===window.state.openParkId;});if(!p)return;var n=p.doorsCovered===100?0:100;window.updatePark&&window.updatePark(window.state.openParkId,{doorsCovered:n});window.syncDoorsUI&&window.syncDoorsUI(Object.assign({},p,{doorsCovered:n}));if(n===100)window.toast&&window.toast(n===100?'No one answered — try a different day':''+n+'% didn\'t answer · noted for return visit');})()" ontouchend="event.preventDefault();(function(){if(!window.state||!window.state.openParkId)return;var p=window.state.parks.find(function(x){return x.id===window.state.openParkId;});if(!p)return;var n=p.doorsCovered===100?0:100;window.updatePark&&window.updatePark(window.state.openParkId,{doorsCovered:n});window.syncDoorsUI&&window.syncDoorsUI(Object.assign({},p,{doorsCovered:n}));if(n===100)window.toast&&window.toast(n===100?'No one answered — try a different day':''+n+'% didn\'t answer · noted for return visit');})()">100%</button>
      </div>
      <div class="doors-bar-wrap"><div class="doors-bar-fill" id="doors-bar-fill" style="width:0%"></div></div>
      <div id="panel-doors-info" style="font-size:12px; color:var(--text-muted); margin-top:5px;"></div>
      <button type="button" id="btn-clear-doors" class="btn btn-ghost" style="margin-top:6px; width:100%; font-size:12px; height:28px; display:none;">Clear doors record</button>
    </section>
    <section>
      <h4>Navigate</h4>
      <div id="nav-buttons-wrap">
      <div class="action-row">
        <button class="btn btn-primary btn-block" id="btn-open-maps"
          onclick="if(window.state&&window.state.openParkId){var p=window.state.parks.find(function(x){return x.id===window.state.openParkId;});if(p&&window.openInMaps)window.openInMaps(p);}"
          ontouchend="event.preventDefault();if(window.state&&window.state.openParkId){var p=window.state.parks.find(function(x){return x.id===window.state.openParkId;});if(p&&window.openInMaps)window.openInMaps(p);}"
          style="touch-action:manipulation;">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
          Apple Maps
        </button>
        <button type="button" class="btn btn-secondary btn-block" id="btn-open-gmaps"
          onclick="if(window.state&&window.state.openParkId){var p=window.state.parks.find(function(x){return x.id===window.state.openParkId;});if(p&&window.openInGoogleMaps)window.openInGoogleMaps(p);}"
          ontouchend="event.preventDefault();if(window.state&&window.state.openParkId){var p=window.state.parks.find(function(x){return x.id===window.state.openParkId;});if(p&&window.openInGoogleMaps)window.openInGoogleMaps(p);}"
          style="touch-action:manipulation;">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
          Google Maps
        </button>
      </div>
      <a class="btn btn-secondary" id="btn-open-listing" target="_blank" style="margin-top:8px;width:100%;">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/></svg>
        Listing
      </a>
      <button type="button" class="btn btn-secondary" id="btn-start-route" style="margin-top:8px;width:100%;touch-action:manipulation;"
        onclick="if(window.state&&window.state.openParkId){var p=window.state.parks.find(function(x){return x.id===window.state.openParkId;});if(p){window.state.myLocation={lat:p.lat,lng:p.lng,fromPark:p.name};window.switchTab('nearby');if(typeof closePanel==='function')closePanel();}}"
        ontouchend="event.preventDefault();if(window.state&&window.state.openParkId){var p=window.state.parks.find(function(x){return x.id===window.state.openParkId;});if(p){window.state.myLocation={lat:p.lat,lng:p.lng,fromPark:p.name};window.switchTab('nearby');if(typeof closePanel==='function')closePanel();}}">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="10" r="3"/><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/></svg>
        Start route from here
      </button>
      </div>
      <div id="nav-no-location" style="display:none;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:14px;margin-bottom:8px;">
        <div style="display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;color:var(--text);">
          <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="#C53030" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>
          Address not found
        </div>
        <div style="font-size:13px;color:var(--text-muted);margin:6px 0 12px;">We don't have an exact location for this one yet. Search for it manually to navigate.</div>
        <button type="button" class="btn btn-primary" id="btn-search-manual" style="width:100%;touch-action:manipulation;">
          <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="vertical-align:-3px;margin-right:6px;"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>
          Search manually
        </button>
      </div>
      <button type="button" class="btn btn-secondary" id="btn-panel-add-trip" style="margin-top:8px;width:100%;touch-action:manipulation;">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 5v14M5 12h14"/></svg>
        Add to a trip
      </button>
    </section>
    <section id="fix-location-section">
      <h4>Location accuracy</h4>
      <div id="fix-loc-status" style="font-size:12.5px;color:var(--text-muted);margin-bottom:10px;"></div>
      <div style="display:flex;flex-direction:column;gap:8px;">
        <button type="button" class="btn btn-primary" id="btn-fix-loc-gps" style="width:100%;touch-action:manipulation;">
          <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="vertical-align:-3px;margin-right:6px;"><circle cx="12" cy="12" r="3"/><path d="M12 2v3M12 19v3M2 12h3M19 12h3"/><circle cx="12" cy="12" r="9"/></svg>
          Set to my current location
        </button>
        <div style="display:flex;gap:6px;">
          <input type="text" id="fix-loc-url" class="form-input" placeholder="Paste Google/Apple Maps link or lat,lng" style="flex:1;min-width:0;font-size:13px;"/>
          <button type="button" class="btn btn-secondary" id="btn-fix-loc-url" style="flex-shrink:0;white-space:nowrap;touch-action:manipulation;">Set</button>
        </div>
      </div>
    </section>
    <section>
      <h4 style="display:flex;justify-content:space-between;align-items:baseline;gap:8px;">
        <span>Deals at this location</span>
        <span id="panel-deals-total" style="font-size:13px;font-weight:700;color:var(--primary);"></span>
      </h4>
      <div id="panel-deals" style="font-size: 13px; color: var(--text-muted);">No deals logged yet.</div>
      <button class="btn btn-ghost" id="btn-add-deal" onclick="window.openDealFormForCurrentPark()" type="button" style="margin-top:8px;">+ Add a deal</button>
    </section>
    <section>
      <h4>Visit history</h4>
      <div id="panel-history" style="font-size: 13px; color: var(--text-muted);">No visits logged yet.</div>
      <div style="display:flex;gap:8px;margin-top:8px;flex-wrap:wrap;">
        <button class="btn btn-ghost" id="btn-log-visit" style="flex:1;min-width:140px;">+ Log a visit today</button>
        <button class="btn btn-ghost" id="btn-add-callback" style="flex:1;min-width:120px;"><svg viewBox="0 0 24 24" width="15" height="15" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="vertical-align:-2px;margin-right:5px;"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z"/></svg>+ Callback</button>
      </div>
    </section>
    <section>
      <h4>Deals & Purchases</h4>
      <div class="deals-summary" id="deals-summary">
        <div>
          <div class="total-amount" id="deals-total"></div>
          <div class="total-count" id="deals-count">No deals yet</div>
        </div>
      </div>
      <div id="deals-list"></div>
      <button class="add-deal-btn" id="btn-add-deal">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
        Add a deal
      </button>
    </section>
    <section style="text-align:right;">
      <button class="btn btn-danger" id="btn-delete">Delete park</button>
    </section>
  </div>
</div>

<!-- IMPORT MODAL -->
<div class="modal-backdrop" id="import-backdrop">
  <div class="modal">
    <div class="modal-head">
      <h2>Import parks</h2>
      <button class="icon-btn" data-close-modal onclick="closeAllModals()">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
      </button>
    </div>
    <div class="modal-body">
      <div class="drop-zone" id="drop-zone">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="17 8 12 3 7 8"/><line x1="12" y1="3" x2="12" y2="15"/></svg>
        <p><strong>Drop Excel or CSV here</strong>, or tap to choose a file</p>
        <span class="hint">Columns: name, town, county, postcode, url, notes</span>
        <input type="file" id="file-input" accept=".xlsx,.xls,.csv" style="display:none;"/>
      </div>
      <div style="margin-top: 16px; font-size: 13px; color: var(--text-muted); line-height: 1.5;">
        New parks are added. Existing parks (matched by name + town) keep their status and notes.
        Postcodes are auto-geocoded to lat/lng via postcodes.io. Rows without a postcode fall back to town lookup.
      </div>
      <div class="import-progress" id="import-progress" style="display:none;">
        <div id="progress-text">Working…</div>
        <div class="bar"><div class="bar-fill" id="progress-bar" style="width:0%;"></div></div>
      </div>
      <div style="margin-top: 24px;">
        <button class="btn btn-secondary btn-block" id="btn-add-manual" style="width:100%;">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
          Add one park manually
        </button>
      </div>
    </div>
  </div>
</div>

<!-- MANUAL ADD MODAL -->
<div class="modal-backdrop" id="manual-backdrop">
  <div class="modal">
    <div class="modal-head">
      <h2>Add a location</h2>
      <button class="icon-btn" data-close-modal onclick="closeAllModals()">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
      </button>
    </div>
    <div class="modal-body">
      <div style="display:grid; gap:12px;">
        <div>
          <h4 style="font-size:12px; text-transform:uppercase; letter-spacing:0.06em; color:var(--text-muted); margin-bottom:6px;">Name *</h4>
          <input type="text" id="m-name" class="search-input" style="padding-left:12px;" placeholder="e.g. Bluebell Woods Park Homes"/>
        </div>
        <div>
          <h4 style="font-size:12px; text-transform:uppercase; letter-spacing:0.06em; color:var(--text-muted); margin-bottom:6px;">Type *</h4>
          <select id="m-type" class="search-input" style="padding-left:12px; -webkit-appearance:none; appearance:none; background:var(--surface);">
            <option value="park">Park / mobile homes</option>
            <option value="retirement-home">Retirement home</option>
            <option value="chalet">Chalet</option>
            <option value="council">Council estate</option>
            <option value="housing-assoc">Housing association</option>
            <option value="house">House / normal home</option>
            <option value="bungalow">Bungalow</option>
          </select>
        </div>
        <div style="display:grid; grid-template-columns:1fr 1fr; gap:12px;">
          <div>
            <h4 style="font-size:12px; text-transform:uppercase; letter-spacing:0.06em; color:var(--text-muted); margin-bottom:6px;">Town *</h4>
            <input type="text" id="m-town" class="search-input" style="padding-left:12px;" placeholder="e.g. Canterbury"/>
          </div>
          <div>
            <h4 style="font-size:12px; text-transform:uppercase; letter-spacing:0.06em; color:var(--text-muted); margin-bottom:6px;">County</h4>
            <input type="text" id="m-county" class="search-input" style="padding-left:12px;" placeholder="e.g. Kent"/>
          </div>
        </div>
        <div>
          <h4 style="font-size:12px; text-transform:uppercase; letter-spacing:0.06em; color:var(--text-muted); margin-bottom:6px;">Postcode (recommended)</h4>
          <input type="text" id="m-postcode" class="search-input" style="padding-left:12px;" placeholder="e.g. CT1 1AB"/>
        </div>
        <div>
          <button type="button" id="m-use-gps" class="btn btn-secondary" style="width:100%;height:44px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700;">
            <svg viewBox="0 0 24 24" width="17" height="17" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"/><path d="M12 2v3M12 19v3M2 12h3M19 12h3"/><circle cx="12" cy="12" r="9"/></svg>
            Use my current location
          </button>
          <div id="m-gps-status" style="font-size:11.5px;color:var(--text-muted);margin-top:6px;line-height:1.4;display:none;"></div>
          <input type="hidden" id="m-lat"/><input type="hidden" id="m-lng"/>
        </div>
        <div>
          <h4 style="font-size:12px; text-transform:uppercase; letter-spacing:0.06em; color:var(--text-muted); margin-bottom:6px;">Add to trip (optional)</h4>
          <select id="m-trip" class="search-input" style="padding-left:12px; -webkit-appearance:none; appearance:none; background:var(--surface);">
            <option value="">— Don't add to a trip —</option>
          </select>
        </div>
        <div>
          <h4 style="font-size:12px; text-transform:uppercase; letter-spacing:0.06em; color:var(--text-muted); margin-bottom:6px;">Status</h4>
          <div id="m-status-seg" style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;">
            <button type="button" class="m-status-btn" data-status="new" style="height:42px;border-radius:10px;border:1.5px solid var(--border);background:var(--surface);color:var(--text);font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;">To do</button>
            <button type="button" class="m-status-btn" data-status="working" style="height:42px;border-radius:10px;border:1.5px solid var(--border);background:var(--surface);color:var(--text);font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;">Working</button>
            <button type="button" class="m-status-btn" data-status="done" style="height:42px;border-radius:10px;border:1.5px solid var(--border);background:var(--surface);color:var(--text);font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;">Done</button>
          </div>
          <input type="hidden" id="m-status" value="new"/>
        </div>
        <div>
          <h4 style="font-size:12px; text-transform:uppercase; letter-spacing:0.06em; color:var(--text-muted); margin-bottom:6px;">Notes</h4>
          <textarea id="m-notes" class="notes-area" style="min-height:60px;"></textarea>
        </div>
      </div>


    </div>
    <div class="modal-foot">
      <button class="btn btn-secondary" data-close-modal onclick="closeAllModals()">Cancel</button>
      <button class="btn btn-primary" id="btn-save-manual">Save location</button>
    </div>
  </div>
</div>

<!-- SETTINGS MODAL -->
<div class="modal-backdrop" id="settings-backdrop">
  <div class="modal">
    <div class="modal-head">
      <h2>Settings</h2>
      <button class="icon-btn" data-close-modal onclick="closeAllModals()">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
      </button>
    </div>
    <div class="modal-body">
        <!-- ===== CLOUD SYNC (Supabase - pre-configured) ===== -->
        <div class="settings-section" id="sync-section" style="margin-bottom:24px; padding:16px; background:var(--surface-2); border-radius:14px; border:1px solid var(--border);">
          <div style="display:flex;align-items:center;gap:10px;margin-bottom:8px;">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width:18px;height:18px;color:var(--primary);flex-shrink:0;"><path d="M22 12h-4l-3 9L9 3l-3 9H2"/></svg>
            <span style="font-weight:600;font-size:15px;">Cloud Sync</span>
            <span style="font-size:10px;color:var(--text-muted);margin-left:2px;">v16</span>
            <span id="sync-dot" style="margin-left:auto;width:10px;height:10px;border-radius:50%;background:#D97706;flex-shrink:0;display:inline-block;"></span>
          </div>
          <div id="sync-status-text" style="font-size:12.5px;color:var(--text-muted);margin-bottom:10px;min-height:18px;">Connecting…</div>
          <div style="display:flex;gap:8px;">
            <button id="btn-sync-push" class="btn btn-primary" style="flex:1;height:42px;font-size:14px;font-weight:700;touch-action:manipulation;"
              onclick="window.syncPush && window.syncPush(false)"
              ontouchend="event.preventDefault();window.syncPush && window.syncPush(false)">
              ↑ Save to cloud
            </button>
            <button id="btn-sync-pull" class="btn btn-secondary" style="flex:1;height:42px;font-size:14px;font-weight:700;touch-action:manipulation;"
              onclick="window.syncPull && window.syncPull(false)"
              ontouchend="event.preventDefault();window.syncPull && window.syncPull(false)">
              ↓ Load from cloud
            </button>
          </div>
          <p style="font-size:11px;color:var(--text-muted);margin:10px 0 0;line-height:1.5;">
            Auto-saves within 3 seconds of any change. Use <strong>Save to cloud</strong> to push immediately, <strong>Load from cloud</strong> to pull the latest from any device.
          </p>
        </div>

        <!-- ===== MAINTENANCE (super admin only) ===== -->
        <div class="settings-section" id="maintenance-section" style="display:none;margin-bottom:24px;padding:16px;background:var(--surface-2);border-radius:14px;border:1px solid var(--border);">
          <div style="display:flex;align-items:center;gap:10px;margin-bottom:8px;">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width:18px;height:18px;color:var(--primary);flex-shrink:0;"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"/></svg>
            <span style="font-weight:600;font-size:15px;">Maintenance</span>
          </div>
          <p style="font-size:12.5px;color:var(--text-muted);margin:0 0 12px;line-height:1.5;">
            Move old deal signatures out of the records into file storage. This shrinks your data and speeds the app up. A backup is already kept. Safe to run once.
          </p>
          <button class="btn btn-secondary" style="width:100%;height:42px;font-size:14px;font-weight:700;touch-action:manipulation;"
            onclick="window.migrateSignaturesToStorage&&window.migrateSignaturesToStorage()"
            ontouchend="event.preventDefault();window.migrateSignaturesToStorage&&window.migrateSignaturesToStorage()">
            Optimise signatures
          </button>
        </div>
        <div class="settings-section" id="recent-activity-section" style="display:none;margin-bottom:24px;padding:16px;background:var(--surface-2);border-radius:14px;border:1px solid var(--border);">
          <div style="display:flex;align-items:center;gap:10px;margin-bottom:8px;">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width:18px;height:18px;color:var(--primary);flex-shrink:0;"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
            <span style="font-weight:600;font-size:15px;">Recent Activity</span>
          </div>
          <p style="font-size:12.5px;color:var(--text-muted);margin:0 0 12px;line-height:1.5;">
            Every change across the team — who did what, when — with before &amp; after values. Filter by type and roll back any change if needed.
          </p>
          <button class="btn btn-primary" style="width:100%;height:42px;font-size:14px;font-weight:700;touch-action:manipulation;"
            onclick="window.openRecentActivity()"
            ontouchend="event.preventDefault();window.openRecentActivity()">
            View activity log
          </button>
        </div>

        <!-- ===== BUGS & FIXES (super admin only) ===== -->
        <div class="settings-section" id="bug-triage-section" style="display:none;margin-bottom:24px;padding:16px;background:var(--surface-2);border-radius:14px;border:1px solid var(--border);">
          <div style="display:flex;align-items:center;gap:10px;margin-bottom:10px;">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width:18px;height:18px;color:var(--primary);flex-shrink:0;"><path d="M8 2l1.88 1.88M16 2l-1.88 1.88M9 7.13V6a3 3 0 1 1 6 0v1.13M12 20a6 6 0 0 0 6-6v-2a6 6 0 0 0-12 0v2a6 6 0 0 0 6 6zM12 14v-4M3 13h3M18 13h3"/></svg>
            <span style="font-weight:600;font-size:15px;">Bugs &amp; Fixes</span>
            <span class="mi-badge" id="bug-open-badge" style="display:none;margin-left:auto;background:var(--accent);color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;">0</span>
          </div>
          <div id="bug-triage-body"><div style="color:var(--text-muted);font-size:13px;">Loading…</div></div>
        </div>

      <div class="setting-row">
        <div class="label">
          <div class="label-title">Sounds</div>
          <div class="label-desc">Play sound effects — login, deal saved, nudges, location connect and SPOT taps. The SOS siren always sounds regardless of this setting.</div>
        </div>
        <button type="button" id="pr-sound-toggle" class="pr-pref-toggle" role="switch" aria-label="Sounds"></button>
      </div>
      <div class="setting-row">
        <div class="label">
          <div class="label-title">Haptics (vibration)</div>
          <div class="label-desc">Vibrate on key actions and button taps. Works on most Android devices; iPhone Safari ignores vibration.</div>
        </div>
        <button type="button" id="pr-haptic-toggle" class="pr-pref-toggle" role="switch" aria-label="Haptics"></button>
      </div>

      <div class="setting-row">
        <div class="label">
          <div class="label-title">Country</div>
          <div class="label-desc">Switch the active region. Each country has its own data, currency (£/$), tax year and mileage units.</div>
        </div>
        <div class="country-toggle" role="group" aria-label="Country">
          <button type="button" class="country-toggle-btn active" data-country="UK" onclick="window.setCountry('UK')" ontouchend="event.preventDefault();window.setCountry('UK')" aria-label="United Kingdom">
            <span class="flag" aria-hidden="true"><svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="2" y1="12" x2="22" y2="12"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg></span><span>UK</span>
          </button>
          <button type="button" class="country-toggle-btn" data-country="AU" onclick="window.setCountry('AU')" ontouchend="event.preventDefault();window.setCountry('AU')" aria-label="Australia">
            <span class="flag" aria-hidden="true"><svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="2" y1="12" x2="22" y2="12"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg></span><span>AU</span>
          </button>
          <button type="button" class="country-toggle-btn" data-country="US" onclick="window.setCountry('US')" ontouchend="event.preventDefault();window.setCountry('US')" aria-label="United States">
            <span class="flag" aria-hidden="true"><svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="2" y1="12" x2="22" y2="12"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg></span><span>USA</span>
          </button>
          <button type="button" class="country-toggle-btn" data-country="CA" onclick="window.setCountry('CA')" ontouchend="event.preventDefault();window.setCountry('CA')" aria-label="Canada">
            <span class="flag" aria-hidden="true"><svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="2" y1="12" x2="22" y2="12"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg></span><span>CA</span>
          </button>
        </div>
      </div>

      <div class="setting-row" id="auth-account-section" style="display:none;margin-top:4px;">
        <div class="label" style="flex:1;min-width:0;">
          <div class="label-title">Signed in</div>
          <div class="acc-row">
            <div class="acc-info">
              <div class="acc-email" id="acc-email">—</div>
              <span class="acc-role" id="acc-role">salesman</span>
            </div>
            <button type="button" id="btn-signout"
              onclick="if(confirm('Sign out?')) window.authSignOut && window.authSignOut();"
              ontouchend="event.preventDefault();if(confirm('Sign out?')) window.authSignOut && window.authSignOut();">
              Sign out
            </button>
          </div>
          <div id="invite-info" style="display:none;margin-top:10px;">
            <button type="button" class="btn btn-primary" id="btn-manage-users"
              style="width:100%;height:44px;display:flex;align-items:center;justify-content:center;gap:8px;"
              onclick="window.openAdminUsers && window.openAdminUsers()"
              ontouchend="event.preventDefault();window.openAdminUsers && window.openAdminUsers()">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width:18px;height:18px;"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
              Manage users
            </button>
            <div style="font-size:11px;color:var(--text-muted);margin-top:6px;">
              Add team members, send password resets, and set roles. Invited users receive an email link to set their own password.
            </div>
          </div>
        </div>
      </div>

      <div class="setting-row" id="faceid-section" style="display:none;margin-top:4px;">
        <div class="label" style="flex:1;min-width:0;">
          <div class="label-title">Face ID / biometric unlock</div>
          <div class="label-desc" id="faceid-desc">Use Face ID, Touch ID, or your device passcode to unlock this app on this device instead of typing your password.</div>
          <button type="button" id="btn-faceid-toggle"
            class="btn btn-primary"
            style="width:100%;height:44px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width:18px;height:18px;"><path d="M4 8V6a2 2 0 0 1 2-2h2"/><path d="M16 4h2a2 2 0 0 1 2 2v2"/><path d="M20 16v2a2 2 0 0 1-2 2h-2"/><path d="M8 20H6a2 2 0 0 1-2-2v-2"/><path d="M9 10v.5M15 10v.5M9.5 15a3.5 3.5 0 0 0 5 0"/></svg>
            <span id="faceid-toggle-label">Enable Face ID on this device</span>
          </button>
          <div id="faceid-status" style="font-size:11px;color:var(--text-muted);margin-top:6px;"></div>
        </div>
      </div>

      <div class="setting-row">
        <div class="label">
          <div class="label-title">Your name</div>
          <div id="name-display-desc" class="label-desc">Shows on sync so each person's changes are attributed.</div>
        </div>
        <div style="display:flex;flex-direction:column;align-items:flex-end;gap:6px;">
          <div id="name-display" style="font-size:15px;font-weight:700;color:var(--text);min-height:22px;"></div>
          <div id="name-edit-wrap" style="display:none;flex-direction:column;align-items:flex-end;gap:6px;">
            <input type="text" id="set-user-name" placeholder="e.g. Lewis"
              style="width:120px;height:38px;border:1.5px solid var(--primary);border-radius:8px;padding:0 10px;font-size:14px;font-family:inherit;background:var(--surface);color:var(--text);text-align:right;"
              ontouchend="this.focus()">
            <button type="button" style="height:34px;padding:0 14px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;touch-action:manipulation;"
              onclick="(function(){var v=document.getElementById('set-user-name').value.trim();if(!v){alert('Please enter a name');return;}localStorage.setItem('pr_user_name',v);document.getElementById('name-display').textContent=v;document.getElementById('name-edit-wrap').style.display='none';document.getElementById('name-edit-btn').style.display='';window.toast&&window.toast('Name saved: '+v);})()"
              ontouchend="event.preventDefault();(function(){var v=document.getElementById('set-user-name').value.trim();if(!v){alert('Please enter a name');return;}localStorage.setItem('pr_user_name',v);document.getElementById('name-display').textContent=v;document.getElementById('name-edit-wrap').style.display='none';document.getElementById('name-edit-btn').style.display='';window.toast&&window.toast('Name saved: '+v);})()">
              Save name
            </button>
          </div>
          <button type="button" id="name-edit-btn" style="height:30px;padding:0 12px;background:transparent;color:var(--primary);border:1.5px solid var(--primary);border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;touch-action:manipulation;"
            onclick="(function(){document.getElementById('name-edit-wrap').style.display='flex';document.getElementById('set-user-name').value=localStorage.getItem('pr_user_name')||'';document.getElementById('name-edit-btn').style.display='none';setTimeout(function(){document.getElementById('set-user-name').focus();},50);})()"
            ontouchend="event.preventDefault();(function(){document.getElementById('name-edit-wrap').style.display='flex';document.getElementById('set-user-name').value=localStorage.getItem('pr_user_name')||'';document.getElementById('name-edit-btn').style.display='none';setTimeout(function(){document.getElementById('set-user-name').focus();},50);})()">
            Edit
          </button>
        </div>
      </div>

        <div class="settings-section" id="favorites-section" style="margin-bottom:18px;margin-top:18px;">
          <div class="label-title" style="font-weight:600; margin-bottom:6px;">Favorites</div>
          <div class="label-desc" style="font-size:12.5px; color:var(--text-muted); margin-bottom:8px;">Parks you've starred. Tap to remove.</div>
          <div id="favorites-list" style="border:1px solid var(--border); border-radius:8px; max-height:240px; overflow-y:auto;"></div>
        </div>

      <div class="setting-row">
        <div class="label">
          <div class="label-title">Import Excel or CSV</div>
          <div class="label-desc">Upload a fresh data batch — your statuses and notes are preserved for any parks already in the app.</div>
        </div>
        <button class="btn btn-primary" id="btn-settings-import">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="17 8 12 3 7 8"/><line x1="12" y1="3" x2="12" y2="15"/></svg>
          Import
        </button>
      </div>
      <div class="setting-row">
        <div class="label">
          <div class="label-title">Cluster radius</div>
          <div class="label-desc">Parks within this many <span class="dist-unit-long">miles</span> of each other are grouped together for a day's run.</div>
        </div>
        <input type="number" id="set-radius" min="2" max="50" step="1" value="10"/>
      </div>
      <div class="setting-row">
        <div class="label">
          <div class="label-title">Group by</div>
          <div class="label-desc">How parks are sorted into clusters.</div>
        </div>
        <select id="set-grouping" class="search-input" style="width:auto; padding-left:12px;">
          <option value="route">Route order (1 → N, nearest-neighbour)</option>
          <option value="proximity">Proximity clusters (drive radius)</option>
          <option value="county">County</option>
          <option value="region">Region</option>
        </select>
      </div>
      <div class="setting-row">
        <div class="label">
          <div class="label-title">Full export (PDF + CSV<span class="jv-only">, with JV split</span>)</div>
          <div class="label-desc">Open the full export panel — choose sections, date range, tax year,<span class="jv-only"> and which company to filter for (Both / Capsa / UKJE)</span>. PDF + CSV both available, plus the one-page Self-assessment summary for your accountant.</div>
        </div>
        <button class="btn btn-primary" id="btn-settings-export"><svg viewBox="0 0 24 24" width="15" height="15" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="vertical-align:-2px;margin-right:6px;"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="17 8 12 3 7 8"/><line x1="12" y1="3" x2="12" y2="15"/></svg>Export…</button>
      </div>
      <div class="setting-row">
        <div class="label">
          <div class="label-title">Quick CSV — deals only</div>
          <div class="label-desc">Just every deal in one CSV file. Skip the export panel.</div>
        </div>
        <button class="btn btn-secondary" id="btn-export-deals">Quick CSV</button>
      </div>
      <div class="setting-row">
        <div class="label">
          <div class="label-title">Quick CSV — parks only</div>
          <div class="label-desc">Just the park list with status, notes, doors, deal totals.</div>
        </div>
        <button class="btn btn-secondary" id="btn-export">Quick CSV</button>
      </div>
      <div class="setting-row" id="reset-seed-row" style="display:none;">
        <div class="label">
          <div class="label-title">Reset to seed data</div>
          <div class="label-desc">Restore the bundled starter list (57 parks). Your statuses and notes will be lost.</div>
        </div>
        <button class="btn btn-secondary" id="btn-reset">Reset</button>
      </div>
      <!-- Lock now / Change PIN / PIN-Share removed: PIN auth has been replaced
           by email login. Use Settings → Signed in → Sign out to switch users,
           and (admins only) the Supabase dashboard link to invite teammates.
           V-302: the old hidden "Invite a teammate" PIN-share row (which still
           carried the legacy PIN string in the HTML) has now been deleted
           entirely so no PIN is present anywhere in the source. -->
<div class="setting-row" id="clear-all-row" style="display:none;">
        <div class="label">
          <div class="label-title">Clear everything</div>
          <div class="label-desc">Resets this device's local view only (statuses, notes, deals on-screen) and re-pulls fresh from the cloud. Your cloud database is never deleted. Superadmin only — requires password + email code.</div>
        </div>
        <button class="btn btn-danger" id="btn-clear">Clear all</button>
      </div>
      <div class="setting-row" style="margin-top:18px; padding-top:18px; border-top:1px solid var(--border);">
        <div class="label">
          <div class="label-title">Account</div>
          <div class="label-desc" id="identity-account-info">Not signed in (PIN-only mode).</div>
        </div>
        <button class="btn btn-secondary" id="btn-identity-logout" style="display:none;">Sign out</button>
      </div>
    </div>
  </div>
</div>

<!-- PROFILE MODAL -->
<div class="modal-backdrop" id="profile-backdrop">
  <div class="modal" style="max-width:600px;">
    <div class="modal-head">
      <h2>My Profile</h2>
      <button class="icon-btn" data-close-modal onclick="closeAllModals()">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
      </button>
    </div>
    <div class="modal-body">
      <!-- Profile image upload -->
      <div style="margin-bottom:24px;text-align:center;">
        <div style="width:120px;height:120px;border-radius:50%;background:var(--surface-2);margin:0 auto 16px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:2px solid var(--border);">
          <img id="profile-modal-img" src="" alt="Profile" style="width:100%;height:100%;object-fit:cover;display:none;" />
          <svg id="profile-modal-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width:48px;height:48px;color:var(--text-muted);"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
        </div>
        <button class="btn btn-secondary" id="btn-upload-img" style="width:100%;height:40px;margin-bottom:10px;">Upload Photo</button>
        <input type="file" id="profile-image-input" accept="image/*" style="display:none;" />
        <div style="font-size:11px;color:var(--text-muted);">JPG, PNG (max 5MB)</div>
      </div>

      <!-- Profile fields -->
      <div class="setting-row">
        <div class="label" style="margin-bottom:8px;">
          <div class="label-title">Full Name</div>
        </div>
        <input id="profile-full-name" type="text" placeholder="Your full name" style="width:100%;padding:12px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;" />
      </div>

      <div class="setting-row">
        <div class="label" style="margin-bottom:8px;margin-top:16px;">
          <div class="label-title">Pronouns</div>
        </div>
        <input id="profile-pronouns" type="text" placeholder="e.g. she/her, he/him, they/them" style="width:100%;padding:12px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;" />
      </div>

      <div class="setting-row">
        <div class="label" style="margin-bottom:8px;margin-top:16px;">
          <div class="label-title">Date of Birth</div>
        </div>
        <input id="profile-dob" type="date" style="width:100%;padding:12px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;" />
      </div>

      <div class="setting-row">
        <div class="label" style="margin-bottom:8px;margin-top:16px;">
          <div class="label-title">Job Role</div>
        </div>
        <input id="profile-job-role" type="text" placeholder="Your job title" style="width:100%;padding:12px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;" />
      </div>

      <div class="setting-row">
        <div class="label" style="margin-bottom:8px;margin-top:16px;">
          <div class="label-title">Phone <span style="font-weight:400;color:var(--text-muted);">— for team calls &amp; WhatsApp</span></div>
        </div>
        <input id="profile-phone" type="tel" inputmode="tel" placeholder="e.g. +44 7123 456789" style="width:100%;padding:12px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;" />
      </div>

      <div class="setting-row">
        <div class="label" style="margin-bottom:8px;margin-top:16px;">
          <div class="label-title">Bio</div>
        </div>
        <textarea id="profile-bio" placeholder="Tell your team about yourself..." style="width:100%;padding:12px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;resize:vertical;min-height:80px;"></textarea>
      </div>
    </div>
    <div class="modal-foot">
      <button class="btn btn-secondary" onclick="closeAllModals()" style="flex:1;height:44px;">Cancel</button>
      <button class="btn btn-primary" id="btn-save-profile" style="flex:1;height:44px;">Save Profile</button>
    </div>
  </div>
</div>

<!-- ADMIN: MANAGE USERS MODAL -->
<div class="modal-backdrop" id="admin-users-backdrop">
  <div class="modal" style="max-width:600px;">
    <div class="modal-head">
      <h2>Manage users</h2>
      <button class="icon-btn" data-close-modal onclick="closeAllModals()">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
      </button>
    </div>
    <div class="modal-body">
      <!-- Add user -->
      <div style="background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:14px;margin-bottom:18px;">
        <div class="label-title" style="margin-bottom:10px;">Add a new user</div>
        <input id="au-new-email" type="email" placeholder="email@example.com" autocomplete="off"
          style="width:100%;padding:11px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;margin-bottom:8px;box-sizing:border-box;" />
        <input id="au-new-name" type="text" placeholder="Full name" autocomplete="off"
          style="width:100%;padding:11px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;margin-bottom:8px;box-sizing:border-box;" />
        <select id="au-new-role"
          style="width:100%;padding:11px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;margin-bottom:10px;box-sizing:border-box;background:var(--surface);">
          <option value="salesman">Salesman</option>
          <option value="admin">Admin</option>
          <option value="superadmin">Super admin</option>
          <option value="accountant">Accountant (read-only finance)</option>
        </select>
        <button class="btn btn-primary" id="au-add-btn" style="width:100%;height:42px;">Invite user</button>
        <div style="font-size:11px;color:var(--text-muted);margin-top:8px;">An invitation email with a set-password link is sent to the address above.</div>
      </div>
      <!-- User list -->
      <div class="label-title" style="margin-bottom:8px;">Team</div>
      <div id="au-list"><div style="padding:14px;color:var(--text-muted);text-align:center;font-size:13px;">Loading…</div></div>

      <!-- Maintenance tools (superadmin) -->
      <div class="label-title" style="margin:18px 0 8px;">Data tools</div>
      <div style="background:var(--surface-2);border-radius:10px;padding:14px;">
        <div style="font-size:13px;font-weight:600;margin-bottom:4px;">Re-geocode parks by postcode</div>
        <div style="font-size:11.5px;color:var(--text-muted);margin-bottom:10px;">Replaces town-centre coordinates with precise postcode coordinates (postcodes.io). Skips parks you've edited on-site. Safe to run anytime.</div>
        <button class="btn btn-secondary" id="btn-regeocode" style="width:100%;height:40px;">Run re-geocode</button>
        <div id="regeocode-status" style="font-size:11.5px;color:var(--text-muted);margin-top:8px;"></div>
      </div>
    </div>
    <div class="modal-foot">
      <button class="btn btn-secondary" onclick="closeAllModals()" style="flex:1;height:44px;">Close</button>
    </div>
  </div>
</div>

<!-- STATS MODAL -->
<div class="modal-backdrop" id="stats-backdrop">
  <div class="modal modal-wide">
    <div class="modal-head">
      <h2>Financials</h2>
      <button class="icon-btn" data-close-modal onclick="closeAllModals()">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
      </button>
    </div>
    <div class="modal-body" id="stats-body"></div>
  </div>
</div>
<!-- V-300: shared popover for Financials "?" info markers -->
<div id="fin-info-pop" role="tooltip"></div>

<!-- SAFETY MODAL -->
<div class="modal-backdrop" id="safety-backdrop">
  <div class="modal">
    <div class="modal-head">
      <h2>Team safety</h2>
      <button class="icon-btn" data-close-modal onclick="closeAllModals()">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
      </button>
    </div>
    <div class="modal-body" id="safety-body"></div>
  </div>
</div>


<!-- DEAL FORM MODAL -->
<div class="modal-backdrop" id="deal-backdrop">
  <div class="modal">
    <div class="modal-head">
      <h2 id="deal-modal-title">Add deal</h2>
      <button class="icon-btn" data-close-modal onclick="closeAllModals()">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
      </button>
    </div>
    <div class="modal-body">
      <div class="deal-form-row">
        <label>Date</label>
        <input type="date" id="deal-date"/>
      </div>
      <div class="deal-form-row">
        <label>Bought by <span style="font-weight:400;color:var(--text-muted);">— whose deal is this?</span></label>
        <select id="deal-salesman" style="width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;background:var(--surface);color:var(--text);box-sizing:border-box;"></select>
      </div>
      <div class="deal-form-row">
        <label>Client name</label>
        <input type="text" id="deal-client-name" placeholder="e.g. Mr. Smith"/>
      </div>
      <div class="deal-form-row">
        <label>Client address / plot <span style="font-weight:400;color:var(--text-muted);">— optional, search to verify</span></label>
        <div style="display:flex;gap:6px;align-items:stretch;">
          <input type="text" id="deal-client-address" placeholder="e.g. Plot 14, Bluebell Woods" style="flex:1;min-width:0;"/>
          <button type="button" id="deal-address-search-btn" style="flex-shrink:0;height:auto;padding:0 14px;border:1.5px solid var(--primary);background:var(--primary);color:#fff;border-radius:8px;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:5px;">
            <svg viewBox="0 0 24 24" width="15" height="15" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>Search
          </button>
        </div>
        <div id="deal-address-results" style="display:none;margin-top:6px;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--surface);"></div>
        <div id="deal-address-status" style="display:none;font-size:11px;color:var(--text-muted);margin-top:5px;"></div>
      </div>
      <div class="deal-form-row">
        <label>Client phone</label>
        <input type="tel" id="deal-client-phone" placeholder="e.g. 07123 456789" inputmode="tel"/>
      </div>
      <div class="deal-form-row">
        <label>Client email <span style="font-weight:400;color:var(--text-muted);">— for emailed receipt</span></label>
        <input type="email" id="deal-client-email" placeholder="name@example.com" inputmode="email" autocapitalize="off"/>
      </div>
      <div class="deal-form-row">
        <label>Items purchased</label>
        <textarea id="deal-items" placeholder="e.g. 9ct gold ring, silver chain, sterling silver teaspoons"></textarea>
      </div>
      <div class="deal-form-row">
        <label>Paper receipt photo <span style="font-weight:400;color:var(--text-muted);">— optional, for your records</span></label>
        <div style="background:var(--surface-2);border-radius:8px;padding:12px;">
          <div style="font-size:11.5px;color:var(--text-muted);margin-bottom:8px;line-height:1.45;">Snap or upload a photo of any paper receipt. It's just stored with the deal — nothing is read or filled in from it.</div>
          <div id="deal-receipt-photos" style="display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:8px;"></div>
          <input type="file" accept="image/*" id="deal-receipt-file" multiple style="display:none;"/>
          <button type="button" class="btn btn-secondary" id="deal-receipt-add-photo" style="width:100%;height:38px;">+ Add receipt photo</button>
        </div>
      </div>
      <div class="deal-form-row">
        <label>Amount paid</label>
        <div class="amount-input-wrap">
          <input type="number" id="deal-amount" step="0.01" min="0" placeholder="0.00" inputmode="decimal"/>
        </div>
      </div>
      <div class="deal-form-row">
        <label>Payment method</label>
        <div class="pay-grid" id="pay-grid">
          <button class="pay-btn" data-method="cash">Cash</button>
          <button class="pay-btn" data-method="transfer">Transfer</button>
          <button class="pay-btn" data-method="other">Other</button>
        </div>
      </div>
      <div class="deal-form-row">
        <label>Notes (optional)</label>
        <textarea id="deal-notes" placeholder="Any other info — condition, family history, follow-up…"></textarea>
      </div>
      <div class="deal-form-row">
        <label>Collectable / card value <span style="font-weight:400;color:var(--text-muted);">(optional — reference only)</span></label>
        <div style="background:var(--surface-2);border-radius:8px;padding:12px;">
          <div style="font-size:11.5px;color:var(--text-muted);margin-bottom:10px;line-height:1.45;">For trading cards or collectables looked up on TCGplayer. This is a reference note only — it is NOT added to gold stock, valuations, or trip profit.</div>
          <div style="display:grid;grid-template-columns:1fr;gap:8px;">
            <div>
              <div style="font-size:11px;color:var(--text-muted);margin-bottom:4px;">Value seen</div>
              <input type="number" step="0.01" min="0" id="deal-collectable-value" inputmode="decimal" placeholder="0.00" style="width:100%;"/>
            </div>
            <div>
              <div style="font-size:11px;color:var(--text-muted);margin-bottom:4px;">Note</div>
              <input type="text" id="deal-collectable-note" placeholder="e.g. Charizard Base Set, near mint"/>
            </div>
          </div>
        </div>
      </div>
      <div class="deal-form-row">
        <label>Safeguarding check</label>
        <div style="background:var(--surface-2);border-radius:8px;padding:12px;">
          <label style="display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.45;cursor:pointer;font-weight:500;">
            <input type="checkbox" id="deal-not-vulnerable" style="width:20px;height:20px;flex-shrink:0;margin-top:1px;"/>
            <span>I confirm I am <strong>not</strong> a vulnerable person and I understand this transaction.</span>
          </label>
          <div id="deal-vuln-questions" style="display:none;margin-top:12px;border-top:1px solid var(--border);padding-top:12px;">
            <p style="font-size:12px;color:var(--text-muted);margin:0 0 10px;line-height:1.45;">If the box above isn't ticked, please confirm the following with the client. Answers are recorded for safeguarding.</p>
            <div class="vuln-q" data-q="memory" style="margin-bottom:10px;">
              <div style="font-size:13px;margin-bottom:5px;">1. Do you have any condition that affects your memory or decision-making (e.g. dementia or Alzheimer's)?</div>
              <div class="vuln-yn" style="display:flex;gap:8px;"><button type="button" class="vuln-btn" data-q="memory" data-v="yes">Yes</button><button type="button" class="vuln-btn" data-q="memory" data-v="no">No</button></div>
            </div>
            <div class="vuln-q" data-q="understand" style="margin-bottom:10px;">
              <div style="font-size:13px;margin-bottom:5px;">2. Do you fully understand that you are selling these items and that the sale is final?</div>
              <div class="vuln-yn" style="display:flex;gap:8px;"><button type="button" class="vuln-btn" data-q="understand" data-v="yes">Yes</button><button type="button" class="vuln-btn" data-q="understand" data-v="no">No</button></div>
            </div>
            <div class="vuln-q" data-q="price" style="margin-bottom:10px;">
              <div style="font-size:13px;margin-bottom:5px;">3. Do you understand the amount you are being paid and agree it is acceptable?</div>
              <div class="vuln-yn" style="display:flex;gap:8px;"><button type="button" class="vuln-btn" data-q="price" data-v="yes">Yes</button><button type="button" class="vuln-btn" data-q="price" data-v="no">No</button></div>
            </div>
            <div class="vuln-q" data-q="free" style="margin-bottom:10px;">
              <div style="font-size:13px;margin-bottom:5px;">4. Are you making this decision freely, without pressure from anyone (including the buyer)?</div>
              <div class="vuln-yn" style="display:flex;gap:8px;"><button type="button" class="vuln-btn" data-q="free" data-v="yes">Yes</button><button type="button" class="vuln-btn" data-q="free" data-v="no">No</button></div>
            </div>
            <div class="vuln-q" data-q="moretime" style="margin-bottom:10px;">
              <div style="font-size:13px;margin-bottom:5px;">5. Would you like more time, or to speak to a family member or friend, before deciding?</div>
              <div class="vuln-yn" style="display:flex;gap:8px;"><button type="button" class="vuln-btn" data-q="moretime" data-v="yes">Yes</button><button type="button" class="vuln-btn" data-q="moretime" data-v="no">No</button></div>
            </div>
            <div style="margin-top:10px;">
              <div style="font-size:13px;margin-bottom:5px;">Safeguarding note (any action taken):</div>
              <textarea id="deal-safeguard-note" placeholder="e.g. advised customer to consult family; customer declined and chose to proceed" style="min-height:48px;"></textarea>
            </div>
          </div>
        </div>
      </div>
      <div class="deal-form-row">
        <label>ID &amp; proof of age</label>
        <div style="background:var(--surface-2);border-radius:8px;padding:12px;">
          <label style="display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.45;cursor:pointer;font-weight:500;margin-bottom:8px;">
            <input type="checkbox" id="deal-id-seen" style="width:20px;height:20px;flex-shrink:0;margin-top:1px;"/>
            <span>I have <strong>seen the client's photo ID</strong>.</span>
          </label>
          <label style="display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.45;cursor:pointer;font-weight:500;margin-bottom:8px;">
            <input type="checkbox" id="deal-id-over18" style="width:20px;height:20px;flex-shrink:0;margin-top:1px;"/>
            <span>I confirm the client is <strong>over 18</strong>.</span>
          </label>
          <label style="display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.45;cursor:pointer;font-weight:500;margin-bottom:10px;">
            <input type="checkbox" id="deal-id-genuine" style="width:20px;height:20px;flex-shrink:0;margin-top:1px;"/>
            <span>The ID appears <strong>genuine</strong> and matches the client.</span>
          </label>
          <div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;">
            <div>
              <div style="font-size:11px;color:var(--text-muted);margin-bottom:4px;">ID type</div>
              <select id="deal-id-type" style="width:100%;padding:10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;background:var(--surface);">
                <option value="">— select —</option>
                <option value="Driving licence">Driving licence</option>
                <option value="Passport">Passport</option>
                <option value="Bus pass">Bus pass / travel pass</option>
                <option value="Other">Other</option>
              </select>
            </div>
            <div>
              <div style="font-size:11px;color:var(--text-muted);margin-bottom:4px;">ID number (optional)</div>
              <input type="text" id="deal-id-number" placeholder="e.g. last few digits" autocapitalize="characters"/>
            </div>
          </div>
          <div style="font-size:11px;color:var(--text-muted);margin-bottom:6px;">Photo of ID</div>
          <div id="deal-id-photos" style="display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:8px;"></div>
          <input type="file" accept="image/*" id="deal-id-file" multiple style="display:none;"/>
          <button type="button" class="btn btn-secondary" id="deal-id-add-photo" style="width:100%;height:38px;">+ Add ID photo</button>
        </div>
      </div>
      <div class="deal-form-row au-only" id="deal-au-compliance">
        <label>Australian compliance <span style="font-weight:400;color:var(--text-muted);">— required for AU buys</span></label>
        <div style="background:var(--surface-2);border-radius:8px;padding:12px;">
          <div style="font-size:11.5px;color:var(--text-muted);margin-bottom:10px;line-height:1.45;">Date of birth and proof of address are required AML records for every Australian purchase. For buys of $500 or more, address and proof of ID must be captured before the deal can be saved. These records are kept permanently (minimum 7 years).</div>
          <div style="margin-bottom:10px;">
            <div style="font-size:11px;color:var(--text-muted);margin-bottom:4px;">Client date of birth</div>
            <input type="date" id="deal-client-dob" style="width:100%;"/>
          </div>
          <div style="display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:10px;">
            <div>
              <div style="font-size:11px;color:var(--text-muted);margin-bottom:4px;">Proof of address type</div>
              <select id="deal-proof-addr-type" style="width:100%;padding:10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;background:var(--surface);color:var(--text);box-sizing:border-box;">
                <option value="">— select —</option>
                <option value="Utility bill">Utility bill</option>
                <option value="Bank statement">Bank statement</option>
                <option value="Council rates notice">Council rates notice</option>
                <option value="Government letter">Government letter (Centrelink/ATO/etc.)</option>
                <option value="Rental agreement">Rental / tenancy agreement</option>
                <option value="Other">Other</option>
              </select>
            </div>
          </div>
          <div style="font-size:11px;color:var(--text-muted);margin-bottom:6px;">Photo of proof of address</div>
          <div id="deal-proof-addr-photos" style="display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:8px;"></div>
          <input type="file" accept="image/*" id="deal-proof-addr-file" multiple style="display:none;"/>
          <button type="button" class="btn btn-secondary" id="deal-proof-addr-add-photo" style="width:100%;height:38px;">+ Add proof-of-address photo</button>
        </div>
      </div>
      <div class="deal-form-row au-only" id="deal-au-sar">
        <label>Suspicious activity check</label>
        <div style="background:var(--surface-2);border-radius:8px;padding:12px;">
          <div style="font-size:11.5px;color:var(--text-muted);margin-bottom:10px;line-height:1.45;">Tick anything that applies. Any tick raises a flag on the AML register for an admin to review. This never blocks a deal — if you are concerned, you can still proceed and record it here.</div>
          <label style="display:flex;align-items:center;gap:10px;font-size:13px;cursor:pointer;margin-bottom:7px;"><input type="checkbox" class="deal-sa-flag" data-sa="nervous" style="width:19px;height:19px;flex-shrink:0;"/><span>Customer appeared nervous or evasive</span></label>
          <label style="display:flex;align-items:center;gap:10px;font-size:13px;cursor:pointer;margin-bottom:7px;"><input type="checkbox" class="deal-sa-flag" data-sa="refused_id" style="width:19px;height:19px;flex-shrink:0;"/><span>Reluctant or refused to show ID</span></label>
          <label style="display:flex;align-items:center;gap:10px;font-size:13px;cursor:pointer;margin-bottom:7px;"><input type="checkbox" class="deal-sa-flag" data-sa="multiple_txns" style="width:19px;height:19px;flex-shrink:0;"/><span>Multiple transactions / possible structuring</span></label>
          <label style="display:flex;align-items:center;gap:10px;font-size:13px;cursor:pointer;margin-bottom:7px;"><input type="checkbox" class="deal-sa-flag" data-sa="suspicious_goods" style="width:19px;height:19px;flex-shrink:0;"/><span>Suspicious source of goods</span></label>
          <label style="display:flex;align-items:center;gap:10px;font-size:13px;cursor:pointer;margin-bottom:10px;"><input type="checkbox" class="deal-sa-flag" data-sa="stolen_concern" style="width:19px;height:19px;flex-shrink:0;"/><span>Concern goods may be stolen</span></label>
          <div style="display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px;">
            <div style="font-size:13px;">Risk score (1–5)</div>
            <button type="button" id="deal-risk-info" style="width:22px;height:22px;border-radius:50%;border:1.5px solid var(--border-strong);background:var(--surface);color:var(--text-muted);font-size:12px;font-weight:700;cursor:pointer;line-height:1;">?</button>
          </div>
          <div class="risk-grid" id="deal-risk-grid" style="display:grid;grid-template-columns:repeat(5,1fr);gap:6px;">
            <button type="button" class="risk-btn" data-risk="1" style="padding:10px 0;border:1.5px solid var(--border);border-radius:8px;background:var(--surface);font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;">1</button>
            <button type="button" class="risk-btn" data-risk="2" style="padding:10px 0;border:1.5px solid var(--border);border-radius:8px;background:var(--surface);font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;">2</button>
            <button type="button" class="risk-btn" data-risk="3" style="padding:10px 0;border:1.5px solid var(--border);border-radius:8px;background:var(--surface);font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;">3</button>
            <button type="button" class="risk-btn" data-risk="4" style="padding:10px 0;border:1.5px solid var(--border);border-radius:8px;background:var(--surface);font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;">4</button>
            <button type="button" class="risk-btn" data-risk="5" style="padding:10px 0;border:1.5px solid var(--border);border-radius:8px;background:var(--surface);font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;">5</button>
          </div>
          <div id="deal-risk-info-box" style="display:none;margin-top:10px;border-top:1px solid var(--border);padding-top:10px;font-size:12px;line-height:1.5;color:var(--text);">
            <div style="margin-bottom:4px;"><strong>1 — Very low:</strong> known/repeat client, full ID + proof of address, small routine amount, bank transfer.</div>
            <div style="margin-bottom:4px;"><strong>2 — Low:</strong> ID verified, nothing unusual, modest amount.</div>
            <div style="margin-bottom:4px;"><strong>3 — Medium:</strong> something to note — larger amount, partial info, first-time client, or cash near the $1k preference line.</div>
            <div style="margin-bottom:4px;"><strong>4 — High:</strong> multiple concerns — large/near-limit amount, hesitant on ID, vague source of goods.</div>
            <div><strong>5 — Very high:</strong> strong red flags — refused/suspect ID, suspected stolen goods, structuring/split behaviour. Escalate before paying.</div>
          </div>
        </div>
      </div>
      <div class="deal-form-row">
        <label>Terms &amp; conditions</label>
        <p style="font-size:11.5px;color:var(--text);background:var(--surface-2);border-radius:8px;padding:10px 12px;margin:0 2px 8px;line-height:1.5;">I understand that this sale is final and that my items may be melted, refined, sold, or otherwise disposed of within 24 hours. I acknowledge that I cannot request the return of any item once payment has been made.</p>
        <label style="display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.45;cursor:pointer;font-weight:500;">
          <input type="checkbox" id="deal-accept-terms" style="width:20px;height:20px;flex-shrink:0;margin-top:1px;"/>
          <span>The client has read and accepts the terms above.</span>
        </label>
      </div>
      <div class="deal-form-row">
        <label>Client signature</label>
        <input type="text" id="deal-sign-name" placeholder="Type full name to sign" autocapitalize="words" style="margin-bottom:8px;"/>
        <div class="sig-pad-wrap" id="deal-sign-wrap">
          <span class="sig-pad-label">Please sign below</span>
          <canvas id="deal-sign-pad" class="sig-pad"></canvas>
          <span class="sig-hint" id="deal-sign-hint"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="vertical-align:-3px;margin-right:7px;"><path d="M12 19l7-7 3 3-7 7-3-3z"/><path d="M18 13l-1.5-7.5L2 2l3.5 14.5L13 18z"/><path d="M2 2l7.586 7.586"/><circle cx="11" cy="11" r="2"/></svg>Sign here with your finger</span>
          <button type="button" class="sig-clear" id="deal-sign-clear">Clear</button>
        </div>
        <div id="deal-sign-lock" style="display:none;font-size:12px;color:#B45309;background:#FEF3C7;border-radius:8px;padding:9px 12px;margin:8px 2px 0;line-height:1.45;">Please tick the terms &amp; conditions box above before signing.</div>
      </div>


    </div>
    <div class="modal-foot">
      <button class="btn btn-danger" id="btn-delete-deal" style="margin-right:auto; display:none;">Delete</button>
      <button class="btn btn-secondary" data-close-modal onclick="closeAllModals()">Cancel</button>
      <button class="btn btn-primary" id="btn-save-deal">Save deal</button>
    </div>
  </div>
</div>

<!-- RECEIPT MODAL -->
<div class="modal-backdrop" id="receipt-backdrop">
  <div class="modal">
    <div class="modal-head">
      <h2>Receipt</h2>
      <button class="icon-btn" data-close-modal onclick="closeAllModals()">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
      </button>
    </div>
    <div class="modal-body" id="receipt-body"></div>
    <div class="modal-foot" id="receipt-foot"></div>
  </div>
</div>

<div class="toast" id="toast"></div>
<div class="saving-overlay" id="saving-overlay" role="status" aria-live="polite">
  <div class="saving-card" id="saving-card">
    <span class="saving-spinner" id="saving-spinner"></span>
    <span id="saving-text">Saving deal…</span>
  </div>
</div>
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js" integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script>
<script src="https://cdn.sheetjs.com/xlsx-0.20.3/package/dist/xlsx.full.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.1/dist/chart.umd.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@supabase/supabase-js@2.108.2/dist/umd/supabase.min.js"></script>
<script>
// ============================================================================
// ParkRoute — Door-knock route planner for jewellery buyers
// Single-file vanilla JS. Reads from Supabase parks (canonical 2,003 rows)
// and overlays user edits via parkroute_sync (JSONB). PIN-gated.
// ============================================================================

(function() {
  'use strict';

  // =========================================================================
  // ICON LIBRARY — the single source of app icons (line style, 24x24 stroke).
  // No emoji anywhere in the UI; everything routes through icoSvg(name,size,color).
  // Defined first so every module below can use it.
  // =========================================================================
  var ICO_PATHS = {
    // Food & places
    restaurant: '<path d="M3 2v7c0 1.1.9 2 2 2h0a2 2 0 0 0 2-2V2"/><path d="M5 2v20"/><path d="M16 2v20"/><path d="M16 11h3a2 2 0 0 0 2-2V6c0-2-1.5-4-3-4h-2z"/>',
    cafe: '<path d="M18 8h1a4 4 0 0 1 0 8h-1"/><path d="M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4z"/><line x1="6" y1="1" x2="6" y2="4"/><line x1="10" y1="1" x2="10" y2="4"/><line x1="14" y1="1" x2="14" y2="4"/>',
    fast_food: '<path d="M3 11h18"/><path d="M5 11a7 7 0 0 1 14 0"/><path d="M4 15h16a1 1 0 0 1 0 2H4a1 1 0 0 1 0-2z"/><path d="M6 19h12"/>',
    toilets: '<circle cx="7" cy="4" r="2"/><path d="M5.5 22v-7H4l2-6a2 2 0 0 1 2 0l2 6H8.5v7z"/><circle cx="17" cy="4" r="2"/><path d="M14 22l1.5-9h3L20 22M17 13v9"/>',
    fuel: '<line x1="3" y1="22" x2="15" y2="22"/><path d="M4 22V4a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v18"/><path d="M4 11h10"/><path d="M14 7h2a2 2 0 0 1 2 2v6a2 2 0 0 0 2 2h0a2 2 0 0 0 2-2V9.83a2 2 0 0 0-.59-1.42L18 5"/>',
    pin: '<circle cx="12" cy="10" r="3"/><path d="M12 2a8 8 0 0 0-8 8c0 5.4 8 12 8 12s8-6.6 8-12a8 8 0 0 0-8-8z"/>',
    // Valuables
    diamond: '<path d="M6 3h12l3 6-9 12L3 9z"/><path d="M3 9h18M9 3l3 18M15 3l-3 18"/>',
    gem: '<path d="M6 3h12l3 6-9 12L3 9z"/>',
    watch: '<circle cx="12" cy="12" r="6"/><polyline points="12 9 12 12 13.5 13.5"/><path d="M9 4l.5-2h5l.5 2M9 20l.5 2h5l.5-2"/>',
    medal: '<circle cx="12" cy="15" r="6"/><path d="M9 9L6 2M15 9l3-7M12 13v4M10.5 15h3"/>',
    coin: '<circle cx="12" cy="12" r="9"/><path d="M12 7v10M9.5 9.5h4a1.5 1.5 0 0 1 0 3h-3a1.5 1.5 0 0 0 0 3h4"/>',
    coins: '<circle cx="8" cy="8" r="6"/><path d="M18.09 10.37A6 6 0 1 1 10.34 18"/><path d="M7 6h1v4"/><path d="M16.71 13.88l.7.71-2.82 2.82"/>',
    cube: '<path d="M21 16V8a2 2 0 0 0-1-1.7l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.7l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/><polyline points="3.3 7 12 12 20.7 7"/><line x1="12" y1="22" x2="12" y2="12"/>',
    box: '<path d="M21 16V8a2 2 0 0 0-1-1.7l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.7l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/><polyline points="3.3 7 12 12 20.7 7"/><line x1="12" y1="22" x2="12" y2="12"/>',
    // Communication / contact
    phone: '<path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z"/>',
    mail: '<rect x="2" y="4" width="20" height="16" rx="2"/><path d="M22 7l-10 6L2 7"/>',
    bell: '<path d="M18 8a6 6 0 0 0-12 0c0 7-3 9-3 9h18s-3-2-3-9"/><path d="M13.73 21a2 2 0 0 1-3.46 0"/>',
    chat: '<path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/>',
    mic: '<rect x="9" y="2" width="6" height="12" rx="3"/><path d="M5 10a7 7 0 0 0 14 0"/><line x1="12" y1="19" x2="12" y2="22"/>',
    camera: '<path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"/><circle cx="12" cy="13" r="4"/>',
    image: '<rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><path d="M21 15l-5-5L5 21"/>',
    people: '<path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75"/>',
    megaphone: '<path d="M3 11v2a1 1 0 0 0 1 1h2l4 4V6L6 10H4a1 1 0 0 0-1 1z"/><path d="M14 7a5 5 0 0 1 0 10"/>',
    wave: '<path d="M18 11V6a2 2 0 0 0-4 0v5"/><path d="M14 10V4a2 2 0 0 0-4 0v7"/><path d="M10 10.5V6a2 2 0 0 0-4 0v8"/><path d="M18 8a2 2 0 1 1 4 0v6a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-5.99-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L7 15"/>',
    // Channels
    globe: '<circle cx="12" cy="12" r="10"/><line x1="2" y1="12" x2="22" y2="12"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/>',
    facebook: '<path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"/>',
    instagram: '<rect x="2" y="2" width="20" height="20" rx="5"/><circle cx="12" cy="12" r="4"/><line x1="17.5" y1="6.5" x2="17.5" y2="6.5"/>',
    radio: '<circle cx="12" cy="12" r="2"/><path d="M4.93 19.07a10 10 0 0 1 0-14.14M7.76 16.24a6 6 0 0 1 0-8.49M16.24 7.76a6 6 0 0 1 0 8.49M19.07 4.93a10 10 0 0 1 0 14.14"/>',
    tv: '<rect x="2" y="7" width="20" height="15" rx="2"/><polyline points="17 2 12 7 7 2"/>',
    shop: '<path d="M3 9l1-5h16l1 5"/><path d="M4 9v11a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V9"/><path d="M3 9h18"/><path d="M9 21v-6h6v6"/>',
    building: '<rect x="4" y="2" width="16" height="20" rx="1"/><path d="M9 22v-4h6v4"/><line x1="8" y1="6" x2="8" y2="6"/><line x1="12" y1="6" x2="12" y2="6"/><line x1="16" y1="6" x2="16" y2="6"/><line x1="8" y1="10" x2="8" y2="10"/><line x1="12" y1="10" x2="12" y2="10"/><line x1="16" y1="10" x2="16" y2="10"/>',
    laptop: '<rect x="3" y="4" width="18" height="12" rx="1"/><line x1="2" y1="20" x2="22" y2="20"/>',
    leaflet: '<rect x="2" y="4" width="20" height="16" rx="2"/><path d="M22 7l-10 6L2 7"/>',
    // Status / misc
    lock: '<rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/>',
    flame: '<path d="M12 2s5 4 5 9a5 5 0 0 1-10 0c0-2 1-3 1-3s0 2 2 2 2-3 2-5c0-2-2-4-2-4z"/>',
    door: '<path d="M3 21h18"/><path d="M5 21V4a1 1 0 0 1 1-1h9a1 1 0 0 1 1 1v17"/><line x1="13" y1="12" x2="13" y2="13"/>',
    upload: '<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="17 8 12 3 7 8"/><line x1="12" y1="3" x2="12" y2="15"/>',
    download: '<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="3" x2="12" y2="15"/>',
    cloudUp: '<path d="M20 16.2A4.5 4.5 0 0 0 17.5 8h-1.8A7 7 0 1 0 4 14.9"/><polyline points="9 13 12 10 15 13"/><line x1="12" y1="10" x2="12" y2="19"/>',
    cloudDown: '<path d="M20 16.2A4.5 4.5 0 0 0 17.5 8h-1.8A7 7 0 1 0 4 14.9"/><polyline points="9 13 12 16 15 13"/><line x1="12" y1="10" x2="12" y2="19"/>',
    warning: '<path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12" y2="17"/>',
    check: '<polyline points="20 6 9 17 4 12"/>',
    checkCircle: '<path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/>',
    calendar: '<rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/>',
    cake: '<path d="M20 21v-8a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8"/><path d="M4 16s.5-1 2-1 2.5 2 4 2 2.5-2 4-2 2.5 2 4 2 2-1 2-1"/><path d="M2 21h20"/><path d="M7 8v3M12 8v3M17 8v3"/><path d="M7 4h.01M12 3h.01M17 4h.01"/>',
    party: '<path d="M5.8 11.3 2 22l10.7-3.79"/><path d="M4 3h.01M22 8h.01M15 2h.01M22 20h.01"/><path d="M22 2 11 13"/><path d="M14 6a2 2 0 0 1 2 2"/><path d="M9 9a3 3 0 0 0 3 3"/>',
    sos: '<path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12" y2="17"/>',
    clock: '<circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/>',
    pause: '<rect x="6" y="4" width="4" height="16" rx="1"/><rect x="14" y="4" width="4" height="16" rx="1"/>',
    pin2: '<path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/>',
    clip: '<path d="M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48"/>',
    tool: '<path d="M14.7 6.3a4 4 0 0 0-5.4 5.4L3 18l3 3 6.3-6.3a4 4 0 0 0 5.4-5.4l-2.1 2.1-2.3-2.3z"/>',
    scale: '<path d="M12 3v18M5 7h14M5 7l-3 7h6zM19 7l-3 7h6zM7 21h10"/>',
    money: '<line x1="12" y1="1" x2="12" y2="23"/><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/>',
    cash: '<rect x="2" y="6" width="20" height="12" rx="2"/><circle cx="12" cy="12" r="2"/><path d="M6 12h.01M18 12h.01"/>',
    swap: '<polyline points="17 1 21 5 17 9"/><path d="M3 11V9a4 4 0 0 1 4-4h14"/><polyline points="7 23 3 19 7 15"/><path d="M21 13v2a4 4 0 0 1-4 4H3"/>',
    sparkle: '<path d="M12 3l1.9 5.8a2 2 0 0 0 1.3 1.3L21 12l-5.8 1.9a2 2 0 0 0-1.3 1.3L12 21l-1.9-5.8a2 2 0 0 0-1.3-1.3L3 12l5.8-1.9a2 2 0 0 0 1.3-1.3z"/>',
    truck: '<rect x="1" y="3" width="15" height="13" rx="1"/><path d="M16 8h4l3 3v5h-7z"/><circle cx="5.5" cy="18.5" r="2.5"/><circle cx="18.5" cy="18.5" r="2.5"/>',
    file: '<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/>',
    grid: '<rect x="3" y="3" width="7" height="7" rx="1"/><rect x="14" y="3" width="7" height="7" rx="1"/><rect x="3" y="14" width="7" height="7" rx="1"/><rect x="14" y="14" width="7" height="7" rx="1"/>',
    chart: '<line x1="18" y1="20" x2="18" y2="10"/><line x1="12" y1="20" x2="12" y2="4"/><line x1="6" y1="20" x2="6" y2="14"/>',
    clipboard: '<path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"/><rect x="8" y="2" width="8" height="4" rx="1"/>',
    search: '<circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/>',
    history: '<path d="M3 3v5h5"/><path d="M3.05 13A9 9 0 1 0 6 5.3L3 8"/><polyline points="12 7 12 12 15 14"/>',
    bolt: '<polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"/>',
    tag: '<path d="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z"/><line x1="7" y1="7" x2="7" y2="7"/>',
    // Weather
    sun: '<circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4"/>',
    moon: '<path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/>',
    cloud: '<path d="M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z"/>',
    cloudSun: '<path d="M12 2v2M5.6 5.6l1.4 1.4M2 13h2M20 13h1M18.4 5.6 17 7"/><circle cx="9" cy="9" r="3"/><path d="M18 14h-1.3A6 6 0 1 0 9 21h9a4 4 0 0 0 0-8z"/>',
    rain: '<path d="M16 13a5 5 0 0 0 0-10h-1.26A8 8 0 1 0 6 13"/><line x1="8" y1="19" x2="8" y2="21"/><line x1="12" y1="19" x2="12" y2="22"/><line x1="16" y1="19" x2="16" y2="21"/>',
    drizzle: '<path d="M16 13a5 5 0 0 0 0-10h-1.26A8 8 0 1 0 6 13"/><line x1="9" y1="18" x2="8" y2="20"/><line x1="13" y1="18" x2="12" y2="20"/>',
    snow: '<path d="M16 13a5 5 0 0 0 0-10h-1.26A8 8 0 1 0 6 13"/><line x1="8" y1="18" x2="8" y2="18"/><line x1="12" y1="20" x2="12" y2="20"/><line x1="16" y1="18" x2="16" y2="18"/>',
    fog: '<path d="M16 13a5 5 0 0 0 0-10h-1.26A8 8 0 1 0 6 13"/><line x1="5" y1="18" x2="19" y2="18"/><line x1="7" y1="21" x2="17" y2="21"/>',
    storm: '<path d="M16 13a5 5 0 0 0 0-10h-1.26A8 8 0 1 0 6 13"/><polyline points="13 11 9 17 13 17 11 21"/>'
  };
  function icoSvg(name, size, color) {
    var p = ICO_PATHS[name] || ICO_PATHS.cube;
    var s = size || 18;
    return '<svg viewBox="0 0 24 24" width="' + s + '" height="' + s + '" fill="none" stroke="' + (color || 'currentColor') + '" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="vertical-align:middle;flex:0 0 auto;">' + p + '</svg>';
  }
  // Inline-flex wrapper so an icon sits neatly before text in a heading/label.
  function ico(name, size, color) {
    return '<span style="display:inline-flex;align-items:center;vertical-align:middle;">' + icoSvg(name, size, color) + '</span>';
  }
  window.icoSvg = icoSvg;
  window.ico = ico;

  // Many buttons use inline ontouchend="..." which previously fired on ANY
  // finger lift — so scrolling the page (especially the route/list) was being
  // read as a tap, triggering buttons and ticking the wrong things.
  // This guard tracks finger travel during a touch. If the finger moved more
  // than the tolerance, the gesture was a scroll: we stop the touchend from
  // reaching the element's inline handler (capture-phase stopImmediatePropagation
  // runs before the target's own listener). Real taps pass through and get a
  // short haptic tick. Native click handlers are unaffected.
  (function installTapGuard() {
    var TOL = 12;          // px of travel allowed before it's a scroll
    var sx = 0, sy = 0, moved = false, tracking = false;
    document.addEventListener('touchstart', function (e) {
      var t = e.touches && e.touches[0];
      if (!t) { tracking = false; return; }
      sx = t.clientX; sy = t.clientY; moved = false; tracking = true;
    }, { passive: true, capture: true });
    document.addEventListener('touchmove', function (e) {
      if (!tracking) return;
      var t = e.touches && e.touches[0];
      if (!t) return;
      if (Math.abs(t.clientX - sx) > TOL || Math.abs(t.clientY - sy) > TOL) moved = true;
    }, { passive: true, capture: true });
    document.addEventListener('touchend', function (e) {
      if (!tracking) return;
      tracking = false;
      // Never interfere with form fields — they must focus/type/select freely.
      var tgt = e.target;
      if (tgt && tgt.closest && tgt.closest('input,textarea,select,[contenteditable="true"]')) return;
      if (moved) {
        // It was a scroll — block the inline ontouchend from firing.
        e.stopImmediatePropagation();
        return;
      }
      // Real tap: give a short haptic tick if the target is an interactive
      // control and haptics are on. (Action itself still runs via its handler.)
      var btn = tgt && tgt.closest ? tgt.closest('button,[role="button"],.park-row,.tab-btn,.bottom-nav-btn,.more-item,a') : null;
      if (btn) {
        try {
          if (window.PRFB && window.PRFB.hapticOn() && navigator.vibrate) navigator.vibrate(12);
        } catch (err) {}
      }
    }, { capture: true });
  })();

  // ----- CONFIG -----
  const SUPA_URL = 'https://wpgqpnhzlancqvuhrrkx.supabase.co';
  const SUPA_KEY = 'sb_publishable_6PVczDe4SdIiMp9qtBOqrA__njVxk58';
  const REST = SUPA_URL + '/rest/v1';

  // ============================================================
  // PR FEEDBACK (V-95) — sounds + haptics + SOS siren
  // Two independent toggles (sound, haptic), both default ON,
  // persisted to localStorage and mirrored into settings on sync.
  // ============================================================
  const PRFB = (function () {
    const K_SOUND = 'pr_sound_on', K_HAPTIC = 'pr_haptic_on';
    let onChange = null;

    function soundOn()  { const v = localStorage.getItem(K_SOUND);  return v === null ? true : v === 'true'; }
    function hapticOn() { const v = localStorage.getItem(K_HAPTIC); return v === null ? true : v === 'true'; }
    function emit() { if (onChange) onChange({ sound: soundOn(), haptic: hapticOn() }); }
    function setSound(b)  { localStorage.setItem(K_SOUND,  b ? 'true' : 'false'); emit(); }
    function setHaptic(b) { localStorage.setItem(K_HAPTIC, b ? 'true' : 'false'); emit(); }

    // Sound files are embedded as base64 data URIs below — no external
    // files needed. The app is fully self-contained.
const SRC = {
      doorOpen: 'data:audio/mpeg;base64,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YnGuiGI/hvc1S93zm/5rvN/y/jELGeWfZCU6ZsOmhwpHG3uEGFte78JVmqgSHll30/DG3+WPqWVUsEJjEQKX1NGbn6rNjjkvKxvY+amuWrlD3dtquCPPi/sU8iK7WWWDZ5wyRhqRfGPOKS3OIDMnhv9HF9UbAJASOgEEoC4iAuCoLYMC8ICBzA8y6MVzhMxPA4DO7DmMQoGs/LQ3hkzoYFFURm8kkRl39ygq8UfpvIZZ2BTLPnlUP8KPcvOZZZ9ac6/3M5bCy/8ss4eZ5G2WdpwmYY7yWc+U1L5lmRPTr1BZAiwhOVvw+Bz8a975OJw0+5DNASqdfxy0G9uLWAOvfDtZ5Ov34AgM0JX+iIGHgbA+wwgRUx2T9D6TtQMG8Bj/+3DE8QIR9YcNLfxloqG/YAH9DXExBwxDAwBJMAsBoCADoJmAvtQ37Pf3y5KzMz7S/y+Cz67LOOfnq5+pn5cQ5hUK+T/Y+fsiZeHtTPXzKW225diGwY6GNkNyMyyJh30XPzoksipxXrEW55avyqaGFCTXOCxqoXPmUh1F/fr2ml9H6l5/X7++h/6/lQgWl0miqLDgAYjAUBAGpgKhKGDQWuafCzZlXgmHNjaZrFBi4GgIVBgJRGX688XllPSW7GdBP54d1Ze1qS6taV42cKkaqXr+u3F/q5M1+esKcpe3D27trGq9X6X6lYKpMzrscYyy2MuNG7G9dQoZEURxY0OBrYZAqzqgeFnyr8Y9haepEutzSrflVgEY6SGGDZh4kY8MmXlxnimZ+/GTUYJtCCmNJcTWCYOhyJFJ//tyxOcDEh1DBC9oaso+MCDJnwyxh4mDQ4KAwCDAUcAEU1INDfKT1Ii6L0RuQBxpISVG+ak4soy87PRpxR8OzsWUVcb/Z2MUMDBkO3r9CmBgyH0VFX///6KiL6KiHb/6oqX9TBVRUoqAwaLoUMDBiOKiokf/62ahZlYVFG1CwqpMQU1FMy4xMDCqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqr/+3DE6QMRPUcET3BpQjYvmcWzCpqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq',
      bellDing: 'data:audio/mpeg;base64,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',
      swoop: 'data:audio/mpeg;base64,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ZRolEZURnCIxbmDBet4jsQrHsUxBTUUzLjEwMFVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVAP1vmZmaqqrf3okSBgEAgEAgEASKPrRpkTVy8ySoOC0EhKAixMSRFNMEfMx5kOkUeNVo1A0vGYw3mHYsGA4JiQL/+3LE7YPR+OsIAPqQwkAg4MA/Dlgl5S7KJqRK5mJOU7z/Rqmy7rLKsBAQEBAQCAgJW6KUpWUpS/1LoYz/6G//wwoShqHd3zwa/8TFeJZYedDU84OyrhCMPS3InZKrvUxBTUUzLjEwMFVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVf/7cMSzA9FZBvojdFTAAAA0gAAABFVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVU=',
      connected: 'data:audio/mpeg;base64,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VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVX/+3LE8oMT/OEALfhpybWU2cmTDlhVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVQ==',
      disconnect: 'data:audio/mpeg;base64,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C4A/MAtAXDANAJ0wEkFGMBwEVTIqHps0N4NNMFJBADGFMBORshqbf9AMKEhFtoOtve7HRjkaLiouLJlOpmCIw9XpU6BTqna8jIt+rd1ymZyHNbWzGYQd6sj+RI9fTXY3SMQpdqxTBFWWDI12jr9toOygbxMG52lt3P5v3M+L5Fjhs96rJdaSTBtZmPlB2vvqGLYg1stq6L8gqx2aYnGBmaSnbImZIP/7cMTSggpsIRWN/0JCXy4ghf4U2Yh0qgZ8MIHhi5Lmw9dvU1YPBUiEiyjQVAJFYCQLInhpmiGgqdyz9iQVqf08JnYdpFj07byrpbrHhqyPOrDVwlcsNBUNMR547EpWTEFNRTMuMTAwqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqo2tLTFMaM0sU0gajPY7MyCgzGCTNQLM2kQyuhiFFmUCse8Sd4eb1EZ5SYdUIlI4lABgw4kMIEQNRBizTZd2zGoZiURdJnrRmjN3fSN0k3HoJfAHgfIEbE0kzhZdScHsyu6uvJUsdOpJ0msqWKjJRH/+3LE5YISaOUCD+ymyXYE4lmOZEyxPGoyq6uG+NVdf/3VX/sVk6q6urq6q4bGUatWrq6tJNNIMf//sGqpA0RKumV3//g1dKqKqmkSS//RVU////hNNUz+0VXqqpEq1UxBTUUzLjEwMFVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVf/7cMTKA9cFJK4OaSuIAAA0gAAABFVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVU=',
      spotTap: 'data:audio/mpeg;base64,SUQzBAAAAAAAI1RTU0UAAAAPAAADTGF2ZjYwLjE2LjEwMAAAAAAAAAAAAAAA//twwAAAAAAAAAAAAAAAAAAAAAAASW5mbwAAAA8AAAADAAAE5QB/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f3/AwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMD///////////////////////////////////////////8AAAAATGF2YzYwLjMxAAAAAAAAAAAAAAAAJAU5AAAAAAAABOUuj9BFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP/7cMQAAA7UhSRVvAACVxskwz1QAAABZy4fv0lh0wSEmMlJnJua4xG6QhxkYb4uAJVNLgTpbc7OZNvMzMU2nLNmFJxqecnepxSEDXpGIxGIxGHYawuxQdU7E3fh+nzzt0lJKIxGIxGKTD8P/8869PSUlIGMHwfB8PrPygIA+/UCAIHP/B8H3//d/+D5gGgMFgCerv/MFYJMwYwulKTA7A78wKAjTBqRVNhBlAxViTDsCNtMDFOozyznQNLyEDbQfAyZhwMfhkDPyaAGnwGFxgFhoBIMDLBNHw4DAYBwY2DEwocx1+HpDfEJTYclf/JYgJBSwTKH/5FpNG5NGxj//pHS6suoGLGX/AQNBUOnTv/oBUQiIRFgKv//jQk08RDosVKqgBiWtfvi8lvGAFAGJgHgAiYBMA6mBLD/+3LEC4ERGF8Kvf6AAjWT4QXPJZgOIJAvDBdwjIws8M0MNtDTjMK6awyxMfCMYbFVj37azpRbzbQXTCcUjEsQDDEGhoAlooqrui2OP/n//r8d/r96mlrJUa3Lr4RjhTQSStG/Ypbvsj6qjDxqCApxXIhkmWf03FPpkHd2lLS2hb/NjGtRIHGXnoxJZEzhR9QJLlS4RggwYJzKImNaA45CoT0jZM3Z2U24hZTJFCdMO8RswSBrDHHDwEIJZCA0XRVjfpSxgEMu/ABkExg8K1R8UKmyiFGo8YbaUt7F5cs8sv78+5f/rdzok0CyWaxX5p6xiKJWNGsFoo+dI6am0uZK63CqHmjLrXJkvNUVEuwXdvY9N8tVAACTjq0EidmCGJIcUAAYYZgYqMiUobicG4P5ns8YDImgMRmqWf/7cMQSg8ykXPpsbSlAAAA0gAAABIGkmLGQORyYNUXSEQJoasCgRiUEwKFiMSkSNpVyJNy02VQSBQKgIiEh6Wu/GbBnoY//6iIz0Mpb9IxIS6/4ojUqTEFNRTMuMTAwqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqo=',
      errorBuzz: 'data:audio/mpeg;base64,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/+//9qyRE7G2Y0onEmWwUCSUUk10ijXbLyQ8qxKdLBuxMFbKbrLoyteAIHDEsHY5GxfFUkAeHCqkRHTStU+dr1h6nopQkJ5tCosVnT6yzy2Grse9sN3YXXqPQb1ctFFBtIL1eg91uR7B5sc8UGoYPIIFENNtWgY0aTYZIgJoyMSKpqY9ouZASWuCY5aWOYP0f//9dQCBMAZ+3QHESKWa3K80mNtKbP/7cMQJABKQ+2oZhIAKSxsutzDwAZNPVSU0OkhIDIiDYPrCxKoLGuLHiqCa8In2DlpLQeaTn3sQm0fRlKkunF8mFE8pNmcYJ3j0kthCtTrY1KCXft/I1Vw+yyVZu/au8yCfWnZu/bx5HCLobQLupTpZFaiRm9diWqFbEFy2tM3dUvtu79lP//5uy1mL07v//+TEpyeZS9lwTJdLZdLHa6y25E2m00ZoYFQwcumByhSmJQNYYWMoKvNPFo8MMxhZYkIPBPHSbJzm0R7a4qhIzK9dO0qv7fVgJORpc4q2wPnl40GXXds0GHPFlixoG7Z+sWll+c7mvjc0HOqe2aQdz53GtqeTdL1h1nr3SjTV9mKDD1plra3Vt4s5NDy1Me1JW1dWylv3VM7T1bcVIamVlm0UQoK2Nz1jTTX/+3LEBwAR8QVgGZWACke359c20ADXlh6Uu/KJ6PSoZDsSJRaUj2uSClcrRXSIp1IpadMjBSmvRPFtLprrmDptjoMkE1lFW2rtq2zNw08jJ5ZV26XPbFNndGsrNKqw2qZPcRPU99xt1qHdEi7qWsNZvRq74L0YZWYbdS61m/Ja/+f3eKT6KqRqqR///2+WrVerL3//+zOwNgAAADB4Y0UXbky7/El0woLjUS/wuELeo7n+M4UCKsBridAG6dRbgYQVwpCc1VeIySQkomomCtf4cQXYaSMxfX/8YhKiXCxKxkksr6/49jo/FRLjxHCTC36v/zZieXh2j4YDyLpImGv//+VmZYPYcRPLDVzAuk4f3JX////8yMkyYgUh6kiXCkXkVmRNJA1JY6pMQU1FMy4xMDCqqqqqqqqqqv/7cMQIg8AAAaQcAAAgAAA0gAAABKqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqo=',
      success: 'data:audio/mpeg;base64,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',
      siren: 'data:audio/mpeg;base64,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gLBCA0B4CP5cNjUnyfMicAKBYBgOAEACBMNuBwJgMBQBAEgB/5otzdrOwAwDQUAmBgGAABEAAWigHALCz4ZwHP/7csTdg8zUgQ4Ofo5B6ZBhgrlwAM//u9m3hxgYjH4OODlA+MQVFGDVApgpH///328cZBx0GpCDnkwQYkBzyGk8QQmCV/////////yuRMgBiSJEyYIsWiDlkmicLhTPlcihmmAgAAFWVgSBsIwGiCIIAoBVRJEUslYGyoqiS3kpE1IShNE8hyHK1lYU6hqtonjmZZFcrn24KtVsbL2LrFnz7QieCuoGlhsqCsGnA1Ep3lsrxFBV4KuER4s9YK//rO8Rf/qPcFVMQU1FMy4xMDBVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV//twxP+AJPYvM7m7AAGQjegnmPAAVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVQ==',
      fireworks: 'data:audio/mpeg;base64,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',
    };
    const cache = {};
    function get(t) {
      if (!cache[t] && SRC[t]) {
        const a = new Audio(SRC[t]); a.preload = 'auto';
        a.volume = t === 'siren' ? 1.0 : (t === 'spotTap' ? 0.35 : 0.6);
        cache[t] = a;
      }
      return cache[t];
    }
    function unlock() { // call on first gesture (login button) to satisfy iOS
      Object.keys(SRC).forEach(t => { const a = get(t); if (!a) return;
        a.play().then(() => { a.pause(); a.currentTime = 0; }).catch(() => {}); });
    }

    const VIB = {
      doorOpen:[40,30,60], bellDing:[25,40,25], swoop:60,
      connected:[20,30,50], disconnect:20, spotTap:15,
      errorBuzz:[60,50,60], success:[30,40,80],
      // Big celebratory burst (Android only; iOS Safari ignores vibration)
      fireworks:[200,80,200,80,120,60,300,100,150,60,150,60,400]
    };

    function feedback(type) {
      if (soundOn()) { const a = get(type); if (a) { try { a.currentTime = 0; a.play().catch(()=>{}); } catch(e){} } }
      if (hapticOn() && navigator.vibrate && VIB[type] != null) { try { navigator.vibrate(VIB[type]); } catch(e){} }
    }

    // SOS siren — deliberately IGNORES toggles (safety feature)
    let sirenTimer = null;
    const sos = {
      start() {
        const a = get('siren');
        if (a) { a.loop = true; try { a.currentTime = 0; a.play().catch(()=>{}); } catch(e){} }
        if (navigator.vibrate) {
          const pulse = () => { try { navigator.vibrate([400,200]); } catch(e){} };
          pulse(); sirenTimer = setInterval(pulse, 600);
        }
      },
      stop() {
        const a = cache['siren']; if (a) { a.loop = false; a.pause(); a.currentTime = 0; }
        if (sirenTimer) { clearInterval(sirenTimer); sirenTimer = null; }
        if (navigator.vibrate) { try { navigator.vibrate(0); } catch(e){} }
      }
    };

    // Single screen flash (SPOT)
    function screenFlash() {
      const el = document.getElementById('pr-screen-flash');
      if (!el) return;
      el.classList.remove('pr-flash'); void el.offsetWidth; // restart
      el.classList.add('pr-flash');
      el.addEventListener('animationend', () => el.classList.remove('pr-flash'), { once: true });
    }

    // Button glow (SPOT)
    function tapGlow(btn) {
      if (!btn) return;
      btn.classList.add('pr-spot-btn', 'pr-tapped');
      setTimeout(() => btn.classList.remove('pr-tapped'), 250);
    }

    // Trip Done celebration: fireworks sound + vibration + a fast green light
    // sweeping around the screen edge (dark→light green). Replaced the confetti
    // and gold screen-flashes — the sweep is lighter (no DOM spam) and cleaner.
    function celebrate() {
      // Sound (fireworks) — respects the Sounds toggle.
      if (soundOn()) { const a = get('fireworks'); if (a) { try { a.currentTime = 0; a.play().catch(()=>{}); } catch(e){} } }
      // Vibration burst — respects the Haptics toggle (Android only).
      if (hapticOn() && navigator.vibrate && VIB.fireworks) { try { navigator.vibrate(VIB.fireworks); } catch(e){} }

      // Green edge sweep — self-cleaning overlay. 3 fast laps (~1.65s) then gone.
      try {
        const prev = document.querySelector('.pr-edge-sweep');
        if (prev) prev.remove();
        const layer = document.createElement('div');
        layer.className = 'pr-edge-sweep';
        document.body.appendChild(layer);
        setTimeout(() => layer.remove(), 1900);
      } catch (e) {}
    }

    return { feedback, sos, unlock, screenFlash, tapGlow, celebrate,
             soundOn, hapticOn, setSound, setHaptic,
             onChange(fn) { onChange = fn; } };
  })();
  window.PRFB = PRFB;

  // ============================================================
  // PRSig (V-95) — finger/stylus signature pad. Self-contained.
  // ============================================================
  const PRSig = (function () {
    let cv = null, ctx = null, drawing = false, dirty = false, hintEl = null, last = null, mid = null;
    function resize() {
      if (!cv) return;
      const r = cv.getBoundingClientRect();
      const dpr = window.devicePixelRatio || 1;
      // preserve existing drawing
      const prev = dirty ? cv.toDataURL() : null;
      cv.width = Math.max(1, Math.round(r.width * dpr));
      cv.height = Math.max(1, Math.round(r.height * dpr));
      ctx = cv.getContext('2d');
      ctx.scale(dpr, dpr);
      ctx.lineWidth = 3; ctx.lineCap = 'round'; ctx.lineJoin = 'round';
      ctx.strokeStyle = '#163528';
      if (prev) { const img = new Image(); img.onload = () => ctx.drawImage(img, 0, 0, r.width, r.height); img.src = prev; }
    }
    function pos(e) {
      const r = cv.getBoundingClientRect();
      const t = e.touches ? e.touches[0] : e;
      return { x: t.clientX - r.left, y: t.clientY - r.top };
    }
    function midpoint(a, b) { return { x: (a.x + b.x) / 2, y: (a.y + b.y) / 2 }; }
    function start(e) {
      e.preventDefault(); drawing = true; markDirty();
      last = pos(e); mid = last;
      // a dot so a quick tap still leaves a mark
      ctx.beginPath(); ctx.arc(last.x, last.y, ctx.lineWidth / 2, 0, Math.PI * 2);
      ctx.fillStyle = ctx.strokeStyle; ctx.fill();
    }
    function move(e) {
      if (!drawing) return; e.preventDefault();
      const p = pos(e);
      // Quadratic smoothing: draw a curve through the midpoint between the
      // previous and current point, using the previous point as the control
      // handle. This rounds off the jagged corners that raw line segments give.
      const newMid = midpoint(last, p);
      ctx.beginPath();
      ctx.moveTo(mid.x, mid.y);
      ctx.quadraticCurveTo(last.x, last.y, newMid.x, newMid.y);
      ctx.stroke();
      last = p; mid = newMid;
    }
    function end() { drawing = false; last = null; mid = null; }
    function markDirty() { if (!dirty) { dirty = true; if (hintEl) hintEl.style.display = 'none'; } }
    function init(canvasId, hintId) {
      const el = document.getElementById(canvasId);
      if (!el) return;
      hintEl = hintId ? document.getElementById(hintId) : null;
      if (cv === el && el._prSigBound) { return; } // already wired
      cv = el; dirty = false;
      // bind once
      if (!el._prSigBound) {
        el._prSigBound = true;
        el.addEventListener('mousedown', start); el.addEventListener('mousemove', move);
        window.addEventListener('mouseup', end);
        el.addEventListener('touchstart', start, { passive: false });
        el.addEventListener('touchmove', move, { passive: false });
        el.addEventListener('touchend', end);
        const clr = document.getElementById('deal-sign-clear');
        if (clr && !clr._prBound) { clr._prBound = true; clr.addEventListener('click', clear); }
      }
      // size after the modal is visible
      setTimeout(resize, 30);
    }
    function clear() {
      if (!ctx || !cv) return;
      ctx.clearRect(0, 0, cv.width, cv.height);
      dirty = false; if (hintEl) hintEl.style.display = '';
    }
    let _loadedDataUrl = null;
    function load(src) {
      if (!cv) return;
      _loadedDataUrl = null;
      setTimeout(function () {
        const r = cv.getBoundingClientRect();
        const img = new Image();
        // Signed Storage URLs are cross-origin; without this the canvas becomes
        // "tainted" and toDataURL() throws when re-saving an edited deal.
        img.crossOrigin = 'anonymous';
        img.onload = function () {
          markDirty();
          try { ctx.drawImage(img, 0, 0, r.width, r.height); } catch (e) {}
          try { _loadedDataUrl = cv.toDataURL('image/png'); } catch (e) { _loadedDataUrl = null; }
        };
        img.src = src;
      }, 40);
    }
    function isEmpty() { return !dirty; }
    function toDataURL() { return cv ? cv.toDataURL('image/png') : ''; }
    return { init, clear, load, isEmpty, toDataURL, get _loadedDataUrl() { return _loadedDataUrl; } };
  })();
  window.PRSig = PRSig;

  // ============================================================
  // RECEIPT (V-95) — branded PDF, in-app receipt screen, email via
  // the `send-receipt` Supabase edge function (Resend behind it).
  // ============================================================
  function _dealById(id) { return state.deals.find(function (d) { return d.id === id; }); }
  function _parkName(parkId) { var p = state.parks.find(function (x) { return x.id === parkId; }); return p ? p.name : ''; }
  function _parkTown(parkId) { var p = state.parks.find(function (x) { return x.id === parkId; }); return p ? (p.town || '') : ''; }
  function _payLabel(m) { return m === 'transfer' ? 'Bank transfer' : (m === 'other' ? 'Other' : 'Cash'); }
  function _fmtDate(iso) {
    if (!iso) return '';
    try { return new Date(iso + (iso.length <= 10 ? 'T00:00:00' : '')).toLocaleDateString('en-GB', { day: 'numeric', month: 'long', year: 'numeric' }); }
    catch (e) { return iso; }
  }
  function _money(n) { return curSym() + (Number(n) || 0).toLocaleString(undefined, { minimumFractionDigits: 2, maximumFractionDigits: 2 }); }

  // Shared legal text used on the receipt screen, PDF, and email.
  var RECEIPT_CONSENT = 'I understand that this sale is final and that my items may be melted, refined, sold, or otherwise disposed of within 24 hours. I acknowledge that I cannot request the return of any item once payment has been made.';

  // Human-readable labels for the vulnerability questions, used on receipts.
  var VULN_Q_LABELS = {
    memory: 'Condition affecting memory / decision-making (e.g. dementia)',
    understand: 'Understands the sale is final',
    price: 'Understands & accepts the amount paid',
    free: 'Decision made freely, without pressure',
    moretime: 'Wanted more time / to consult someone'
  };

  // Build a safeguarding summary line set for a deal. Returns '' if nothing
  // recorded. `asText` true => plain text (for PDF); otherwise HTML.
  function _safeguardLines(deal) {
    var sg = deal && deal.safeguard;
    if (!sg) return [];
    var lines = [];
    if (sg.notVulnerable) {
      lines.push(['Vulnerable person', 'Client confirmed NOT a vulnerable person']);
    } else if (sg.answers && Object.keys(sg.answers).length) {
      Object.keys(VULN_Q_LABELS).forEach(function (q) {
        if (sg.answers[q]) lines.push([VULN_Q_LABELS[q], sg.answers[q] === 'yes' ? 'Yes' : 'No']);
      });
    }
    if (sg.note) lines.push(['Safeguarding note', sg.note]);
    return lines;
  }
  function _rcSafeguardHtml(deal) {
    var lines = _safeguardLines(deal);
    if (!lines.length) return '';
    return '<div style="margin-top:14px;border-top:1px solid var(--border);padding-top:12px;">' +
      '<div style="font-size:10px;color:var(--text-muted);letter-spacing:.06em;margin-bottom:8px;font-weight:600;">SAFEGUARDING CHECK</div>' +
      lines.map(function (l) {
        return '<div style="display:flex;justify-content:space-between;gap:12px;font-size:11.5px;margin-bottom:4px;">' +
          '<span style="color:var(--text-muted);">' + _esc(l[0]) + '</span>' +
          '<span style="text-align:right;font-weight:500;">' + _esc(l[1]) + '</span></div>';
      }).join('') + '</div>';
  }

  var RECEIPT_TERMS_TITLE = 'Important Terms of Sale';
  var RECEIPT_TERMS_INTRO = 'By accepting payment and completing the transaction, the Seller confirms that they are the legal owner of the items being sold and have full authority to sell them.\n\nAll items purchased by the Company are acquired for immediate processing, recycling, refining, resale, or disposal. Due to the volatile nature of precious metal markets, insurance costs, security requirements, and operational processes, all transactions are final upon payment being made.\n\nThe Seller acknowledges and agrees that:';
  var RECEIPT_TERMS_POINTS = [
    'All sales are final. No refunds, reversals, cancellations, buy-backs, or returns will be offered once payment has been issued.',
    'Items may be altered, dismantled, refined, melted, recycled, sold, or otherwise disposed of within 24 hours of purchase. Once this process has commenced, recovery of any item is impossible.',
    'The Company accepts no responsibility for sentimental, historical, collector, or personal value attached to any item sold. The purchase price reflects the Company\u2019s assessment of the item\u2019s commercial value at the time of sale.',
    'The Seller confirms that the items are not stolen, subject to finance, involved in any dispute, or claimed by any third party.',
    'The Company reserves the right to retain identification records, transaction records, photographs, and any other information required for legal, compliance, anti-money laundering, fraud prevention, or law enforcement purposes.',
    'By accepting payment, the Seller confirms they have read, understood, and accepted these terms in full.'
  ];
  var RECEIPT_TERMS_NOTE = 'Please note: Due to security, insurance, refining schedules, and fluctuating precious metal markets, the Company cannot store purchased items pending reconsideration by the Seller.';

  // Build a branded receipt PDF. Returns { doc, filename }.
  async function buildReceiptPDF(deal) {
    await loadJsPdf();
    const { jsPDF } = window.jspdf;
    const doc = new jsPDF({ unit: 'pt', format: 'a4' });
    const W = doc.internal.pageSize.getWidth();
    const M = 48;
    let y = 56;

    // Header band
    doc.setFillColor(22, 53, 40); // brand green
    doc.rect(0, 0, W, 96, 'F');
    doc.setTextColor(255, 255, 255);
    doc.setFont('times', 'bold'); doc.setFontSize(24);
    doc.text('Jewellery Roadshow', M, 52);
    doc.setFont('helvetica', 'normal'); doc.setFontSize(11);
    doc.setTextColor(220, 226, 222);
    doc.text('Purchase Receipt', M, 72);

    y = 132;
    doc.setTextColor(40, 40, 40);
    doc.setFont('helvetica', 'bold'); doc.setFontSize(10);
    doc.setTextColor(120, 120, 120);
    doc.text('RECEIPT DATE', M, y);
    doc.setTextColor(40, 40, 40); doc.setFont('helvetica', 'normal'); doc.setFontSize(12);
    doc.text(_fmtDate(deal.date) || _fmtDate(new Date().toISOString()), M, y + 18);

    // Reference (right)
    doc.setFont('helvetica', 'bold'); doc.setFontSize(10); doc.setTextColor(120, 120, 120);
    doc.text('REFERENCE', W - M, y, { align: 'right' });
    doc.setTextColor(40, 40, 40); doc.setFont('helvetica', 'normal'); doc.setFontSize(12);
    doc.text(String(deal.id || '').toUpperCase(), W - M, y + 18, { align: 'right' });

    y += 52;
    doc.setDrawColor(225, 225, 220); doc.line(M, y, W - M, y); y += 26;

    // Client block
    function field(label, value) {
      if (!value) return;
      doc.setFont('helvetica', 'bold'); doc.setFontSize(9); doc.setTextColor(120, 120, 120);
      doc.text(label.toUpperCase(), M, y);
      doc.setFont('helvetica', 'normal'); doc.setFontSize(12); doc.setTextColor(40, 40, 40);
      const lines = doc.splitTextToSize(String(value), W - M * 2);
      doc.text(lines, M, y + 16);
      y += 16 + lines.length * 15 + 10;
    }
    field('Location', [_parkName(deal.parkId), _parkTown(deal.parkId)].filter(Boolean).join(' — '));
    field('Client name', deal.client);
    field('Client address / plot', deal.address);
    if (deal.phone) field('Phone', deal.phone);
    if (deal.email) field('Email', deal.email);
    field('Items purchased', deal.items);

    // Amount box
    y += 4;
    doc.setFillColor(245, 243, 236);
    doc.roundedRect(M, y, W - M * 2, 56, 8, 8, 'F');
    doc.setFont('helvetica', 'bold'); doc.setFontSize(10); doc.setTextColor(120, 120, 120);
    doc.text('AMOUNT PAID', M + 16, y + 22);
    doc.setFont('helvetica', 'normal'); doc.setFontSize(10); doc.setTextColor(120, 120, 120);
    doc.text(_payLabel(deal.payment), W - M - 16, y + 22, { align: 'right' });
    doc.setFont('times', 'bold'); doc.setFontSize(22); doc.setTextColor(22, 53, 40);
    doc.text(_money(deal.amount), M + 16, y + 46);
    y += 56 + 30;

    // Signature
    doc.setFont('helvetica', 'bold'); doc.setFontSize(9); doc.setTextColor(120, 120, 120);
    doc.text('CLIENT SIGNATURE', M, y);
    y += 10;
    if (deal.signature) {
      var _sigData = await sigToDataUrlForPdf(deal.signature);
      if (_sigData) { try { doc.addImage(_sigData, 'PNG', M, y, 180, 70); } catch (e) {} }
    }
    if (deal.signName) {
      doc.setFont('helvetica', 'normal'); doc.setFontSize(11); doc.setTextColor(40, 40, 40);
      doc.text(deal.signName, M, y + 88);
    }
    doc.setDrawColor(180, 180, 175); doc.line(M, y + 72, M + 220, y + 72);
    y += 104;

    // Consent line (final-sale acknowledgement)
    doc.setFillColor(245, 243, 236);
    const consentLines = doc.splitTextToSize(RECEIPT_CONSENT, W - M * 2 - 24);
    const consentH = consentLines.length * 13 + 20;
    doc.roundedRect(M, y, W - M * 2, consentH, 6, 6, 'F');
    doc.setFont('helvetica', 'italic'); doc.setFontSize(9.5); doc.setTextColor(70, 70, 70);
    doc.text(consentLines, M + 12, y + 16);
    y += consentH + 16;

    // Safeguarding check (vulnerability + note). Printed on the receipt per policy.
    var _sgLines = _safeguardLines(deal);
    if (_sgLines.length) {
      if (y > doc.internal.pageSize.getHeight() - 90) { doc.addPage(); y = 56; }
      doc.setFont('helvetica', 'bold'); doc.setFontSize(9); doc.setTextColor(120, 120, 120);
      doc.text('SAFEGUARDING CHECK', M, y); y += 14;
      doc.setFontSize(9.5);
      _sgLines.forEach(function (l) {
        var label = l[0] + ':';
        var val = doc.splitTextToSize(l[1], W - M * 2 - 200);
        doc.setFont('helvetica', 'normal'); doc.setTextColor(110, 110, 110);
        doc.text(label, M, y);
        doc.setTextColor(40, 40, 40);
        doc.text(val, M + 200, y);
        y += Math.max(val.length * 12, 13) + 2;
      });
      y += 6;
    }

    // Footer (page 1)
    const PH = doc.internal.pageSize.getHeight();
    doc.setFont('helvetica', 'normal'); doc.setFontSize(9); doc.setTextColor(150, 150, 150);
    doc.text('Thank you for trading with Jewellery Roadshow.', M, PH - 40);
    doc.text('jewelleryroadshow.com', W - M, PH - 40, { align: 'right' });

    // Page 2 — full Terms of Sale
    doc.addPage();
    let ty = 56;
    doc.setFont('times', 'bold'); doc.setFontSize(16); doc.setTextColor(22, 53, 40);
    doc.text(RECEIPT_TERMS_TITLE, M, ty); ty += 24;
    doc.setFont('helvetica', 'normal'); doc.setFontSize(9.5); doc.setTextColor(60, 60, 60);
    RECEIPT_TERMS_INTRO.split('\n\n').forEach(function (para) {
      const ls = doc.splitTextToSize(para, W - M * 2);
      doc.text(ls, M, ty); ty += ls.length * 13 + 8;
    });
    ty += 4;
    RECEIPT_TERMS_POINTS.forEach(function (p, i) {
      const ls = doc.splitTextToSize((i + 1) + '. ' + p, W - M * 2 - 6);
      if (ty + ls.length * 13 > PH - 60) { doc.addPage(); ty = 56; }
      doc.text(ls, M, ty); ty += ls.length * 13 + 8;
    });
    ty += 6;
    doc.setFont('helvetica', 'italic'); doc.setFontSize(9.5); doc.setTextColor(90, 90, 90);
    const noteLines = doc.splitTextToSize(RECEIPT_TERMS_NOTE, W - M * 2);
    if (ty + noteLines.length * 13 > PH - 60) { doc.addPage(); ty = 56; }
    doc.text(noteLines, M, ty);

    const safeName = (deal.client || 'receipt').replace(/[^a-z0-9]+/gi, '-').toLowerCase();
    return { doc: doc, filename: 'JewelleryRoadshow-Receipt-' + safeName + '.pdf' };
  }

  // Email the receipt via the send-receipt edge function (Resend).
  // Booking-confirmation email — a simple, no-PDF email sent via the same
  // edge function as receipts (kind: 'booking'). Says "Booking confirmation
  // with Jewellery Roadshow" + date, time, and address only.
  async function sendBookingConfirmation(b) {
    if (!b || !b.email) { window.toast && window.toast('No email to send to'); return false; }
    const payload = {
      kind: 'booking',
      to: b.email,
      name: b.name || '',
      date: b.date ? _fmtDate(b.date) : '',
      location: b.location || '',
      address: b.address || '',
      business: 'Jewellery Roadshow'
    };
    try {
      const r = await fetch(SUPA_URL + '/functions/v1/send-email', {
        method: 'POST',
        headers: {
          'Content-Type': 'application/json',
          'Authorization': 'Bearer ' + (authedSession ? authedSession.access_token : SUPA_KEY),
          'apikey': SUPA_KEY
        },
        body: JSON.stringify(payload)
      });
      if (!r.ok) { const t = await r.text().catch(()=> ''); throw new Error('send-email ' + r.status + ' ' + t); }
      return true;
    } catch (e) { console.warn('[Booking email] failed:', e); throw e; }
  }
  window.sendBookingConfirmation = sendBookingConfirmation;

  async function sendReceiptEmail(deal, pdfBase64) {
    if (!deal.email) { window.toast && window.toast('No client email on this deal'); return false; }
    // Deliberately exclude trip name/number and receipt notes from the email.
    const payload = {
      to: deal.email,
      client: deal.client || '',
      address: deal.address || '',
      phone: deal.phone || '',
      location: [_parkName(deal.parkId), _parkTown(deal.parkId)].filter(Boolean).join(' — '),
      items: deal.items || '',
      amount: Number(deal.amount) || 0,
      currency: curSym(),
      payment: _payLabel(deal.payment),
      date: _fmtDate(deal.date),
      reference: String(deal.id || '').toUpperCase(),
      consent: RECEIPT_CONSENT,
      termsTitle: RECEIPT_TERMS_TITLE,
      termsIntro: RECEIPT_TERMS_INTRO,
      termsPoints: RECEIPT_TERMS_POINTS,
      termsNote: RECEIPT_TERMS_NOTE,
      kind: 'receipt',
      pdfBase64: pdfBase64,
      pdfFilename: 'JewelleryRoadshow-Receipt.pdf'
    };
    const r = await fetch(SUPA_URL + '/functions/v1/send-email', {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
        'Authorization': 'Bearer ' + (authedSession ? authedSession.access_token : SUPA_KEY),
        'apikey': SUPA_KEY
      },
      body: JSON.stringify(payload)
    });
    if (!r.ok) { const txt = await r.text().catch(function(){return '';}); throw new Error('send-receipt failed: ' + r.status + ' ' + txt); }
    return true;
  }

  // The in-app receipt screen (after save, or re-opened from Deals tab).
  window.showReceiptScreen = function (dealId) {
    const deal = _dealById(dealId);
    if (!deal) return;
    const back = document.getElementById('receipt-backdrop');
    const body = document.getElementById('receipt-body');
    const foot = document.getElementById('receipt-foot');
    if (!back || !body) return;

    const loc = [_parkName(deal.parkId), _parkTown(deal.parkId)].filter(Boolean).join(' — ');
    body.innerHTML =
      '<div style="text-align:center;padding:6px 0 16px;">' +
        '<div style="font-family:\'Fraunces\',serif;font-size:22px;color:var(--primary);font-weight:600;">Jewellery Roadshow</div>' +
        '<div style="font-size:12px;color:var(--text-muted);letter-spacing:.04em;">PURCHASE RECEIPT</div>' +
      '</div>' +
      _rcRow('Date', _fmtDate(deal.date)) +
      _rcRow('Location', loc) +
      _rcRow('Client', deal.client) +
      (deal.address ? _rcRow('Address / plot', deal.address) : '') +
      (deal.phone ? _rcRow('Phone', deal.phone) : '') +
      (deal.email ? _rcRow('Email', deal.email) : '') +
      _rcRow('Items', deal.items) +
      '<div style="display:flex;justify-content:space-between;align-items:center;background:var(--surface-2);border-radius:10px;padding:14px 16px;margin:14px 0;">' +
        '<div><div style="font-size:10px;color:var(--text-muted);letter-spacing:.06em;">AMOUNT PAID</div>' +
        '<div style="font-family:\'Fraunces\',serif;font-size:22px;color:var(--primary);font-weight:600;">' + _money(deal.amount) + '</div></div>' +
        '<div style="font-size:12px;color:var(--text-muted);">' + _payLabel(deal.payment) + '</div>' +
      '</div>' +
      (deal.signature ? '<div style="font-size:10px;color:var(--text-muted);letter-spacing:.06em;margin-bottom:4px;">CLIENT SIGNATURE</div><img id="rc-sig-img" alt="Signature" style="max-width:200px;height:auto;border-bottom:1px solid var(--border-strong);"/>' + (deal.signName ? '<div style="font-size:13px;margin-top:4px;">' + _esc(deal.signName) + '</div>' : '') : (deal.signName ? '<div style="font-size:10px;color:var(--text-muted);letter-spacing:.06em;">SIGNED</div><div style="font-size:14px;">' + _esc(deal.signName) + '</div>' : '')) +
      '<div style="font-size:11.5px;color:var(--text);background:var(--surface-2);border-radius:8px;padding:10px 12px;margin:14px 0 0;line-height:1.5;">' + _esc(RECEIPT_CONSENT) + '</div>' +
      _rcSafeguardHtml(deal) +
      '<details style="margin-top:14px;border-top:1px solid var(--border);padding-top:12px;">' +
        '<summary style="font-size:12px;font-weight:600;color:var(--primary);cursor:pointer;">' + _esc(RECEIPT_TERMS_TITLE) + '</summary>' +
        '<div style="font-size:11px;color:var(--text-muted);line-height:1.55;margin-top:8px;white-space:pre-line;">' + _esc(RECEIPT_TERMS_INTRO) + '</div>' +
        '<ol style="font-size:11px;color:var(--text-muted);line-height:1.55;margin:8px 0;padding-left:18px;">' + RECEIPT_TERMS_POINTS.map(function (p) { return '<li style="margin-bottom:6px;">' + _esc(p) + '</li>'; }).join('') + '</ol>' +
        '<div style="font-size:11px;color:var(--text-muted);line-height:1.55;font-style:italic;">' + _esc(RECEIPT_TERMS_NOTE) + '</div>' +
      '</details>';

    foot.innerHTML =
      '<button class="btn btn-secondary" id="rc-download" style="flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;">' + icoSvg('download', 15, 'currentColor') + 'Download PDF</button>' +
      '<button class="btn btn-primary" id="rc-email" style="flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;">' + icoSvg('mail', 15, 'currentColor') + (deal.email ? 'Email receipt' : 'No email') + '</button>';
    // V-260: let admins/superadmins edit a saved deal from its receipt. Opens the
    // full deal form pre-filled, so any field (amount, items, client, etc.) can be
    // amended after saving. Salesmen don't get this (their edits route via approval).
    if (window.isAdminUser && window.isAdminUser()) {
      foot.innerHTML =
        '<button class="btn btn-secondary" id="rc-edit" style="flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;">' + icoSvg('tool', 15, 'currentColor') + 'Edit deal</button>' +
        '<button class="btn btn-secondary" id="rc-download" style="flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;">' + icoSvg('download', 15, 'currentColor') + 'PDF</button>' +
        '<button class="btn btn-primary" id="rc-email" style="flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;">' + icoSvg('mail', 15, 'currentColor') + (deal.email ? 'Email' : 'No email') + '</button>';
    }
    back.classList.add('open');
    // Resolve the signature image (data-URL passes through; storage path → signed URL).
    if (deal.signature) {
      var _rcSigImg = document.getElementById('rc-sig-img');
      if (_rcSigImg) {
        (window.resolveSignatureSrc ? window.resolveSignatureSrc(deal.signature) : Promise.resolve(deal.signature)).then(function (u) { if (u) _rcSigImg.src = u; });
      }
    }

    document.getElementById('rc-download').onclick = async function () {
      try {
        const r = await buildReceiptPDF(deal);
        downloadBlob(r.doc.output('blob'), r.filename);
      } catch (e) { window.toast && window.toast('Could not build PDF'); }
    };
    // V-260: Edit deal — close the receipt and open the full deal form pre-filled.
    var _rcEdit = document.getElementById('rc-edit');
    if (_rcEdit) _rcEdit.onclick = function () {
      back.classList.remove('open');
      if (typeof openDealModal === 'function') openDealModal(deal.parkId || null, deal.id);
    };
    const emailBtn = document.getElementById('rc-email');
    if (!deal.email) { emailBtn.disabled = true; emailBtn.style.opacity = '0.5'; }
    else emailBtn.onclick = async function () {
      emailBtn.disabled = true; emailBtn.textContent = 'Sending…';
      try {
        const r = await buildReceiptPDF(deal);
        const b64 = r.doc.output('datauristring').split(',')[1];
        await sendReceiptEmail(deal, b64);
        window.toast && window.toast('Receipt emailed to ' + deal.email);
        emailBtn.textContent = 'Sent';
      } catch (e) {
        console.error(e);
        var msg = (e && e.message) ? String(e.message) : 'unknown error';
        // Surface the real reason so it's diagnosable instead of a vague fail.
        var friendly = msg;
        if (/RESEND_API_KEY|not defined|not set/i.test(msg)) friendly = 'Email key not set on the server (RESEND_API_KEY missing on the send-email function).';
        else if (/domain|not verified|from address|403/i.test(msg)) friendly = 'Sender domain not verified in Resend (or from-address not allowed).';
        else if (/401|JWT|unauthor/i.test(msg)) friendly = 'Auth rejected by the function (verify_jwt / token).';
        window.toast && window.toast('Email failed: ' + friendly);
        try { alert('Receipt email failed.\n\nServer said:\n' + msg + '\n\nLikely fix:\n' + friendly); } catch(_){}
        emailBtn.disabled = false; emailBtn.textContent = 'Retry email';
      }
    };
  };
  function _rcRow(label, val) {
    if (!val) return '';
    return '<div style="margin-bottom:10px;"><div style="font-size:10px;color:var(--text-muted);letter-spacing:.06em;">' + label.toUpperCase() + '</div>' +
           '<div style="font-size:14px;color:var(--text);">' + _esc(String(val)) + '</div></div>';
  }
  function _esc(s) { return String(s).replace(/[&<>"]/g, function (c) { return ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;' })[c]; }); }

  // ============================================================
  // DEALS TAB (V-95) — every deal across all trips, searchable and
  // filterable by location / client / date, newest first. Tap a deal
  // to reopen its receipt (download / re-email).
  // ============================================================
  var DEALSUI = { search: '', from: '', to: '', sort: 'date-desc' };
  window.renderDeals = function () {
    var el = document.getElementById('deals-view');
    if (!el) return;
    var q = (DEALSUI.search || '').trim().toLowerCase();

    var rows = (state.deals || []).map(function (d) {
      return {
        d: d,
        loc: [_parkName(d.parkId), _parkTown(d.parkId)].filter(Boolean).join(' — '),
        amt: Number(d.amount) || 0
      };
    });
    rows = rows.filter(function (r) {
      var d = r.d;
      if (DEALSUI.from && (String(d.date || '') < DEALSUI.from)) return false;
      if (DEALSUI.to && (String(d.date || '') > DEALSUI.to)) return false;
      if (!q) return true;
      var hay = [r.loc, d.client, d.address, d.items, d.salesman, String(d.amount)].join(' ').toLowerCase();
      return hay.indexOf(q) >= 0;
    });
    rows.sort(function (a, b) {
      if (DEALSUI.sort === 'amount-desc') return b.amt - a.amt;
      if (DEALSUI.sort === 'amount-asc') return a.amt - b.amt;
      // V-256: sort by the FULL createdAt timestamp (with time), not just the
      // date. Deals logged on the same day share an identical date string, so
      // the old date-only sort couldn't order them — "Newest first" looked
      // broken. Fall back to date, then id, for older deals with no createdAt.
      var da = String(a.d.createdAt || a.d.date || '') + '|' + String(a.d.id || '');
      var db = String(b.d.createdAt || b.d.date || '') + '|' + String(b.d.id || '');
      return DEALSUI.sort === 'date-asc' ? (da < db ? -1 : 1) : (da > db ? -1 : 1);
    });

    var total = rows.reduce(function (s, r) { return s + r.amt; }, 0);

    var html = '' +
      '<div style="padding:8px 0 4px;">' +
        '<h1 style="font-family:\'Fraunces\',serif;font-size:26px;color:var(--primary);margin:0 0 4px;">Deals</h1>' +
        '<p style="font-size:13px;color:var(--text-muted);margin:0 0 14px;">Every deal across all trips. Tap one to view, download or re-email the receipt.</p>' +
      '</div>' +
      '<div class="search-wrap" style="position:relative;margin-bottom:10px;">' +
        '<input id="deals-search" type="text" placeholder="Search by location, client, item, salesman…" value="' + _esc(DEALSUI.search) + '" style="width:100%;height:46px;padding:0 14px;border:1px solid var(--border);border-radius:10px;font-family:inherit;font-size:15px;background:var(--surface);color:var(--text);outline:none;">' +
      '</div>' +
      '<div style="display:flex;gap:8px;margin-bottom:6px;flex-wrap:wrap;">' +
        '<div style="flex:1;min-width:120px;"><label style="font-size:10px;color:var(--text-muted);letter-spacing:.06em;display:block;margin-bottom:3px;">FROM</label><input id="deals-from" type="date" value="' + _esc(DEALSUI.from) + '" style="width:100%;height:40px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);font-family:inherit;color:var(--text);"></div>' +
        '<div style="flex:1;min-width:120px;"><label style="font-size:10px;color:var(--text-muted);letter-spacing:.06em;display:block;margin-bottom:3px;">TO</label><input id="deals-to" type="date" value="' + _esc(DEALSUI.to) + '" style="width:100%;height:40px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);font-family:inherit;color:var(--text);"></div>' +
        '<div style="flex:1;min-width:120px;"><label style="font-size:10px;color:var(--text-muted);letter-spacing:.06em;display:block;margin-bottom:3px;">SORT</label><select id="deals-sort" style="width:100%;height:40px;padding:0 8px;border:1px solid var(--border);border-radius:8px;background:var(--surface);font-family:inherit;color:var(--text);">' +
          '<option value="date-desc"' + (DEALSUI.sort === 'date-desc' ? ' selected' : '') + '>Newest first</option>' +
          '<option value="date-asc"' + (DEALSUI.sort === 'date-asc' ? ' selected' : '') + '>Oldest first</option>' +
          '<option value="amount-desc"' + (DEALSUI.sort === 'amount-desc' ? ' selected' : '') + '>Highest amount</option>' +
          '<option value="amount-asc"' + (DEALSUI.sort === 'amount-asc' ? ' selected' : '') + '>Lowest amount</option>' +
        '</select></div>' +
      '</div>' +
      ((DEALSUI.from || DEALSUI.to || DEALSUI.search) ? '<button id="deals-clear" style="background:none;border:none;color:var(--primary);font-size:12px;font-weight:600;cursor:pointer;padding:2px 0 10px;">Clear filters</button>' : '') +
      '<div style="display:flex;justify-content:space-between;align-items:baseline;margin:6px 0 12px;">' +
        '<span style="font-size:12px;color:var(--text-muted);font-weight:600;">' + rows.length + ' deal' + (rows.length !== 1 ? 's' : '') + '</span>' +
        '<span style="font-size:14px;color:var(--primary);font-weight:700;">' + _money(total) + ' total</span>' +
      '</div>';

    if (!rows.length) {
      html += '<div style="padding:24px 8px;text-align:center;color:var(--text-light);font-style:italic;">No deals match. Try clearing the filters.</div>';
    } else {
      html += rows.map(function (r) {
        var d = r.d;
        // V-256: build a "date · time · salesman" line. Time comes from
        // createdAt (the full timestamp); falls back gracefully if absent.
        var _timeStr = '';
        if (d.createdAt) {
          try { _timeStr = new Date(d.createdAt).toLocaleTimeString('en-GB', { hour: '2-digit', minute: '2-digit' }); } catch (e) { _timeStr = ''; }
        }
        var _stamp = _fmtDate(d.date) + (_timeStr ? ' · ' + _timeStr : '');
        var _who = d.salesman ? (' · ' + _esc(d.salesman)) : '';
        return '<button class="deals-row" data-deal="' + _esc(d.id) + '" style="width:100%;text-align:left;display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:13px 14px;margin-bottom:8px;cursor:pointer;font-family:inherit;">' +
          '<div style="flex:1;min-width:0;">' +
            '<div style="font-family:\'Fraunces\',serif;font-size:16px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">' + _esc(d.client || 'No name') + (d.signature || d.signName ? ' <span title="Signed" style="color:var(--success);">✓</span>' : '') + '</div>' +
            '<div style="font-size:12.5px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">' + _esc(r.loc || '—') + (d.email ? ' · ' + icoSvg('mail',11,'currentColor') + '' : '') + '</div>' +
            '<div style="font-size:11.5px;color:var(--text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px;">' + _esc(_stamp) + _who + '</div>' +
          '</div>' +
          '<div style="text-align:right;flex-shrink:0;">' +
            '<div style="font-size:15px;font-weight:700;color:var(--primary);">' + _money(d.amount) + '</div>' +
            '<div style="font-size:11px;color:var(--text-muted);">' + _esc(_payLabel(d.payment)) + '</div>' +
          '</div>' +
        '</button>';
      }).join('');
    }

    el.innerHTML = html;

    var sEl = document.getElementById('deals-search');
    if (sEl) { var dt = null; sEl.addEventListener('input', function (e) { DEALSUI.search = e.target.value; clearTimeout(dt); dt = setTimeout(window.renderDeals, 200); }); sEl.focus(); }
    var fEl = document.getElementById('deals-from'); if (fEl) fEl.addEventListener('change', function (e) { DEALSUI.from = e.target.value; window.renderDeals(); });
    var tEl = document.getElementById('deals-to'); if (tEl) tEl.addEventListener('change', function (e) { DEALSUI.to = e.target.value; window.renderDeals(); });
    var soEl = document.getElementById('deals-sort'); if (soEl) soEl.addEventListener('change', function (e) { DEALSUI.sort = e.target.value; window.renderDeals(); });
    var cEl = document.getElementById('deals-clear'); if (cEl) cEl.addEventListener('click', function () { DEALSUI.search = ''; DEALSUI.from = ''; DEALSUI.to = ''; window.renderDeals(); });
    el.querySelectorAll('.deals-row').forEach(function (b) {
      b.addEventListener('click', function () { window.showReceiptScreen(b.getAttribute('data-deal')); });
    });
  };

  // ----- SUPABASE AUTH -----
  // Live state — set when a user signs in via Supabase Auth.
  let authedSession = null;   // raw Supabase session ({ access_token, user, ... }) or null
  let authedProfile = null;   // row from public.profiles, or null
  // Headers used for all Supabase REST calls.
  // When authed: use the user's JWT (RLS sees them as authenticated).
  // When not:    fall back to the publishable anon key (PIN mode).
  function HDR() {
    return authedSession ? {
      apikey: SUPA_KEY,
      Authorization: 'Bearer ' + authedSession.access_token,
      'Content-Type': 'application/json'
    } : {
      apikey: SUPA_KEY,
      Authorization: 'Bearer ' + SUPA_KEY,
      'Content-Type': 'application/json'
    };
  }
  // Exposed so the AI assistant module (separate IIFE) can call the
  // claude-proxy edge function with the same auth headers as other requests.
  window.SUPA_URL = SUPA_URL;
  window.HDR = HDR;

  // V-258: proactively keep the JWT fresh. The lost-deal bug was caused by an
  // expired access_token: HDR() kept sending a stale token, every write got a
  // 401 "JWT expired", and the deal was never recovered. Before any WRITE we
  // now check the token's exp claim and refresh it if it's expired or within a
  // 2-minute window of expiring. Safe to call often — it no-ops when fresh.
  function _jwtExpEpoch(token) {
    try {
      var payload = JSON.parse(atob(token.split('.')[1].replace(/-/g, '+').replace(/_/g, '/')));
      return (payload && payload.exp) ? payload.exp * 1000 : 0;
    } catch (e) { return 0; }
  }
  let _refreshingToken = null;
  async function ensureFreshToken() {
    if (!authedSession || !sbClient) return true;          // PIN mode — nothing to refresh
    var exp = _jwtExpEpoch(authedSession.access_token);
    if (exp && exp - Date.now() > 120000) return true;     // still fresh (>2 min left)
    if (_refreshingToken) { await _refreshingToken; return !!authedSession; }
    _refreshingToken = (async function () {
      try {
        var res = await sbClient.auth.refreshSession();
        if (res && res.data && res.data.session) {
          authedSession = res.data.session;
        } else {
          // Fall back to whatever getSession returns (may still be valid).
          var g = await sbClient.auth.getSession();
          if (g && g.data && g.data.session) authedSession = g.data.session;
        }
      } catch (e) {
        console.warn('[Auth] token refresh failed:', e);
      } finally {
        _refreshingToken = null;
      }
    })();
    await _refreshingToken;
    return !!authedSession;
  }
  window.ensureFreshToken = ensureFreshToken;
  const sbClient = (window.supabase && window.supabase.createClient)
    ? window.supabase.createClient(SUPA_URL, SUPA_KEY, {
        auth: {
          persistSession: true,
          autoRefreshToken: true,
          detectSessionInUrl: true,
          storageKey: 'pr_auth'
        }
      })
    : null;

  const LS = {
    pin: 'pr_pin',
    unlocked: 'pr_unlocked',
    overlays: 'pr_overlays_v1',  // map of slug -> overlay obj
    settings: 'pr_settings_v1',
    deals: 'pr_deals_v1',         // top-level deals list
    user: 'pr_user_name',
    lastPull: 'pr_last_pull',
    selectedTypes: 'pr_sel_types',
    trips: 'pr_trips_v1',
    halls: 'pr_halls_v1',         // hall events list (mirrors trips)
    meltBatches: 'pr_melt_batches_v1', // melt/sell batches covering 1+ trips
    aiLog: 'pr_ai_log_v1',        // AI assistant input log (per salesman)
    notifications: 'pr_notifs_v1',
    readNotifs: 'pr_read_notifs_v1',
    lockAttempts: 'pr_lock_attempts',  // shared PIN + email failed-attempt counter
    lockUntil: 'pr_lock_until',        // ms timestamp; lockout in effect while > Date.now()
    country: 'pr_country'              // 'UK' | 'AU' — partition key for every cloud read/write
  };

  // ----- STATE -----
  window.state = {
    country: 'UK',        // 'UK' | 'AU' — set early in bootApp() from localStorage
    parks: [],            // merged canonical + overlays
    overlays: {},         // slug -> partial fields
    deals: [],            // list of deal objects
    trips: [],            // trip files
    halls: [],            // hall event files (mirror trips)
    meltBatches: [],      // melt/sell batches covering one or more trips
    aiLog: [],            // AI assistant input log
    notifications: [],    // @-mentions / alerts (cloud-synced)
    readNotifs: {},       // local-only: id -> true map of notifs current user has read
    openParkId: null,
    openTripId: null,
    currentTab: 'parks',  // parks | trips | nearby | mentions
    stockSpotView: 'stock', // sub-view within the merged Stock/Spot tab: 'stock' | 'spot'
    selectedTypes: ['park'],
    currentType: 'park',
    filter: 'all',        // all | todo | done
    doneSort: 'recent',   // recent | trip | county (only used when filter==='done')
    colorFilter: null,    // null | good | ok | notgreat | rubbish | awful | none
    search: '',
    salesman: '',
    view: 'list',         // list | map
    syncStatus: 'idle',
    dirty: false,
    myLocation: null,
    map: null,
    mapMarkers: [],
    heatMode: false,
    heatMarkers: [],
    selectionMode: false,
    selectedParkIds: {},
    tripSearch: '',
    tripFilter: 'all',   // all | active | completed
    tripDateFrom: '',
    tripDateTo: '',
    profiles: [],         // all user profiles (synced from Supabase)
    currentProfile: null  // current user's profile object
  };

  // Fast park lookup by id. state.parks has 6,000+ rows, so the 60+ places that
  // did state.parks.find(...) were each a linear scan — slow when repeated in a
  // loop (e.g. opening a trip with many parks). This Map is built once and
  // invalidated whenever parks change via invalidateParkIndex().
  let _parkIndex = null;
  function getParkById(id) {
    if (!id) return undefined;
    if (!_parkIndex) {
      _parkIndex = new Map();
      const arr = state.parks || [];
      for (let i = 0; i < arr.length; i++) _parkIndex.set(arr[i].id, arr[i]);
    }
    var hit = _parkIndex.get(id);
    if (hit) return hit;
    // V-262: fall back to a manually-added location that lives ONLY in the
    // overlay and hasn't made it into state.parks/the index yet (timing). This
    // is why a just-added location (e.g. "Jardin De Haut") couldn't be tapped
    // open — openPark/getParkById returned nothing. Materialise it into
    // state.parks so it's fully openable and editable, then index it.
    var ov = (state.overlays || {})[id];
    if (ov && (ov.name || ov.lat != null || ov.lng != null)) {
      var park = Object.assign({
        id: id, slug: ov.slug || id,
        name: '', town: '', county: '', region: '', postcode: '',
        url: '', lat: null, lng: null,
        propertyType: 'park', status: 'new', rating: null,
        notes: '', doorsCovered: 0, favorite: false,
        visits: [], deals: [], doneAt: null,
        currentRound: 1, rounds: {}
      }, ov, {
        favorite: !!ov.favorite,
        currentRound: ov.currentRound || 1,
        rounds: ov.rounds || {}
      });
      if (!(state.parks || []).some(function (x) { return x.id === id; })) state.parks.push(park);
      _parkIndex.set(id, park);
      return park;
    }
    return undefined;
  }
  function invalidateParkIndex() { _parkIndex = null; }
  window.getParkById = getParkById;
  window.invalidateParkIndex = invalidateParkIndex;
  // V-268: a location can carry multiple property types (mixed areas). Match if
  // ANY of its types is in the selected set. Falls back to the single primary.
  function parkTypes(p) {
    if (p && Array.isArray(p.propertyTypes) && p.propertyTypes.length) return p.propertyTypes;
    return [(p && p.propertyType) || 'park'];
  }
  function parkHasType(p, selected) {
    var pts = parkTypes(p);
    for (var i = 0; i < pts.length; i++) if (selected.indexOf(pts[i]) >= 0) return true;
    return false;
  }
  window.parkHasType = parkHasType;
  window.parkTypes = parkTypes;

  // =========================================================================
  // COUNTRY (UK | AU) — partition every cloud read/write by country.
  // Toggle lives in the top-right pill; default UK on first load.
  // Notes:
  //   - parkroute_sync uses one row per country: id=1 → UK, id=2 → AU.
  //   - /rpc/* (auth lockout) and /profiles (user identity) are deliberately
  //     not country-filtered — they're scoped by the authed user, not by region.
  //   - spot_prices uses sbClient.from() rather than the REST helper, so its
  //     country filter is applied at the call site in fetchSpotPrices().
  // =========================================================================
  function isAU() { return state.country === 'AU'; }
  function isUK() { return state.country === 'UK'; }
  function isUS() { return state.country === 'US'; }
  function isCA() { return state.country === 'CA'; }
  // Dollar countries (AU/US/CA) all display '$'; UK shows '£'.
  function isDollar() { return state.country === 'AU' || state.country === 'US' || state.country === 'CA'; }
  function curSym() { return isDollar() ? '$' : '£'; }
  // Distance unit follows the active country: UK + US miles, AU + CA kilometres.
  // The DB column stays `miles` (a plain number) — only the label changes.
  function usesKm() { return state.country === 'AU' || state.country === 'CA'; }
  function distUnit() { return usesKm() ? 'km' : 'mi'; }
  function distUnitLong() { return usesKm() ? 'km' : 'miles'; }
  // The route/clustering engine stores every distance internally in MILES
  // (haversine, corridor widths, cluster radius). These two helpers convert
  // only at the UI boundary so km users see/enter km while the maths is untouched.
  var KM_PER_MI = 1.609344;
  function distToUnit(mi) { var n = Number(mi) || 0; return usesKm() ? n * KM_PER_MI : n; } // miles → active unit
  function distFromUnit(v) { var n = Number(v) || 0; return usesKm() ? n / KM_PER_MI : n; } // active unit → miles
  // cur(amount) → '£42.50' or '$42.50'.
  // cur(amount, dp) → with custom decimal places (default 2).
  // cur() with no args → bare symbol.
  // Handles negatives with the same '−' minus glyph the rest of the app uses.
  function cur(amount, dp) {
    var s = curSym();
    if (amount === undefined) return s;
    if (amount === null || isNaN(Number(amount))) return s + '0';
    var d = (dp === undefined || dp === null) ? 2 : dp;
    var n = Number(amount);
    var sign = n < 0 ? '−' : '';
    return sign + s + Math.abs(n).toFixed(d);
  }
  // Maps country → parkroute_sync row id (UK=1, AU=2, US=3, CA=4).
  function syncRowId() {
    switch (state.country) {
      case 'AU': return 2;
      case 'US': return 3;
      case 'CA': return 4;
      default:   return 1; // UK
    }
  }
  // Append ?country=eq.X (or &country=eq.X) to a PostgREST path.
  // Skips /rpc/* and /profiles* — see note above.
  function withCountryPath(path) {
    if (!path || typeof path !== 'string') return path;
    if (path.indexOf('/rpc/') === 0 || path.indexOf('/profiles') === 0) return path;
    // Safety tables/views (team_locations, team_locations_latest, team_nudges)
    // have NO country column — stamping country=eq.X makes PostgREST 400 and
    // silently breaks the team map + SOS. Exempt them so locations load.
    if (path.indexOf('/team_locations') === 0 || path.indexOf('/team_nudges') === 0) return path;
    // Don't double-stamp if a country filter is already present (defensive).
    if (/[?&]country=/.test(path)) return path;
    var sep = path.indexOf('?') >= 0 ? '&' : '?';
    return path + sep + 'country=eq.' + encodeURIComponent(state.country);
  }
  // Stamp country into a JSON body for POST/PATCH/PUT writes.
  // Accepts the same body shapes the existing fetch calls send (string of JSON,
  // or already an object). Returns a JSON string. If the body isn't valid JSON,
  // returns it unchanged so we never break a non-table endpoint by accident.
  function stampCountryBody(body) {
    if (body == null) return body;
    var obj;
    if (typeof body === 'string') {
      try { obj = JSON.parse(body); } catch (e) { return body; }
    } else {
      obj = body;
    }
    if (Array.isArray(obj)) {
      obj.forEach(function (row) {
        if (row && typeof row === 'object' && row.country == null) row.country = state.country;
      });
    } else if (obj && typeof obj === 'object') {
      if (obj.country == null) obj.country = state.country;
    }
    return JSON.stringify(obj);
  }
  // Switch country: persist, update state, reset cached cloud data,
  // re-pull from cloud filtered by the new country, then re-render.
  async function setCountry(c) {
    if (c !== 'UK' && c !== 'AU' && c !== 'US' && c !== 'CA') return;
    if (state.country === c) return;
    // V-268 CRITICAL: a pending debounced sync (from an earlier edit) firing
    // DURING/AFTER a country switch was writing empty/!wrong-country state over
    // the live row — this is what wiped the UK data on UK→AU→UK. Before we touch
    // anything: flush-or-drop any pending push, then hard-block all pushes until
    // the new country's data is fully loaded.
    if (state.dirty && state.country && typeof pushSync === 'function') {
      // Save the CURRENT country's unsaved work to ITS row before leaving.
      // V-270: refresh the token first so an expired login can't make this flush
      // fail silently and strand the current country's work.
      var _flushOk = false;
      try { if (typeof ensureFreshToken === 'function') await ensureFreshToken(); } catch (e) {}
      try { await pushSync(); _flushOk = !state.dirty; } catch (e) { console.warn('[Country] pre-switch flush failed:', e); }
      // V-270: if the current country's work did NOT save, DO NOT switch — and do
      // NOT clear dirty (that would lose it). Keep the user on this side, keep the
      // work queued, and let them retry. Protects UK when switching to AU.
      if (!_flushOk && state.dirty) {
        window.toast && window.toast('Couldn\u2019t save this side first — staying on ' + state.country + '. Try again in a moment.');
        if (typeof scheduleSync === 'function') scheduleSync();
        return;
      }
    }
    if (typeof window.cancelScheduledSync === 'function') window.cancelScheduledSync();
    state.dirty = false;            // safe now: current country's work is confirmed saved
    window._countrySwitching = true; // pushSync checks this and refuses while true
    state.country = c;
    try { localStorage.setItem(LS.country, c); } catch (e) {}
    // Body class drives the CSS swap (£/$ + JV hide). One class per country.
    document.body.classList.toggle('country-uk', c === 'UK');
    document.body.classList.toggle('country-au', c === 'AU');
    document.body.classList.toggle('country-us', c === 'US');
    document.body.classList.toggle('country-ca', c === 'CA');
    // Reflect the pill's active state.
    document.querySelectorAll('.country-toggle-btn').forEach(function (b) {
      b.classList.toggle('active', b.getAttribute('data-country') === c);
    });
    // Sync distance-unit labels + cluster-radius input to the new country.
    if (typeof refreshDistUnitUI === 'function') refreshDistUnitUI();
    // Invalidate any cached per-country cloud data so the next render re-fetches.
    if (typeof CALLBACKS !== 'undefined') { CALLBACKS.loaded = false; CALLBACKS.items = []; }
    if (typeof STOCK !== 'undefined')     { STOCK.loaded = false; STOCK.items = []; }
    if (typeof TIME !== 'undefined')      { TIME.loaded = false; TIME.sessions = []; TIME.mileage = []; }
    if (typeof JVS !== 'undefined')       { JVS.loaded = false; JVS.entries = []; JVS.balance = null; }
    if (typeof SPOT !== 'undefined')      { SPOT.loaded = false; SPOT.latest = null; SPOT.history = []; }
    if (typeof AML !== 'undefined')       { AML.loaded = false; AML.rows = []; }
    if (typeof REFI !== 'undefined')      { REFI.loaded = false; REFI.rows = []; }
    if (typeof window._collectInvalidate === 'function') window._collectInvalidate();
    if (typeof amlRefreshBadge === 'function') setTimeout(amlRefreshBadge, 50);
    state.overlays = {};
    state.deals = [];
    state.trips = [];
    state.halls = [];
    state.meltBatches = [];
    state.aiLog = [];
    state.notifications = [];
    state.parks = [];
    // Wipe the per-country localStorage caches too. If the cloud pull below
    // fails, we'd rather show an empty AU than UK data wearing an AU label.
    try {
      lsSet(LS.overlays, {});
      lsSet(LS.deals, []);
      lsSet(LS.trips, []);
      lsSet(LS.halls, []);
      lsSet(LS.meltBatches, []);
      lsSet(LS.notifications, []);
    } catch (e) {}
    try {
      setSync('syncing', 'Switching to ' + c + '…');
      var parks = await fetchParks();
      state.parks = parks;
      invalidateParkIndex();
      state._parksRev = (state._parksRev || 0) + 1;
      try {
        var sync = await pullSync();
        applySyncData(sync);
      } catch (e) {
        console.warn('[Country] cloud pull failed after switch:', e);
        mergeParks();
      }
      window.render && window.render();
      // Re-render whichever per-country tab is visible right now.
      if (state.currentTab === 'calls' && typeof renderCallsBody === 'function') {
        fetchCallbacks().then(function () { renderCallsBody(); });
      }
      if (state.currentTab === 'spot') {
        if (typeof renderSpotBody === 'function') fetchSpotPrices().then(function () { renderSpotBody(); });
      } else if (state.currentTab === 'stock') {
        if (typeof renderStockBody === 'function') fetchStockItems().then(function () { renderStockBody(); });
      }
      if (state.currentTab === 'time' && typeof renderTimeBody === 'function') {
        fetchTimeData().then(function () { renderTimeBody(); });
      }
      if (state.currentTab === 'trips' && typeof renderTrips === 'function') {
        renderTrips();
      }
      window.toast && window.toast('Switched to ' + c);
      window._countrySwitching = false;   // load complete — pushes allowed again
    } catch (e) {
      console.error('[Country] switch failed:', e);
      window._countrySwitching = false;   // unblock even on failure (state is at least this country's)
      setSync('error', 'Switch failed: ' + e.message);
      window.toast && window.toast('Switch to ' + c + ' failed');
    }
  }
  // Coming-soon placeholder click handler. Used by the US/CA/NZ pills in
  // the topbar — shows a toast and does not change the active country.
  function comingSoonCountry(c) {
    var names = { US: 'United States', CA: 'Canada', NZ: 'New Zealand',
                  ALL: 'USA, Canada & New Zealand' };
    var name = names[c] || c;
    if (window.toast) window.toast(name + ' — coming soon');
  }
  window.comingSoonCountry = comingSoonCountry;
  window.setCountry = setCountry;
  window.cur = cur;
  window.curSym = curSym;
  window.isAU = isAU;
  window.isUK = isUK;
  window.isUS = isUS;
  window.isCA = isCA;
  window.isDollar = isDollar;
  window.distUnit = distUnit;
  window.distUnitLong = distUnitLong;
  window.distToUnit = distToUnit;
  window.distFromUnit = distFromUnit;
  // Sync static distance-unit labels + the cluster-radius input to the active
  // country. The stored radius is in miles; the input shows/accepts the active unit.
  function refreshDistUnitUI() {
    try {
      document.querySelectorAll('.dist-unit-long').forEach(function (el) { el.textContent = distUnitLong(); });
      document.querySelectorAll('.dist-unit').forEach(function (el) { el.textContent = distUnit(); });
      var rad = document.getElementById('set-radius');
      if (rad) {
        var miles = Number(lsGet(LS.settings, {}).radius) || 10;
        if (isAU()) { rad.min = 3; rad.max = 80; } else { rad.min = 2; rad.max = 50; }
        rad.value = Math.round(distToUnit(miles));
      }
    } catch (e) {}
  }
  window.refreshDistUnitUI = refreshDistUnitUI;

  // =========================================================================
  // SUPABASE REST
  // =========================================================================
  // =========================================================================
  // USER PROFILES — full user info (name, pronouns, DOB, bio, job role, image)
  // Stored in Supabase profiles table, images in storage bucket
  // =========================================================================
  async function fetchProfiles() {
    try {
      const { data, error } = await sbClient.from('profiles').select('*');
      if (error) throw error;
      state.profiles = data || [];
      const current = (authedProfile && authedProfile.id
                        ? state.profiles.find(p => p.id === authedProfile.id)
                        : null)
                      || state.profiles.find(p => p.salesman === (state.salesman || ''));
      if (current) {
        state.currentProfile = current;
        if (current.image_url) current.image_url_signed = await getSignedImageUrl(current.image_url);
      }
      checkBirthdayNotifications();
    } catch (e) {
      console.warn('[Profiles] fetch failed:', e);
    }
  }

  async function getSignedImageUrl(path) {
    if (!path) return null;
    try {
      const { data, error } = await sbClient.storage.from('profile-images').createSignedUrl(path, 3600);
      if (error) throw error;
      return data?.signedUrl || null;
    } catch (e) {
      console.warn('[Profile] signed URL failed:', e);
      return null;
    }
  }

  async function saveProfile(profileData) {
    // Identity must come from the authenticated profile when signed in, so a
    // partner can only ever write to their OWN row. Fall back to state.salesman
    // only in legacy PIN-only mode (no auth).
    const ownSalesman = (authedProfile && (authedProfile.salesman || authedProfile.full_name)) || state.salesman;
    if (!ownSalesman) {
      window.toast && window.toast('No salesman set');
      return false;
    }
    try {
      const row = {
        salesman: ownSalesman,
        full_name: profileData.full_name || '',
        pronouns: profileData.pronouns || '',
        date_of_birth: profileData.date_of_birth || null,
        bio: profileData.bio || '',
        job_role: profileData.job_role || '',
        phone: profileData.phone || '',
        image_url: profileData.image_url || null,
        updated_at: new Date().toISOString()
      };
      // If we know the authenticated row's id, pin the write to it by id so an
      // out-of-date salesman name can never redirect the save to a partner.
      let resp;
      if (authedProfile && authedProfile.id) {
        resp = await sbClient.from('profiles').update(row).eq('id', authedProfile.id).select();
      } else {
        resp = await sbClient.from('profiles').upsert([row], { onConflict: 'salesman' }).select();
      }
      const { data, error } = resp;
      if (error) {
        console.error('[Profile] save error:', error);
        throw error;
      }
      state.currentProfile = (data && data[0]) || state.currentProfile || null;
      if (authedProfile && data && data[0]) authedProfile = data[0];
      if (state.currentProfile && state.currentProfile.image_url) {
        state.currentProfile.image_url_signed = await getSignedImageUrl(state.currentProfile.image_url);
      }
      window.toast && window.toast('Profile saved ');
      return true;
    } catch (e) {
      console.error('[Profile] save failed:', e);
      window.toast && window.toast('Could not save profile: ' + (e.message || 'unknown error'));
      return false;
    }
  }

  async function uploadProfileImage(file) {
    // Use the authenticated identity for the storage folder so a partner's photo
    // can never overwrite another's (previously keyed on state.salesman, which
    // could be stale/shared).
    const ownId = (authedProfile && authedProfile.id) || (authedProfile && authedProfile.salesman) || state.salesman;
    if (!ownId || !file) return null;
    try {
      const ext = file.name.split('.').pop();
      const filename = ownId + '/profile.' + ext;
      const { error } = await sbClient.storage.from('profile-images').upload(filename, file, { upsert: true });
      if (error) throw error;
      return filename;
    } catch (e) {
      console.warn('[Profile] image upload failed:', e);
      window.toast && window.toast('Could not upload image');
      return null;
    }
  }

  function checkBirthdayNotifications() {
    if (!state.profiles.length) return;
    var today = new Date().toISOString().slice(5, 10); // MM-DD format
    state.profiles.forEach(p => {
      if (!p.date_of_birth) return;
      var bdayMD = p.date_of_birth.slice(5, 10);
      if (bdayMD === today && p.salesman !== state.salesman) {
        // Notify about team member's birthday
        window.toast && window.toast('Happy birthday, ' + (p.full_name || p.salesman) + '! ');
      }
    });
  }

  window.fetchProfiles = fetchProfiles;
  window.saveProfile = saveProfile;
  window.uploadProfileImage = uploadProfileImage;
  window.getSignedImageUrl = getSignedImageUrl;

  // ============================================================
  // GENERIC PHOTO ATTACHMENTS (trips, stock, …)
  // Files go to the existing 'attachments' bucket under a path prefix; we store
  // only the path string in app data (never the image bytes — that would bloat
  // the sync blob). Mirrors the profile-image pattern (private bucket + signed
  // URLs). Reused by both the Trip and Stock photo features.
  // ============================================================
  async function uploadAttachment(prefix, ownerId, file) {
    if (!file || !ownerId) return null;
    try {
      // Storage object paths can't contain spaces or odd characters. ownerId can
      // be a display name ("Lorri Haines") when not auth-signed-in, which would
      // make an invalid path and silently fail — so sanitise it.
      var safeOwner = String(ownerId).toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/^-|-$/g, '') || 'user';
      const safeExt = (file.name && file.name.indexOf('.') >= 0)
        ? file.name.split('.').pop().toLowerCase().replace(/[^a-z0-9]/g, '')
        : 'jpg';
      const rand = Math.random().toString(36).slice(2, 8);
      const path = prefix + '/' + safeOwner + '/' + Date.now() + '-' + rand + '.' + safeExt;
      const { error } = await sbClient.storage.from('attachments').upload(path, file, {
        upsert: false,
        contentType: file.type || 'image/jpeg'
      });
      if (error) throw error;
      return path;
    } catch (e) {
      console.warn('[Attachments] upload failed:', e);
      window.toast && window.toast('Upload failed: ' + ((e && e.message) || 'unknown'));
      return null;
    }
  }
  async function getAttachmentUrl(path) {
    if (!path) return null;
    try {
      const { data, error } = await sbClient.storage.from('attachments').createSignedUrl(path, 3600);
      if (error) throw error;
      return data?.signedUrl || null;
    } catch (e) {
      console.warn('[Attachments] signed URL failed:', e);
      return null;
    }
  }
  async function deleteAttachment(path) {
    if (!path) return false;
    try {
      const { error } = await sbClient.storage.from('attachments').remove([path]);
      if (error) throw error;
      return true;
    } catch (e) {
      console.warn('[Attachments] delete failed:', e);
      return false;
    }
  }
  window.uploadAttachment = uploadAttachment;
  window.getAttachmentUrl = getAttachmentUrl;
  window.deleteAttachment = deleteAttachment;

  // ---- Signatures in Storage (instead of bloated base64 inside each deal) ----
  // A deal.signature may be EITHER a legacy "data:image/..." base64 string OR a
  // storage path like "deal-sig/owner/123-ab.png". These helpers handle both so
  // old and new deals all work during/after the migration.
  function isDataUrl(v) { return typeof v === 'string' && v.slice(0, 5) === 'data:'; }
  function isSigPath(v) { return typeof v === 'string' && v && !isDataUrl(v); }
  // data:URL -> Blob (so we can upload it via the existing uploadAttachment).
  function dataUrlToBlob(dataUrl) {
    try {
      var parts = String(dataUrl).split(',');
      var meta = parts[0] || '';
      var b64 = parts[1] || '';
      var mime = (meta.match(/data:([^;]+)/) || [])[1] || 'image/png';
      var bin = atob(b64);
      var len = bin.length;
      var arr = new Uint8Array(len);
      for (var i = 0; i < len; i++) arr[i] = bin.charCodeAt(i);
      return new Blob([arr], { type: mime });
    } catch (e) { return null; }
  }
  // Upload a base64 signature to Storage, return its path (or null).
  async function uploadSignatureDataUrl(dataUrl, ownerId) {
    var blob = dataUrlToBlob(dataUrl);
    if (!blob) return null;
    blob.name = 'signature.png';
    try { if (typeof ensureFreshToken === 'function') await ensureFreshToken(); } catch (e) {}
    return await uploadAttachment('deal-sig', ownerId || 'user', blob);
  }
  // Resolve a signature value to something usable in an <img src> / jsPDF.
  // data:URL -> itself; storage path -> signed URL (cached on _sigUrlCache).
  var _sigUrlCache = {};
  async function resolveSignatureSrc(v) {
    if (!v) return '';
    if (isDataUrl(v)) return v;
    if (_sigUrlCache[v]) return _sigUrlCache[v];
    var u = await getAttachmentUrl(v);
    if (u) _sigUrlCache[v] = u;
    return u || '';
  }
  window.isDataUrl = isDataUrl;
  window.isSigPath = isSigPath;
  window.uploadSignatureDataUrl = uploadSignatureDataUrl;
  window.resolveSignatureSrc = resolveSignatureSrc;
  // For jsPDF: always return a base64 data-URL. data:URL passes through; a
  // storage path is fetched (signed URL) then converted to a data-URL.
  async function sigToDataUrlForPdf(v) {
    if (!v) return '';
    if (isDataUrl(v)) return v;
    try {
      var url = await getAttachmentUrl(v);
      if (!url) return '';
      var resp = await fetch(url);
      var blob = await resp.blob();
      return await new Promise(function (resolve) {
        var fr = new FileReader();
        fr.onload = function () { resolve(fr.result); };
        fr.onerror = function () { resolve(''); };
        fr.readAsDataURL(blob);
      });
    } catch (e) { return ''; }
  }
  window.sigToDataUrlForPdf = sigToDataUrlForPdf;

  // One-time migration: move legacy base64 signatures out of state.deals into
  // Storage, replacing each with its path. Safe to run repeatedly (skips ones
  // already migrated). Superadmin-only; backs up nothing itself (a DB backup
  // was taken before shipping this) but never drops a signature on failure.
  window.migrateSignaturesToStorage = async function () {
    if (!sbClient) { window.toast && window.toast('Not signed in'); return; }
    var deals = state.deals || [];
    var todo = deals.filter(function (d) { return d && window.isDataUrl(d.signature); });
    if (!todo.length) { window.toast && window.toast('Nothing to migrate — all signatures already in storage.'); return; }
    if (!confirm('Move ' + todo.length + ' signature image' + (todo.length > 1 ? 's' : '') + ' into storage? This shrinks your data and speeds up the app. A backup was already taken.')) return;
    window.toast && window.toast('Migrating ' + todo.length + ' signature' + (todo.length > 1 ? 's' : '') + '…');
    var done = 0, failed = 0;
    for (var i = 0; i < todo.length; i++) {
      var d = todo[i];
      try {
        var owner = (d.salesman || (authedProfile && authedProfile.id) || 'user');
        var path = await uploadSignatureDataUrl(d.signature, owner);
        if (path) { d.signature = path; done++; }
        else { failed++; }
      } catch (e) { failed++; }
    }
    lsSet(LS.deals, state.deals);
    state.dirty = true;
    try { await pushSync(); } catch (e) {}
    window.toast && window.toast('Signatures migrated: ' + done + ' done' + (failed ? ', ' + failed + ' failed (kept inline)' : '') + '.');
  };

  // Profile modal functions (must be defined before bindEvents runs)
  window.openProfileModal = function() {
    openModal('profile-backdrop');
    // Load current profile into form
    var p = state.currentProfile;
    if (p) {
      document.getElementById('profile-full-name').value = p.full_name || '';
      document.getElementById('profile-pronouns').value = p.pronouns || '';
      document.getElementById('profile-dob').value = p.date_of_birth || '';
      document.getElementById('profile-job-role').value = p.job_role || '';
      var _ph = document.getElementById('profile-phone'); if (_ph) _ph.value = p.phone || '';
      document.getElementById('profile-bio').value = p.bio || '';
      if (p.image_url_signed) {
        document.getElementById('profile-modal-img').src = p.image_url_signed;
        document.getElementById('profile-modal-img').style.display = 'block';
        document.getElementById('profile-modal-icon').style.display = 'none';
      }
    }
  };

  window.saveProfileData = async function() {
    var fullName = document.getElementById('profile-full-name').value.trim();
    var pronouns = document.getElementById('profile-pronouns').value.trim();
    var dob = document.getElementById('profile-dob').value;
    var jobRole = document.getElementById('profile-job-role').value.trim();
    var phone = (document.getElementById('profile-phone') || {}).value;
    phone = phone ? phone.trim() : '';
    var bio = document.getElementById('profile-bio').value.trim();
    
    var imageUrl = state.currentProfile?.image_url || null;
    
    var success = await window.saveProfile({
      full_name: fullName,
      pronouns: pronouns,
      date_of_birth: dob || null,
      job_role: jobRole,
      phone: phone,
      bio: bio,
      image_url: imageUrl
    });
    
    if (success) {
      window.updateProfileHeader();
      closeAllModals();
    }
  };

  window.updateProfileHeader = async function() {
    var p = state.currentProfile;
    var img = document.getElementById('profile-header-img');
    var icon = document.getElementById('profile-header-icon');
    if (p && p.image_url) {
      var signed = await window.getSignedImageUrl ? await window.getSignedImageUrl(p.image_url) : null;
      if (signed) {
        img.src = signed;
        img.style.display = 'block';
        icon.style.display = 'none';
      }
    } else {
      img.style.display = 'none';
      icon.style.display = 'block';
    }
  };

  async function api(path, opts) {
    path = withCountryPath(path);
    opts = opts || {};
    opts.headers = Object.assign({}, HDR(), opts.headers || {});
    if (opts.body && opts.method && /^(POST|PATCH|PUT)$/i.test(opts.method)) {
      opts.body = stampCountryBody(opts.body);
    }
    const u = REST + path;
    const r = await fetch(u, opts);
    if (!r.ok) {
      const txt = await r.text();
      throw new Error('API ' + r.status + ': ' + txt);
    }
    if (r.status === 204) return null;
    const ct = r.headers.get('content-type') || '';
    return ct.includes('application/json') ? await r.json() : await r.text();
  }

  async function fetchParks() {
    // Paginate 1000 at a time until exhausted (was hard-capped at 5 pages = 5,000;
    // canonical parks table now exceeds 6,000 — uncap with a 50-page / 50k safety guard).
    let all = [];
    let from = 0;
    const PAGE = 1000;
    const MAX_PAGES = 50;
    for (let i = 0; i < MAX_PAGES; i++) {
      const rows = await api('/parks?select=slug,name,town,county,region,postcode,url,latitude,longitude,property_type,source&order=name.asc&limit=' + PAGE + '&offset=' + from);
      if (!rows || rows.length === 0) break;
      all = all.concat(rows);
      if (rows.length < PAGE) break;
      from += PAGE;
    }
    // Normalise to in-app shape (id = slug)
    return all.map(r => ({
      id: r.slug,
      slug: r.slug,
      name: r.name,
      town: r.town || '',
      county: r.county || '',
      region: r.region || '',
      postcode: r.postcode || '',
      url: r.url || '',
      lat: r.latitude ? Number(r.latitude) : null,
      lng: r.longitude ? Number(r.longitude) : null,
      propertyType: r.property_type || 'park',
      source: r.source || '',
      status: 'new',
      rating: null,
      notes: '',
      doorsCovered: 0,
      favorite: false,
      visits: [],
      deals: [],
      doneAt: null,
      modifiedAt: null,
      modifiedBy: null
    }));
  }

  async function pullSync() {
    setSync('syncing', 'Loading…');
    // parkroute_sync stores one row per country: id=1 → UK, id=2 → AU.
    // The withCountryPath wrapper in api() also adds country=eq.X, which is
    // redundant here but harmless (it's a CHECK-constraint-aligned safety net).
    const rows = await api('/parkroute_sync?id=eq.' + syncRowId() + '&select=*');
    if (!rows || rows.length === 0) {
      setSync('connected', 'Connected · no cloud data yet');
      return { parks_changed: [], trips: [], halls: [], ai_log: [], deals: [], settings: {} };
    }
    setSync('connected', 'Synced ' + relTime(rows[0].updated_at));
    localStorage.setItem(LS.lastPull, new Date().toISOString());
    return rows[0];
  }

  // ---------------------------------------------------------------------------
  // CONCURRENCY-SAFE MERGE
  // The old pushSync wrote local state.deals/trips/etc straight over the cloud
  // blob — classic last-write-wins. If Lorri and Lewis both saved within a few
  // minutes, the second push wiped the first person's new records. To stop that,
  // pushSync now RE-PULLS the cloud blob immediately before writing and MERGES
  // record-by-record (by id). Rules:
  //   - A record present in BOTH: keep whichever has the newer timestamp.
  //   - A record present only in CLOUD: keep it (don't wipe a partner's add).
  //   - A record present only LOCALLY: keep it (our new add).
  //   - A record explicitly DELETED locally (tombstoned) is removed from both.
  // This makes concurrent saves additive instead of destructive.
  // ---------------------------------------------------------------------------

  // Tombstones: ids the user has explicitly deleted this session, so a re-pull
  // merge doesn't resurrect them from the cloud copy.
  state.tombstones = state.tombstones || { deals: [], trips: [], halls: [] };
  window.tombstone = function (kind, id) {
    if (!id) return;
    state.tombstones[kind] = state.tombstones[kind] || [];
    if (state.tombstones[kind].indexOf(id) < 0) state.tombstones[kind].push(id);
  };

  function _recTime(r) {
    // Best-effort "last touched" timestamp for a record, for newest-wins.
    return Date.parse(r && (r.updatedAt || r.updated_at || r.approvedAt ||
      r.editedAt || r.createdAt || r.created_at || r.date)) || 0;
  }

  // Merge two arrays of {id,...} records by id. `local` wins ties.
  function mergeById(local, cloud, tombstoneIds) {
    local = Array.isArray(local) ? local : [];
    cloud = Array.isArray(cloud) ? cloud : [];
    var dead = {};
    (tombstoneIds || []).forEach(function (id) { dead[id] = 1; });
    var out = {};
    var order = [];
    function take(r, isLocal) {
      if (!r) return;
      var id = r.id;
      if (id == null) { order.push(r); return; }   // no id → can't dedupe, keep as-is
      if (dead[id]) return;                          // explicitly deleted → drop
      if (!(id in out)) { out[id] = r; order.push(id); return; }
      // Already have one — keep the newer. On exact tie, prefer local.
      var prev = out[id];
      var dt = _recTime(r) - _recTime(prev);
      if (dt > 0 || (dt === 0 && isLocal)) out[id] = r;
    }
    // Seed with cloud first, then overlay local so local wins ties.
    cloud.forEach(function (r) { take(r, false); });
    local.forEach(function (r) { take(r, true); });
    return order.map(function (k) {
      return (k && typeof k === 'object') ? k : out[k];
    }).filter(Boolean);
  }

  async function pushSync() {
    // V-268: hard guard — never write the live row while a country switch is in
    // flight. During a switch state.deals/trips/overlays are emptied then
    // reloaded; a push landing in that window wiped the row. Refuse outright.
    if (window._countrySwitching) { console.warn('[Sync] push skipped — country switch in progress'); return; }
    setSync('syncing', 'Saving…');

    // V-258: make sure the JWT is fresh BEFORE we write, so a stale token can't
    // 401 the push and strand the deal.
    try { await ensureFreshToken(); } catch (e) {}

    // STEP 1: Re-pull the current cloud blob so we merge onto the freshest copy
    // rather than blindly overwriting a partner's concurrent save.
    var cloud = null;
    try {
      var fresh = await api('/parkroute_sync?id=eq.' + syncRowId() + '&select=*');
      if (fresh && fresh.length) cloud = fresh[0];
    } catch (e) {
      console.warn('[ParkRoute] pre-push re-pull failed, writing local only:', e);
      cloud = null; // fall back to a plain write below
    }

    const overlays = state.overlays || {};
    const parksChanged = Object.values(overlays).filter(o => o && o.id);
    var tomb = state.tombstones || {};

    var mergedDeals, mergedTrips, mergedHalls, mergedNotifs, mergedParks;
    if (cloud) {
      mergedDeals  = mergeById(state.deals,  cloud.deals,  tomb.deals);
      mergedTrips  = mergeById(state.trips,  cloud.trips,  tomb.trips);
      mergedHalls  = mergeById(state.halls,  cloud.halls,  tomb.halls);
      // Notifications: union by id, no tombstones (they're append-only).
      mergedNotifs = mergeById(state.notifications, cloud.notifications, []);
      // Parks changed: overlays keyed by id — union, local wins.
      mergedParks  = mergeById(parksChanged, cloud.parks_changed, []);
      // Reflect the merged result back into local state so the UI shows
      // anything a partner added while we were editing.
      state.deals = mergedDeals;
      state.trips = mergedTrips;
      state.halls = mergedHalls;
      state.notifications = mergedNotifs;
      lsSet(LS.deals, state.deals);
      lsSet(LS.trips, state.trips);
      lsSet(LS.halls, state.halls);
      lsSet(LS.notifications, state.notifications);
    } else {
      mergedDeals  = state.deals || [];
      mergedTrips  = state.trips || [];
      mergedHalls  = state.halls || [];
      mergedNotifs = state.notifications || [];
      mergedParks  = parksChanged;
    }

    // V-268 SAFETY VALVE: never let a near-empty push flatten a populated cloud
    // row. If the cloud has substantial data but we're about to write almost
    // nothing, something is wrong (mid-switch, bad state) — abort the write and
    // keep dirty so a correct push can happen later. Last-resort guard on top of
    // the country-switch lock; protects against any unknown wipe path.
    if (cloud) {
      var _cloudDeals = (cloud.deals || []).length;
      var _cloudTrips = (cloud.trips || []).length;
      if ((_cloudDeals >= 5 && mergedDeals.length === 0) ||
          (_cloudTrips >= 3 && mergedTrips.length === 0)) {
        console.error('[Sync] ABORT: refusing to overwrite a populated row (' +
          _cloudDeals + ' deals/' + _cloudTrips + ' trips) with empty data.');
        setSync('error', 'Save paused — data check');
        window.toast && window.toast('Save paused to protect your data — reopen the app');
        return; // keep state.dirty; do not write
      }
    }

    const body = {
      id: syncRowId(),    // 1 for UK, 2 for AU — matches the seeded row per country
      country: state.country,
      parks_changed: mergedParks,
      deals: mergedDeals,
      trips: mergedTrips,
      halls: mergedHalls,
      melt_batches: state.meltBatches || [],
      ai_log: state.aiLog || [],
      notifications: mergedNotifs,
      // V-283 (porting the V-278 CRITICAL SYNC FIX that was missing from this
      // branch): previously this hardcoded settings to just { user, salesmen },
      // which WIPED preMelt + silverStock (and any other settings) in the cloud
      // on EVERY push from ANY device — the data only survived until the next
      // save, then vanished. FIX: merge cloud → local → {user,salesmen} on top,
      // using the cloud copy pushSync already re-pulled at STEP 1 as the base.
      // So (a) the editing device's change wins, (b) a STALE device whose local
      // settings never loaded preMelt can no longer blank it (cloud is the base),
      // and (c) bulk silver, theme and all other settings survive a save.
      settings: Object.assign({}, (cloud && cloud.settings) || {}, state.settings || {}, { user: state.salesman || (state.settings && state.settings.user) || ((cloud && cloud.settings && cloud.settings.user)) || '', salesmen: (state.settings && state.settings.salesmen) || ((cloud && cloud.settings && cloud.settings.salesmen)) || [] }),
      updated_at: new Date().toISOString(),
      updated_by: state.salesman || 'unknown'
    };
    try {
      // Upsert via POST to /parkroute_sync with Prefer header.
      // Note: we bypass api() here because we need the merge-duplicates Prefer
      // and we've already stamped country/id ourselves — no auto-mangling needed.
      var doPush = function () {
        return fetch(REST + '/parkroute_sync', {
          method: 'POST',
          headers: Object.assign({}, HDR(), {
            Prefer: 'resolution=merge-duplicates,return=minimal'
          }),
          body: JSON.stringify(body)
        });
      };
      var r = await doPush();
      if (r.status === 401 || r.status === 403) {
        // V-258: token died mid-flight. Refresh and retry ONCE before giving up,
        // instead of dropping the write (the lost-deal bug).
        await ensureFreshToken();
        r = await doPush();
      }
      if (!r.ok) throw new Error('Push ' + r.status);
      setSync('connected', 'Saved · ' + new Date().toLocaleTimeString());
      state.dirty = false;
      // Tombstones have now been applied to the cloud copy; clear them.
      state.tombstones = { deals: [], trips: [], halls: [] };
      // Refresh any open view so a merged-in partner record appears immediately.
      try {
        if (state.currentTab === 'trips' && typeof window._renderTripsList === 'function') window._renderTripsList();
      } catch (e) {}
    } catch (e) {
      console.error('[ParkRoute] push failed:', e);
      // V-258: NEVER drop the data. Keep it dirty in local storage and schedule
      // a retry. Show a calm, accurate message instead of a scary red error.
      state.dirty = true;
      var msg = String((e && e.message) || '');
      var isAuth = /401|403|JWT|expired/i.test(msg);
      setSync('error', isAuth ? 'Saved on phone — will sync when reconnected' : 'Saved on phone — will retry');
      window.toast && window.toast(isAuth
        ? 'Saved on your phone. It will sync automatically when your login refreshes.'
        : 'Saved on your phone. It will sync automatically when back online.');
      // Background retry loop: every 20s, once a fresh token is available, push.
      if (!window._syncRetryTimer) {
        window._syncRetryTimer = setInterval(async function () {
          if (!state.dirty) { clearInterval(window._syncRetryTimer); window._syncRetryTimer = null; return; }
          try {
            var ok = await ensureFreshToken();
            if (ok) await pushSync();
          } catch (err) {}
        }, 20000);
      }
    }
  }

  function relTime(iso) {
    if (!iso) return '';
    const d = new Date(iso);
    const s = (Date.now() - d.getTime()) / 1000;
    if (s < 60) return Math.floor(s) + 's ago';
    if (s < 3600) return Math.floor(s / 60) + 'm ago';
    if (s < 86400) return Math.floor(s / 3600) + 'h ago';
    return Math.floor(s / 86400) + 'd ago';
  }

  function setSync(status, msg) {
    state.syncStatus = status;
    const el = document.getElementById('sync-status-text');
    if (el) el.textContent = msg || '';
    const dot = document.getElementById('sync-dot');
    if (dot) {
      dot.style.background = status === 'connected' ? '#2B6E4A' :
        status === 'syncing' ? '#D97706' :
        status === 'error' ? '#C53030' : '#9E9B95';
    }
    const dh = document.getElementById('sync-dot-header');
    if (dh) {
      dh.style.display = state.dirty ? 'block' : 'none';
      dh.style.background = state.dirty ? '#D97706' : '#9E9B95';
    }
  }

  // =========================================================================
  // LOCAL STORAGE
  // =========================================================================
  function lsGet(k, fallback) {
    try {
      const v = localStorage.getItem(k);
      return v == null ? fallback : JSON.parse(v);
    } catch (e) { return fallback; }
  }
  function lsSet(k, v) {
    try { localStorage.setItem(k, JSON.stringify(v)); } catch (e) {}
  }

  // =========================================================================
  // MERGE: canonical parks + overlay edits
  // =========================================================================
  function mergeParks() {
    const overlays = state.overlays || {};
    const has = (o, k) => Object.prototype.hasOwnProperty.call(o, k);
    const seenIds = {};
    invalidateParkIndex();
    state.parks = state.parks.map(p => {
      seenIds[p.id] = true;
      const o = overlays[p.id];
      if (!o) return Object.assign({}, p, { currentRound: 1, rounds: {} });
      // IMPORTANT: the overlay is the user's source of truth. Use its values
      // even when they're falsy (null / '' / 'new'), so the user can CLEAR a
      // status or doneAt that Lewis's messy import set. The old `o.x || p.x`
      // pattern fell back to the stale DB value, which is why removing a DONE
      // tag kept snapping back to done. We only fall back to the canonical park
      // when the overlay has no opinion on that field at all.
      const status = has(o, 'status') && o.status ? o.status : (has(o, 'status') ? 'new' : p.status);
      return Object.assign({}, p, {
        status: status,
        rating: has(o, 'rating') ? o.rating : p.rating,
        notes: has(o, 'notes') ? o.notes : p.notes,
        doorsCovered: has(o, 'doorsCovered') ? o.doorsCovered : p.doorsCovered,
        favorite: !!o.favorite,
        // V-308: deals/visits are NO LONGER read from the overlay (the overlay
        // must not store them — that was the 2.3 MB bloat). Re-attach deals from
        // the top-level state.deals array, the real source of truth, keyed by
        // deal.parkId. Visits fall back to the park's own if the overlay (legacy)
        // still carries them, else the canonical park.
        visits: (o.visits && o.visits.length) ? o.visits : (p.visits || []),
        deals: (state.deals || []).filter(function (d) { return d.parkId === p.id; }),
        // Location overrides: a user-corrected lat/lng (e.g. "set to my current
        // location") lives in the overlay and must win over the canonical DB
        // coords, which may be a town-centre fallback or null. Only override
        // when the overlay actually carries coordinates.
        lat: (has(o, 'lat') && o.lat != null) ? o.lat : p.lat,
        lng: (has(o, 'lng') && o.lng != null) ? o.lng : p.lng,
        dataQuality: (has(o, 'dataQuality') && o.dataQuality) ? o.dataQuality : p.dataQuality,
        // doneAt follows status: a non-done status means not complete, period.
        doneAt: (status !== 'done') ? null : (has(o, 'doneAt') ? o.doneAt : p.doneAt),
        modifiedAt: o.modifiedAt || p.modifiedAt,
        modifiedBy: o.modifiedBy || p.modifiedBy,
        propertyType: o.propertyType || p.propertyType,
        currentRound: o.currentRound || 1,
        rounds: o.rounds || {}
      });
    });
    // Append overlay-only parks: manually-added locations live ONLY in the
    // overlay (they have no row in the canonical `parks` table). Without this,
    // mergeParks would drop them on any device that rebuilds from the DB — which
    // is why a park one partner added was invisible to the other.
    Object.keys(overlays).forEach(function (id) {
      if (seenIds[id]) return;
      const o = overlays[id];
      if (!o || (o.lat == null && o.lng == null && !o.name)) return; // skip empties
      state.parks.push(Object.assign({
        id: id, slug: o.slug || id,
        name: '', town: '', county: '', region: '', postcode: '',
        url: '', lat: null, lng: null,
        propertyType: 'park', status: 'new', rating: null,
        notes: '', doorsCovered: 0, favorite: false,
        visits: [], deals: [], doneAt: null,
        currentRound: 1, rounds: {}
      }, o, {
        favorite: !!o.favorite,
        currentRound: o.currentRound || 1,
        rounds: o.rounds || {},
        // V-308: attach deals from the top-level array (not the overlay).
        deals: (state.deals || []).filter(function (d) { return d.parkId === id; }),
        visits: (o.visits && o.visits.length) ? o.visits : []
      }));
    });
  }

  // =========================================================================
  // PARK UPDATES
  // =========================================================================
  window.updatePark = function(id, partial) {
    const p = getParkById(id);
    if (!p) return;
    if (state.openTripId) state._tripEdited = true;
    // Audit snapshot (append-only, live) of the fields being changed.
    try {
      if (window.logAudit && partial && typeof partial === 'object') {
        // Skip noise: mirrored arrays (deals/visits) are logged via their own
        // entities; rounds bundle is a user action already covered field-by-field.
        var keys = Object.keys(partial);
        var meaningful = keys.filter(function (k) { return k !== 'deals' && k !== 'visits'; });
        if (meaningful.length) {
          var beforeSnap = {};
          meaningful.forEach(function (k) { beforeSnap[k] = p[k] === undefined ? null : p[k]; });
          var subset = {};
          meaningful.forEach(function (k) { subset[k] = partial[k]; });
          var d = window.auditDiff(beforeSnap, subset);
          if (d.changed) {
            window.logAudit({ entity: 'park', entity_id: id, entity_label: p.name || id,
              action: 'edit', before: d.before, after: d.after });
          }
        }
      }
    } catch (e) { /* never block an edit on logging */ }
    Object.assign(p, partial);
    // Keep doneAt consistent with status. If status was just set to anything
    // other than "done", the park is no longer complete — drop the timestamp so
    // stale doneAt can't keep it flagged DONE in Hotspots/Recent/lists.
    if (partial.status !== undefined && partial.status !== 'done') {
      p.doneAt = null;
    }
    // Build overlay entry that mirrors original sync shape
    const existing = state.overlays[id] || {};
    // Resolve the timestamp explicitly: a non-done status clears it; an explicit
    // doneAt in the patch wins; otherwise keep whatever the park currently has.
    var resolvedDoneAt;
    if (partial.status !== undefined && partial.status !== 'done') {
      resolvedDoneAt = null;
    } else if (Object.prototype.hasOwnProperty.call(partial, 'doneAt')) {
      resolvedDoneAt = partial.doneAt;
    } else {
      resolvedDoneAt = p.doneAt || (partial.status === 'done' ? new Date().toISOString() : null);
    }
    const overlay = Object.assign({}, existing, partial, {
      id: id, slug: id,
      lat: p.lat, lng: p.lng,
      dataQuality: p.dataQuality || existing.dataQuality || null,
      name: p.name, town: p.town, county: p.county, region: p.region,
      postcode: p.postcode, url: p.url, propertyType: p.propertyType,
      status: p.status, rating: p.rating, notes: p.notes || '',
      doorsCovered: p.doorsCovered || 0, favorite: !!p.favorite,
      doneAt: resolvedDoneAt,
      modifiedAt: new Date().toISOString(),
      modifiedBy: state.salesman || 'You',
      currentRound: p.currentRound || 1,
      rounds: p.rounds || {}
    });
    // BLOAT FIX (V-308): the overlay must NEVER carry `deals` or `visits`.
    // Those are derived: deals live in the top-level state.deals array keyed by
    // deal.parkId and are re-attached to each park on load; visits likewise.
    // Embedding them here (with full signature base64) bloated the sync blob to
    // ~2.5 MB — 93% of it duplicated deal signatures across 288 overlays — which
    // is what made every load/sync/Trips-open slow. Storing only the location's
    // own fields keeps the blob tiny. Also strip them from any pre-existing
    // overlay object so old bloat is cleaned out as each park is next touched.
    delete overlay.deals;
    delete overlay.visits;
    state.overlays[id] = overlay;
    lsSet(LS.overlays, state.overlays);
    state.dirty = true;
    state._parksRev = (state._parksRev || 0) + 1; // invalidate Trips recent-activity cache
    setSync('idle', 'Unsaved changes');
    scheduleSync();
    window.render();
  };

  // V-265: edit an existing location's NAME and re-pin its LOCATION from the
  // panel. Previously the panel showed name/town as read-only headings, so you
  // could change type/status/notes but NOT rename or move the pin. These persist
  // via updatePark (overlay + sync + audit).
  window.savePanelName = function (val) {
    if (!state.openParkId) return;
    var name = (val || '').trim();
    if (!name) { renderPanel(); return; }   // don't allow blank name
    window.updatePark(state.openParkId, { name: name });
    window.toast && window.toast('Name updated');
  };
  window.savePanelTownCounty = function () {
    if (!state.openParkId) return;
    var t = document.getElementById('panel-edit-town');
    var c = document.getElementById('panel-edit-county');
    window.updatePark(state.openParkId, {
      town: (t ? t.value : '').trim(),
      county: (c ? c.value : '').trim()
    });
    window.toast && window.toast('Location details updated');
  };
  window.pinPanelToCurrentLocation = function () {
    if (!state.openParkId) return;
    var statusEl = document.getElementById('panel-pin-status');
    var btn = document.getElementById('panel-pin-here');
    var apply = function (lat, lng) {
      window.updatePark(state.openParkId, {
        lat: lat, lng: lng, latitude: lat, longitude: lng,
        dataQuality: 'gps-pinned'
      });
      if (statusEl) statusEl.innerHTML = '<span style="color:var(--primary);font-weight:700;">\u2713 Pin moved to your current location</span>';
      window.toast && window.toast('Pin moved to where you are now');
      if (btn) { btn.disabled = false; btn.style.opacity = ''; }
    };
    if (!navigator.geolocation) {
      if (statusEl) statusEl.textContent = 'Location not available on this device.';
      return;
    }
    if (btn) { btn.disabled = true; btn.style.opacity = '0.6'; }
    if (statusEl) statusEl.textContent = 'Getting your location\u2026';
    navigator.geolocation.getCurrentPosition(function (pos) {
      apply(pos.coords.latitude, pos.coords.longitude);
      try { window.maybeAutoCloseByGps && window.maybeAutoCloseByGps(); } catch (e) {}
    }, function () {
      if (statusEl) statusEl.textContent = 'Location permission denied. Enable location to pin here.';
      if (btn) { btn.disabled = false; btn.style.opacity = ''; }
    }, { enableHighAccuracy: true, timeout: 12000 });
  };

  // =========================================================================
  // VISIT ROUNDS — track 1st/2nd/3rd/4th time at a park, archive history
  // =========================================================================
  function ordinal(n) {
    const s = ['th', 'st', 'nd', 'rd'];
    const v = n % 100;
    return n + (s[(v - 20) % 10] || s[v] || s[0]);
  }

  function archiveCurrentRound(p) {
    const r = p.currentRound || 1;
    if (!p.rounds) p.rounds = {};
    p.rounds[r] = {
      round: r,
      status: p.status,
      rating: p.rating,
      notes: p.notes || '',
      doorsCovered: p.doorsCovered || 0,
      doneAt: p.doneAt,
      archivedAt: new Date().toISOString()
    };
  }

  function tapRoundButton(target) {
    const p = getParkById(state.openParkId);
    if (!p) return;
    const cur = p.currentRound || 1;
    if (target === cur) return;
    if (target > cur) {
      if (!confirm('Start ' + ordinal(target) + ' round at this park? Your current ' + ordinal(cur) + ' round results (rating, notes, doors) will be archived in the history.')) return;
      archiveCurrentRound(p);
      p.currentRound = target;
      p.status = 'in_progress';
      p.rating = null;
      p.notes = '';
      p.doorsCovered = 0;
      p.doneAt = null;
      window.toast('Now on ' + ordinal(target) + ' round');
    } else {
      // Going backwards: restore from archive if present, otherwise start fresh
      if (p.rounds && p.rounds[target]) {
        archiveCurrentRound(p);
        const a = p.rounds[target];
        p.status = a.status || 'new';
        p.rating = a.rating || null;
        p.notes = a.notes || '';
        p.doorsCovered = a.doorsCovered || 0;
        p.doneAt = a.doneAt || null;
        p.currentRound = target;
        window.toast('Viewing ' + ordinal(target) + ' round');
      } else {
        if (!confirm("You haven't done " + ordinal(target) + " round on this park yet. Start it now?")) return;
        archiveCurrentRound(p);
        p.currentRound = target;
        p.status = 'new';
        p.rating = null;
        p.notes = '';
        p.doorsCovered = 0;
        p.doneAt = null;
      }
    }
    window.updatePark(p.id, {
      currentRound: p.currentRound,
      rounds: p.rounds,
      status: p.status,
      rating: p.rating,
      notes: p.notes,
      doorsCovered: p.doorsCovered,
      doneAt: p.doneAt
    });
  }

  function injectRoundSection() {
    if (document.getElementById('panel-round-grid')) return;
    const panel = document.getElementById('park-panel');
    if (!panel) return;
    const statusGrid = panel.querySelector('#status-grid');
    if (!statusGrid) return;
    const statusSection = statusGrid.closest('section');
    if (!statusSection) return;
    const html =
      '<section>' +
        '<h4>Visit round</h4>' +
        '<p style="font-size:11px;color:var(--text-muted);margin:0 0 8px;">Tag which time you\'re covering this park. Bumping up archives your current results.</p>' +
        '<div id="panel-round-grid" style="display:grid;grid-template-columns:repeat(4,1fr);gap:6px;">' +
          [1, 2, 3, 4].map(r =>
            '<button type="button" class="round-btn" data-round="' + r + '" style="height:44px;border-radius:10px;border:1.5px solid var(--border);background:var(--surface-2);color:var(--text);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;touch-action:manipulation;">' +
            ordinal(r) + ' time</button>'
          ).join('') +
        '</div>' +
        '<div id="round-history" style="margin-top:10px;"></div>' +
      '</section>';
    statusSection.insertAdjacentHTML('beforebegin', html);
  }

  let syncTimer = null;
  function scheduleSync() {
    if (syncTimer) clearTimeout(syncTimer);
    syncTimer = setTimeout(() => {
      // V-268: never let a debounced push fire mid country-switch (data-wipe guard).
      if (window._countrySwitching) return;
      if (state.dirty) pushSync();
    }, 3000);
  }
  // Expose a canceller so the country switch can kill a pending push cleanly.
  window.cancelScheduledSync = function () { if (syncTimer) { clearTimeout(syncTimer); syncTimer = null; } };

  // V-269: flush to the cloud IMMEDIATELY (no 3s debounce). Used right after a
  // deal is saved so a signed deal reaches the cloud — and a real-time backup
  // snapshot — the instant Save is tapped, not seconds later. Cancels any
  // pending debounced push first so we don't double-push.
  window.pushNow = async function () {
    if (window._countrySwitching) return;
    if (syncTimer) { clearTimeout(syncTimer); syncTimer = null; }
    if (typeof pushSync === 'function') { try { await pushSync(); } catch (e) { console.warn('[Sync] pushNow failed:', e); } }
  };

  // =========================================================================
  // LOGIN / LOGOUT SCREEN HELPERS
  // =========================================================================
  function showLogin() {
    const ls = document.getElementById('login-screen');
    const app = document.getElementById('app');
    if (ls) ls.classList.remove('hidden');
    if (ls) ls.style.display = 'flex';
    if (app) app.style.display = 'none';
    const ol = document.getElementById('identity-loading');
    if (ol) ol.style.display = 'none';
    // Sync the lockout UI on every screen show (covers reloads mid-lockout)
    applyLockUI();
  }
  function showApp() {
    const ls = document.getElementById('login-screen');
    const app = document.getElementById('app');
    if (ls) ls.style.display = 'none';
    if (app) app.style.display = '';
    const ol = document.getElementById('identity-loading');
    if (ol) ol.style.display = 'none';
    if (window.startInactivityLock) { try { window.startInactivityLock(); } catch (e) {} }
  }
  // Backwards-compat aliases for inline HTML (Settings still references these)
  window.lockApp = function() { if (window.authSignOut) window.authSignOut(); else location.reload(); };
  window.changePinUI = function() { alert('PIN sign-in has been removed. Use Settings → Sign out to switch accounts.'); };

  // =========================================================================
  // INACTIVITY AUTO-LOCK (V-294)
  // After a period of no interaction, overlay a lock screen that requires the
  // account password to resume. Protects a lost/stolen phone that is already
  // signed in (customer signatures, IDs, financials). Re-verifies the password
  // against Supabase for the current user's email — NOT a full sign-out, so the
  // session/device-trust survives and there's no re-OTP. Any tap/key/scroll
  // resets the timer, so active work never locks; only genuine inactivity does.
  // =========================================================================
  var LOCK = { idleMs: 15 * 60 * 1000, timer: null, locked: false, wired: false };

  function _lockArm() {
    if (LOCK.timer) clearTimeout(LOCK.timer);
    if (LOCK.locked) return;
    LOCK.timer = setTimeout(lockNow, LOCK.idleMs);
  }
  function _lockActivity() { if (!LOCK.locked) _lockArm(); }

  function lockNow() {
    // Only lock if actually signed in (app visible, session present).
    var app = document.getElementById('app');
    if (!app || app.style.display === 'none') return;
    if (typeof authedSession !== 'undefined' && !authedSession) return;
    var ov = document.getElementById('lock-overlay');
    if (!ov) return;
    LOCK.locked = true;
    if (LOCK.timer) { clearTimeout(LOCK.timer); LOCK.timer = null; }
    var err = document.getElementById('lock-error'); if (err) err.style.display = 'none';
    var pw = document.getElementById('lock-password'); if (pw) pw.value = '';
    var fb = document.getElementById('lock-faceid-btn');
    if (fb) fb.style.display = (window.faceidIsEnrolled && window.faceidIsEnrolled()) ? 'flex' : 'none';
    ov.style.display = 'flex';
    // If Face ID is enrolled, offer it immediately.
    if (fb && fb.style.display === 'flex') { setTimeout(function(){ _lockFaceID(); }, 300); }
  }
  window.lockNow = lockNow;

  async function _lockTryUnlock() {
    var pwEl = document.getElementById('lock-password');
    var errEl = document.getElementById('lock-error');
    var btn = document.getElementById('lock-unlock-btn');
    var pw = pwEl ? pwEl.value : '';
    if (!pw) { if (errEl) { errEl.textContent = 'Enter your password.'; errEl.style.display = ''; } return; }
    var email = (typeof authedSession !== 'undefined' && authedSession && authedSession.user && authedSession.user.email) || null;
    if (!email) {
      // No session to verify against — safest is a full sign-out.
      if (window.authSignOut) window.authSignOut(); else location.reload();
      return;
    }
    if (btn) { btn.disabled = true; btn.textContent = 'Checking…'; }
    try {
      var res = await sbClient.auth.signInWithPassword({ email: email, password: pw });
      if (res && res.error) throw res.error;
      // Correct password → refresh the in-memory session and unlock.
      if (res && res.data && res.data.session) { try { authedSession = res.data.session; } catch (e) {} }
      LOCK.locked = false;
      var ov = document.getElementById('lock-overlay'); if (ov) ov.style.display = 'none';
      if (pwEl) pwEl.value = '';
      _lockArm();
    } catch (e) {
      if (errEl) { errEl.textContent = 'Incorrect password. Try again.'; errEl.style.display = ''; }
    } finally {
      if (btn) { btn.disabled = false; btn.textContent = 'Unlock'; }
    }
  }

  // Unlock via Face ID (WebAuthn). On success, clear the lock the same way a
  // correct password does. On failure/cancel the password field stays available.
  async function _lockFaceID() {
    if (!LOCK.locked) return;
    if (!(window.faceidVerify)) return;
    var ok = false;
    try { ok = await window.faceidVerify(); } catch (e) { ok = false; }
    if (ok) {
      LOCK.locked = false;
      var ov = document.getElementById('lock-overlay'); if (ov) ov.style.display = 'none';
      _lockArm();
    }
  }
  window._lockFaceID = _lockFaceID;

  function _lockWire() {
    if (LOCK.wired) return;
    LOCK.wired = true;    ['click', 'keydown', 'touchstart', 'scroll', 'mousemove'].forEach(function (ev) {
      document.addEventListener(ev, _lockActivity, { passive: true });
    });
    // Lock when the app is backgrounded/hidden for a while is handled by the
    // idle timer continuing to run; also re-arm on return to foreground.
    document.addEventListener('visibilitychange', function () {
      if (!document.hidden) _lockActivity();
    });
    var ub = document.getElementById('lock-unlock-btn');
    if (ub) {
      ub.addEventListener('click', _lockTryUnlock);
    }
    var pw = document.getElementById('lock-password');
    if (pw) {
      pw.addEventListener('keydown', function (e) { if (e.key === 'Enter') _lockTryUnlock(); });
    }
    var so = document.getElementById('lock-signout-btn');
    if (so) {
      so.addEventListener('click', function () {
        if (window.authSignOut) window.authSignOut(); else location.reload();
      });
    }
    var fb = document.getElementById('lock-faceid-btn');
    if (fb) {
      fb.addEventListener('click', function () { _lockFaceID(); });
    }
  }

  // Start/refresh the idle lock once the app is shown.
  window.startInactivityLock = function () { _lockWire(); _lockArm(); };

  // =========================================================================
  // FACE ID / BIOMETRIC UNLOCK (V-295) — WebAuthn platform authenticator
  // On an installed PWA, navigator.credentials triggers the device's native
  // Face ID / Touch ID / passcode prompt. We use it to UNLOCK the inactivity
  // lock screen without typing the password.
  //
  // Trust model (important): the biometric + key live ON THE DEVICE; only a
  // credential ID is stored locally (per user email). A successful assertion
  // proves "same enrolled person on this same device", which is exactly what's
  // needed to resume an already-established session — the same thing the
  // password unlock proves. It is NOT a server re-auth and is NOT first login;
  // first sign-in on a device still uses password + email OTP. Enrolment is
  // per-device and re-done if the PWA storage is cleared or on a new phone.
  // Password unlock always remains as a fallback.
  // =========================================================================
  var FIDO = {
    keyFor: function (email) { return 'pr_faceid_cred_' + (email || 'unknown'); },
    _email: function () {
      return (typeof authedSession !== 'undefined' && authedSession && authedSession.user && authedSession.user.email) || null;
    },
    supported: function () {
      return !!(window.PublicKeyCredential && navigator.credentials && navigator.credentials.create);
    }
  };

  function _b64urlToBuf(s) {
    s = s.replace(/-/g, '+').replace(/_/g, '/');
    while (s.length % 4) s += '=';
    var bin = atob(s); var buf = new Uint8Array(bin.length);
    for (var i = 0; i < bin.length; i++) buf[i] = bin.charCodeAt(i);
    return buf.buffer;
  }
  function _bufToB64url(buf) {
    var bytes = new Uint8Array(buf); var s = '';
    for (var i = 0; i < bytes.length; i++) s += String.fromCharCode(bytes[i]);
    return btoa(s).replace(/\+/g, '-').replace(/\//g, '_').replace(/=+$/, '');
  }
  function _rand(n) { var a = new Uint8Array(n); (window.crypto || {}).getRandomValues && window.crypto.getRandomValues(a); return a; }

  function faceidIsEnrolled() {
    var email = FIDO._email();
    if (!email) return false;
    try { return !!localStorage.getItem(FIDO.keyFor(email)); } catch (e) { return false; }
  }
  window.faceidIsEnrolled = faceidIsEnrolled;

  // Enrol: create a platform credential and remember its ID for this user+device.
  window.faceidEnrol = async function () {
    var email = FIDO._email();
    if (!email) { if (window.toast) window.toast('Sign in first'); return false; }
    if (!FIDO.supported()) { if (window.toast) window.toast('This device doesn\u2019t support biometric unlock'); return false; }
    try {
      var avail = true;
      if (window.PublicKeyCredential && PublicKeyCredential.isUserVerifyingPlatformAuthenticatorAvailable) {
        avail = await PublicKeyCredential.isUserVerifyingPlatformAuthenticatorAvailable();
      }
      if (!avail) { if (window.toast) window.toast('No Face ID / Touch ID set up on this device'); return false; }
      var userId = _rand(16);
      var cred = await navigator.credentials.create({
        publicKey: {
          challenge: _rand(32),
          rp: { name: 'Jewellery Roadshow', id: location.hostname },
          user: { id: userId, name: email, displayName: email },
          pubKeyCredParams: [{ type: 'public-key', alg: -7 }, { type: 'public-key', alg: -257 }],
          authenticatorSelection: { authenticatorAttachment: 'platform', userVerification: 'required', residentKey: 'preferred' },
          timeout: 60000,
          attestation: 'none'
        }
      });
      if (!cred || !cred.rawId) throw new Error('no credential');
      localStorage.setItem(FIDO.keyFor(email), _bufToB64url(cred.rawId));
      if (window.toast) window.toast('Face ID enabled on this device');
      faceidRefreshUI();
      return true;
    } catch (e) {
      console.warn('[FaceID] enrol failed', e);
      if (window.toast) window.toast('Couldn\u2019t enable Face ID');
      return false;
    }
  };

  window.faceidDisable = function () {
    var email = FIDO._email();
    if (email) { try { localStorage.removeItem(FIDO.keyFor(email)); } catch (e) {} }
    if (window.toast) window.toast('Face ID disabled on this device');
    faceidRefreshUI();
  };

  // Verify: prompt the platform authenticator. Resolves true on success.
  window.faceidVerify = async function () {
    var email = FIDO._email();
    if (!email || !FIDO.supported()) return false;
    var stored;
    try { stored = localStorage.getItem(FIDO.keyFor(email)); } catch (e) { stored = null; }
    if (!stored) return false;
    try {
      var assertion = await navigator.credentials.get({
        publicKey: {
          challenge: _rand(32),
          allowCredentials: [{ type: 'public-key', id: _b64urlToBuf(stored) }],
          userVerification: 'required',
          timeout: 60000,
          rpId: location.hostname
        }
      });
      return !!(assertion && assertion.rawId);
    } catch (e) {
      console.warn('[FaceID] verify failed/cancelled', e);
      return false;
    }
  };

  // Settings UI sync.
  window.faceidRefreshUI = function faceidRefreshUI() {
    var sec = document.getElementById('faceid-section');
    var btn = document.getElementById('btn-faceid-toggle');
    var lbl = document.getElementById('faceid-toggle-label');
    var status = document.getElementById('faceid-status');
    if (!sec) return;
    if (!FIDO.supported() || !FIDO._email()) { sec.style.display = 'none'; return; }
    sec.style.display = '';
    var on = faceidIsEnrolled();
    if (lbl) lbl.textContent = on ? 'Disable Face ID on this device' : 'Enable Face ID on this device';
    if (status) status.textContent = on
      ? 'Enabled. You can unlock with Face ID on this device.'
      : 'Not enabled on this device.';
    if (btn && !btn._wired) {
      btn._wired = true;
      btn.addEventListener('click', async function () {
        if (faceidIsEnrolled()) window.faceidDisable();
        else await window.faceidEnrol();
      });
    }
  };


  // =========================================================================
  // LOGIN LOCKOUT — SERVER-SIDE, with localStorage fallback
  // =========================================================================
  // Truth source: public.login_attempts table in Supabase, accessed via the
  // check_lockout / record_failed_login / record_successful_login functions.
  // localStorage holds a cached lockout end-time so the UI can show a live
  // countdown without re-querying the server every second.
  //
  // Schedule (failed attempts since last successful sign-in, per email):
  //   3   → 5-minute lockout
  //   8   → 30-minute lockout (5 more after a 5-min lockout expires)
  //   9+  → 1-hour lockout (each further failure)
  //
  // Survives data-clear / cross-device because it lives on the server.
  // Survives Supabase outages locally because the cached countdown still ticks.

  function _getCachedLockUntil() {
    return parseInt(localStorage.getItem(LS.lockUntil) || '0', 10) || 0;
  }
  function _setCachedLockUntil(untilMs) {
    if (untilMs && untilMs > Date.now()) {
      localStorage.setItem(LS.lockUntil, String(untilMs));
    } else {
      localStorage.removeItem(LS.lockUntil);
    }
  }
  function clearLockState() {
    localStorage.removeItem(LS.lockAttempts);
    localStorage.removeItem(LS.lockUntil);
  }
  function isLocked() {
    return _getCachedLockUntil() > Date.now();
  }
  function _lockSecondsRemaining() {
    return Math.max(0, Math.ceil((_getCachedLockUntil() - Date.now()) / 1000));
  }
  function _formatLockTime(s) {
    const m = Math.floor(s / 60);
    const sec = s % 60;
    return m + ':' + (sec < 10 ? '0' : '') + sec;
  }

  // --- Server RPCs (anon-callable via security-definer functions) -----------
  async function rpcCheckLockout(email) {
    if (!email) return null;
    try {
      const r = await fetch(REST + '/rpc/check_lockout', {
        method: 'POST',
        headers: HDR(),
        body: JSON.stringify({ p_email: email })
      });
      if (!r.ok) return null;
      return await r.json();
    } catch (e) { return null; }
  }
  async function rpcRecordFailedLogin(email) {
    if (!email) return null;
    try {
      const r = await fetch(REST + '/rpc/record_failed_login', {
        method: 'POST',
        headers: HDR(),
        body: JSON.stringify({ p_email: email })
      });
      if (!r.ok) return null;
      return await r.json();
    } catch (e) { return null; }
  }
  async function rpcRecordSuccessfulLogin(email) {
    if (!email) return;
    try {
      await fetch(REST + '/rpc/record_successful_login', {
        method: 'POST',
        headers: HDR(),
        body: JSON.stringify({ p_email: email })
      });
    } catch (e) { /* best-effort, ignore */ }
  }

  // Apply a lockout state object {locked, seconds_remaining, fail_count,
  // next_lockout_in, next_lockout_label} returned by the server to the cache.
  function _absorbServerLockState(state) {
    if (!state) return;
    if (state.locked) {
      const until = Date.now() + (parseInt(state.seconds_remaining, 10) || 0) * 1000;
      _setCachedLockUntil(until);
    } else {
      _setCachedLockUntil(0);
    }
  }

  let _lockTimer = null;
  // Sync the login form's disabled state and error message to the lockout state.
  function applyLockUI() {
    const locked = isLocked();
    const disableIds = ['auth-email', 'auth-password', 'auth-submit'];
    disableIds.forEach(id => {
      const el = document.getElementById(id);
      if (el) el.disabled = locked;
    });
    const errEl = document.getElementById('login-error');
    if (!errEl) return;
    if (locked) {
      const s = _lockSecondsRemaining();
      errEl.innerHTML = 'Too many failed attempts. Locked for <strong>' + _formatLockTime(s) + '</strong>.';
      errEl.style.display = 'block';
      if (!_lockTimer) {
        _lockTimer = setInterval(() => {
          if (!isLocked()) {
            clearInterval(_lockTimer); _lockTimer = null;
            applyLockUI();
            const e = document.getElementById('login-error');
            if (e) { e.textContent = ''; e.style.display = 'none'; }
          } else {
            applyLockUI();
          }
        }, 1000);
      }
    } else {
      if (_lockTimer) { clearInterval(_lockTimer); _lockTimer = null; }
    }
  }

  // Build the "X attempts left" warning shown after a non-lockout failure.
  function _warningMessageFromState(state, baseMessage) {
    const remaining = parseInt(state && state.next_lockout_in, 10) || 0;
    const label = (state && state.next_lockout_label) || '5-minute';
    return (baseMessage || 'Wrong credentials') +
      '. <strong>' + remaining + '</strong> more attempt' + (remaining === 1 ? '' : 's') +
      ' before a ' + label + ' lockout.';
  }

  // =========================================================================
  // EMAIL AUTH (Supabase)
  // =========================================================================
  function showAuthError(msg) {
    const err = document.getElementById('login-error');
    if (err) { err.textContent = msg || ''; err.style.display = msg ? 'block' : 'none'; }
  }

  async function loadProfile() {
    if (!authedSession) { authedProfile = null; return; }
    try {
      const userId = authedSession.user.id;
      const r = await fetch(REST + '/profiles?id=eq.' + encodeURIComponent(userId) + '&select=*', {
        headers: HDR()
      });
      if (r.ok) {
        const rows = await r.json();
        authedProfile = (rows && rows[0]) || null;
      } else {
        authedProfile = null;
      }
    } catch (e) {
      console.warn('Profile fetch failed:', e);
      authedProfile = null;
    }
  }

  async function authSignIn() {
    if (isLocked()) { applyLockUI(); return; }
    if (!sbClient) { showAuthError('Auth library failed to load. Check your connection.'); return; }
    const email = ((document.getElementById('auth-email') || {}).value || '').trim();
    const pw = (document.getElementById('auth-password') || {}).value || '';
    if (!email || !pw) { showAuthError('Enter email and password.'); return; }
    if (!PZL.solved) { showAuthError('Please complete the slide-to-verify check.'); return; }
    showAuthError('');
    const btn = document.getElementById('auth-submit');
    if (btn) { btn.disabled = true; btn.textContent = 'Signing in…'; }
    try { PRFB.unlock(); } catch (e) {}
    try {
      // 1. Server lockout check before we even talk to Supabase auth
      const preCheck = await rpcCheckLockout(email);
      if (preCheck && preCheck.locked) {
        _absorbServerLockState(preCheck);
        applyLockUI();
        return;
      }

      // 2. Attempt sign-in
      const { data, error } = await sbClient.auth.signInWithPassword({ email, password: pw });

      if (error) {
        // Wrong password — reset the puzzle so the user can't just spam retries
        try { pzlReset(); } catch (e) {}
        // 3a. Record failure on server, absorb resulting state
        const postState = await rpcRecordFailedLogin(email);
        if (postState) {
          _absorbServerLockState(postState);
          if (postState.locked) {
            applyLockUI();
          } else {
            const errEl = document.getElementById('login-error');
            if (errEl) {
              errEl.innerHTML = _warningMessageFromState(postState, error.message || 'Sign-in failed');
              errEl.style.display = 'block';
            }
          }
        } else {
          // Server unreachable — fall back to plain error
          showAuthError(error.message || 'Sign-in failed.');
        }
        return;
      }

      // 3b. Success — clear server + client counters
      await rpcRecordSuccessfulLogin(email);
      clearLockState();
      authedSession = data.session;
      await loadProfile();
      try { PRFB.feedback('doorOpen'); } catch (e) {}
      // 4. DEVICE-OTP — check whether this device is trusted. If yes, straight in.
      //    If no, kick off OTP flow (email a code, show OTP pane).
      const deviceTrusted = await otpCheckDeviceTrusted();
      if (deviceTrusted) {
        bootApp();
      } else {
        // Trigger code send and show the OTP pane. Errors surface inline.
        const sent = await otpSendCode(/* silent */ true);
        if (!sent.ok) {
          showAuthError(sent.error || 'Could not send verification code. Please try again.');
          return;
        }
        otpShowPane(sent.sent_to || (authedSession && authedSession.user && authedSession.user.email) || 'your email');
      }
    } catch (e) {
      // Network failure on the Supabase call itself — don't count as a failure
      showAuthError('Network error — try again.');
    } finally {
      if (btn) {
        btn.textContent = 'Sign in';
        // Keep disabled if locked OR if puzzle has been reset (e.g., wrong password)
        btn.disabled = isLocked() || !PZL.solved;
      }
    }
  }

  async function authSignOut() {
    if (sbClient) {
      try { await sbClient.auth.signOut(); } catch (e) { /* ignore */ }
    }
    authedSession = null;
    authedProfile = null;
    localStorage.removeItem(LS.unlocked);
    location.reload();
  }
  window.authSignOut = authSignOut;

  async function authForgotPassword() {
    if (!sbClient) return;
    const email = ((document.getElementById('auth-email') || {}).value || '').trim();
    if (!email) { showAuthError('Enter your email above first, then tap "Forgot password?".'); return; }
    try {
      const { error } = await sbClient.auth.resetPasswordForEmail(email, {
        redirectTo: window.location.origin + window.location.pathname
      });
      if (error) { showAuthError('Could not send reset email: ' + error.message); return; }
      showAuthError('');
      alert('Check your inbox for a password-reset link.');
    } catch (e) {
      showAuthError('Network error — try again.');
    }
  }

  async function authSetPassword() {
    if (!sbClient) return;
    const pw = (document.getElementById('setpw-password') || {}).value || '';
    if (!pw || pw.length < 6) { showAuthError('Password must be at least 6 characters.'); return; }
    showAuthError('');
    const btn = document.getElementById('setpw-submit');
    if (btn) { btn.disabled = true; btn.textContent = 'Saving…'; }
    try {
      const { error } = await sbClient.auth.updateUser({ password: pw });
      if (error) { showAuthError(error.message || 'Could not set password.'); return; }
      // Session should now be valid — refresh it
      const { data: { session } } = await sbClient.auth.getSession();
      authedSession = session || authedSession;
      await loadProfile();
      bootApp();
    } catch (e) {
      showAuthError('Network error — try again.');
    } finally {
      if (btn) { btn.disabled = false; btn.textContent = 'Set password & sign in'; }
    }
  }

  function showSetPasswordPane() {
    document.querySelectorAll('.login-pane').forEach(p => p.style.display = 'none');
    const pane = document.getElementById('login-pane-setpw');
    if (pane) pane.style.display = '';
    showLogin();
  }

  function bindAuthEvents() {
    const submit = document.getElementById('auth-submit');
    if (submit) submit.addEventListener('click', authSignIn);

    const emailIn = document.getElementById('auth-email');
    const passIn  = document.getElementById('auth-password');
    [emailIn, passIn].forEach(el => {
      if (el) el.addEventListener('keydown', e => { if (e.key === 'Enter') authSignIn(); });
    });

    const forgot = document.getElementById('auth-forgot');
    if (forgot) forgot.addEventListener('click', authForgotPassword);

    const setpw = document.getElementById('setpw-submit');
    if (setpw) setpw.addEventListener('click', authSetPassword);
    const setpwIn = document.getElementById('setpw-password');
    if (setpwIn) setpwIn.addEventListener('keydown', e => { if (e.key === 'Enter') authSetPassword(); });

    // ---- DEVICE-OTP wiring ----
    const otpSubmitBtn = document.getElementById('otp-submit');
    if (otpSubmitBtn) otpSubmitBtn.addEventListener('click', otpVerify);
    const otpCodeIn = document.getElementById('otp-code');
    if (otpCodeIn) {
      otpCodeIn.addEventListener('keydown', e => { if (e.key === 'Enter') otpVerify(); });
      // Auto-submit when 6 digits entered
      otpCodeIn.addEventListener('input', () => {
        const v = (otpCodeIn.value || '').replace(/\D/g, '').slice(0, 6);
        if (otpCodeIn.value !== v) otpCodeIn.value = v;
        if (v.length === 6) otpVerify();
      });
    }
    const otpResendBtn = document.getElementById('otp-resend');
    if (otpResendBtn) otpResendBtn.addEventListener('click', otpResend);
    const otpCancelBtn = document.getElementById('otp-cancel');
    if (otpCancelBtn) otpCancelBtn.addEventListener('click', otpCancel);

    // ---- PUZZLE (slide-to-verify) wiring ----
    pzlInit();
  }

  // =========================================================================
  // SLIDE-TO-VERIFY PUZZLE  (V-285)
  // Lightweight homegrown CAPTCHA-style guard. The user must drag the handle
  // from left to right before the Sign in button is clickable. Headless bots
  // submitting via fetch/XHR/form-post cannot complete this. Anti-snap timing
  // check (must take >250ms) defeats trivial scripted drags.
  // =========================================================================
  var PZL = { solved: false, startedAt: 0, dragging: false, startPointerX: 0, startHandleX: 0, maxOffset: 0 };

  function pzlInit() {
    var wrap = document.getElementById('pzl-wrap');
    var handle = document.getElementById('pzl-handle');
    if (!wrap || !handle) return;

    pzlReset();

    // Pointer events handle both touch and mouse uniformly
    handle.addEventListener('pointerdown', pzlPointerDown);
    document.addEventListener('pointermove', pzlPointerMove);
    document.addEventListener('pointerup', pzlPointerUp);
    document.addEventListener('pointercancel', pzlPointerUp);

    // Recompute max travel on resize (mobile rotation, viewport changes)
    window.addEventListener('resize', pzlRecomputeBounds);
  }

  function pzlRecomputeBounds() {
    var wrap = document.getElementById('pzl-wrap');
    var handle = document.getElementById('pzl-handle');
    if (!wrap || !handle) return;
    var wrapW = wrap.getBoundingClientRect().width;
    var handleW = handle.getBoundingClientRect().width;
    // Account for the 3px inset on either side
    PZL.maxOffset = Math.max(0, wrapW - handleW - 6);
  }

  function pzlReset() {
    PZL.solved = false;
    PZL.dragging = false;
    PZL.startedAt = 0;
    var wrap = document.getElementById('pzl-wrap');
    var handle = document.getElementById('pzl-handle');
    var fill = document.getElementById('pzl-track-fill');
    var hint = document.getElementById('pzl-hint');
    var submit = document.getElementById('auth-submit');
    if (wrap) { wrap.classList.remove('solved'); wrap.classList.remove('failed'); }
    if (handle) handle.style.transform = 'translateX(0)';
    if (fill) fill.style.width = '0';
    if (hint) hint.textContent = 'Slide right to verify';
    if (submit) submit.disabled = true;
    pzlRecomputeBounds();
  }

  function pzlPointerDown(e) {
    if (PZL.solved) return;
    var handle = document.getElementById('pzl-handle');
    if (!handle) return;
    PZL.dragging = true;
    PZL.startedAt = Date.now();
    PZL.startPointerX = e.clientX;
    var t = handle.style.transform || 'translateX(0)';
    var m = /-?\d+(\.\d+)?/.exec(t);
    PZL.startHandleX = m ? parseFloat(m[0]) : 0;
    pzlRecomputeBounds();
    try { handle.setPointerCapture(e.pointerId); } catch (er) {}
    e.preventDefault();
  }

  function pzlPointerMove(e) {
    if (!PZL.dragging || PZL.solved) return;
    var handle = document.getElementById('pzl-handle');
    var fill = document.getElementById('pzl-track-fill');
    var hint = document.getElementById('pzl-hint');
    if (!handle) return;
    var dx = e.clientX - PZL.startPointerX;
    var x = Math.max(0, Math.min(PZL.maxOffset, PZL.startHandleX + dx));
    handle.style.transform = 'translateX(' + x + 'px)';
    if (fill) {
      var pct = PZL.maxOffset > 0 ? (x / PZL.maxOffset) * 100 : 0;
      fill.style.width = pct + '%';
      if (hint && pct > 50) hint.style.opacity = String(Math.max(0, 1 - (pct - 50) / 50));
      else if (hint) hint.style.opacity = '1';
    }
  }

  function pzlPointerUp(e) {
    if (!PZL.dragging || PZL.solved) return;
    PZL.dragging = false;
    var handle = document.getElementById('pzl-handle');
    var fill = document.getElementById('pzl-track-fill');
    var hint = document.getElementById('pzl-hint');
    var wrap = document.getElementById('pzl-wrap');
    if (!handle || !wrap) return;
    var t = handle.style.transform || 'translateX(0)';
    var m = /-?\d+(\.\d+)?/.exec(t);
    var x = m ? parseFloat(m[0]) : 0;
    // Must reach at least 92% of the way + drag must have taken >= 250ms (anti-snap)
    var pct = PZL.maxOffset > 0 ? x / PZL.maxOffset : 0;
    var duration = Date.now() - PZL.startedAt;
    if (pct >= 0.92 && duration >= 250) {
      // Pass
      PZL.solved = true;
      handle.style.transform = 'translateX(' + PZL.maxOffset + 'px)';
      if (fill) fill.style.width = '100%';
      wrap.classList.add('solved');
      if (hint) { hint.textContent = 'Verified \u2713'; hint.style.opacity = '1'; }
      var submit = document.getElementById('auth-submit');
      if (submit) submit.disabled = isLocked();
    } else {
      // Snap back
      handle.style.transform = 'translateX(0)';
      if (fill) fill.style.width = '0';
      if (hint) { hint.style.opacity = '1'; }
      if (pct > 0.3) {
        // They tried, just didn't make it — show shake
        wrap.classList.add('failed');
        setTimeout(function () { wrap.classList.remove('failed'); }, 400);
      }
    }
  }

  window.pzlReset = pzlReset;

  // =========================================================================
  // DEVICE-OTP helpers — new-device verification layer on top of password login
  // =========================================================================

  // Persistent device id stored in localStorage. First call generates a UUID
  // (using crypto.randomUUID when available, fallback for older browsers).
  function otpGetDeviceId() {
    var id = '';
    try { id = localStorage.getItem('pr_device_id') || ''; } catch (e) {}
    if (!id) {
      if (typeof crypto !== 'undefined' && typeof crypto.randomUUID === 'function') {
        id = crypto.randomUUID();
      } else {
        // RFC4122-ish v4 fallback
        id = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
          var r = Math.random() * 16 | 0, v = c === 'x' ? r : (r & 0x3 | 0x8);
          return v.toString(16);
        });
      }
      try { localStorage.setItem('pr_device_id', id); } catch (e) {}
    }
    return id;
  }

  // Call device-check edge function. Returns true if this device is trusted.
  async function otpCheckDeviceTrusted() {
    try {
      if (!authedSession) return false;
      var url = (typeof SUPA_URL === 'string' ? SUPA_URL : window.SUPA_URL) + '/functions/v1/device-check';
      var r = await fetch(url, {
        method: 'POST',
        headers: {
          'Content-Type': 'application/json',
          'Authorization': 'Bearer ' + authedSession.access_token,
          'apikey': (typeof SUPA_KEY === 'string' ? SUPA_KEY : window.SUPA_KEY),
        },
        body: JSON.stringify({ device_id: otpGetDeviceId() })
      });
      if (!r.ok) return false; // fail-OPEN to OTP — never silently grant trust on error
      var j = await r.json().catch(function () { return {}; });
      return !!(j && j.trusted === true);
    } catch (e) {
      return false; // network error → require OTP, safer default
    }
  }

  // Call device-otp-send. Returns { ok, sent_to?, error? }.
  async function otpSendCode(silent) {
    try {
      if (!authedSession) return { ok: false, error: 'Not signed in' };
      var url = (typeof SUPA_URL === 'string' ? SUPA_URL : window.SUPA_URL) + '/functions/v1/device-otp-send';
      var r = await fetch(url, {
        method: 'POST',
        headers: {
          'Content-Type': 'application/json',
          'Authorization': 'Bearer ' + authedSession.access_token,
          'apikey': (typeof SUPA_KEY === 'string' ? SUPA_KEY : window.SUPA_KEY),
        },
        body: JSON.stringify({
          device_id: otpGetDeviceId(),
          user_agent: (navigator && navigator.userAgent) || ''
        })
      });
      var j = await r.json().catch(function () { return {}; });
      if (!r.ok || !j || j.ok !== true) {
        return { ok: false, error: (j && j.error) || ('Could not send code (HTTP ' + r.status + ')') };
      }
      return { ok: true, sent_to: j.sent_to || null };
    } catch (e) {
      return { ok: false, error: 'Network error sending code: ' + (e && e.message ? e.message : '') };
    }
  }

  // Call device-otp-verify with the entered code.
  async function otpVerifyCode(code) {
    try {
      if (!authedSession) return { ok: false, error: 'Not signed in' };
      var url = (typeof SUPA_URL === 'string' ? SUPA_URL : window.SUPA_URL) + '/functions/v1/device-otp-verify';
      var r = await fetch(url, {
        method: 'POST',
        headers: {
          'Content-Type': 'application/json',
          'Authorization': 'Bearer ' + authedSession.access_token,
          'apikey': (typeof SUPA_KEY === 'string' ? SUPA_KEY : window.SUPA_KEY),
        },
        body: JSON.stringify({
          device_id: otpGetDeviceId(),
          code: String(code || ''),
          user_agent: (navigator && navigator.userAgent) || ''
        })
      });
      var j = await r.json().catch(function () { return {}; });
      if (!r.ok || !j || j.ok !== true) {
        return { ok: false, error: (j && j.error) || ('Verification failed (HTTP ' + r.status + ')') };
      }
      return { ok: true, trusted_until: j.trusted_until || null };
    } catch (e) {
      return { ok: false, error: 'Network error verifying code: ' + (e && e.message ? e.message : '') };
    }
  }

  // ---------------------------------------------------------------------------
  // GUARDED CLEAR-ALL (V-299)
  // Superadmin-only, and even then requires re-entering the account PASSWORD and
  // a FRESH email OTP — both mandatory, every time. CRITICAL: this is a LOCAL
  // wipe only. It clears this device's on-screen view (overlays/deals/local
  // statuses) and then RE-PULLS from the cloud so the database is the source of
  // truth. It NEVER pushes a wipe to the cloud — the DB cannot be emptied here.
  // ---------------------------------------------------------------------------
  async function _clearAllGuarded() {
    if (!(authedProfile && authedProfile.role === 'superadmin')) {
      window.toast && window.toast('Superadmin only');
      return;
    }
    var email = (authedSession && authedSession.user && authedSession.user.email) || null;
    if (!email || !sbClient) { window.toast && window.toast('Not signed in'); return; }

    // 1) Confirm intent.
    if (!confirm('Clear this device\u2019s local view?\n\nThis resets on-screen statuses, notes and deals on THIS device only and re-pulls fresh from the cloud. Your cloud database is NOT deleted.\n\nYou\u2019ll need your password and an email code to continue.')) return;

    // 2) Password re-entry (verified against Supabase).
    var pw = window.prompt('Step 1 of 2 — enter your account password:');
    if (pw == null) return;                 // cancelled
    if (!pw) { window.toast && window.toast('Password required'); return; }
    window.toast && window.toast('Checking password\u2026');
    try {
      var res = await sbClient.auth.signInWithPassword({ email: email, password: pw });
      if (res && res.error) throw res.error;
      if (res && res.data && res.data.session) { try { authedSession = res.data.session; } catch (e) {} }
    } catch (e) {
      window.toast && window.toast('Incorrect password — cancelled');
      return;
    }

    // 3) Mandatory fresh email OTP — send a new code, then require it.
    window.toast && window.toast('Sending email code\u2026');
    var sent = await otpSendCode(/* silent */ true);
    if (!sent || sent.ok !== true) {
      window.toast && window.toast('Could not send email code — cancelled' + (sent && sent.error ? (': ' + sent.error) : ''));
      return;
    }
    var code = window.prompt('Step 2 of 2 — enter the 6-digit code we just emailed to ' + email + ':');
    if (code == null) return;               // cancelled
    if (!String(code).trim()) { window.toast && window.toast('Code required'); return; }
    var ver = await otpVerifyCode(String(code).trim());
    if (!ver || ver.ok !== true) {
      window.toast && window.toast('Code incorrect — cancelled' + (ver && ver.error ? (': ' + ver.error) : ''));
      return;
    }

    // 4) Passed both gates → LOCAL wipe + re-pull from cloud (never a cloud wipe).
    state.overlays = {}; state.deals = [];
    lsSet(LS.overlays, {}); lsSet(LS.deals, []);
    state.dirty = false;                     // so the fresh pull is applied, not held back
    try {
      var s = await pullSync();
      applySyncData(s);
      window.render();
      window.toast && window.toast('Local view cleared & reloaded from cloud');
    } catch (e) {
      mergeParks();
      window.render();
      window.toast && window.toast('Local view cleared — reconnect to reload from cloud');
    }
  }
  window._clearAllGuarded = _clearAllGuarded;

  // Show the OTP pane (called when device is not trusted post-login).
  function otpShowPane(emailMasked) {
    var emailPane  = document.getElementById('login-pane-email');
    var setpwPane  = document.getElementById('login-pane-setpw');
    var otpPane    = document.getElementById('login-pane-otp');
    var emailLabel = document.getElementById('otp-email-label');
    if (emailPane) emailPane.style.display = 'none';
    if (setpwPane) setpwPane.style.display = 'none';
    if (otpPane)   otpPane.style.display   = '';
    if (emailLabel && emailMasked) emailLabel.textContent = String(emailMasked);
    showAuthError('');
    // Reset auth-submit so re-show works correctly if they hit Cancel
    var btn = document.getElementById('auth-submit');
    if (btn) { btn.disabled = false; btn.textContent = 'Sign in'; }
    // Focus code input
    setTimeout(function () {
      var i = document.getElementById('otp-code');
      if (i) { i.value = ''; try { i.focus(); } catch (e) {} }
    }, 100);
  }

  // Hide OTP pane and restore email pane (used by Cancel).
  function otpHidePane() {
    var emailPane = document.getElementById('login-pane-email');
    var otpPane   = document.getElementById('login-pane-otp');
    if (emailPane) emailPane.style.display = '';
    if (otpPane)   otpPane.style.display   = 'none';
    var i = document.getElementById('otp-code');
    if (i) i.value = '';
    showAuthError('');
  }

  // Submit handler for OTP code
  async function otpVerify() {
    var codeIn = document.getElementById('otp-code');
    var code = ((codeIn && codeIn.value) || '').replace(/\D/g, '');
    if (code.length !== 6) {
      showAuthError('Enter the 6-digit code from your email.');
      return;
    }
    var btn = document.getElementById('otp-submit');
    if (btn) { btn.disabled = true; btn.textContent = 'Verifying…'; }
    showAuthError('');
    var res = await otpVerifyCode(code);
    if (btn) { btn.disabled = false; btn.textContent = 'Verify & sign in'; }
    if (!res.ok) {
      showAuthError(res.error || 'Could not verify code.');
      // Clear code field for retry
      if (codeIn) { codeIn.value = ''; try { codeIn.focus(); } catch (e) {} }
      return;
    }
    // Trust granted — boot the app
    try { PRFB.feedback('doorOpen'); } catch (e) {}
    bootApp();
  }

  // Resend handler
  async function otpResend() {
    var btn = document.getElementById('otp-resend');
    if (btn) { btn.disabled = true; btn.textContent = 'Sending…'; }
    showAuthError('');
    var res = await otpSendCode(false);
    if (btn) { btn.disabled = false; btn.textContent = 'Send a new code'; }
    if (!res.ok) {
      showAuthError(res.error || 'Could not resend code.');
      return;
    }
    var emailLabel = document.getElementById('otp-email-label');
    if (emailLabel && res.sent_to) emailLabel.textContent = String(res.sent_to);
    // Clear input so user enters the NEW code
    var codeIn = document.getElementById('otp-code');
    if (codeIn) { codeIn.value = ''; try { codeIn.focus(); } catch (e) {} }
    showAuthError('A new code has been sent. Check your email.');
  }

  // Cancel handler — sign out and return to email/password pane
  async function otpCancel() {
    try { if (sbClient) await sbClient.auth.signOut(); } catch (e) {}
    authedSession = null;
    authedProfile = null;
    otpHidePane();
    try { pzlReset(); } catch (e) {}
  }

  // Expose for debugging / future hooks
  window.otpGetDeviceId = otpGetDeviceId;
  window.otpCheckDeviceTrusted = otpCheckDeviceTrusted;

  // Populate the Settings → Account rows with the signed-in user.
  function renderAccountSection() {
    const email = (authedSession && authedSession.user && authedSession.user.email) || null;
    const role = (authedProfile && authedProfile.role) || 'salesman';
    const isAdminRole = (role === 'admin' || role === 'superadmin');
    const roleLabel = role === 'superadmin' ? 'super admin' : role;

    // Newer "Signed in" block (email · role · sign out · admin invite).
    const sec = document.getElementById('auth-account-section');
    if (sec) {
      sec.style.display = authedSession ? '' : 'none';
      const emailEl = document.getElementById('acc-email');
      if (emailEl) emailEl.textContent = email || '—';
      const roleEl = document.getElementById('acc-role');
      if (roleEl) { roleEl.textContent = roleLabel; roleEl.classList.toggle('admin', isAdminRole); }
      const inv = document.getElementById('invite-info');
      if (inv) inv.style.display = (authedSession && isAdminRole) ? 'block' : 'none';
    }

    // Bottom "Account" status row — the one users scroll to. Keep it truthful:
    // previously it was hard-coded to "Not signed in (PIN-only mode)" even when
    // signed in via email auth.
    const info = document.getElementById('identity-account-info');
    if (info) {
      info.textContent = authedSession
        ? ('Signed in as ' + (email || 'your account') + (isAdminRole ? ' · ' + roleLabel : ''))
        : 'Not signed in (PIN-only mode).';
    }
    const lout = document.getElementById('btn-identity-logout');
    if (lout) lout.style.display = authedSession ? '' : 'none';
    if (window.faceidRefreshUI) { try { window.faceidRefreshUI(); } catch (e) {} }
    // SUPERADMIN-ONLY destructive controls: Reset to seed + Clear all are hidden
    // from salesmen and admins entirely. Only a superadmin even sees them, and
    // Clear all additionally requires password + a fresh email OTP (wired below).
    var isSuper = !!(authedProfile && authedProfile.role === 'superadmin');
    var resetRow = document.getElementById('reset-seed-row');
    var clearRow = document.getElementById('clear-all-row');
    if (resetRow) resetRow.style.display = isSuper ? '' : 'none';
    if (clearRow) clearRow.style.display = isSuper ? '' : 'none';
  }

  // =========================================================================
  // ADMIN — USER MANAGEMENT (via secure `admin-users` edge function)
  // All privileged work (create auth user, reset password, set role, delete)
  // happens server-side with the service-role key; nothing sensitive here.
  // =========================================================================
  async function callAdminUsers(action, extra) {
    if (!authedSession) { window.toast && window.toast('Sign in first'); return { error: 'not signed in' }; }
    const payload = Object.assign({
      action: action,
      redirect_to: window.location.origin + window.location.pathname
    }, extra || {});
    try {
      const r = await fetch(SUPA_URL + '/functions/v1/admin-users', {
        method: 'POST',
        headers: {
          apikey: SUPA_KEY,
          Authorization: 'Bearer ' + authedSession.access_token,
          'Content-Type': 'application/json'
        },
        body: JSON.stringify(payload)
      });
      const data = await r.json().catch(function () { return {}; });
      if (!r.ok) return { error: (data && data.error) || ('Request failed (' + r.status + ')') };
      return data;
    } catch (e) {
      return { error: 'Network error — try again.' };
    }
  }

  function _adminRoleBadge(role) {
    var label = role === 'superadmin' ? 'super admin' : (role || 'salesman');
    var bg = role === 'superadmin' ? 'var(--accent-soft)' : (role === 'admin' ? 'var(--primary-soft)' : 'var(--surface-3)');
    var fg = role === 'superadmin' ? '#6b4e16' : (role === 'admin' ? 'var(--primary-hover)' : 'var(--text-muted)');
    return '<span style="font-size:10px;letter-spacing:.04em;text-transform:uppercase;font-weight:700;padding:3px 8px;border-radius:20px;background:' + bg + ';color:' + fg + ';">' + escapeHtml(label) + '</span>';
  }

  window.openAdminUsers = async function () {
    openModal('admin-users-backdrop');
    var addBtn = document.getElementById('au-add-btn');
    if (addBtn && !addBtn._bound) {
      addBtn._bound = true;
      bindButton(addBtn, adminCreateUser);
    }
    var geoBtn = document.getElementById('btn-regeocode');
    if (geoBtn && !geoBtn._bound) {
      geoBtn._bound = true;
      bindButton(geoBtn, runReGeocode);
    }
    await renderAdminUserList();
  };

  // Loops the geocode-postcodes edge function batch-by-batch until done,
  // tallying results and showing live progress. Superadmin-only (button is in
  // the superadmin user-mgmt modal).
  async function runReGeocode() {
    if (!authedSession) { window.toast && window.toast('Sign in first'); return; }
    var btn = document.getElementById('btn-regeocode');
    var statusEl = document.getElementById('regeocode-status');
    if (btn) { btn.disabled = true; btn.textContent = 'Running…'; }
    var offset = 0, totUpdated = 0, totUnresolved = 0, totUnchanged = 0, totSkipped = 0, calls = 0;
    var safety = 0;
    try {
      while (true) {
        safety++;
        if (safety > 40) break; // hard stop ~20k rows
        var r = await fetch(SUPA_URL + '/functions/v1/geocode-postcodes', {
          method: 'POST',
          headers: { apikey: SUPA_KEY, Authorization: 'Bearer ' + authedSession.access_token, 'Content-Type': 'application/json' },
          body: JSON.stringify({ offset: offset, limit: 500 })
        });
        var d = await r.json().catch(function () { return {}; });
        if (!r.ok) { if (statusEl) statusEl.textContent = 'Error: ' + ((d && d.error) || r.status); break; }
        calls++;
        totUpdated += d.updated || 0;
        totUnresolved += d.unresolved || 0;
        totUnchanged += d.unchanged || 0;
        totSkipped += d.skippedOverlay || 0;
        if (statusEl) statusEl.textContent = 'Batch ' + calls + ' · ' + totUpdated + ' updated, ' + totUnchanged + ' already accurate, ' + totSkipped + ' skipped (edited on-site), ' + totUnresolved + ' postcode not found…';
        if (d.done) break;
        offset = d.nextOffset;
      }
      if (statusEl) statusEl.innerHTML = '<span style="color:var(--primary);font-weight:600;">Done — ' + totUpdated + ' parks updated to precise postcode coordinates.</span> ' + totUnchanged + ' were already accurate, ' + totSkipped + ' skipped (your on-site fixes), ' + totUnresolved + ' had an unrecognised postcode.';
      window.toast && window.toast(totUpdated + ' parks re-geocoded');
    } catch (e) {
      if (statusEl) statusEl.textContent = 'Network error — try again.';
    } finally {
      if (btn) { btn.disabled = false; btn.textContent = 'Run re-geocode'; }
    }
  }

  var _adminUsersCache = [];
  async function renderAdminUserList() {
    var box = document.getElementById('au-list');
    if (!box) return;
    box.innerHTML = '<div style="padding:14px;color:var(--text-muted);text-align:center;font-size:13px;">Loading…</div>';
    var res = await callAdminUsers('list');
    if (res.error) {
      box.innerHTML = '<div style="padding:14px;color:var(--danger);text-align:center;font-size:13px;">' + escapeHtml(res.error) + '</div>';
      return;
    }
    var meSuper = authedProfile && authedProfile.role === 'superadmin';
    var myId = (authedSession && authedSession.user && authedSession.user.id) || '';
    var users = res.users || [];
    _adminUsersCache = users;
    if (!users.length) { box.innerHTML = '<div style="padding:14px;color:var(--text-muted);text-align:center;font-size:13px;">No users yet.</div>'; return; }
    var html = '';
    users.forEach(function (u) {
      var isMe = u.id === myId;
      var disabled = !!u.disabled;
      var loc = u.last_country ? (icoSvg('pin',12,'currentColor') + ' ' + escapeHtml(u.last_country)) : '';
      var roleSelect = meSuper
        ? '<select data-role-for="' + escapeHtml(u.id) + '" style="font-family:inherit;font-size:12px;padding:5px 7px;border:1px solid var(--border);border-radius:7px;background:var(--surface);">' +
            ['salesman', 'admin', 'superadmin', 'accountant'].map(function (r) {
              return '<option value="' + r + '"' + (u.role === r ? ' selected' : '') + '>' + (r === 'superadmin' ? 'super admin' : r) + '</option>';
            }).join('') +
          '</select>'
        : _adminRoleBadge(u.role);
      html += '<div style="background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px 13px;margin-bottom:9px;' + (disabled ? 'opacity:.75;' : '') + '">' +
        '<div style="display:flex;align-items:flex-start;gap:10px;">' +
          (disabled ? '<span class="restricted-dot" style="margin-top:5px;"></span>' : '') +
          '<div style="flex:1;min-width:0;">' +
            '<div style="font-weight:600;font-size:14px;color:var(--text);display:flex;align-items:center;gap:7px;flex-wrap:wrap;">' +
              escapeHtml(u.full_name || u.salesman || '—') + (isMe ? ' (you)' : '') +
              (disabled ? '<span class="restricted-pill">Restricted</span>' : '') +
            '</div>' +
            '<div style="font-size:12px;color:var(--text-muted);word-break:break-all;">' + escapeHtml(u.email || '') + '</div>' +
            '<div style="font-size:11px;color:var(--text-light);margin-top:2px;">' +
              (u.job_role ? escapeHtml(u.job_role) : '') +
              (u.job_role && loc ? ' · ' : '') + loc +
            '</div>' +
          '</div>' +
          '<div style="flex:0 0 auto;">' + roleSelect + '</div>' +
        '</div>' +
        '<div style="display:flex;gap:7px;margin-top:10px;flex-wrap:wrap;">' +
          '<button class="btn btn-secondary" data-reset-email="' + escapeHtml(u.email || '') + '" style="height:32px;padding:0 11px;font-size:12px;">Reset password</button>' +
          (meSuper && !isMe ? '<button class="btn btn-secondary" data-relogin-user="' + escapeHtml(u.id) + '" data-relogin-name="' + escapeHtml(u.full_name || u.salesman || u.email || '') + '" style="height:32px;padding:0 11px;font-size:12px;">Force re-login</button>' : '') +
          (!isMe ? '<button class="btn btn-secondary" data-toggle-user="' + escapeHtml(u.id) + '" data-toggle-action="' + (disabled ? 'enable' : 'disable') + '" data-toggle-name="' + escapeHtml(u.full_name || u.salesman || '') + '" style="height:32px;padding:0 11px;font-size:12px;' + (disabled ? '' : 'color:var(--warn);') + '">' + (disabled ? 'Enable' : 'Disable') + '</button>' : '') +
          (meSuper && !isMe ? '<button class="btn btn-ghost" data-del-user="' + escapeHtml(u.id) + '" data-del-name="' + escapeHtml(u.full_name || u.salesman || u.email || '') + '" style="height:32px;padding:0 11px;font-size:12px;color:var(--danger);">Delete</button>' : '') +
        '</div>' +
      '</div>';
    });
    box.innerHTML = html;

    box.querySelectorAll('[data-reset-email]').forEach(function (b) {
      bindButton(b, function () { adminResetPassword(b.dataset.resetEmail); });
    });
    box.querySelectorAll('[data-relogin-user]').forEach(function (b) {
      bindButton(b, function () { adminForceRelogin(b.dataset.reloginUser, b.dataset.reloginName); });
    });
    box.querySelectorAll('[data-toggle-user]').forEach(function (b) {
      bindButton(b, function () { adminToggleUser(b.dataset.toggleUser, b.dataset.toggleAction, b.dataset.toggleName); });
    });
    box.querySelectorAll('[data-del-user]').forEach(function (b) {
      bindButton(b, function () { adminDeleteUser(b.dataset.delUser, b.dataset.delName); });
    });
    box.querySelectorAll('[data-role-for]').forEach(function (sel) {
      sel.addEventListener('change', function () { adminUpdateRole(sel.dataset.roleFor, sel.value, sel); });
    });
  }

  async function adminCreateUser() {
    var email = (document.getElementById('au-new-email').value || '').trim();
    var name = (document.getElementById('au-new-name').value || '').trim();
    var role = document.getElementById('au-new-role').value || 'salesman';
    if (!email) { window.toast && window.toast('Enter an email'); return; }
    var btn = document.getElementById('au-add-btn');
    if (btn) { btn.disabled = true; btn.textContent = 'Inviting…'; }
    var res = await callAdminUsers('create', { email: email, full_name: name, role: role });
    if (btn) { btn.disabled = false; btn.textContent = 'Invite user'; }
    if (res.error) { window.toast && window.toast(res.error); return; }
    window.toast && window.toast(res.invited ? 'Invitation sent to ' + email : 'User added');
    document.getElementById('au-new-email').value = '';
    document.getElementById('au-new-name').value = '';
    document.getElementById('au-new-role').value = 'salesman';
    await renderAdminUserList();
    if (window.fetchProfiles) window.fetchProfiles();
  }

  async function adminResetPassword(email) {
    if (!email) { window.toast && window.toast('No email on file for this user'); return; }
    if (!confirm('Send a password-reset email to ' + email + '?')) return;
    var res = await callAdminUsers('reset_password', { email: email });
    window.toast && window.toast(res.error ? res.error : 'Reset email sent to ' + email);
  }

  // Force a user to re-login: revokes their session (JWT) AND clears their
  // device-trust so the next launch needs a fresh email OTP. Both happen
  // server-side in the admin-users edge function (force_relogin action), because
  // RLS correctly stops the app from touching other users' sessions/devices.
  // Superadmin-only; the button is only rendered for superadmins on other users.
  async function adminForceRelogin(userId, name) {
    if (!userId) return;
    if (!(authedProfile && authedProfile.role === 'superadmin')) { window.toast && window.toast('Superadmin only'); return; }
    if (!confirm('Force ' + (name || 'this user') + ' to re-login?\n\nThey will be signed out on all their devices and will need their password AND a fresh email code to get back in. Their data and history are not touched.')) return;
    window.toast && window.toast('Forcing re-login\u2026');
    var res = await callAdminUsers('force_relogin', { user_id: userId });
    if (res.error) {
      // Most likely cause: the edge function doesn't have the force_relogin
      // action yet. Be honest rather than pretend it worked.
      window.toast && window.toast('Could not force re-login: ' + res.error + ' (the admin-users function may need the force_relogin action added)');
      return;
    }
    var bits = [];
    if (res.session_revoked) bits.push('session revoked'); 
    if (typeof res.devices_cleared === 'number') bits.push(res.devices_cleared + ' device' + (res.devices_cleared === 1 ? '' : 's') + ' cleared');
    window.toast && window.toast((name || 'User') + ' will re-login' + (bits.length ? ' \u00b7 ' + bits.join(', ') : ''));
    await renderAdminUserList();
  }

  async function adminUpdateRole(userId, role, sel) {
    if (sel) sel.disabled = true;
    var res = await callAdminUsers('update_role', { user_id: userId, role: role });
    if (sel) sel.disabled = false;
    if (res.error) { window.toast && window.toast(res.error); await renderAdminUserList(); return; }
    window.toast && window.toast('Role updated');
    if (window.fetchProfiles) window.fetchProfiles();
  }

  async function adminToggleUser(userId, action, name) {
    var disabling = action === 'disable';
    var msg = disabling
      ? 'Disable ' + (name || 'this user') + "? They'll be signed out and shown as Restricted. All their history stays intact."
      : 'Re-enable ' + (name || 'this user') + '? They\'ll be able to sign in again.';
    if (!confirm(msg)) return;
    var res = await callAdminUsers(action, { user_id: userId });
    if (res.error) { window.toast && window.toast(res.error); return; }
    window.toast && window.toast(disabling ? 'User disabled (Restricted)' : 'User re-enabled');
    await renderAdminUserList();
    if (window.fetchProfiles) window.fetchProfiles();
  }

  async function adminDeleteUser(userId, name) {
    // Build the transfer-target picker from everyone except the user being deleted.
    var others = (_adminUsersCache || []).filter(function (u) { return u.id !== userId; });
    if (!others.length) { window.toast && window.toast('No other user to transfer data to'); return; }
    var options = others.map(function (u) {
      return '<option value="' + escapeHtml(u.id) + '">' + escapeHtml(u.full_name || u.salesman || u.email || u.id) + ' (' + (u.role === 'superadmin' ? 'super admin' : u.role) + ')</option>';
    }).join('');
    // Lightweight inline prompt sheet.
    var wrap = document.createElement('div');
    wrap.className = 'modal-backdrop open';
    wrap.style.zIndex = '2200';
    wrap.innerHTML =
      '<div class="modal" style="max-width:460px;">' +
        '<div class="modal-head"><h2>Delete & transfer data</h2></div>' +
        '<div class="modal-body">' +
          '<p style="font-size:13.5px;color:var(--text-muted);line-height:1.5;margin-bottom:14px;">' +
            'Deleting <strong>' + escapeHtml(name || 'this user') + '</strong> permanently removes their login. ' +
            'All their data (deals, sessions, mileage, etc.) will be transferred to the person you choose. ' +
            'Transferred deals keep a note recording who originally collected them.' +
          '</p>' +
          '<div class="label-title" style="margin-bottom:6px;">Transfer all data to</div>' +
          '<select id="xfer-target" style="width:100%;padding:11px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;background:var(--surface);box-sizing:border-box;">' + options + '</select>' +
        '</div>' +
        '<div class="modal-foot">' +
          '<button class="btn btn-secondary" id="xfer-cancel" style="flex:1;height:44px;">Cancel</button>' +
          '<button class="btn btn-primary" id="xfer-go" style="flex:1;height:44px;background:var(--danger);border-color:var(--danger);">Delete & transfer</button>' +
        '</div>' +
      '</div>';
    document.body.appendChild(wrap);
    var cleanup = function () { try { document.body.removeChild(wrap); } catch (e) {} };
    wrap.querySelector('#xfer-cancel').addEventListener('click', cleanup);
    wrap.addEventListener('click', function (e) { if (e.target === wrap) cleanup(); });
    wrap.querySelector('#xfer-go').addEventListener('click', async function () {
      var target = wrap.querySelector('#xfer-target').value;
      if (!target) { window.toast && window.toast('Choose who inherits the data'); return; }
      var go = wrap.querySelector('#xfer-go');
      go.disabled = true; go.textContent = 'Transferring…';
      var res = await callAdminUsers('delete', { user_id: userId, transfer_to_id: target });
      cleanup();
      if (res.error) { window.toast && window.toast(res.error); return; }
      window.toast && window.toast('User deleted · data transferred to ' + (res.transferred_to || 'chosen user'));
      await renderAdminUserList();
      if (window.fetchProfiles) window.fetchProfiles();
    });
  }

  // Global role helpers — single source of truth for UI gating.
  // Roles: 'salesman' | 'admin' | 'superadmin' | 'accountant'.
  // PIN-only (no auth) = salesman. Accountant is a read-only finance role:
  // can view Stock + full Financials and export, nothing else.
  window.currentUserRole = function () {
    return (authedProfile && authedProfile.role) || 'salesman';
  };
  window.isAdminUser = function () {
    var r = window.currentUserRole();
    return r === 'admin' || r === 'superadmin';
  };
  window.isSuperAdmin = function () {
    return window.currentUserRole() === 'superadmin';
  };
  window.isAccountant = function () {
    return window.currentUserRole() === 'accountant';
  };
  // Tabs an accountant is allowed to open. Everything else is blocked + overlaid.
  window.ACCOUNTANT_ALLOWED_TABS = ['stock', 'spot'];
  window.accountantCanAccess = function (tab) {
    return window.ACCOUNTANT_ALLOWED_TABS.indexOf(tab) >= 0;
  };
  // "No Access Rights" overlay — a faded blur panel shown when an accountant
  // taps a tab they can't open. Tapping it sends them back to Stock.
  window.showNoAccessOverlay = function () {
    var ov = document.getElementById('no-access-overlay');
    if (!ov) {
      ov = document.createElement('div');
      ov.id = 'no-access-overlay';
      ov.innerHTML =
        '<div class="na-card">' +
          '<div class="na-lock">' + icoSvg('lock',18,'currentColor') + '</div>' +
          '<div class="na-title">No Access Rights</div>' +
          '<div class="na-sub">Your account can view Stock &amp; Financials only.</div>' +
          '<button type="button" class="na-btn" id="na-back">Back to Stock</button>' +
        '</div>';
      document.body.appendChild(ov);
      ov.addEventListener('click', function (e) {
        if (e.target === ov || e.target.id === 'na-back') {
          ov.classList.remove('show');
          window.switchTab('stock');
        }
      });
    }
    ov.classList.add('show');
  };
  // Stamp the role onto <body> so CSS can hide finance/stock UI from salesmen,
  // and refresh any role-dependent chrome (More grid, tab buttons).
  window.applyRoleUI = function () {
    var r = window.currentUserRole();
    document.body.classList.remove('role-salesman', 'role-admin', 'role-superadmin', 'role-accountant');
    document.body.classList.add('role-' + r);
    document.body.classList.toggle('is-admin', window.isAdminUser());
    document.body.classList.toggle('is-superadmin', window.isSuperAdmin());
    document.body.classList.toggle('is-accountant', window.isAccountant());
    // Show/hide the Approvals box (admins+super only) and refresh its badge.
    var apBox = document.getElementById('more-approvals-item');
    if (apBox) apBox.style.display = window.isAdminUser() ? '' : 'none';
    var apBox2 = document.getElementById('burger-approvals-item');
    if (apBox2) apBox2.style.display = window.isAdminUser() ? '' : 'none';
    if (typeof window.refreshApprovalsBadge === 'function') window.refreshApprovalsBadge();
  };

  // =========================================================================
  // APPROVALS — pending deal/stock/financial submissions awaiting sign-off.
  //  - Admin adds to stock/financials  -> superadmin approves.
  //  - Admin or salesman adds a deal    -> admins/superadmin approve.
  //  - Superadmin can approve / amend+approve / reject. Submitter + other
  //    admins are notified (handled server-side in the edge function).
  // The live data model for deals/stock is the synced app state, so a pending
  // item is held in the `approvals` table and merged into state on approval.
  // =========================================================================
  var _approvalsCache = [];
  var _auditCache = [];

  // =========================================================================
  // AUDIT LOG — append-only snapshots of changes. Field edits log live;
  // money/important actions log AND hold for review (review='pending').
  // Never overwrites: each change is a new row.
  // =========================================================================
  // entity: park|deal|trip|expense|stock|stock_sale|trip_complete|cogs
  window.logAudit = function (opts) {
    if (!sbClient) return Promise.resolve(null);
    var row = {
      country: (window.state && window.state.country) || 'UK',
      entity: opts.entity,
      entity_id: opts.entity_id != null ? String(opts.entity_id) : null,
      entity_label: opts.entity_label || null,
      action: opts.action || 'edit',
      before_data: opts.before != null ? opts.before : null,
      after_data: opts.after != null ? opts.after : null,
      actor: (window.state && window.state.salesman) || 'Unknown',
      actor_id: (authedSession && authedSession.user && authedSession.user.id) || null,
      actor_role: window.currentUserRole(),
      review: opts.review || 'none'
    };
    return sbClient.from('audit_log').insert([row]).then(function (r) {
      if (opts.review === 'pending' && window.refreshApprovalsBadge) window.refreshApprovalsBadge();
      return r;
    }, function (e) { console.warn('[Audit] log failed:', e); return null; });
  };

  // Shallow before/after diff of changed keys only (keeps snapshots tight).
  window.auditDiff = function (before, partial) {
    var b = {}, a = {};
    Object.keys(partial || {}).forEach(function (k) {
      var ov = before ? before[k] : undefined;
      var nv = partial[k];
      if (JSON.stringify(ov) !== JSON.stringify(nv)) { b[k] = ov === undefined ? null : ov; a[k] = nv; }
    });
    return { before: b, after: a, changed: Object.keys(a).length > 0 };
  };

  // Decide whether a new add must go through approval for the current user.
  //   deals: salesman + admin must request approval; superadmin direct.
  //   stock/financial: admin must request; superadmin direct; salesman can't reach.
  window.needsApproval = function (entity) {
    var r = window.currentUserRole();
    if (r === 'superadmin') return false;
    if (entity === 'deal') return true;        // salesman & admin
    // expense/COGS, stock, stock sale, trip completion: admins must request.
    // (salesmen never reach stock/finance UI; if they could submit a deal-linked
    //  expense it should be reviewed too, so treat non-superadmin as needing review.)
    return true;
  };

  // Submit a pending item into the approvals queue.
  window.submitForApproval = async function (entity, payload, label) {
    if (!sbClient) { window.toast && window.toast('Not connected'); return false; }
    var role = window.currentUserRole();
    var row = {
      country: (window.state && window.state.country) || 'UK',
      entity: entity,
      submitted_by: (window.state && window.state.salesman) || 'Unknown',
      submitted_by_id: (authedSession && authedSession.user && authedSession.user.id) || null,
      submitted_by_role: role,
      payload: payload || {},
      status: 'pending'
    };
    try {
      var landed = await queuedWrite({ table: 'approvals', verb: 'insert', row: row });
      window.toast && window.toast(landed
        ? ((label || 'Item') + ' submitted for approval')
        : ((label || 'Item') + ' saved on your phone \u2014 will submit when back online'));
      if (window.refreshApprovalsBadge) window.refreshApprovalsBadge();
      return true; // queued or sent — either way it's safe and will land
    } catch (e) {
      window.toast && window.toast('Could not submit: ' + (e.message || 'error'));
      return false;
    }
  };

  // V-268: cross-side awareness. Fetch pending approvals for the OTHER country
  // too, so a UK user isn't blind to an AU submission (and vice versa). Data
  // stays segregated — these are notify-only; you switch country to action them.
  async function fetchOtherCountryPending() {
    if (!sbClient) return [];
    try {
      var here = (window.state && window.state.country) || 'UK';
      // All countries except the active one — so US/CA/AU submissions are visible
      // cross-side too, not just the old UK↔AU pair.
      var others = ['UK', 'AU', 'US', 'CA'].filter(function (c) { return c !== here; });
      var q = await sbClient.from('approvals').select('*')
        .in('country', others).eq('status', 'pending')
        .order('created_at', { ascending: false }).limit(50);
      if (q.error) throw q.error;
      return (q.data || []).map(function (r) { r._otherCountry = r.country; return r; });
    } catch (e) { console.warn('[Approvals] other-country fetch failed:', e); return []; }
  }

  async function fetchApprovals() {
    if (!sbClient) return [];
    try {
      var country = (window.state && window.state.country) || 'UK';
      var q = await sbClient.from('approvals').select('*')
        .eq('country', country).order('created_at', { ascending: false }).limit(200);
      if (q.error) throw q.error;
      _approvalsCache = q.data || [];
      return _approvalsCache;
    } catch (e) {
      console.warn('[Approvals] fetch failed:', e);
      return [];
    }
  }

  // Which pending rows can the current user decide?
  function _canDecide(ap) {
    if (window.isSuperAdmin()) return true;
    // Admin may decide salesman-submitted deals and trip requests.
    return window.isAdminUser() && ap.submitted_by_role === 'salesman' &&
           (ap.entity === 'deal' || ap.entity === 'trip_delete' || ap.entity === 'trip_edit');
  }

  // Self-contained badge setter (the other setBadge is nested in another fn).
  function _apSetBadge(id, val) {
    var el = document.getElementById(id);
    if (!el) return;
    if (val) { el.textContent = val; el.style.display = 'flex'; }
    else { el.style.display = 'none'; }
  }

  var _apAlertHighWater = null; // most recent approval created_at we've alerted on
  var _apAlertPrimed = false;
  var _apOtherHighWater = null; // V-268: same, for the OTHER country (cross-side)
  var _apOtherPrimed = false;
  window.refreshApprovalsBadge = async function () {
    if (!window.isAdminUser()) { _apSetBadge('more-approvals-badge', ''); _apSetBadge('burger-approvals-badge', ''); return; }
    var rows = await fetchApprovals();
    var pending = rows.filter(function (a) { return a.status === 'pending' && _canDecide(a); });
    var auditRows = await fetchAuditLog();
    var auditPending = auditRows.filter(function (a) { return a.review === 'pending'; });
    var total = pending.length + auditPending.length;
    _apSetBadge('more-approvals-badge', total ? (total > 9 ? '9+' : String(total)) : '');
    _apSetBadge('burger-approvals-badge', total ? (total > 9 ? '9+' : String(total)) : '');
    // Light the header burger dot if anything needs attention.
    var bDot = document.getElementById('burger-dot');
    if (bDot && total > 0) bDot.style.display = '';

    // New-approval alert: detect pending items newer than our high-water mark
    // and pop an in-app banner + bell notification. Prime on first poll so we
    // don't blast alerts for the existing backlog at startup.
    try {
      var decidable = pending.slice().sort(function (a, b) {
        return String(b.created_at).localeCompare(String(a.created_at));
      });
      var newest = decidable.length ? decidable[0].created_at : null;
      if (!_apAlertPrimed) {
        _apAlertPrimed = true;
        _apAlertHighWater = newest;
      } else if (newest && newest !== _apAlertHighWater && (!_apAlertHighWater || newest > _apAlertHighWater)) {
        var fresh = decidable.filter(function (a) { return !_apAlertHighWater || a.created_at > _apAlertHighWater; });
        _apAlertHighWater = newest;
        if (fresh.length) {
          var first = fresh[0];
          var who = first.submitted_by || 'A salesman';
          var what = _approvalLabel(first.entity);
          var preview = fresh.length > 1 ? (fresh.length + ' items need your approval') : (what + ' · ' + _approvalSummary(first));
          // Bell notification entry (cloud-synced list the bell reads from).
          try {
            state.notifications = state.notifications || [];
            state.notifications.unshift({
              id: 'ap_' + (first.id || Date.now()),
              type: 'approval',
              title: who + ' submitted ' + what + ' for approval',
              body: _approvalSummary(first),
              createdAt: new Date().toISOString(),
              read: false
            });
            lsSet(LS.notifications, state.notifications);
            if (typeof updateBellBadge === 'function') updateBellBadge();
          } catch (e) {}
          // In-app pop-up banner + sound/vibrate (reuses the message-alert UI).
          if (typeof window.showMessageAlert === 'function') {
            window.showMessageAlert('' + who, preview, '__approvals__', null, null);
          }
        }
      }
    } catch (e) {}

    // V-268: cross-side notifications — surface the OTHER country's new pending
    // approvals (notify-only; the badge stays this-country so actioning still
    // requires switching). Keeps UK aware of AU activity and vice versa.
    try {
      var otherPending = await fetchOtherCountryPending();
      var otherSorted = otherPending.slice().sort(function (a, b) {
        return String(b.created_at).localeCompare(String(a.created_at));
      });
      var otherNewest = otherSorted.length ? otherSorted[0].created_at : null;
      if (!_apOtherPrimed) {
        _apOtherPrimed = true;
        _apOtherHighWater = otherNewest;
      } else if (otherNewest && otherNewest !== _apOtherHighWater && (!_apOtherHighWater || otherNewest > _apOtherHighWater)) {
        var oFresh = otherSorted.filter(function (a) { return !_apOtherHighWater || a.created_at > _apOtherHighWater; });
        _apOtherHighWater = otherNewest;
        if (oFresh.length) {
          var of0 = oFresh[0];
          var oCountry = of0._otherCountry || 'other';
          var oWho = of0.submitted_by || 'Someone';
          var oWhat = _approvalLabel(of0.entity);
          var oPreview = oFresh.length > 1
            ? (oFresh.length + ' items need approval on the ' + oCountry + ' side')
            : ('[' + oCountry + '] ' + oWhat + ' · ' + _approvalSummary(of0));
          try {
            state.notifications = state.notifications || [];
            state.notifications.unshift({
              id: 'apX_' + (of0.id || Date.now()),
              type: 'approval',
              title: '[' + oCountry + '] ' + oWho + ' submitted ' + oWhat,
              body: _approvalSummary(of0) + ' — switch to ' + oCountry + ' to action',
              createdAt: new Date().toISOString(),
              read: false
            });
            lsSet(LS.notifications, state.notifications);
            if (typeof updateBellBadge === 'function') updateBellBadge();
          } catch (e) {}
          if (typeof window.showMessageAlert === 'function') {
            window.showMessageAlert(oCountry + ' side', oPreview, '__approvals__', null, null);
          }
        }
      }
    } catch (e) {}
  };

  function _approvalLabel(entity) {
    return ({ deal: 'a deal', stock: 'stock', stock_sale: 'a stock sale', expense: 'an expense',
              trip_delete: 'a trip deletion', trip_edit: 'a trip change' })[entity] || 'an item';
  }

  // Called when a salesman submits a request, so approvers get an immediate
  // local nudge too (the poll also catches it within ~15s on their devices).
  window.notifyApprovers = function (entity, label) {
    // No-op placeholder for the submitter side; the approver-side alert is
    // driven by refreshApprovalsBadge polling the approvals table. Kept as a
    // hook so submit paths can call it without caring about the mechanism.
    return true;
  };

  function _fmtMoney(n) { try { return cur(Number(n) || 0); } catch (e) { return String(n); } }
  function _apEsc(s) { return (typeof escapeHtml === 'function') ? escapeHtml(String(s == null ? '' : s)) : String(s == null ? '' : s); }

  function _approvalSummary(ap) {
    var p = ap.payload || {};
    if (ap.entity === 'deal') {
      return [p.client ? _apEsc(p.client) : 'Deal', p.items ? _apEsc(p.items) : '', p.amount != null ? _fmtMoney(p.amount) : '']
        .filter(Boolean).join(' · ');
    }
    if (ap.entity === 'stock') {
      return [p.name ? _apEsc(p.name) : (p.category || 'Stock'), p.weight_g ? (p.weight_g + 'g') : '', p.cost != null ? _fmtMoney(p.cost) : '']
        .filter(Boolean).join(' · ');
    }
    if (ap.entity === 'trip_delete') {
      return 'Delete trip: ' + _apEsc(p.tripName || p.tripId || 'trip');
    }
    if (ap.entity === 'trip_edit') {
      return 'Edit trip: ' + _apEsc(p.tripName || p.tripId || 'trip');
    }
    return _apEsc(p.label || p.note || 'Financial item');
  }

  var _approvalsSubView = 'queue'; // 'queue' | 'activity'
  window.setApprovalsSubView = function (v) {
    _approvalsSubView = v;
    window.renderApprovals();
  };
  // Opens the activity log (audit trail) directly — used by the Settings >
  // Recent Activity entry. Superadmin-only at the call site.
  window.openRecentActivity = function () {
    _approvalsSubView = 'activity';
    if (typeof window.closeAllModals === 'function') window.closeAllModals(); // close Settings first
    if (typeof window.switchTab === 'function') window.switchTab('approvals');
    else window.renderApprovals();
  };
  function _approvalsSubToggle(active) {
    return '<div class="team-subtoggle" style="padding:12px 16px 0;">' +
      '<button type="button" class="' + (active === 'queue' ? 'active' : '') + '" onclick="window.setApprovalsSubView(\'queue\')" ontouchend="event.preventDefault();window.setApprovalsSubView(\'queue\')">Approvals</button>' +
      '<button type="button" class="' + (active === 'activity' ? 'active' : '') + '" onclick="window.setApprovalsSubView(\'activity\')" ontouchend="event.preventDefault();window.setApprovalsSubView(\'activity\')">Activity log</button>' +
    '</div>';
  }

  window.renderApprovals = async function () {
    var box = document.getElementById('approvals-view');
    if (!box) return;
    if (_approvalsSubView === 'activity') { return window.renderActivityLog(box); }
    box.innerHTML = _approvalsSubToggle('queue') + '<div style="padding:18px;color:var(--text-muted);text-align:center;font-size:13px;">Loading approvals…</div>';
    var rows = await fetchApprovals();
    var mineToDecide = rows.filter(function (a) { return a.status === 'pending' && _canDecide(a); });
    var decided = rows.filter(function (a) { return a.status !== 'pending'; }).slice(0, 30);

    var html = _approvalsSubToggle('queue') + '<div style="padding:14px 16px 26px;">';
    html += '<h2 style="font-size:24px;color:var(--primary-hover);margin-bottom:2px;">Approvals</h2>' +
      '<div style="font-size:13px;color:var(--text-muted);margin-bottom:16px;">Review pending deals, stock and financials.</div>';

    html += '<h4 style="margin:0 0 8px;">Pending (' + mineToDecide.length + ')</h4>';
    if (!mineToDecide.length) {
      html += '<div style="padding:14px;color:var(--text-muted);font-size:13px;text-align:center;background:var(--surface-2);border-radius:10px;margin-bottom:18px;">Nothing waiting on you.</div>';
    } else {
      mineToDecide.forEach(function (ap) {
        html += '<div style="background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:13px 14px;margin-bottom:10px;">' +
          '<div style="display:flex;align-items:center;gap:8px;margin-bottom:4px;">' +
            '<span style="font-size:10px;letter-spacing:.05em;text-transform:uppercase;font-weight:700;padding:3px 8px;border-radius:6px;background:var(--accent-soft);color:#6b4e16;">' + _apEsc(ap.entity) + '</span>' +
            '<span style="font-size:11px;color:var(--text-muted);">from ' + _apEsc(ap.submitted_by) + ' · ' + _apEsc(ap.submitted_by_role) + '</span>' +
          '</div>' +
          '<div style="font-size:14px;color:var(--text);font-weight:600;">' + _approvalSummary(ap) + '</div>' +
          '<div style="display:flex;gap:7px;margin-top:11px;flex-wrap:wrap;">' +
            '<button class="btn btn-primary" data-ap-approve="' + ap.id + '" style="height:34px;padding:0 13px;font-size:12.5px;">Approve</button>' +
            '<button class="btn btn-secondary" data-ap-amend="' + ap.id + '" style="height:34px;padding:0 13px;font-size:12.5px;">Amend</button>' +
            '<button class="btn btn-ghost" data-ap-reject="' + ap.id + '" style="height:34px;padding:0 13px;font-size:12.5px;color:var(--danger);">Reject</button>' +
          '</div>' +
        '</div>';
      });
    }

    html += '<h4 style="margin:18px 0 8px;">Recent decisions</h4>';
    if (!decided.length) {
      html += '<div style="padding:14px;color:var(--text-muted);font-size:13px;text-align:center;background:var(--surface-2);border-radius:10px;">No decisions yet.</div>';
    } else {
      html += '<div style="background:var(--surface-2);border-radius:10px;padding:4px 12px;">';
      decided.forEach(function (ap) {
        var color = ap.status === 'approved' ? 'var(--success)' : 'var(--danger)';
        html += '<div style="padding:9px 0;border-bottom:1px solid var(--border);font-size:13px;">' +
          '<span style="font-weight:600;color:' + color + ';text-transform:capitalize;">' + _apEsc(ap.status) + '</span> · ' +
          '<span style="color:var(--text);">' + _approvalSummary(ap) + '</span>' +
          '<div style="font-size:11px;color:var(--text-light);margin-top:2px;">' + _apEsc(ap.entity) + ' from ' + _apEsc(ap.submitted_by) +
            (ap.decided_by ? ' · by ' + _apEsc(ap.decided_by) : '') +
            (ap.decision_note ? ' · ' + _apEsc(ap.decision_note) : '') + '</div>' +
        '</div>';
      });
      html += '</div>';
    }
    html += '</div>';
    box.innerHTML = html;

    box.querySelectorAll('[data-ap-approve]').forEach(function (b) { bindButton(b, function () { decideApproval(b.dataset.apApprove, 'approved'); }); });
    box.querySelectorAll('[data-ap-reject]').forEach(function (b) { bindButton(b, function () { decideApproval(b.dataset.apReject, 'rejected'); }); });
    box.querySelectorAll('[data-ap-amend]').forEach(function (b) { bindButton(b, function () { amendApproval(b.dataset.apAmend); }); });
  };

  // ===== ACTIVITY LOG (audit) — filter by entity, review/amend/rollback =====
  var _activityFilter = 'all';
  var AUDIT_FILTERS = [
    ['all', 'All'], ['pending', 'Pending'], ['park', 'Parks'], ['deal', 'Deals'],
    ['trip', 'Trips'], ['expense', 'Expenses'], ['stock', 'Stock'], ['stock_sale', 'Stock sales']
  ];
  window.setActivityFilter = function (f) { _activityFilter = f; window.renderApprovals(); };

  async function fetchAuditLog() {
    if (!sbClient) return [];
    try {
      var country = (window.state && window.state.country) || 'UK';
      var q = await sbClient.from('audit_log').select('*')
        .eq('country', country).order('created_at', { ascending: false }).limit(300);
      if (q.error) throw q.error;
      _auditCache = q.data || [];
      return _auditCache;
    } catch (e) { console.warn('[Audit] fetch failed:', e); return []; }
  }

  function _auditEntityLabel(e) {
    var m = { park: 'Park', deal: 'Deal', trip: 'Trip', expense: 'Expense', stock: 'Stock',
      stock_sale: 'Stock sale', trip_complete: 'Trip completion', cogs: 'COGS' };
    return m[e] || e;
  }
  function _fmtBA(obj) {
    if (obj == null) return '—';
    try {
      return Object.keys(obj).map(function (k) {
        var v = obj[k];
        if (v && typeof v === 'object') v = JSON.stringify(v);
        return _apEsc(k) + ': ' + _apEsc(v);
      }).join(', ') || '—';
    } catch (e) { return '—'; }
  }

  window.renderActivityLog = async function (box) {
    box.innerHTML = _approvalsSubToggle('activity') +
      '<div style="padding:18px;color:var(--text-muted);text-align:center;font-size:13px;">Loading activity…</div>';
    var rows = await fetchAuditLog();

    // Filter chips
    var chips = '<div class="cmp-chips" style="padding:12px 16px 0;">' +
      AUDIT_FILTERS.map(function (f) {
        return '<button type="button" class="cmp-chip' + (_activityFilter === f[0] ? ' active' : '') +
          '" onclick="window.setActivityFilter(\'' + f[0] + '\')" ontouchend="event.preventDefault();window.setActivityFilter(\'' + f[0] + '\')">' + f[1] + '</button>';
      }).join('') + '</div>';

    var filtered = rows.filter(function (r) {
      if (_activityFilter === 'all') return true;
      if (_activityFilter === 'pending') return r.review === 'pending';
      return r.entity === _activityFilter;
    });

    var pending = filtered.filter(function (r) { return r.review === 'pending'; });

    var html = _approvalsSubToggle('activity') + chips + '<div style="padding:10px 16px 26px;">';

    // Bulk approve-all for pending in current filter
    if (pending.length > 1) {
      html += '<button class="btn btn-primary" id="audit-approve-all" style="width:100%;height:40px;margin-bottom:12px;">Approve all pending (' + pending.length + ')</button>';
    }

    if (!filtered.length) {
      html += '<div style="padding:16px;color:var(--text-muted);font-size:13px;text-align:center;background:var(--surface-2);border-radius:10px;">No activity for this filter.</div>';
    } else {
      filtered.forEach(function (r) {
        var when = (typeof relTime === 'function') ? relTime(r.created_at) : (r.created_at || '');
        var isPending = r.review === 'pending';
        var statusColor = r.review === 'approved' ? 'var(--success)' : r.review === 'declined' ? 'var(--danger)' : (isPending ? 'var(--warn)' : 'var(--text-light)');
        var statusLabel = isPending ? 'pending' : (r.review !== 'none' ? r.review : r.action);
        html += '<div style="background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px 13px;margin-bottom:9px;">' +
          '<div style="display:flex;align-items:center;gap:8px;margin-bottom:4px;flex-wrap:wrap;">' +
            '<span style="font-size:10px;letter-spacing:.04em;text-transform:uppercase;font-weight:700;padding:3px 8px;border-radius:6px;background:var(--surface-3);color:var(--text-muted);">' + _auditEntityLabel(r.entity) + '</span>' +
            '<span style="font-size:10px;font-weight:700;text-transform:uppercase;color:' + statusColor + ';">' + _apEsc(statusLabel) + '</span>' +
            '<span style="flex:1;"></span>' +
            '<span style="font-size:11px;color:var(--text-light);">' + _apEsc(r.actor || '') + ' · ' + when + '</span>' +
          '</div>' +
          (r.entity_label ? '<div style="font-size:14px;color:var(--text);font-weight:600;">' + _apEsc(r.entity_label) + '</div>' : '') +
          '<div style="font-size:12px;color:var(--text-muted);margin-top:4px;line-height:1.5;">' +
            '<div><span style="color:var(--text-light);">before:</span> ' + _fmtBA(r.before_data) + '</div>' +
            '<div><span style="color:var(--text-light);">after:</span> ' + _fmtBA(r.after_data) + '</div>' +
          '</div>' +
          (r.decided_by ? '<div style="font-size:11px;color:var(--text-light);margin-top:4px;">' + _apEsc(r.review) + ' by ' + _apEsc(r.decided_by) + (r.decision_note ? ' · ' + _apEsc(r.decision_note) : '') + '</div>' : '') +
          '<div style="display:flex;gap:7px;margin-top:10px;flex-wrap:wrap;">' +
            (isPending ? '<button class="btn btn-primary" data-au-approve="' + r.id + '" style="height:32px;padding:0 12px;font-size:12px;">Approve</button>' : '') +
            (isPending ? '<button class="btn btn-secondary" data-au-amend="' + r.id + '" style="height:32px;padding:0 12px;font-size:12px;">Amend</button>' : '') +
            (isPending ? '<button class="btn btn-ghost" data-au-decline="' + r.id + '" style="height:32px;padding:0 12px;font-size:12px;color:var(--danger);">Decline</button>' : '') +
            (!isPending && r.action !== 'rollback' ? '<button class="btn btn-ghost" data-au-rollback="' + r.id + '" style="height:32px;padding:0 12px;font-size:12px;color:var(--danger);">Roll back</button>' : '') +
          '</div>' +
        '</div>';
      });
    }
    html += '</div>';
    box.innerHTML = html;

    var aa = document.getElementById('audit-approve-all');
    if (aa) bindButton(aa, function () { auditApproveAll(pending.map(function (r) { return r.id; })); });
    box.querySelectorAll('[data-au-approve]').forEach(function (b) { bindButton(b, function () { auditDecide(b.dataset.auApprove, 'approved'); }); });
    box.querySelectorAll('[data-au-decline]').forEach(function (b) { bindButton(b, function () { auditDecide(b.dataset.auDecline, 'declined'); }); });
    box.querySelectorAll('[data-au-rollback]').forEach(function (b) { bindButton(b, function () { auditDecide(b.dataset.auRollback, 'rollback'); }); });
    box.querySelectorAll('[data-au-amend]').forEach(function (b) { bindButton(b, function () { auditAmend(b.dataset.auAmend); }); });
  };

  async function auditDecide(id, decision, amendedData) {
    if (decision === 'declined' && !confirm('Decline this submission?')) return;
    if (decision === 'rollback' && !confirm('Roll back to the previous value? This writes a new snapshot restoring it.')) return;
    var payload = { action: 'audit_decide', audit_id: Number(id), decision: decision };
    if (amendedData && typeof amendedData === 'object') payload.amended_data = amendedData;
    var res = await callAdminUsers('audit_decide', payload);
    if (res.error) { window.toast && window.toast(res.error); return; }
    // Apply state-side effects for synced entities (deals/trips/expenses).
    try { await _applyAuditEffect(id, decision, amendedData); } catch (e) { console.warn(e); }
    window.toast && window.toast(decision === 'rollback' ? 'Rolled back' : (decision === 'approved' ? 'Approved' : 'Declined'));
    if (window.refreshApprovalsBadge) window.refreshApprovalsBadge();
    window.renderApprovals();
    if (!state.dirty && typeof pullSync === 'function') pullSync();
  }

  async function auditApproveAll(ids) {
    if (!ids || !ids.length) return;
    if (!confirm('Approve all ' + ids.length + ' pending items in this filter?')) return;
    for (var i = 0; i < ids.length; i++) {
      var res = await callAdminUsers('audit_decide', { action: 'audit_decide', audit_id: Number(ids[i]), decision: 'approved' });
      if (!res.error) { try { await _applyAuditEffect(ids[i], 'approved', null); } catch (e) {} }
    }
    window.toast && window.toast('Approved ' + ids.length + ' items');
    if (window.refreshApprovalsBadge) window.refreshApprovalsBadge();
    window.renderApprovals();
  }

  function auditAmend(id) {
    var r = (_auditCache || []).find(function (x) { return String(x.id) === String(id); });
    if (!r) return;
    var after = r.after_data || {};
    var amended = JSON.parse(JSON.stringify(after));
    // Amend the headline value per entity, then approve.
    if (r.entity === 'expense' && amended.expense) {
      var v = prompt('Amend expense amount (' + curSym() + '):', amended.expense.amount != null ? amended.expense.amount : '');
      if (v === null) return; var n = parseFloat(v); if (!isNaN(n)) amended.expense.amount = n;
    } else if (r.entity === 'stock_sale') {
      var p = prompt('Amend sale price (' + curSym() + '):', amended.sold_price != null ? amended.sold_price : '');
      if (p === null) return; var pn = parseFloat(p); if (!isNaN(pn)) amended.sold_price = pn;
    } else if (amended.amount != null) {
      var a = prompt('Amend amount (' + curSym() + '):', amended.amount);
      if (a === null) return; var an = parseFloat(a); if (!isNaN(an)) amended.amount = an;
    } else {
      window.toast && window.toast('Nothing editable on this entry');
      return;
    }
    auditDecide(id, 'approved', amended);
  }

  // Apply approved/declined/rolled-back audit effects to the synced app model
  // for entities that don't live in SQL (expense on trip, etc.). Stock is
  // handled server-side. Parks/trips field edits are already live.
  async function _applyAuditEffect(id, decision, amendedData) {
    var r = (_auditCache || []).find(function (x) { return String(x.id) === String(id); });
    if (!r) return;
    if (r.entity === 'expense') {
      var data = amendedData || r.after_data || {};
      var tripId = data.tripId, exp = data.expense;
      var t = state.trips.find(function (x) { return x.id === tripId; });
      if (!t) return;
      t.expenses = t.expenses || [];
      var idx = t.expenses.findIndex(function (e) { return e.id === (exp && exp.id); });
      if (decision === 'approved') {
        if (exp) { if (idx >= 0) t.expenses[idx] = exp; else t.expenses.push(exp); }
      } else { // declined / rollback
        if (idx >= 0) t.expenses.splice(idx, 1);
      }
      // Write without re-logging (direct state + sync).
      lsSet(LS.trips, state.trips); state.dirty = true; if (typeof scheduleSync === 'function') scheduleSync();
    }
    // deal/trip_complete merges could be added here as those flows mature.
  }

  async function decideApproval(id, decision, amended) {
    if (decision === 'rejected' && !confirm('Reject this submission?')) return;
    var ap = (_approvalsCache || []).find(function (a) { return String(a.id) === String(id); });
    var payload = { approval_id: Number(id), decision: decision };
    if (amended && typeof amended === 'object') payload.amended_payload = amended;
    var res = await callAdminUsers('decide_approval', payload);
    if (res.error) { window.toast && window.toast(res.error); return; }

    // Deals live in the synced app state (not the SQL deals table), so when a
    // deal is approved we merge it into state.deals here and push the sync.
    if (decision === 'approved' && ap && ap.entity === 'deal') {
      try {
        var deal = (amended && typeof amended === 'object')
          ? Object.assign({}, ap.payload, amended) : (ap.payload || {});
        if (!deal.id) deal.id = 'd_' + Math.random().toString(36).slice(2, 10);
        deal.approvedAt = new Date().toISOString();
        // BUG FIX (V-250 / strengthened V-307): a submitted deal sometimes
        // arrives with no tripId (or a tripId that matches no current trip), and
        // it approved into limbo — showing on no trip at all (this is exactly
        // what happened to the Julie Miller £200, which had to be placed by
        // hand). The old back-fill only worked when the park was already linked
        // to a trip's parkIds array; if it wasn't, the deal still vanished.
        // New rule (matches how we actually work — there's realistically only
        // ever ONE open trip): if the deal has no usable trip, resolve it in
        // priority order so it can NEVER land nowhere:
        //   1. the trip whose parkIds contains this park AND is currently open
        //   2. the single OPEN trip (startDate ≤ today ≤ endDate) — the usual case
        //   3. any trip whose parkIds contains this park (most recent)
        //   4. the most recently started trip as a last resort
        var _tripExists = function (tid) {
          return !!tid && (state.trips || []).some(function (t) { return t && t.id === tid; });
        };
        if (!_tripExists(deal.tripId)) {
          var _today = (typeof _todayISO === 'function') ? _todayISO() : new Date().toISOString().slice(0, 10);
          var _isOpen = function (t) { return t && t.startDate && t.startDate <= _today && (!t.endDate || t.endDate >= _today); };
          var _byPark = function (t) { return t && Array.isArray(t.parkIds) && deal.parkId && t.parkIds.indexOf(deal.parkId) >= 0; };
          var trips = state.trips || [];
          var chosen =
            // 1. park's own trip, if that trip is open
            trips.find(function (t) { return _byPark(t) && _isOpen(t); }) ||
            // 2. the single open trip (the normal "we're working it now" case)
            (typeof _activeTrip === 'function' ? _activeTrip() : trips.find(_isOpen)) ||
            // 3. any trip that lists this park (most recently started)
            trips.filter(_byPark).sort(function (a, b) {
              return String(b.startDate || '').localeCompare(String(a.startDate || ''));
            })[0] ||
            // 4. most recently started trip overall
            trips.slice().sort(function (a, b) {
              return String(b.startDate || '').localeCompare(String(a.startDate || ''));
            })[0];
          if (chosen) {
            deal.tripId = chosen.id;
            if (deal.tripId !== (ap.payload && ap.payload.tripId)) {
              deal.tripIdInferred = true; // breadcrumb: trip was auto-resolved, not submitted
            }
          }
        }
        var exists = state.deals.findIndex(function (d) { return d.id === deal.id; });
        if (exists >= 0) state.deals[exists] = deal; else state.deals.push(deal);
        lsSet(LS.deals, state.deals);
        // Mirror onto the park if present.
        var pk = state.parks.find(function (x) { return x.id === deal.parkId; });
        if (pk) { pk.deals = state.deals.filter(function (d) { return d.parkId === deal.parkId; }); window.updatePark(deal.parkId, { deals: pk.deals }); }
        // BUG FIX (V-250): previously the cloud push only happened in the `else`
        // branch (park-not-found). When the park existed, the approved deal was
        // merged locally but NEVER pushed — so it was approved-but-invisible to
        // everyone else (this is exactly what happened to the Mrs greer £60).
        // Always mark dirty and schedule a sync regardless of the park branch.
        state.dirty = true;
        if (typeof scheduleSync === 'function') scheduleSync();
      } catch (e) { console.warn('[Approvals] deal merge failed:', e); }
    }

    // When a salesman's trip-deletion request is approved, actually delete the
    // trip now (the request only ever held it pending — nothing was removed).
    if (decision === 'approved' && ap && ap.entity === 'trip_delete') {
      try {
        var tid = ap.payload && ap.payload.tripId;
        if (tid && typeof deleteTrip === 'function') {
          // deleteTrip normally confirms; call the core removal directly here.
          if (window.tombstone) window.tombstone('trips', tid);
          state.trips = (state.trips || []).filter(function (t) { return t.id !== tid; });
          lsSet(LS.trips, state.trips);
          var doomed = (state.deals || []).filter(function (d) { return d.tripId === tid; });
          if (doomed.length) {
            doomed.forEach(function (d) { if (window.tombstone) window.tombstone('deals', d.id); });
            state.deals = state.deals.filter(function (d) { return d.tripId !== tid; });
            lsSet(LS.deals, state.deals);
          }
          state.dirty = true;
          if (typeof scheduleSync === 'function') scheduleSync();
          if (typeof renderTrips === 'function') renderTrips();
        }
      } catch (e) { console.warn('[Approvals] trip delete apply failed:', e); }
    }

    window.toast && window.toast(decision === 'approved' ? 'Approved' : 'Rejected');
    await window.renderApprovals();
    if (window.refreshApprovalsBadge) window.refreshApprovalsBadge();
    // V-270: write-through hardening. The approved deal is merged into state and
    // must reach the cloud NOW. The previous push could fail silently if the JWT
    // had expired (this stranded Leanne Dodd £170: approved, but never written to
    // the live blob — "saved on phone, will sync when login refreshes"). Fix:
    // refresh the token FIRST, then push immediately. If the push still fails,
    // state stays dirty so the 30s heartbeat + retry loop keep trying until it
    // lands — it can no longer be silently lost.
    if (state.dirty && typeof pushSync === 'function') {
      try { if (typeof ensureFreshToken === 'function') await ensureFreshToken(); } catch (e) {}
      try {
        if (typeof window.pushNow === 'function') { await window.pushNow(); }
        else { await pushSync(); }
      } catch (e) {
        console.warn('[Approvals] write-through push failed — staying dirty for retry:', e);
        state.dirty = true;
        if (typeof scheduleSync === 'function') scheduleSync();
        window.toast && window.toast('Approved — saving to cloud, will retry if needed');
      }
    }
    else if (typeof pullSync === 'function') { var s = await pullSync(); if (typeof applySyncData === 'function') applySyncData(s); }
    // V-259: refresh whatever data view is open so an amended/approved deal shows
    // its new value immediately (the Jayne Bougord £50→£90 amend was correct in
    // the DB but the Deals list kept showing the stale £50 because it never
    // re-rendered after the decision).
    try {
      if (typeof window.renderDeals === 'function' &&
          (state.currentTab === 'deals' || document.getElementById('deals-view'))) window.renderDeals();
      if (typeof window._renderTripsList === 'function' && state.currentTab === 'trips') window._renderTripsList();
      if (typeof window.refreshFinancials === 'function') window.refreshFinancials();
    } catch (e) {}
  }

  function amendApproval(id) {
    var ap = (_approvalsCache || []).find(function (a) { return String(a.id) === String(id); });
    if (!ap) return;
    var p = ap.payload || {};
    var amended = Object.assign({}, p);
    if (ap.entity === 'deal' || ap.entity === 'financial') {
      var v = prompt('Amend amount (' + curSym() + '):', p.amount != null ? p.amount : '');
      if (v === null) return;
      var n = parseFloat(v); if (!isNaN(n)) amended.amount = n;
      var note = prompt('Amend items / note (optional):', p.items || p.label || '');
      if (note !== null) { if (ap.entity === 'deal') amended.items = note; else amended.label = note; }
    } else if (ap.entity === 'stock') {
      var c = prompt('Amend cost (' + curSym() + '):', p.cost != null ? p.cost : '');
      if (c === null) return;
      var cn = parseFloat(c); if (!isNaN(cn)) amended.cost = cn;
      var w = prompt('Amend weight (g):', p.weight_g != null ? p.weight_g : '');
      if (w !== null) { var wn = parseFloat(w); if (!isNaN(wn)) amended.weight_g = wn; }
    }
    decideApproval(id, 'approved', amended);
  }

  // =========================================================================
  // RENDERING
  // =========================================================================
  function _doRender() {
    updateCounts();
    renderList();
    if (state.view === 'map') updateMapPins();
    if (state.openParkId) renderPanel();
    // If user is on Near me, re-render that list too — type/filter changes must take effect live
    if (state.currentTab === 'nearby') renderNearby();
  }
  window.render = function() {
    if (window._renderSuspended) { window._renderPending = true; return; }
    // Coalesce: a single status tap shouldn't block on a full 1,000-row rebuild.
    // Defer to the next frame and collapse multiple calls in the same frame into
    // one render, so the tap (toast + visual feedback) feels instant.
    if (window._renderRAF) return;
    window._renderRAF = (window.requestAnimationFrame || function (fn) { return setTimeout(fn, 16); })(function () {
      window._renderRAF = null;
      _doRender();
    });
  };
  // Synchronous render escape hatch for the rare caller that needs the DOM
  // updated before it reads it back (none currently, but keeps behaviour safe).
  window.renderNow = function () {
    if (window._renderRAF) { (window.cancelAnimationFrame || clearTimeout)(window._renderRAF); window._renderRAF = null; }
    _doRender();
  };

  function visibleParks() {
    const types = state.selectedTypes || [];
    const q = (state.search || '').trim().toLowerCase();
    // V-316.1: an active text search matches name/town/county, and STILL respects
    // the selected TYPE chips (if you've picked "Parks", searching "London" should
    // return parks in London — NOT councils/housing-assoc too). It bypasses only the
    // STATUS tab (To-do/Working/Done), the colour rating and the source filter — that
    // was the real cause of the original "typed Kings, found nothing" bug (a brand-new
    // park hidden by the Done/To-do tab). So: type filter ON during search, status/
    // colour/source filters OFF during search.
    if (q) {
      return state.parks.filter(p => {
        const hay = ((p.name || '') + ' ' + (p.town || '') + ' ' + (p.county || '')).toLowerCase();
        if (hay.indexOf(q) < 0) return false;
        // Respect the type chips (a working park still always shows, as elsewhere).
        const isWorkingS = p && p.status === 'in_progress';
        if (!isWorkingS) {
          if (types.length === 0) return false;
          if (!parkHasType(p, types)) return false;
        }
        return true;
      });
    }
    return state.parks.filter(p => {
      // WORKING ALWAYS SHOWS: a park you're currently working (in_progress) is the
      // most important thing to see, so it bypasses the type / colour / source
      // filters entirely — it can never be hidden by an unselected type chip.
      const isWorking = p && p.status === 'in_progress';
      if (!isWorking) {
        // Empty type selection => show nothing (user has unselected all types).
        if (types.length === 0) return false;
        if (!parkHasType(p, types)) return false;
        if (state.colorFilter) {
          if (state.colorFilter === 'none') {
            if (p.rating) return false;
          } else if (p.rating !== state.colorFilter) return false;
        }
        if (state.sourceFilter && (p.source || '') !== state.sourceFilter) return false;
      }
      // Status tabs still apply to everyone (incl. working): on the "Done" tab a
      // working park shouldn't appear, etc.
      if (state.filter === 'todo' && p.status !== 'new') return false;
      if (state.filter === 'working' && p.status !== 'in_progress') return false;
      if (state.filter === 'done' && p.status !== 'done') return false;
      return true;
    });
  }

  function updateCounts() {
    const types = state.selectedTypes || [];
    const ofType = types.length === 0 ? [] : state.parks.filter(p => parkHasType(p, types));
    // WORKING ALWAYS COUNTS: in_progress parks are never hidden by the type
    // filter (matching visibleParks), so the Working tab counts ALL of them —
    // otherwise the list shows a working park the counter claims is 0.
    const working = state.parks.filter(p => p && p.status === 'in_progress').length;
    const newCount = ofType.filter(p => p.status === 'new').length;
    const done = ofType.filter(p => p.status === 'done').length;
    // "All" = everything of the selected type, PLUS any working park that the
    // type filter would otherwise exclude (so All ≥ Working is always true).
    const allSet = types.length === 0
      ? state.parks.filter(p => p && p.status === 'in_progress')
      : state.parks.filter(p => (p && p.status === 'in_progress') || parkHasType(p, types));
    const all = allSet.length;
    setText('count-all', all);
    setText('count-todo', newCount);
    setText('count-working', working);
    setText('count-done', done);
    // Park.org source count — total parkhome.org.uk parks (across all types).
    setText('count-source-parkorg', state.parks.filter(p => (p.source || '') === 'parkhome.org.uk').length);
    // Per-type counts (across whole DB)
    ['park','retirement-home','chalet','council','housing-assoc','house','bungalow'].forEach(t => {
      const n = state.parks.filter(p => (p.propertyType || 'park') === t).length;
      setText('type-count-' + t, n ? '(' + n + ')' : '');
    });
  }

  function ratingColor(r) {
    return r === 'good' ? '#2B6E4A' :
           r === 'ok' ? '#D97706' :
           r === 'notgreat' ? '#EAB308' :
           r === 'rubbish' ? '#C53030' :
           r === 'awful' ? '#1A1A1F' : null;
  }
  function ratingLabel(r) {
    return r === 'good' ? 'Good' :
           r === 'ok' ? 'OK' :
           r === 'notgreat' ? 'Not great' :
           r === 'rubbish' ? 'Rubbish' :
           r === 'awful' ? 'Awful' : null;
  }

  // Single source of truth for a park's map-marker colour, matching the on-map
  // COLOR GUIDE legend. Priority:
  //   1) a set rating (Good/OK/Not great/Rubbish/Awful) wins — you've assessed it
  //   2) Working (in_progress) -> orange, so a park you're on your way to shows
  //      correctly even before it's rated (this was previously grey by mistake)
  //   3) Done but unrated -> grey
  //   4) Not done -> grey
  function markerColorForPark(p) {
    var rc = ratingColor(p && p.rating);
    if (rc) return rc;
    if (p && p.status === 'in_progress') return '#B8842C'; // Working (orange)
    return '#9E9B95'; // Not done / done-unrated (grey)
  }

  // =========================================================================
  // WEATHER ENGINE (Open-Meteo — free, no API key)
  // Powers: the Weather tab, weather hints on park rows/pins, and Near.
  // Data licence: CC BY 4.0 (Open-Meteo). Batches many coords per request and
  // caches for 30 min so we never hammer the service or slow the app.
  // =========================================================================
  var WEATHER = {
    cache: {},            // key "lat,lng" (rounded) -> { ts, data }
    ttl: 30 * 60 * 1000,  // 30 minutes
    window: 'now'         // now | today | tomorrow | week
  };

  // Map Open-Meteo WMO weather codes to an icon NAME + label + rain flag.
  // (icon is an icoSvg() key — rendered to SVG by the consumers.)
  function wxFromCode(code, isDay) {
    var c = Number(code);
    var clear = (isDay === 0) ? 'moon' : 'sun';
    if (c === 0) return { icon: clear, label: 'Clear', rain: false };
    if (c === 1 || c === 2) return { icon: (isDay === 0 ? 'moon' : 'cloudSun'), label: 'Mostly clear', rain: false };
    if (c === 3) return { icon: 'cloud', label: 'Cloudy', rain: false };
    if (c === 45 || c === 48) return { icon: 'fog', label: 'Fog', rain: false };
    if (c >= 51 && c <= 57) return { icon: 'drizzle', label: 'Drizzle', rain: true };
    if (c >= 61 && c <= 67) return { icon: 'rain', label: 'Rain', rain: true };
    if (c >= 71 && c <= 77) return { icon: 'snow', label: 'Snow', rain: true };
    if (c >= 80 && c <= 82) return { icon: 'rain', label: 'Showers', rain: true };
    if (c === 85 || c === 86) return { icon: 'snow', label: 'Snow showers', rain: true };
    if (c >= 95) return { icon: 'storm', label: 'Thunderstorm', rain: true };
    return { icon: 'cloud', label: '\u2014', rain: false };
  }

  function _wxKey(lat, lng) { return (Math.round(lat * 100) / 100) + ',' + (Math.round(lng * 100) / 100); }

  // Fetch weather for a batch of points [{lat,lng}], using cache where fresh.
  // Open-Meteo accepts comma-separated coordinate lists, so a whole screen is
  // ONE request. Returns a promise resolving to a map { "lat,lng": data }.
  async function fetchWeatherBatch(points) {
    var out = {};
    var need = [];
    var now = Date.now();
    points.forEach(function (pt) {
      if (pt.lat == null || pt.lng == null) return;
      var k = _wxKey(pt.lat, pt.lng);
      var hit = WEATHER.cache[k];
      if (hit && (now - hit.ts) < WEATHER.ttl) { out[k] = hit.data; }
      else if (need.indexOf(k) < 0) need.push(k);
    });
    if (!need.length) return out;
    var batches = [];
    for (var i = 0; i < need.length; i += 90) batches.push(need.slice(i, i + 90));
    for (var b = 0; b < batches.length; b++) {
      var lats = batches[b].map(function (k) { return k.split(',')[0]; }).join(',');
      var lngs = batches[b].map(function (k) { return k.split(',')[1]; }).join(',');
      var url = 'https://api.open-meteo.com/v1/forecast?latitude=' + lats + '&longitude=' + lngs +
        '&current=temperature_2m,weather_code,wind_speed_10m,precipitation,is_day' +
        '&hourly=temperature_2m,precipitation_probability,weather_code' +
        '&daily=weather_code,temperature_2m_max,temperature_2m_min,precipitation_probability_max' +
        '&timezone=auto&forecast_days=7&wind_speed_unit=mph&temperature_unit=celsius&precipitation_unit=mm';
      try {
        var res = await fetch(url);
        if (!res.ok) continue;
        var json = await res.json();
        var arr = Array.isArray(json) ? json : [json];
        arr.forEach(function (loc, idx) {
          var k = batches[b][idx];
          if (!k || !loc) return;
          WEATHER.cache[k] = { ts: now, data: loc };
          out[k] = loc;
        });
      } catch (e) { /* network — skip, UI shows no hint */ }
    }
    return out;
  }

  // Pull the right summary for a cached location based on the active time window.
  function wxSummary(loc, win) {
    if (!loc) return null;
    win = win || WEATHER.window;
    try {
      if (win === 'now') {
        var cur = loc.current || {};
        var w = wxFromCode(cur.weather_code, cur.is_day);
        var prob = null;
        if (loc.hourly && loc.hourly.time && loc.hourly.precipitation_probability) {
          var nowIso = (cur.time || '').slice(0, 13);
          var hi = loc.hourly.time.findIndex(function (t) { return t.slice(0, 13) === nowIso; });
          if (hi < 0) hi = 0;
          var w2 = loc.hourly.precipitation_probability.slice(hi, hi + 2).filter(function (v) { return v != null; });
          if (w2.length) prob = Math.max.apply(null, w2);
        }
        return {
          icon: w.icon, label: w.label, rain: w.rain,
          temp: cur.temperature_2m != null ? Math.round(cur.temperature_2m) : null,
          wind: cur.wind_speed_10m != null ? Math.round(cur.wind_speed_10m) : null,
          rainProb: prob
        };
      }
      var dayIdx = win === 'tomorrow' ? 1 : 0;
      var d = loc.daily || {};
      var wc = d.weather_code && d.weather_code[dayIdx];
      var ww = wxFromCode(wc, 1);
      return {
        icon: ww.icon, label: ww.label, rain: ww.rain,
        temp: d.temperature_2m_max ? Math.round(d.temperature_2m_max[dayIdx]) : null,
        tempMin: d.temperature_2m_min ? Math.round(d.temperature_2m_min[dayIdx]) : null,
        wind: null,
        rainProb: d.precipitation_probability_max ? d.precipitation_probability_max[dayIdx] : null,
        week: (win === 'week' && d.time) ? d.time.map(function (t, i) {
          var dw = wxFromCode(d.weather_code[i], 1);
          return { date: t, icon: dw.icon, label: dw.label, max: Math.round(d.temperature_2m_max[i]), min: Math.round(d.temperature_2m_min[i]), rainProb: d.precipitation_probability_max[i] };
        }) : null
      };
    } catch (e) { return null; }
  }

  // Compact one-line hint for a park, e.g. "[icon] 12° · 60% · 18mph". Returns ''
  // if no cached weather yet (so the UI just shows nothing rather than waiting).
  function wxHintForPark(p) {
    if (!p || p.lat == null || p.lng == null) return '';
    var loc = WEATHER.cache[_wxKey(p.lat, p.lng)];
    if (!loc) return '';
    var s = wxSummary(loc.data, 'now');
    if (!s) return '';
    var bits = [];
    if (s.temp != null) bits.push(s.temp + '\u00B0');
    if (s.rainProb != null) bits.push(s.rainProb + '%');
    if (s.wind != null) bits.push(s.wind + 'mph');
    return icoSvg(s.icon, 13, 'currentColor') + ' ' + bits.join(' \u00B7 ');
  }
  window.WEATHER = WEATHER;
  window.fetchWeatherBatch = fetchWeatherBatch;
  window.wxSummary = wxSummary;
  window.wxHintForPark = wxHintForPark;

  // Major UK areas seeded for the Weather tab's region overview.
  var WX_CITIES = [
    { name: 'Nottingham', lat: 52.9548, lng: -1.1581 },
    { name: 'Leicester', lat: 52.6369, lng: -1.1398 },
    { name: 'Derby', lat: 52.9226, lng: -1.4746 },
    { name: 'Birmingham', lat: 52.4862, lng: -1.8904 },
    { name: 'Coventry', lat: 52.4068, lng: -1.5197 },
    { name: 'Leeds', lat: 53.8008, lng: -1.5491 },
    { name: 'Sheffield', lat: 53.3811, lng: -1.4701 },
    { name: 'Manchester', lat: 53.4808, lng: -2.2426 },
    { name: 'Liverpool', lat: 53.4084, lng: -2.9916 },
    { name: 'Newcastle', lat: 54.9783, lng: -1.6178 },
    { name: 'London', lat: 51.5072, lng: -0.1276 },
    { name: 'Bristol', lat: 51.4545, lng: -2.5879 },
    { name: 'Norwich', lat: 52.6309, lng: 1.2974 },
    { name: 'Skegness', lat: 53.1438, lng: 0.3398 },
    { name: 'Cardiff', lat: 51.4816, lng: -3.1791 },
    { name: 'Portsmouth', lat: 50.8198, lng: -1.0880 }
  ];
  var _wxMap = null, _wxMarkers = [];
  var WX_WINDOWS = [
    { key: 'now', label: 'Now' },
    { key: 'today', label: 'Today' },
    { key: 'tomorrow', label: 'Tomorrow' },
    { key: 'week', label: '7 days' }
  ];

  window.wxSetWindow = function (w) { WEATHER.window = w; window.renderWeather(); };

  async function renderWeather() {
    var host = document.getElementById('weather-view');
    if (!host) return;
    var win = WEATHER.window || 'now';
    var winTabs = WX_WINDOWS.map(function (w) {
      var on = w.key === win;
      return '<button onclick="window.wxSetWindow(\'' + w.key + '\')" style="flex:1;height:36px;border-radius:9px;border:1px solid ' +
        (on ? 'var(--primary)' : 'var(--border)') + ';background:' + (on ? 'var(--primary)' : 'var(--surface)') +
        ';color:' + (on ? '#fff' : 'var(--text)') + ';font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;">' + w.label + '</button>';
    }).join('');

    host.innerHTML =
      '<div style="padding:4px 2px 10px;">' +
        '<h2 style="font-family:var(--serif,Georgia);font-size:24px;margin:6px 0 2px;">Weather</h2>' +
        '<div style="font-size:13px;color:var(--text-muted);margin-bottom:12px;">Search any city or plan your day around the rain.</div>' +
        '<div style="display:flex;gap:8px;margin-bottom:12px;">' +
          '<input id="wx-search-input" type="text" inputmode="search" autocomplete="off" placeholder="Search a city or town\u2026" ' +
            'value="' + escapeHtml(WEATHER.searched ? WEATHER.searched.name : '') + '" ' +
            'onkeydown="window.wxSearchKey(event)" ' +
            'style="flex:1;min-width:0;height:42px;border-radius:11px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-family:inherit;font-size:15px;padding:0 14px;outline:none;">' +
          '<button id="wx-search-btn" onclick="window.wxSearchCity()" ontouchend="event.preventDefault();window.wxSearchCity()" ' +
            'style="flex:0 0 auto;height:42px;padding:0 16px;border-radius:11px;border:none;background:var(--primary);color:#fff;font-family:inherit;font-weight:700;font-size:14px;cursor:pointer;">Search</button>' +
        '</div>' +
        '<div id="wx-search-result" style="margin-bottom:14px;"></div>' +
        '<div style="display:flex;gap:6px;margin-bottom:12px;">' + winTabs + '</div>' +
        '<div id="wx-map" style="height:300px;border-radius:14px;overflow:hidden;border:1px solid var(--border);margin-bottom:14px;background:var(--surface-2);"></div>' +
        '<div id="wx-myarea" style="margin-bottom:14px;"></div>' +
        '<div style="font-size:12px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);font-weight:700;margin-bottom:8px;">Major areas</div>' +
        '<div id="wx-cities" style="display:grid;grid-template-columns:1fr 1fr;gap:8px;">Loading\u2026</div>' +
        '<div style="font-size:10px;color:var(--text-muted);margin-top:14px;text-align:center;">Weather by Open-Meteo \u00B7 CC BY 4.0</div>' +
      '</div>';

    // Build the points to fetch: cities + your location + any searched city.
    var points = WX_CITIES.slice();
    if (state.myLocation && state.myLocation.lat != null) points.push({ name: 'Your area', lat: state.myLocation.lat, lng: state.myLocation.lng, mine: true });
    if (WEATHER.searched && WEATHER.searched.lat != null) points.push({ name: WEATHER.searched.name, lat: WEATHER.searched.lat, lng: WEATHER.searched.lng, searched: true });

    var data = await fetchWeatherBatch(points);

    // Render the city grid.
    var grid = document.getElementById('wx-cities');
    if (grid) {
      grid.innerHTML = WX_CITIES.map(function (c) {
        var loc = data[_wxKey(c.lat, c.lng)];
        var s = loc ? wxSummary(loc, win) : null;
        var sub = s ? ((s.temp != null ? s.temp + '\u00B0' : '') + (s.rainProb != null ? ' \u00B7 ' + s.rainProb + '% rain' : '')) : '\u2026';
        var border = (s && s.rain) ? '#4593c4' : 'var(--border)';
        return '<div style="border:1px solid ' + border + ';border-radius:11px;padding:10px 12px;background:var(--surface);">' +
          '<div style="display:flex;align-items:center;gap:8px;">' +
            '<span style="display:inline-flex;color:var(--primary);">' + icoSvg((s ? s.icon : 'cloud'), 22, 'currentColor') + '</span>' +
            '<div style="min-width:0;"><div style="font-weight:700;font-size:14px;">' + escapeHtml(c.name) + '</div>' +
            '<div style="font-size:11px;color:var(--text-muted);">' + sub + '</div></div>' +
          '</div></div>';
      }).join('');
    }

    // Your area headline card.
    var myBox = document.getElementById('wx-myarea');
    if (myBox && state.myLocation && state.myLocation.lat != null) {
      var ml = data[_wxKey(state.myLocation.lat, state.myLocation.lng)];
      var ms = ml ? wxSummary(ml, win) : null;
      if (ms) {
        myBox.innerHTML = '<div style="border:1.5px solid var(--primary);border-radius:14px;padding:14px 16px;background:var(--surface);display:flex;align-items:center;gap:14px;">' +
          '<span style="display:inline-flex;color:var(--primary);">' + icoSvg(ms.icon, 36, 'currentColor') + '</span>' +
          '<div><div style="font-size:12px;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-muted);font-weight:700;">Your area now</div>' +
          '<div style="font-size:20px;font-weight:800;">' + (ms.temp != null ? ms.temp + '\u00B0C' : '') + ' \u00B7 ' + ms.label + '</div>' +
          '<div style="font-size:13px;color:var(--text-muted);">' + (ms.rainProb != null ? ms.rainProb + '% chance of rain' : '') + (ms.wind != null ? ' \u00B7 ' + ms.wind + ' mph wind' : '') + '</div></div>' +
          '</div>';
      }
    } else if (myBox) {
      myBox.innerHTML = '<button onclick="window.wxUseMyLocation()" style="width:100%;height:42px;border-radius:11px;border:1px dashed var(--border-strong);background:var(--surface);color:var(--primary);font-family:inherit;font-weight:700;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;">' + icoSvg('pin', 16, 'currentColor') + 'Use my location for local weather</button>';
    }

    // Searched-city headline card (shown above the map when a search is active).
    var srBox = document.getElementById('wx-search-result');
    if (srBox && WEATHER.searched && WEATHER.searched.lat != null) {
      var sl = data[_wxKey(WEATHER.searched.lat, WEATHER.searched.lng)];
      var ss = sl ? wxSummary(sl, win) : null;
      var winLbl = (WX_WINDOWS.find(function (w) { return w.key === win; }) || {}).label || '';
      srBox.innerHTML = '<div style="border:1.5px solid var(--accent);border-radius:14px;padding:14px 16px;background:var(--surface);">' +
        '<div style="display:flex;align-items:center;gap:14px;">' +
          '<span style="display:inline-flex;color:var(--accent);">' + icoSvg((ss ? ss.icon : 'cloud'), 36, 'currentColor') + '</span>' +
          '<div style="flex:1;min-width:0;">' +
            '<div style="font-size:12px;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-muted);font-weight:700;">Search result \u00B7 ' + escapeHtml(winLbl) + '</div>' +
            '<div style="font-size:18px;font-weight:800;line-height:1.2;">' + escapeHtml(WEATHER.searched.name) + '</div>' +
            '<div style="font-size:14px;font-weight:700;">' + (ss ? ((ss.temp != null ? ss.temp + '\u00B0C \u00B7 ' : '') + ss.label) : 'No data') + '</div>' +
            '<div style="font-size:13px;color:var(--text-muted);">' + (ss && ss.rainProb != null ? ss.rainProb + '% chance of rain' : '') + (ss && ss.wind != null ? ' \u00B7 ' + ss.wind + ' mph wind' : '') + '</div>' +
          '</div>' +
          '<button onclick="window.wxClearSearch()" ontouchend="event.preventDefault();window.wxClearSearch()" title="Clear search" ' +
            'style="flex:0 0 auto;width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);font-size:18px;line-height:1;cursor:pointer;">\u00D7</button>' +
        '</div></div>';
    }

    // Build the map with weather markers.
    setTimeout(function () { wxBuildMap(data, win); }, 60);
  }
  window.renderWeather = renderWeather;

  window.wxUseMyLocation = function () {
    if (!navigator.geolocation) { window.toast && window.toast('Location not available'); return; }
    navigator.geolocation.getCurrentPosition(function (pos) {
      state.myLocation = { lat: pos.coords.latitude, lng: pos.coords.longitude };
      try { window.maybeAutoCloseByGps && window.maybeAutoCloseByGps(); } catch (e) {}
      window.renderWeather();
    }, function () { window.toast && window.toast('Location permission denied'); }, { enableHighAccuracy: true, timeout: 10000 });
  };

  // City search: geocode any typed place (Open-Meteo geocoding API — free,
  // no key, same provider as the weather) to a point, then re-render so its
  // forecast shows as a headline card + a map pin. Falls back to the built-in
  // planGeocode table if the API is unreachable.
  window.wxSearchCity = async function () {
    var inp = document.getElementById('wx-search-input');
    if (!inp) return;
    var raw = (inp.value || '').trim();
    if (!raw) { window.wxClearSearch(); return; }
    var btn = document.getElementById('wx-search-btn');
    if (btn) { btn.disabled = true; btn.textContent = '\u2026'; }

    // Work out if the user named a country/territory qualifier (e.g. "uk",
    // "england", "jersey", "isle of man") so we can bias the results. Open-Meteo
    // doesn't parse free-text country words, so we strip them from the name we
    // send and instead use them to RANK the results it returns.
    var lower = raw.toLowerCase();
    var QUAL = [
      { re: /\b(uk|u\.k\.|united kingdom|england|scotland|wales|britain|gb|great britain)\b/, codes: ['GB'] },
      { re: /\b(guernsey)\b/, codes: ['GG'] },
      { re: /\b(jersey)\b/, codes: ['JE'] },
      { re: /\b(isle of man|man island)\b/, codes: ['IM'] },
      { re: /\b(ireland|eire)\b/, codes: ['IE'] },
      { re: /\b(australia|aus|oz)\b/, codes: ['AU'] },
      { re: /\b(usa|u\.s\.a\.|united states|america)\b/, codes: ['US'] },
      { re: /\b(canada)\b/, codes: ['CA'] },
      { re: /\b(new zealand|nz)\b/, codes: ['NZ'] }
    ];
    var wantCodes = null;
    QUAL.forEach(function (q2) { if (q2.re.test(lower)) wantCodes = (wantCodes || []).concat(q2.codes); });

    // For the Channel Islands & IoM the island name IS the place — keep it.
    // Otherwise strip a trailing country qualifier word so the name matches.
    var nameQuery = raw;
    if (!/\b(guernsey|jersey|isle of man)\b/.test(lower)) {
      nameQuery = raw.replace(/[,\s]+(uk|u\.k\.|united kingdom|england|scotland|wales|britain|gb|great britain|ireland|eire|australia|aus|usa|united states|america|canada|new zealand|nz)\b\.?$/i, '').trim() || raw;
    }

    var found = null;
    try {
      var url = 'https://geocoding-api.open-meteo.com/v1/search?count=10&language=en&format=json&name=' + encodeURIComponent(nameQuery);
      var res = await fetch(url);
      if (res.ok) {
        var j = await res.json();
        var results = (j && j.results) ? j.results : [];
        if (results.length) {
          // Score each candidate: country-code match is the strongest signal,
          // then population (bigger = more likely what they meant).
          var best = null, bestScore = -1e18;
          results.forEach(function (r) {
            var score = 0;
            if (wantCodes && r.country_code && wantCodes.indexOf(r.country_code) >= 0) score += 1e9;
            // Mild default lean to UK when no qualifier given (this is a UK-based business).
            if (!wantCodes && r.country_code === 'GB') score += 5e7;
            score += (r.population || 0);
            if (score > bestScore) { bestScore = score; best = r; }
          });
          var r0 = best || results[0];
          var bits = [r0.name];
          if (r0.admin1 && r0.admin1 !== r0.name) bits.push(r0.admin1);
          if (r0.country && r0.country !== r0.admin1) bits.push(r0.country);
          else if (r0.country_code) bits.push(r0.country_code);
          found = { name: bits.join(', '), lat: r0.latitude, lng: r0.longitude };
        }
      }
    } catch (e) {}
    // Fallback: built-in coordinate table for common UK/AU places.
    if (!found && typeof planGeocode === 'function') {
      var g = planGeocode(nameQuery);
      if (g && g.lat != null) found = { name: raw, lat: g.lat, lng: g.lng };
    }
    if (btn) { btn.disabled = false; btn.textContent = 'Search'; }
    if (!found) { window.toast && window.toast('Couldn\u2019t find "' + raw + '"'); return; }
    WEATHER.searched = found;
    window.renderWeather();
  };
  window.wxClearSearch = function () {
    WEATHER.searched = null;
    window.renderWeather();
  };
  // Enter key in the search box triggers the search.
  window.wxSearchKey = function (ev) {
    if (ev && (ev.key === 'Enter' || ev.keyCode === 13)) { ev.preventDefault(); window.wxSearchCity(); }
  };

  // =========================================================================
  // TRANSLATE TAB
  // Type (or dictate) in one language, translate to another, and have the
  // result read aloud. Text translation runs through the existing claude-proxy
  // edge function (no extra key). Speech-in uses the browser SpeechRecognition
  // API; speech-out uses SpeechSynthesis. Language choices persist locally.
  // =========================================================================
  var TR_LANGS = [
    { code: 'en', name: 'English',     bcp: 'en-GB' },
    { code: 'pl', name: 'Polish',      bcp: 'pl-PL' },
    { code: 'ro', name: 'Romanian',    bcp: 'ro-RO' },
    { code: 'lt', name: 'Lithuanian',  bcp: 'lt-LT' },
    { code: 'pt', name: 'Portuguese',  bcp: 'pt-PT' },
    { code: 'es', name: 'Spanish',     bcp: 'es-ES' },
    { code: 'fr', name: 'French',      bcp: 'fr-FR' },
    { code: 'de', name: 'German',      bcp: 'de-DE' },
    { code: 'it', name: 'Italian',     bcp: 'it-IT' },
    { code: 'nl', name: 'Dutch',       bcp: 'nl-NL' },
    { code: 'el', name: 'Greek',       bcp: 'el-GR' },
    { code: 'tr', name: 'Turkish',     bcp: 'tr-TR' },
    { code: 'ru', name: 'Russian',     bcp: 'ru-RU' },
    { code: 'uk', name: 'Ukrainian',   bcp: 'uk-UA' },
    { code: 'ar', name: 'Arabic',      bcp: 'ar-SA' },
    { code: 'ur', name: 'Urdu',        bcp: 'ur-PK' },
    { code: 'hi', name: 'Hindi',       bcp: 'hi-IN' },
    { code: 'bn', name: 'Bengali',     bcp: 'bn-BD' },
    { code: 'pa', name: 'Punjabi',     bcp: 'pa-IN' },
    { code: 'zh', name: 'Chinese (Mandarin)', bcp: 'zh-CN' },
    { code: 'ja', name: 'Japanese',    bcp: 'ja-JP' },
    { code: 'ko', name: 'Korean',      bcp: 'ko-KR' },
    { code: 'th', name: 'Thai',        bcp: 'th-TH' },
    { code: 'vi', name: 'Vietnamese',  bcp: 'vi-VN' },
    { code: 'tl', name: 'Filipino',    bcp: 'fil-PH' },
    { code: 'so', name: 'Somali',      bcp: 'so-SO' },
    { code: 'sw', name: 'Swahili',     bcp: 'sw-KE' }
  ];
  var TRANS = {
    from: 'en',
    to: 'pl',
    input: '',
    output: '',
    busy: false,
    listening: false,
    rec: null,
    recents: [],        // [{from,to,input,output,ts}] newest-first
    recentsShown: 4     // how many to show before "Show more"
  };
  function trLang(code) { return TR_LANGS.find(function (l) { return l.code === code; }) || TR_LANGS[0]; }

  // Load saved language prefs + translation history.
  try {
    var _trF = localStorage.getItem('pr_tr_from'); if (_trF) TRANS.from = _trF;
    var _trT = localStorage.getItem('pr_tr_to');   if (_trT) TRANS.to = _trT;
    var _trH = localStorage.getItem('pr_tr_recents'); if (_trH) { var _a = JSON.parse(_trH); if (Array.isArray(_a)) TRANS.recents = _a; }
  } catch (e) {}
  function trSaveRecents() {
    try { localStorage.setItem('pr_tr_recents', JSON.stringify((TRANS.recents || []).slice(0, 60))); } catch (e) {}
  }

  function trSpeechSupported() {
    return !!(window.SpeechRecognition || window.webkitSpeechRecognition);
  }
  function trTtsSupported() {
    return ('speechSynthesis' in window);
  }

  window.renderTranslate = function () {
    var host = document.getElementById('translate-view');
    if (!host) return;
    var fromL = trLang(TRANS.from), toL = trLang(TRANS.to);
    var opts = function (sel) {
      return TR_LANGS.map(function (l) {
        return '<option value="' + l.code + '"' + (l.code === sel ? ' selected' : '') + '>' + escapeHtml(l.name) + '</option>';
      }).join('');
    };
    var micBtn = trSpeechSupported()
      ? '<button id="tr-mic" onclick="window.trToggleMic()" ontouchend="event.preventDefault();window.trToggleMic()" ' +
        'style="display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px;border-radius:10px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-family:inherit;font-weight:600;font-size:13px;cursor:pointer;">' +
        '<svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z"/><path d="M19 10v2a7 7 0 0 1-14 0v-2"/><line x1="12" y1="19" x2="12" y2="23"/></svg>' +
        '<span id="tr-mic-label">Speak</span></button>'
      : '<span style="font-size:11.5px;color:var(--text-muted);">Voice input not supported on this browser</span>';

    host.innerHTML =
      '<div style="padding:4px 2px 24px;">' +
        '<h2 style="font-family:var(--serif,Georgia);font-size:24px;margin:6px 0 2px;">Translate</h2>' +
        '<div style="font-size:13px;color:var(--text-muted);margin-bottom:14px;">Type or speak in one language, get it in another \u2014 and have it read aloud.</div>' +

        // Language selector row with swap.
        '<div style="display:flex;align-items:flex-end;gap:8px;margin-bottom:12px;">' +
          '<div style="flex:1;min-width:0;">' +
            '<label style="display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:700;margin-bottom:4px;">From</label>' +
            '<select id="tr-from" onchange="window.trSetLang(\'from\',this.value)" style="width:100%;height:42px;border-radius:11px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-family:inherit;font-size:14px;padding:0 10px;">' + opts(TRANS.from) + '</select>' +
          '</div>' +
          '<button onclick="window.trSwap()" ontouchend="event.preventDefault();window.trSwap()" title="Swap languages" ' +
            'style="flex:0 0 auto;width:42px;height:42px;border-radius:11px;border:1px solid var(--border-strong);background:var(--surface-2);color:var(--primary);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;">' +
            '<svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="17 1 21 5 17 9"/><path d="M3 11V9a4 4 0 0 1 4-4h14"/><polyline points="7 23 3 19 7 15"/><path d="M21 13v2a4 4 0 0 1-4 4H3"/></svg>' +
          '</button>' +
          '<div style="flex:1;min-width:0;">' +
            '<label style="display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:700;margin-bottom:4px;">To</label>' +
            '<select id="tr-to" onchange="window.trSetLang(\'to\',this.value)" style="width:100%;height:42px;border-radius:11px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-family:inherit;font-size:14px;padding:0 10px;">' + opts(TRANS.to) + '</select>' +
          '</div>' +
        '</div>' +

        // Input panel.
        '<div style="background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:12px;margin-bottom:10px;">' +
          '<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;">' +
            '<span style="font-size:12px;font-weight:700;color:var(--text-muted);">' + escapeHtml(fromL.name) + '</span>' +
            '<button onclick="window.trClearInput()" ontouchend="event.preventDefault();window.trClearInput()" style="font-size:12px;color:var(--text-muted);background:none;border:none;cursor:pointer;">Clear</button>' +
          '</div>' +
          '<textarea id="tr-input" oninput="window.trInputChange(this.value)" placeholder="Type here\u2026" ' +
            'style="width:100%;min-height:90px;resize:vertical;border:none;background:transparent;color:var(--text);font-family:inherit;font-size:16px;line-height:1.4;outline:none;">' + escapeHtml(TRANS.input) + '</textarea>' +
          '<div id="tr-listen-hint" style="font-size:12px;color:var(--danger);font-weight:600;margin-top:4px;display:none;">\u25CF Listening\u2026 speak now</div>' +
          '<div style="display:flex;gap:8px;margin-top:10px;flex-wrap:wrap;">' +
            micBtn +
            '<button onclick="window.trTranslate()" ontouchend="event.preventDefault();window.trTranslate()" id="tr-go" ' +
              'style="flex:1;min-width:120px;height:38px;border-radius:10px;border:none;background:var(--primary);color:#fff;font-family:inherit;font-weight:700;font-size:14px;cursor:pointer;">Translate</button>' +
          '</div>' +
        '</div>' +

        // Output panel.
        '<div style="background:var(--surface-2);border:1px solid var(--border);border-radius:14px;padding:12px;min-height:90px;">' +
          '<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;">' +
            '<span style="font-size:12px;font-weight:700;color:var(--text-muted);">' + escapeHtml(toL.name) + '</span>' +
            '<div style="display:flex;gap:10px;">' +
              (trTtsSupported() ? '<button onclick="window.trSpeakOutput()" ontouchend="event.preventDefault();window.trSpeakOutput()" title="Read aloud" style="display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--primary);background:none;border:none;cursor:pointer;"><svg viewBox="0 0 24 24" width="15" height="15" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"/><path d="M15.5 8.5a5 5 0 0 1 0 7M19 5a9 9 0 0 1 0 14"/></svg>Speak</button>' : '') +
              '<button onclick="window.trCopyOutput()" ontouchend="event.preventDefault();window.trCopyOutput()" title="Copy" style="font-size:12px;font-weight:600;color:var(--text-muted);background:none;border:none;cursor:pointer;">Copy</button>' +
            '</div>' +
          '</div>' +
          '<div id="tr-output" style="font-size:17px;line-height:1.45;color:var(--text);min-height:46px;white-space:pre-wrap;word-break:break-word;">' +
            (TRANS.output ? escapeHtml(TRANS.output) : '<span style="color:var(--text-light);">Translation will appear here.</span>') +
          '</div>' +
        '</div>' +
        '<div style="font-size:10px;color:var(--text-muted);margin-top:12px;text-align:center;">Translations are AI-generated and may not be perfect.</div>' +

        // Recents.
        '<div id="tr-recents" style="margin-top:18px;border-top:1px solid var(--border);padding-top:14px;">' + trRecentsHtml() + '</div>' +
      '</div>';
  };

  function trRecentsHtml() {
    var list = TRANS.recents || [];
    var head = '<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;">' +
      '<div style="font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:700;">Recents</div>' +
      (list.length ? '<button onclick="window.trClearRecents()" ontouchend="event.preventDefault();window.trClearRecents()" style="border:none;background:none;color:var(--text-muted);font-family:inherit;font-weight:600;font-size:12px;cursor:pointer;">Clear all</button>' : '') +
      '</div>';
    if (!list.length) return head + '<div style="color:var(--text-light);font-size:13px;padding:4px 2px;">No translations yet \u2014 they\u2019ll be saved here.</div>';
    var shown = Math.min(TRANS.recentsShown, list.length);
    var cards = list.slice(0, shown).map(function (r, i) {
      var fromL = trLang(r.from), toL = trLang(r.to);
      var when = '';
      try { var d = new Date(r.ts); when = d.toLocaleDateString(undefined, { day: 'numeric', month: 'short' }) + ' \u00B7 ' + d.toLocaleTimeString(undefined, { hour: '2-digit', minute: '2-digit' }); } catch (e) {}
      return '<div style="background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:11px 12px;margin-bottom:8px;">' +
        '<div style="display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;">' +
          '<span style="font-size:11px;font-weight:700;color:var(--primary);">' + escapeHtml(fromL.name) + ' \u2192 ' + escapeHtml(toL.name) + '</span>' +
          '<span style="font-size:10.5px;color:var(--text-light);flex:0 0 auto;">' + escapeHtml(when) + '</span>' +
        '</div>' +
        '<div style="font-size:13px;color:var(--text-muted);line-height:1.4;margin-bottom:4px;">' + escapeHtml(r.input) + '</div>' +
        '<div style="font-size:14.5px;color:var(--text);line-height:1.45;font-weight:500;">' + escapeHtml(r.output) + '</div>' +
        '<div style="display:flex;gap:14px;margin-top:8px;">' +
          '<button onclick="window.trReuseRecent(' + i + ')" ontouchend="event.preventDefault();window.trReuseRecent(' + i + ')" style="border:none;background:none;color:var(--primary);font-family:inherit;font-weight:700;font-size:12px;cursor:pointer;">Reuse</button>' +
          '<button onclick="window.trCopyRecent(' + i + ')" ontouchend="event.preventDefault();window.trCopyRecent(' + i + ')" style="border:none;background:none;color:var(--text-muted);font-family:inherit;font-weight:600;font-size:12px;cursor:pointer;">Copy</button>' +
        '</div>' +
      '</div>';
    }).join('');
    var more = '';
    if (list.length > shown) {
      more = '<button onclick="window.trShowMoreRecents()" ontouchend="event.preventDefault();window.trShowMoreRecents()" style="width:100%;height:38px;border-radius:10px;border:1px solid var(--border-strong);background:var(--surface);color:var(--primary);font-family:inherit;font-weight:700;font-size:13px;cursor:pointer;">Show more (' + (list.length - shown) + ')</button>';
    } else if (shown > 4) {
      more = '<button onclick="window.trShowLessRecents()" ontouchend="event.preventDefault();window.trShowLessRecents()" style="width:100%;height:38px;border-radius:10px;border:1px solid var(--border);background:none;color:var(--text-muted);font-family:inherit;font-weight:600;font-size:13px;cursor:pointer;">Show less</button>';
    }
    return head + cards + more;
  }
  function trRefreshRecents() {
    var el = document.getElementById('tr-recents');
    if (el) el.innerHTML = trRecentsHtml();
  }
  window.trShowMoreRecents = function () { TRANS.recentsShown += 8; trRefreshRecents(); };
  window.trShowLessRecents = function () { TRANS.recentsShown = 4; trRefreshRecents(); };
  window.trClearRecents = function () { TRANS.recents = []; TRANS.recentsShown = 4; trSaveRecents(); trRefreshRecents(); };
  window.trReuseRecent = function (i) {
    var r = (TRANS.recents || [])[i]; if (!r) return;
    TRANS.from = r.from; TRANS.to = r.to; TRANS.input = r.input; TRANS.output = r.output;
    try { localStorage.setItem('pr_tr_from', r.from); localStorage.setItem('pr_tr_to', r.to); } catch (e) {}
    window.renderTranslate();
    var ta = document.getElementById('tr-input'); if (ta) { try { ta.scrollIntoView({ behavior: 'smooth', block: 'center' }); } catch (e) {} }
  };
  window.trCopyRecent = function (i) {
    var r = (TRANS.recents || [])[i]; if (!r) return;
    try { (navigator.clipboard && navigator.clipboard.writeText) ? navigator.clipboard.writeText(r.output) : 0; window.toast && window.toast('Copied'); } catch (e) {}
  };

  window.trSetLang = function (which, code) {
    if (which === 'from') { TRANS.from = code; try { localStorage.setItem('pr_tr_from', code); } catch (e) {} }
    else { TRANS.to = code; try { localStorage.setItem('pr_tr_to', code); } catch (e) {} }
    // Re-render to refresh the panel language labels.
    window.renderTranslate();
  };
  window.trSwap = function () {
    var f = TRANS.from; TRANS.from = TRANS.to; TRANS.to = f;
    // Also swap the text so a reverse-translation flows naturally.
    var oldOut = TRANS.output;
    TRANS.input = oldOut || TRANS.input;
    TRANS.output = '';
    try { localStorage.setItem('pr_tr_from', TRANS.from); localStorage.setItem('pr_tr_to', TRANS.to); } catch (e) {}
    window.renderTranslate();
  };
  window.trInputChange = function (v) { TRANS.input = v; };
  window.trClearInput = function () {
    TRANS.input = ''; TRANS.output = '';
    var ta = document.getElementById('tr-input'); if (ta) ta.value = '';
    var out = document.getElementById('tr-output');
    if (out) out.innerHTML = '<span style="color:var(--text-light);">Translation will appear here.</span>';
  };
  window.trCopyOutput = function () {
    if (!TRANS.output) return;
    try {
      navigator.clipboard.writeText(TRANS.output).then(function () { window.toast && window.toast('Copied'); });
    } catch (e) { window.toast && window.toast('Copy not available'); }
  };

  window.trTranslate = function () {
    var text = (TRANS.input || '').trim();
    if (!text) { window.toast && window.toast('Type or speak something first'); return; }
    if (TRANS.busy) return;
    TRANS.busy = true;
    var goBtn = document.getElementById('tr-go');
    if (goBtn) { goBtn.disabled = true; goBtn.textContent = 'Translating\u2026'; }
    var out = document.getElementById('tr-output');
    if (out) out.innerHTML = '<span style="color:var(--text-light);">Translating\u2026</span>';

    var fromL = trLang(TRANS.from), toL = trLang(TRANS.to);
    var system = 'You are a translation engine. Translate the user\'s text from ' + fromL.name +
      ' into ' + toL.name + '. Output ONLY the translated text \u2014 no quotes, no explanations, no notes, ' +
      'no transliteration, no original text. Preserve meaning, tone and any names/numbers. ' +
      'If the input is already in ' + toL.name + ', return it unchanged.';

    var base = (typeof window.SUPA_URL === 'string') ? window.SUPA_URL : '';
    var headers = (typeof window.HDR === 'function') ? window.HDR() : { 'Content-Type': 'application/json' };
    fetch(base + '/functions/v1/claude-proxy', {
      method: 'POST',
      headers: headers,
      body: JSON.stringify({
        model: 'claude-sonnet-4-6',
        max_tokens: 1000,
        system: system,
        messages: [{ role: 'user', content: text }]
      })
    }).then(function (r) {
      return r.json().then(function (j) { return { ok: r.ok, status: r.status, data: j }; })
        .catch(function () { return { ok: r.ok, status: r.status, data: null }; });
    }).then(function (res) {
      TRANS.busy = false;
      if (goBtn) { goBtn.disabled = false; goBtn.textContent = 'Translate'; }
      var data = res.data || {};
      var textOut = (data && data.content ? data.content : [])
        .filter(function (b) { return b.type === 'text'; })
        .map(function (b) { return b.text; }).join('\n').trim();
      if (!textOut) {
        var why = (data && data.error) ? (typeof data.error === 'string' ? data.error : (data.error.message || '')) : ('HTTP ' + res.status);
        var o2 = document.getElementById('tr-output');
        if (o2) o2.innerHTML = '<span style="color:var(--danger);">Couldn\u2019t translate (' + escapeHtml(why) + '). Check the claude-proxy edge function is deployed.</span>';
        return;
      }
      TRANS.output = textOut;
      var o3 = document.getElementById('tr-output');
      if (o3) o3.textContent = textOut;
      // Save to Recents (newest-first; skip an exact immediate duplicate).
      var top = (TRANS.recents || [])[0];
      if (!(top && top.input === text && top.output === textOut && top.from === TRANS.from && top.to === TRANS.to)) {
        TRANS.recents.unshift({ from: TRANS.from, to: TRANS.to, input: text, output: textOut, ts: Date.now() });
        TRANS.recents = TRANS.recents.slice(0, 60);
        trSaveRecents();
        trRefreshRecents();
      }
    }).catch(function (err) {
      TRANS.busy = false;
      if (goBtn) { goBtn.disabled = false; goBtn.textContent = 'Translate'; }
      var o4 = document.getElementById('tr-output');
      if (o4) o4.innerHTML = '<span style="color:var(--danger);">Connection error: ' + escapeHtml(err && err.message ? err.message : 'could not reach the translator') + '</span>';
    });
  };

  // ---- Speak IN (speech-to-text) ----
  window.trToggleMic = function () {
    if (TRANS.listening) { window.trStopMic(); return; }
    var SR = window.SpeechRecognition || window.webkitSpeechRecognition;
    if (!SR) { window.toast && window.toast('Voice input not supported'); return; }
    var rec = new SR();
    rec.lang = trLang(TRANS.from).bcp;
    rec.interimResults = true;
    rec.continuous = false;
    rec.maxAlternatives = 1;
    var baseText = TRANS.input ? (TRANS.input + ' ') : '';
    rec.onresult = function (ev) {
      var finalT = '', interimT = '';
      for (var i = ev.resultIndex; i < ev.results.length; i++) {
        var t = ev.results[i][0].transcript;
        if (ev.results[i].isFinal) finalT += t; else interimT += t;
      }
      var combined = baseText + finalT + interimT;
      TRANS.input = combined;
      var ta = document.getElementById('tr-input');
      if (ta) ta.value = combined;
    };
    rec.onerror = function (ev) {
      window.trStopMic();
      if (ev && ev.error === 'not-allowed') window.toast && window.toast('Microphone permission denied');
      else if (ev && ev.error !== 'aborted') window.toast && window.toast('Voice input error');
    };
    rec.onend = function () { window.trStopMic(); };
    TRANS.rec = rec;
    TRANS.listening = true;
    trUpdateMicUI();
    try { rec.start(); } catch (e) { window.trStopMic(); }
  };
  window.trStopMic = function () {
    if (TRANS.rec) { try { TRANS.rec.stop(); } catch (e) {} TRANS.rec = null; }
    TRANS.listening = false;
    trUpdateMicUI();
  };
  function trUpdateMicUI() {
    var btn = document.getElementById('tr-mic');
    var lbl = document.getElementById('tr-mic-label');
    var hint = document.getElementById('tr-listen-hint');
    if (lbl) lbl.textContent = TRANS.listening ? 'Stop' : 'Speak';
    if (btn) {
      btn.style.background = TRANS.listening ? 'var(--danger)' : 'var(--surface)';
      btn.style.color = TRANS.listening ? '#fff' : 'var(--text)';
      btn.style.borderColor = TRANS.listening ? 'var(--danger)' : 'var(--border-strong)';
    }
    if (hint) hint.style.display = TRANS.listening ? '' : 'none';
  }

  // ---- Speak OUT (text-to-speech) ----
  window.trSpeakOutput = function () {
    if (!trTtsSupported()) { window.toast && window.toast('Read-aloud not supported'); return; }
    var text = TRANS.output;
    if (!text) { window.toast && window.toast('Nothing to read yet'); return; }
    try {
      window.speechSynthesis.cancel();
      var u = new SpeechSynthesisUtterance(text);
      var toL = trLang(TRANS.to);
      u.lang = toL.bcp;
      // Prefer a voice that matches the target language if one is installed.
      var voices = window.speechSynthesis.getVoices() || [];
      var match = voices.find(function (v) { return v.lang && v.lang.toLowerCase().indexOf(toL.code) === 0; });
      if (match) u.voice = match;
      u.rate = 0.95;
      window.speechSynthesis.speak(u);
    } catch (e) { window.toast && window.toast('Could not read aloud'); }
  };

  // =========================================================================
  // MARKET LOOKUP TAB
  // Pricing-research helper. The user types an item (e.g. "Rolex Submariner
  // 116610LN", "Gold Sovereign 1925") and an optional condition; we POST to
  // the new apify-ebay-lookup edge function which calls Apify's
  // automation-lab/ebay-sold-scraper actor, aggregates the sold prices and
  // returns { summary: {avg,median,min,max,count}, top: [...] }. Results are
  // cached for 24h in public.market_lookups so repeats don't burn credits.
  // =========================================================================
  var MARKET = {
    query: '',
    condition: 'any',
    maxListings: 50,
    busy: false,
    result: null,         // { cached, cachedAt, summary, top, creditsHint }
    recents: [],          // [{query, condition, summary, ts}]
    error: ''
  };
  try {
    var _mRec = localStorage.getItem('pr_market_recents');
    if (_mRec) MARKET.recents = JSON.parse(_mRec) || [];
  } catch (e) {}

  function _mktSaveRecents() {
    try { localStorage.setItem('pr_market_recents', JSON.stringify((MARKET.recents || []).slice(0, 20))); } catch (e) {}
  }

  function _mktFmtMoney(n, ccy) {
    if (n == null || !isFinite(n)) return '—';
    var sym = ccy === 'USD' ? '$' : ccy === 'EUR' ? '€' : ccy === 'AUD' ? 'A$' : '£';
    return sym + Number(n).toLocaleString(undefined, { minimumFractionDigits: 2, maximumFractionDigits: 2 });
  }

  function _mktFmtDate(s) {
    if (!s) return '';
    try {
      var d = new Date(s);
      if (isNaN(d.getTime())) return s;
      return d.toLocaleDateString(undefined, { day: 'numeric', month: 'short', year: 'numeric' });
    } catch (e) { return s; }
  }

  window.renderMarket = function () {
    var host = document.getElementById('market-view');
    if (!host) return;
    var sel = function (val, cur) { return val === cur ? ' selected' : ''; };

    var resultBlock = '';
    if (MARKET.busy) {
      resultBlock =
        '<div style="background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px;text-align:center;color:var(--text-muted);">' +
          '<div style="font-size:14px;font-weight:600;margin-bottom:6px;">Searching eBay sold listings…</div>' +
          '<div style="font-size:12px;">This usually takes 30–90 seconds. Please don\u2019t close the tab.</div>' +
        '</div>';
    } else if (MARKET.error) {
      resultBlock =
        '<div style="background:var(--surface);border:1px solid var(--danger);border-radius:14px;padding:14px 16px;color:var(--danger);font-size:13px;">' +
          escapeHtml(MARKET.error) +
        '</div>';
    } else if (MARKET.result) {
      var s = MARKET.result.summary || {};
      var top = MARKET.result.top || [];
      var ccy = s.currency || 'GBP';
      var cachedBadge = MARKET.result.cached
        ? '<span style="display:inline-block;background:rgba(31,71,51,0.12);color:var(--primary);font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:3px 8px;border-radius:999px;margin-left:8px;">From cache</span>'
        : '';

      // Stat cards
      var stats =
        '<div style="display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px;">' +
          '<div style="background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px;">' +
            '<div style="font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:700;margin-bottom:3px;">Average sold</div>' +
            '<div style="font-family:var(--serif,Georgia);font-size:24px;color:var(--primary);font-weight:700;">' + _mktFmtMoney(s.avg, ccy) + '</div>' +
          '</div>' +
          '<div style="background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px;">' +
            '<div style="font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:700;margin-bottom:3px;">Median</div>' +
            '<div style="font-family:var(--serif,Georgia);font-size:24px;color:var(--text);font-weight:700;">' + _mktFmtMoney(s.median, ccy) + '</div>' +
          '</div>' +
          '<div style="background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px;">' +
            '<div style="font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:700;margin-bottom:3px;">Lowest</div>' +
            '<div style="font-size:18px;color:var(--text);font-weight:700;">' + _mktFmtMoney(s.min, ccy) + '</div>' +
          '</div>' +
          '<div style="background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px;">' +
            '<div style="font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:700;margin-bottom:3px;">Highest</div>' +
            '<div style="font-size:18px;color:var(--text);font-weight:700;">' + _mktFmtMoney(s.max, ccy) + '</div>' +
          '</div>' +
        '</div>';

      var countLine =
        '<div style="font-size:12px;color:var(--text-muted);margin-bottom:12px;">' +
          '<strong style="color:var(--text);">' + (s.count || 0) + ' sales</strong> analysed' +
          (s.condition && s.condition !== 'any' ? ' \u00B7 condition: <strong style="color:var(--text);">' + escapeHtml(s.condition) + '</strong>' : '') +
          ' \u00B7 ' + escapeHtml(MARKET.result.creditsHint || '') +
        '</div>';

      var topList = '';
      if (top.length) {
        topList = '<div style="font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:700;margin:18px 0 10px;">Top ' + top.length + ' sales (highest first)</div>';
        topList += top.map(function (t) {
          return '<div style="background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:11px 12px;margin-bottom:8px;">' +
            '<div style="display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:4px;">' +
              '<div style="font-size:13px;font-weight:600;color:var(--text);line-height:1.35;flex:1;min-width:0;">' + escapeHtml(t.title || 'Untitled') + '</div>' +
              '<div style="font-family:var(--serif,Georgia);font-size:16px;font-weight:700;color:var(--primary);flex:0 0 auto;">' + _mktFmtMoney(t.price, t.currency || ccy) + '</div>' +
            '</div>' +
            '<div style="display:flex;gap:10px;flex-wrap:wrap;font-size:11px;color:var(--text-muted);">' +
              (t.date ? '<span>\uD83D\uDCC5 ' + escapeHtml(_mktFmtDate(t.date)) + '</span>' : '') +
              (t.condition ? '<span>\u25CF ' + escapeHtml(t.condition) + '</span>' : '') +
              (t.bids != null ? '<span>' + t.bids + ' bid' + (t.bids === 1 ? '' : 's') + '</span>' : '') +
              (t.shipping != null ? '<span>+ ' + _mktFmtMoney(t.shipping, t.currency || ccy) + ' shipping</span>' : '') +
              (t.seller ? '<span>by ' + escapeHtml(t.seller) + '</span>' : '') +
              (t.url ? '<a href="' + escapeHtml(t.url) + '" target="_blank" rel="noopener" style="color:var(--primary);font-weight:700;text-decoration:none;">View on eBay \u2192</a>' : '') +
            '</div>' +
          '</div>';
        }).join('');
      }

      resultBlock =
        '<div style="margin-top:10px;">' +
          '<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;">' +
            '<div style="font-size:14px;font-weight:700;color:var(--text);">Results for \u201C' + escapeHtml(s.query || MARKET.query) + '\u201D' + cachedBadge + '</div>' +
            '<button onclick="window.marketClear()" ontouchend="event.preventDefault();window.marketClear()" style="font-size:11.5px;font-weight:600;color:var(--text-muted);background:none;border:none;cursor:pointer;">Clear</button>' +
          '</div>' +
          stats +
          countLine +
          topList +
        '</div>';
    }

    // Recents list
    var recentsBlock = '';
    if (MARKET.recents && MARKET.recents.length) {
      recentsBlock =
        '<div style="margin-top:22px;border-top:1px solid var(--border);padding-top:14px;">' +
          '<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;">' +
            '<div style="font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:700;">Recent searches</div>' +
            '<button onclick="window.marketClearRecents()" ontouchend="event.preventDefault();window.marketClearRecents()" style="border:none;background:none;color:var(--text-muted);font-family:inherit;font-weight:600;font-size:12px;cursor:pointer;">Clear all</button>' +
          '</div>' +
          MARKET.recents.slice(0, 10).map(function (r, i) {
            var s2 = r.summary || {};
            return '<button type="button" onclick="window.marketReuse(' + i + ')" ontouchend="event.preventDefault();window.marketReuse(' + i + ')" style="width:100%;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:10px 12px;margin-bottom:7px;cursor:pointer;font-family:inherit;">' +
              '<div style="display:flex;justify-content:space-between;align-items:center;gap:10px;">' +
                '<div style="font-size:13px;font-weight:600;color:var(--text);">' + escapeHtml(r.query) + '</div>' +
                '<div style="font-family:var(--serif,Georgia);font-size:14px;font-weight:700;color:var(--primary);">' + _mktFmtMoney(s2.avg, s2.currency || 'GBP') + ' avg</div>' +
              '</div>' +
              '<div style="font-size:11px;color:var(--text-muted);margin-top:2px;">' + (s2.count || 0) + ' sales \u00B7 ' + escapeHtml(r.condition === 'any' ? 'any condition' : r.condition) + '</div>' +
            '</button>';
          }).join('') +
        '</div>';
    }

    host.innerHTML =
      '<div style="padding:4px 2px 24px;">' +
        '<h2 style="font-family:var(--serif,Georgia);font-size:24px;margin:6px 0 2px;">Market Lookup</h2>' +
        '<div style="font-size:13px;color:var(--text-muted);margin-bottom:14px;">Real sold prices from eBay\u2019s completed listings. Use this to gauge resale value before paying a customer.</div>' +

        '<div style="background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:12px;margin-bottom:10px;">' +
          '<label style="display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:700;margin-bottom:4px;">Item</label>' +
          '<input type="text" id="market-query" value="' + escapeHtml(MARKET.query) + '" placeholder="e.g. Rolex Submariner 116610LN" autocomplete="off" autocapitalize="off" spellcheck="false" ' +
            'onkeydown="if(event.key===\'Enter\'){event.preventDefault();window.marketRun();}" ' +
            'oninput="window.marketSetQuery(this.value)" ' +
            'style="width:100%;height:42px;border-radius:11px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-family:inherit;font-size:15px;padding:0 12px;outline:none;" />' +

          '<div style="display:flex;gap:8px;margin-top:10px;flex-wrap:wrap;">' +
            '<div style="flex:1;min-width:130px;">' +
              '<label style="display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:700;margin-bottom:4px;">Condition</label>' +
              '<select id="market-cond" onchange="window.marketSetCond(this.value)" style="width:100%;height:38px;border-radius:10px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-family:inherit;font-size:13px;padding:0 8px;">' +
                '<option value="any"' + sel('any', MARKET.condition) + '>Any condition</option>' +
                '<option value="used"' + sel('used', MARKET.condition) + '>Used</option>' +
                '<option value="new"' + sel('new', MARKET.condition) + '>New</option>' +
              '</select>' +
            '</div>' +
            '<div style="flex:1;min-width:130px;">' +
              '<label style="display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:700;margin-bottom:4px;">Max sales</label>' +
              '<select id="market-max" onchange="window.marketSetMax(this.value)" style="width:100%;height:38px;border-radius:10px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-family:inherit;font-size:13px;padding:0 8px;">' +
                '<option value="25"' + sel(25, MARKET.maxListings) + '>25</option>' +
                '<option value="50"' + sel(50, MARKET.maxListings) + '>50 (recommended)</option>' +
                '<option value="100"' + sel(100, MARKET.maxListings) + '>100 (slower)</option>' +
              '</select>' +
            '</div>' +
          '</div>' +

          '<button onclick="window.marketRun()" ontouchend="event.preventDefault();window.marketRun()" id="market-go" ' +
            (MARKET.busy ? 'disabled ' : '') +
            'style="width:100%;height:42px;border-radius:11px;border:none;background:var(--primary);color:#fff;font-family:inherit;font-weight:700;font-size:14px;cursor:pointer;margin-top:10px;' +
            (MARKET.busy ? 'opacity:0.6;' : '') + '">' +
            (MARKET.busy ? 'Searching…' : 'Look up sold prices') +
          '</button>' +
        '</div>' +

        '<div style="font-size:11px;color:var(--text-muted);margin-bottom:12px;line-height:1.55;">' +
          'Tip: be specific. \u201CRolex Submariner 116610LN\u201D returns far better data than \u201CRolex\u201D. Be brand-and-model where possible. Cached for 24h to save credits.' +
        '</div>' +

        resultBlock +
        recentsBlock +
      '</div>';
  };

  window.marketSetQuery = function (v) { MARKET.query = String(v || ''); };
  window.marketSetCond  = function (v) { MARKET.condition = String(v || 'any'); };
  window.marketSetMax   = function (v) { MARKET.maxListings = Number(v) || 50; };

  window.marketClear = function () {
    MARKET.result = null;
    MARKET.error = '';
    window.renderMarket();
  };

  window.marketClearRecents = function () {
    MARKET.recents = [];
    _mktSaveRecents();
    window.renderMarket();
  };

  window.marketReuse = function (i) {
    var r = MARKET.recents && MARKET.recents[i];
    if (!r) return;
    MARKET.query = r.query;
    MARKET.condition = r.condition || 'any';
    MARKET.result = { cached: true, cachedAt: r.ts, summary: r.summary, top: r.top || [], creditsHint: 'Loaded from local history' };
    MARKET.error = '';
    window.renderMarket();
    // Trigger a fresh lookup in the background so cache is refreshed if older than 24h.
    // (Server-side cache handles freshness; we don't force-call here.)
  };

  window.marketRun = function () {
    if (MARKET.busy) return;
    var q = (MARKET.query || '').trim();
    if (!q || q.length < 2) {
      window.toast && window.toast('Type an item to look up');
      return;
    }
    MARKET.busy = true;
    MARKET.error = '';
    MARKET.result = null;
    window.renderMarket();

    var base = (typeof window.SUPA_URL === 'string') ? window.SUPA_URL : '';
    var headers = (typeof window.HDR === 'function') ? window.HDR() : { 'Content-Type': 'application/json' };
    var body = {
      query: q,
      condition: MARKET.condition || 'any',
      maxListings: MARKET.maxListings || 50,
      country: (window.state && window.state.country) || 'GB'
    };

    fetch(base + '/functions/v1/apify-ebay-lookup', {
      method: 'POST',
      headers: headers,
      body: JSON.stringify(body)
    }).then(function (r) {
      return r.json().then(function (j) { return { ok: r.ok, status: r.status, data: j }; })
        .catch(function () { return { ok: r.ok, status: r.status, data: null }; });
    }).then(function (res) {
      MARKET.busy = false;
      var data = res.data || {};
      if (!res.ok || !data.ok) {
        MARKET.error = (data && data.error) ? String(data.error) : ('Lookup failed (HTTP ' + res.status + '). Check the apify-ebay-lookup edge function is deployed and APIFY_API_TOKEN is set.');
        window.renderMarket();
        return;
      }
      MARKET.result = {
        cached: !!data.cached,
        cachedAt: data.cachedAt || null,
        summary: data.summary || {},
        top: data.top || [],
        creditsHint: data.creditsHint || ''
      };
      // Save to recents (newest first, dedup by query+condition)
      var key = q.toLowerCase() + '|' + (MARKET.condition || 'any');
      MARKET.recents = (MARKET.recents || []).filter(function (r) {
        return (r.query.toLowerCase() + '|' + (r.condition || 'any')) !== key;
      });
      MARKET.recents.unshift({
        query: q,
        condition: MARKET.condition || 'any',
        summary: data.summary || {},
        top: (data.top || []).slice(0, 3),
        ts: Date.now()
      });
      MARKET.recents = MARKET.recents.slice(0, 20);
      _mktSaveRecents();
      window.renderMarket();
    }).catch(function (e) {
      MARKET.busy = false;
      MARKET.error = 'Network error: ' + (e && e.message ? e.message : 'unable to reach edge function');
      window.renderMarket();
    });
  };

  // =========================================================================
  // AUTH CHECK TAB
  // Field authentication helper for coins, hallmarks, antiques, jewellery etc.
  // The user types details + attaches photos; we send them to Claude (via the
  // claude-proxy edge function) for an expert opinion. Every check is logged
  // to our own Supabase table `auth_checks` (text + image paths + the AI
  // verdict). A "was this correct? yes / no / maybe" prompt writes the human
  // verdict back so we build a labelled dataset to train on over time.
  // =========================================================================
  var AUTH_TYPES = [
    { v: 'coin',     label: 'Coin' },
    { v: 'hallmark', label: 'Hallmark / silver' },
    { v: 'jewellery',label: 'Jewellery' },
    { v: 'watch',    label: 'Watch' },
    { v: 'antique',  label: 'Antique / collectible' },
    { v: 'medal',    label: 'Medal / militaria' },
    { v: 'gemstone', label: 'Gemstone' },
    { v: 'other',    label: 'Other' }
  ];
  var AUTH = {
    itemType: 'coin',
    details: '',
    images: [],     // [{ file, dataUrl, path }]
    busy: false,
    result: '',     // AI text
    recordId: null, // DB row id for feedback
    feedback: null, // 'yes' | 'no' | 'maybe'
    history: [],    // recent auth_checks rows
    histLoaded: false,
    openHistId: null, // expanded card id
    ebayBusy: false,
    ebay: null,       // {soldCount, priceLow, priceMedian, priceAvg, priceHigh, listings, currency}
    ebayError: '',
    ebayShown: 5,     // how many listings to show before "show more"
    ebayByRow: {}     // per history-row eBay state: id -> {busy,error,data,shown}
  };
  function authTypeLabel(v) { var t = AUTH_TYPES.find(function (x) { return x.v === v; }); return t ? t.label : v; }
  function authMe() {
    var p = state.currentProfile || {};
    return p.full_name || p.name || p.email || (function(){ try { return localStorage.getItem('pr_user_name'); } catch (e) { return null; } })() || 'Unknown';
  }
  function authMeId() {
    var p = state.currentProfile || {};
    return p.id || null;
  }

  window.renderAuth = function () {
    var host = document.getElementById('auth-view');
    if (!host) return;
    var typeOpts = AUTH_TYPES.map(function (t) {
      return '<option value="' + t.v + '"' + (t.v === AUTH.itemType ? ' selected' : '') + '>' + escapeHtml(t.label) + '</option>';
    }).join('');

    host.innerHTML =
      '<div style="padding:4px 2px 28px;">' +
        '<h2 style="font-family:var(--serif,Georgia);font-size:24px;margin:6px 0 2px;">Auth Check</h2>' +
        '<div style="font-size:13px;color:var(--text-muted);margin-bottom:14px;">Check coins, hallmarks, antiques &amp; more. Type the details, add photos, and get an expert opinion \u2014 every check helps build our own database.</div>' +

        '<label style="display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:700;margin-bottom:4px;">Item type</label>' +
        '<select id="auth-type" onchange="window.authSetType(this.value)" style="width:100%;height:42px;border-radius:11px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-family:inherit;font-size:14px;padding:0 10px;margin-bottom:12px;">' + typeOpts + '</select>' +

        '<label style="display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:700;margin-bottom:4px;">Details</label>' +
        '<textarea id="auth-details" oninput="window.authDetailsChange(this.value)" placeholder="Describe it: any markings, hallmarks, dates, inscriptions, weight, size, where it came from\u2026" ' +
          'style="width:100%;min-height:96px;resize:vertical;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);border-radius:11px;padding:11px 12px;font-family:inherit;font-size:15px;line-height:1.4;outline:none;margin-bottom:12px;">' + escapeHtml(AUTH.details) + '</textarea>' +

        '<label style="display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:700;margin-bottom:6px;">Photos</label>' +
        '<div id="auth-thumbs" style="display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px;">' + authThumbsHtml() + '</div>' +
        '<input id="auth-file-cam" type="file" accept="image/*" capture="environment" style="display:none;" onchange="window.authAddImages(this.files)">' +
        '<input id="auth-file-lib" type="file" accept="image/*" multiple style="display:none;" onchange="window.authAddImages(this.files)">' +
        '<div style="display:flex;gap:8px;margin-bottom:14px;">' +
          '<button onclick="document.getElementById(\'auth-file-cam\').click()" ontouchend="event.preventDefault();document.getElementById(\'auth-file-cam\').click()" ' +
            'style="flex:1;height:44px;border-radius:11px;border:1px dashed var(--border-strong);background:var(--surface);color:var(--primary);font-family:inherit;font-weight:700;font-size:13.5px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;">' +
            '<svg viewBox="0 0 24 24" width="17" height="17" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"/><circle cx="12" cy="13" r="4"/></svg>' +
            'Take photo</button>' +
          '<button onclick="document.getElementById(\'auth-file-lib\').click()" ontouchend="event.preventDefault();document.getElementById(\'auth-file-lib\').click()" ' +
            'style="flex:1;height:44px;border-radius:11px;border:1px dashed var(--border-strong);background:var(--surface);color:var(--primary);font-family:inherit;font-weight:700;font-size:13.5px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;">' +
            '<svg viewBox="0 0 24 24" width="17" height="17" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><path d="M21 15l-5-5L5 21"/></svg>' +
            'Add from album</button>' +
        '</div>' +

        '<button id="auth-go" onclick="window.authRun()" ontouchend="event.preventDefault();window.authRun()" ' +
          'style="width:100%;height:48px;border-radius:12px;border:none;background:var(--primary);color:#fff;font-family:inherit;font-weight:700;font-size:16px;cursor:pointer;">Check it</button>' +

        '<div id="auth-result-wrap" style="margin-top:16px;">' + authResultHtml() + '</div>' +

        '<div style="font-size:10px;color:var(--text-muted);margin:16px 0;text-align:center;line-height:1.5;">AI-generated opinion for guidance only \u2014 not a professional valuation or certificate of authenticity. Your feedback trains our database.</div>' +

        '<div style="border-top:1px solid var(--border);padding-top:16px;">' +
          '<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;">' +
            '<div style="font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:700;">Recent checks</div>' +
            '<button onclick="window.authRefreshHistory()" ontouchend="event.preventDefault();window.authRefreshHistory()" style="border:none;background:none;color:var(--primary);font-family:inherit;font-weight:700;font-size:12px;cursor:pointer;">Refresh</button>' +
          '</div>' +
          '<div id="auth-history">' + authHistoryHtml() + '</div>' +
        '</div>' +
      '</div>';

    // Load history on first open (or if not yet loaded).
    if (!AUTH.histLoaded) {
      authLoadHistory().then(function () {
        var h = document.getElementById('auth-history');
        if (h) h.innerHTML = authHistoryHtml();
      });
    }
  };

  async function authLoadHistory() {
    try {
      var url = REST + '/auth_checks?country=eq.' + encodeURIComponent(state.country || 'UK') + '&order=created_at.desc&limit=60';
      var res = await fetch(url, { headers: HDR() });
      if (res.ok) { AUTH.history = await res.json(); AUTH.histLoaded = true; }
    } catch (e) { /* offline-tolerant */ }
  }
  window.authRefreshHistory = function () {
    AUTH.histLoaded = false;
    var h = document.getElementById('auth-history');
    if (h) h.innerHTML = '<div style="color:var(--text-muted);font-size:13px;padding:8px 2px;">Refreshing\u2026</div>';
    authLoadHistory().then(function () {
      var h2 = document.getElementById('auth-history');
      if (h2) h2.innerHTML = authHistoryHtml();
    });
  };

  function authFbBadge(fb) {
    if (fb === 'yes') return '<span style="font-size:10px;font-weight:700;color:#fff;background:#2B6E4A;border-radius:20px;padding:2px 8px;">\u2713 Correct</span>';
    if (fb === 'no') return '<span style="font-size:10px;font-weight:700;color:#fff;background:#C53030;border-radius:20px;padding:2px 8px;">\u2715 Wrong</span>';
    if (fb === 'maybe') return '<span style="font-size:10px;font-weight:700;color:#fff;background:#C8861A;border-radius:20px;padding:2px 8px;">? Maybe</span>';
    return '<span style="font-size:10px;font-weight:700;color:var(--text-muted);background:var(--surface-2);border-radius:20px;padding:2px 8px;">No verdict</span>';
  }
  function authHistoryHtml() {
    if (!AUTH.histLoaded) return '<div style="color:var(--text-muted);font-size:13px;padding:8px 2px;">Loading\u2026</div>';
    var rows = (AUTH.history || []).filter(function (r) { return (r.country || 'UK') === (state.country || 'UK'); });
    if (!rows.length) return '<div style="color:var(--text-light);font-size:13px;padding:8px 2px;">No checks yet. Run one above and it\u2019ll appear here.</div>';
    return rows.map(function (r) {
      var open = AUTH.openHistId === r.id;
      var when = '';
      try { when = new Date(r.created_at).toLocaleDateString(undefined, { day: 'numeric', month: 'short', year: 'numeric' }); } catch (e) {}
      var preview = (r.ai_response || '').replace(/\s+/g, ' ').trim();
      if (!open && preview.length > 130) preview = preview.slice(0, 130) + '\u2026';
      var photos = '';
      if (open && Array.isArray(r.image_paths) && r.image_paths.length) {
        photos = '<div id="auth-hist-photos-' + r.id + '" style="display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;"></div>';
      }
      return '<div style="background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px 13px;margin-bottom:8px;">' +
        '<div onclick="window.authToggleHist(' + r.id + ')" style="cursor:pointer;">' +
          '<div style="display:flex;justify-content:space-between;align-items:flex-start;gap:8px;">' +
            '<div style="min-width:0;"><div style="font-weight:700;font-size:14px;">' + escapeHtml(authTypeLabel(r.item_type)) + '</div>' +
              '<div style="font-size:11.5px;color:var(--text-muted);margin-top:2px;">' + escapeHtml(when) + (r.created_by ? ' \u00B7 ' + escapeHtml(r.created_by) : '') + '</div></div>' +
            '<div style="flex:0 0 auto;">' + authFbBadge(r.feedback) + '</div>' +
          '</div>' +
          (r.details ? '<div style="font-size:12.5px;color:var(--text);margin-top:7px;font-style:italic;">\u201C' + escapeHtml(r.details) + '\u201D</div>' : '') +
          '<div style="font-size:13px;color:var(--text-muted);margin-top:6px;line-height:1.45;white-space:' + (open ? 'pre-wrap' : 'normal') + ';">' + escapeHtml(open ? (r.ai_response || '') : preview) + '</div>' +
          photos +
          '<div style="font-size:11px;color:var(--primary);font-weight:700;margin-top:8px;">' + (open ? 'Show less' : 'Show more') + '</div>' +
        '</div>' +
        (open && !r.feedback ? (
          '<div style="margin-top:10px;border-top:1px solid var(--border);padding-top:10px;">' +
            '<div style="font-size:12.5px;font-weight:700;margin-bottom:7px;">Was this correct?</div>' +
            '<div style="display:flex;gap:7px;">' +
              '<button onclick="window.authHistFeedback(' + r.id + ',\'yes\')" ontouchend="event.preventDefault();window.authHistFeedback(' + r.id + ',\'yes\')" style="flex:1;height:36px;border-radius:9px;border:1px solid var(--success);background:var(--surface);color:var(--success);font-family:inherit;font-weight:700;font-size:13px;cursor:pointer;">Yes</button>' +
              '<button onclick="window.authHistFeedback(' + r.id + ',\'maybe\')" ontouchend="event.preventDefault();window.authHistFeedback(' + r.id + ',\'maybe\')" style="flex:1;height:36px;border-radius:9px;border:1px solid var(--warn);background:var(--surface);color:var(--warn);font-family:inherit;font-weight:700;font-size:13px;cursor:pointer;">Maybe</button>' +
              '<button onclick="window.authHistFeedback(' + r.id + ',\'no\')" ontouchend="event.preventDefault();window.authHistFeedback(' + r.id + ',\'no\')" style="flex:1;height:36px;border-radius:9px;border:1px solid var(--danger);background:var(--surface);color:var(--danger);font-family:inherit;font-weight:700;font-size:13px;cursor:pointer;">No</button>' +
            '</div>' +
          '</div>'
        ) : '') +
        (open ? '<div id="auth-ebay-row-' + r.id + '" style="margin-top:12px;border-top:1px solid var(--border);padding-top:12px;">' + authEbayRowHtml(r.id) + '</div>' : '') +
      '</div>';
    }).join('');
  }
  window.authToggleHist = function (id) {
    AUTH.openHistId = (AUTH.openHistId === id) ? null : id;
    var h = document.getElementById('auth-history');
    if (h) h.innerHTML = authHistoryHtml();
    // Lazy-load signed photo URLs for the opened card.
    if (AUTH.openHistId === id) {
      var r = (AUTH.history || []).find(function (x) { return x.id === id; });
      if (r && Array.isArray(r.image_paths) && r.image_paths.length && typeof window.getAttachmentUrl === 'function') {
        var box = document.getElementById('auth-hist-photos-' + id);
        if (box) {
          r.image_paths.forEach(function (pth) {
            window.getAttachmentUrl(pth).then(function (u) {
              if (u && document.getElementById('auth-hist-photos-' + id)) {
                var img = document.createElement('img');
                img.src = u; img.style.cssText = 'width:64px;height:64px;object-fit:cover;border-radius:8px;border:1px solid var(--border);';
                document.getElementById('auth-hist-photos-' + id).appendChild(img);
              }
            });
          });
        }
      }
    }
  };

  // ---- eBay sold-price comparison inside an expanded history card ----
  function authEbayRowHtml(rowId) {
    var st = AUTH.ebayByRow[rowId] || {};
    var cur = (st.data && st.data.currency === 'AUD') ? '$' : (curSym ? curSym() : '\u00A3');
    function m(v) { return (v == null || !isFinite(Number(v))) ? '\u2014' : cur + Number(v).toLocaleString(undefined, { maximumFractionDigits: 0 }); }

    if (st.busy) {
      return '<div style="color:var(--text-muted);font-size:13px;">Checking eBay sold prices\u2026 this can take a few seconds.</div>';
    }
    if (!st.data) {
      return '<button onclick="window.authEbayRowLookup(' + rowId + ')" ontouchend="event.preventDefault();window.authEbayRowLookup(' + rowId + ')" style="width:100%;height:44px;border-radius:11px;border:1px solid var(--primary);background:var(--surface);color:var(--primary);font-family:inherit;font-weight:700;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;">' + icoSvg('tag',16,'currentColor') + 'Check eBay sold prices</button>' +
        (st.error ? '<div style="font-size:12.5px;color:var(--danger);margin-top:8px;line-height:1.45;">' + escapeHtml(st.error) + '</div>' : '') +
        '<div style="font-size:11px;color:var(--text-light);margin-top:7px;text-align:center;line-height:1.4;">See what this item actually sold for on eBay \u2014 to judge what it\u2019s worth.</div>';
    }

    var e = st.data;
    if (!e.soldCount) {
      return '<div style="font-size:13px;color:var(--text-muted);">No eBay sold listings found. ' +
        '<button onclick="window.authEbayRowReset(' + rowId + ')" ontouchend="event.preventDefault();window.authEbayRowReset(' + rowId + ')" style="border:none;background:none;color:var(--primary);font-family:inherit;font-weight:700;font-size:13px;cursor:pointer;padding:0;">Try again</button></div>';
    }
    var shown = Math.min(st.shown || 5, e.listings.length);
    var rows = e.listings.slice(0, shown).map(function (it) {
      var when = '';
      if (it.soldDate) { try { var d = new Date(it.soldDate); if (!isNaN(d)) when = d.toLocaleDateString(undefined, { day: 'numeric', month: 'short', year: '2-digit' }); } catch (x) {} }
      return '<div style="display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border);">' +
        (it.image ? '<img src="' + escapeHtml(it.image) + '" loading="lazy" style="width:42px;height:42px;object-fit:cover;border-radius:7px;border:1px solid var(--border);flex:0 0 auto;">' : '<div style="width:42px;height:42px;flex:0 0 auto;"></div>') +
        '<div style="flex:1;min-width:0;">' +
          '<div style="font-size:12.5px;line-height:1.3;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">' + escapeHtml(it.title) + '</div>' +
          '<div style="font-size:11px;color:var(--text-light);margin-top:1px;">' + (when ? 'Sold ' + when : 'Sold') + (it.condition ? ' \u00B7 ' + escapeHtml(it.condition) : '') + '</div>' +
        '</div>' +
        (it.url
          ? '<a href="' + escapeHtml(it.url) + '" target="_blank" rel="noopener" style="flex:0 0 auto;font-size:14px;font-weight:700;color:#2B6E4A;text-decoration:none;">' + m(it.price) + '</a>'
          : '<span style="flex:0 0 auto;font-size:14px;font-weight:700;color:#2B6E4A;">' + m(it.price) + '</span>') +
      '</div>';
    }).join('');
    var moreBtn = (e.listings.length > shown)
      ? '<button onclick="window.authEbayRowMore(' + rowId + ')" ontouchend="event.preventDefault();window.authEbayRowMore(' + rowId + ')" style="width:100%;height:36px;margin-top:8px;border-radius:9px;border:1px solid var(--border-strong);background:var(--surface);color:var(--primary);font-family:inherit;font-weight:700;font-size:12.5px;cursor:pointer;">Show more (' + (e.listings.length - shown) + ')</button>'
      : '';
    return '<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;">' +
        '<div style="font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:700;">eBay sold prices</div>' +
        '<button onclick="window.authEbayRowReset(' + rowId + ')" ontouchend="event.preventDefault();window.authEbayRowReset(' + rowId + ')" style="border:none;background:none;color:var(--text-muted);font-family:inherit;font-weight:600;font-size:12px;cursor:pointer;">Refresh</button>' +
      '</div>' +
      '<div style="display:flex;align-items:baseline;gap:8px;margin-bottom:4px;">' +
        '<div style="font-family:\'Fraunces\',serif;font-size:26px;font-weight:600;color:#2B6E4A;line-height:1;">' + m(e.priceAvg) + '</div>' +
        '<div style="font-size:12px;color:var(--text-muted);">average of ' + e.soldCount + ' sold</div>' +
      '</div>' +
      '<div style="font-size:12.5px;color:var(--text-muted);margin-bottom:12px;">Range ' + m(e.priceLow) + ' \u2013 ' + m(e.priceHigh) + ' \u00B7 median ' + m(e.priceMedian) + '</div>' +
      '<div>' + rows + '</div>' + moreBtn +
      '<div style="font-size:10.5px;color:var(--text-light);margin-top:10px;line-height:1.4;">Recent completed eBay sales \u2014 what buyers actually paid. Saved to your price history.</div>';
  }
  function authEbayRowRefresh(rowId) {
    var el = document.getElementById('auth-ebay-row-' + rowId);
    if (el) el.innerHTML = authEbayRowHtml(rowId);
  }
  window.authEbayRowMore = function (rowId) {
    var st = AUTH.ebayByRow[rowId] || (AUTH.ebayByRow[rowId] = {});
    st.shown = (st.shown || 5) + 8; authEbayRowRefresh(rowId);
  };
  window.authEbayRowReset = function (rowId) {
    AUTH.ebayByRow[rowId] = { busy: false, error: '', data: null, shown: 5 };
    authEbayRowRefresh(rowId);
  };
  window.authEbayRowLookup = function (rowId) {
    var r = (AUTH.history || []).find(function (x) { return x.id === rowId; });
    if (!r) return;
    var st = AUTH.ebayByRow[rowId] || (AUTH.ebayByRow[rowId] = {});
    if (st.busy) return;
    var q = ((authTypeLabel(r.item_type) || '') + ' ' + (r.details || '')).replace(/\s+/g, ' ').trim();
    q = q.replace(/is this (real|genuine|authentic)\??/ig, '').replace(/what('| i)s it worth\??/ig, '').replace(/\s+/g, ' ').trim();
    if (!q) { window.toast && window.toast('No item details to search'); return; }
    st.busy = true; st.error = ''; st.data = null; st.shown = 5;
    authEbayRowRefresh(rowId);
    var base = (typeof window.SUPA_URL === 'string') ? window.SUPA_URL : '';
    var headers = (typeof window.HDR === 'function') ? window.HDR() : { 'Content-Type': 'application/json' };
    fetch(base + '/functions/v1/ebay-sold-lookup', {
      method: 'POST', headers: headers,
      body: JSON.stringify({ q: q, country: state.country || 'UK', max: 40 })
    }).then(function (resp) { return resp.json().catch(function () { return null; }); })
      .then(function (data) {
        st.busy = false;
        if (data && data.ok) {
          st.data = {
            currency: data.currency, soldCount: data.soldCount || 0,
            priceLow: data.priceLow, priceMedian: data.priceMedian,
            priceAvg: data.priceAvg, priceHigh: data.priceHigh,
            listings: Array.isArray(data.listings) ? data.listings : []
          };
          authEbayRowRefresh(rowId);
          authEbayRowSave(rowId, q, st.data);
        } else {
          st.error = (data && data.error) ? String(data.error) : 'Couldn\u2019t reach eBay right now.';
          authEbayRowRefresh(rowId);
        }
      }).catch(function (err) {
        st.busy = false;
        st.error = (err && err.message) ? err.message : 'Couldn\u2019t reach eBay right now.';
        authEbayRowRefresh(rowId);
      });
  };
  function authEbayRowSave(rowId, query, e) {
    try {
      var r = (AUTH.history || []).find(function (x) { return x.id === rowId; }) || {};
      var rec = {
        country: state.country || 'UK', query: query, item_type: r.item_type || null,
        auth_check_id: (rowId != null ? rowId : null),
        currency: e.currency || null, sold_count: e.soldCount || 0,
        price_low: e.priceLow, price_median: e.priceMedian, price_avg: e.priceAvg, price_high: e.priceHigh,
        listings: e.listings || [], created_by: authMe(), created_by_id: authMeId()
      };
      fetch(REST + '/ebay_comps', {
        method: 'POST', headers: Object.assign({}, HDR(), { Prefer: 'return=minimal' }),
        body: JSON.stringify(rec)
      });
    } catch (x) { /* best-effort */ }
  }

  function authThumbsHtml() {
    if (!AUTH.images.length) return '<div style="font-size:12.5px;color:var(--text-light);">No photos yet \u2014 close-ups of marks/hallmarks help a lot.</div>';
    return AUTH.images.map(function (img, i) {
      return '<div style="position:relative;width:74px;height:74px;border-radius:10px;overflow:hidden;border:1px solid var(--border);">' +
        '<img src="' + img.dataUrl + '" style="width:100%;height:100%;object-fit:cover;display:block;">' +
        '<button onclick="window.authRemoveImage(' + i + ')" ontouchend="event.preventDefault();window.authRemoveImage(' + i + ')" ' +
          'style="position:absolute;top:2px;right:2px;width:20px;height:20px;border-radius:50%;border:none;background:rgba(0,0,0,.6);color:#fff;font-size:13px;line-height:1;cursor:pointer;">\u00D7</button>' +
        '</div>';
    }).join('');
  }

  function authResultHtml() {
    if (AUTH.busy) {
      return '<div style="background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;color:var(--text-muted);font-size:14px;">Analysing\u2026 this can take a few seconds.</div>';
    }
    if (!AUTH.result) return '';
    var fb = '';
    if (AUTH.feedback) {
      var lbl = AUTH.feedback === 'yes' ? ('Marked correct ' + icoSvg('check',13,'#2B6E4A')) : (AUTH.feedback === 'no' ? ('Marked incorrect ' + icoSvg('warning',13,'#C53030')) : ('Marked unsure ' + icoSvg('warning',13,'#C8861A')));
      fb = '<div style="margin-top:12px;font-size:13px;font-weight:600;color:var(--text-muted);">' + lbl + ' \u2014 thanks, this trains our database.</div>';
    } else {
      fb = '<div style="margin-top:14px;border-top:1px solid var(--border);padding-top:12px;">' +
        '<div style="font-size:13px;font-weight:700;margin-bottom:8px;">Was this correct?</div>' +
        '<div style="display:flex;gap:8px;">' +
          '<button onclick="window.authFeedback(\'yes\')" ontouchend="event.preventDefault();window.authFeedback(\'yes\')" style="flex:1;height:40px;border-radius:10px;border:1px solid var(--success);background:var(--surface);color:var(--success);font-family:inherit;font-weight:700;font-size:14px;cursor:pointer;">Yes</button>' +
          '<button onclick="window.authFeedback(\'maybe\')" ontouchend="event.preventDefault();window.authFeedback(\'maybe\')" style="flex:1;height:40px;border-radius:10px;border:1px solid var(--warn);background:var(--surface);color:var(--warn);font-family:inherit;font-weight:700;font-size:14px;cursor:pointer;">Maybe</button>' +
          '<button onclick="window.authFeedback(\'no\')" ontouchend="event.preventDefault();window.authFeedback(\'no\')" style="flex:1;height:40px;border-radius:10px;border:1px solid var(--danger);background:var(--surface);color:var(--danger);font-family:inherit;font-weight:700;font-size:14px;cursor:pointer;">No</button>' +
        '</div></div>';
    }
    return '<div style="background:var(--surface);border:1px solid var(--primary);border-radius:14px;padding:16px;">' +
      '<div style="font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:700;margin-bottom:8px;">Opinion</div>' +
      '<div style="font-size:15px;line-height:1.5;color:var(--text);white-space:pre-wrap;word-break:break-word;">' + escapeHtml(AUTH.result) + '</div>' +
      fb +
      '</div>' +
      '<div id="auth-ebay-wrap" style="margin-top:14px;">' + authEbayHtml() + '</div>';
  }

  // eBay sold-price comparison panel (manual — tap to fetch).
  function authEbayHtml() {
    if (!AUTH.result) return '';
    var cur = (AUTH.ebay && AUTH.ebay.currency === 'AUD') ? '$' : (curSym ? curSym() : '\u00A3');
    function m(v) { return (v == null || !isFinite(Number(v))) ? '\u2014' : cur + Number(v).toLocaleString(undefined, { maximumFractionDigits: 0 }); }

    if (AUTH.ebayBusy) {
      return '<div style="background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;color:var(--text-muted);font-size:14px;">Checking eBay sold prices\u2026 this can take a few seconds.</div>';
    }
    if (!AUTH.ebay) {
      return '<button onclick="window.authEbayLookup()" ontouchend="event.preventDefault();window.authEbayLookup()" style="width:100%;height:46px;border-radius:12px;border:1px solid var(--primary);background:var(--surface);color:var(--primary);font-family:inherit;font-weight:700;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;">' + icoSvg('tag',16,'currentColor') + 'Check eBay sold prices</button>' +
        (AUTH.ebayError ? '<div style="font-size:12.5px;color:var(--danger);margin-top:8px;line-height:1.45;">' + escapeHtml(AUTH.ebayError) + '</div>' : '') +
        '<div style="font-size:11px;color:var(--text-light);margin-top:7px;text-align:center;line-height:1.4;">See what this item actually sold for on eBay \u2014 helps you judge what it\u2019s worth, not just whether it\u2019s real.</div>';
    }

    var e = AUTH.ebay;
    if (!e.soldCount) {
      return '<div style="background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px;">' +
        '<div style="font-size:13px;color:var(--text-muted);">No eBay sold listings found for that search. Try editing the item details to be closer to how it\u2019d be listed, then tap again.</div>' +
        '<button onclick="window.authEbayReset()" ontouchend="event.preventDefault();window.authEbayReset()" style="margin-top:10px;border:none;background:none;color:var(--primary);font-family:inherit;font-weight:700;font-size:13px;cursor:pointer;">Search again</button>' +
        '</div>';
    }

    var shown = Math.min(AUTH.ebayShown, e.listings.length);
    var rows = e.listings.slice(0, shown).map(function (it) {
      var when = '';
      if (it.soldDate) { try { var d = new Date(it.soldDate); if (!isNaN(d)) when = d.toLocaleDateString(undefined, { day: 'numeric', month: 'short', year: '2-digit' }); } catch (x) {} }
      return '<div style="display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border);">' +
        (it.image ? '<img src="' + escapeHtml(it.image) + '" loading="lazy" style="width:42px;height:42px;object-fit:cover;border-radius:7px;border:1px solid var(--border);flex:0 0 auto;">' : '<div style="width:42px;height:42px;flex:0 0 auto;"></div>') +
        '<div style="flex:1;min-width:0;">' +
          '<div style="font-size:12.5px;line-height:1.3;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">' + escapeHtml(it.title) + '</div>' +
          '<div style="font-size:11px;color:var(--text-light);margin-top:1px;">' + (when ? 'Sold ' + when : 'Sold') + (it.condition ? ' \u00B7 ' + escapeHtml(it.condition) : '') + '</div>' +
        '</div>' +
        (it.url
          ? '<a href="' + escapeHtml(it.url) + '" target="_blank" rel="noopener" style="flex:0 0 auto;font-size:14px;font-weight:700;color:#2B6E4A;text-decoration:none;">' + m(it.price) + '</a>'
          : '<span style="flex:0 0 auto;font-size:14px;font-weight:700;color:#2B6E4A;">' + m(it.price) + '</span>') +
      '</div>';
    }).join('');

    var moreBtn = '';
    if (e.listings.length > shown) {
      moreBtn = '<button onclick="window.authEbayMore()" ontouchend="event.preventDefault();window.authEbayMore()" style="width:100%;height:36px;margin-top:8px;border-radius:9px;border:1px solid var(--border-strong);background:var(--surface);color:var(--primary);font-family:inherit;font-weight:700;font-size:12.5px;cursor:pointer;">Show more (' + (e.listings.length - shown) + ')</button>';
    }

    return '<div style="background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;">' +
      '<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;">' +
        '<div style="font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:700;">eBay sold prices</div>' +
        '<button onclick="window.authEbayReset()" ontouchend="event.preventDefault();window.authEbayReset()" style="border:none;background:none;color:var(--text-muted);font-family:inherit;font-weight:600;font-size:12px;cursor:pointer;">Refresh</button>' +
      '</div>' +
      // Average headline + range.
      '<div style="display:flex;align-items:baseline;gap:8px;margin-bottom:4px;">' +
        '<div style="font-family:\'Fraunces\',serif;font-size:26px;font-weight:600;color:#2B6E4A;line-height:1;">' + m(e.priceAvg) + '</div>' +
        '<div style="font-size:12px;color:var(--text-muted);">average of ' + e.soldCount + ' sold</div>' +
      '</div>' +
      '<div style="font-size:12.5px;color:var(--text-muted);margin-bottom:12px;">Range ' + m(e.priceLow) + ' \u2013 ' + m(e.priceHigh) + ' \u00B7 median ' + m(e.priceMedian) + '</div>' +
      '<div>' + rows + '</div>' + moreBtn +
      '<div style="font-size:10.5px;color:var(--text-light);margin-top:10px;line-height:1.4;">Recent completed eBay sales \u2014 what buyers actually paid. Saved to your price history.</div>' +
    '</div>';
  }

  function authEbayRefresh() {
    var el = document.getElementById('auth-ebay-wrap');
    if (el) el.innerHTML = authEbayHtml();
  }
  window.authEbayMore = function () { AUTH.ebayShown += 8; authEbayRefresh(); };
  window.authEbayReset = function () { AUTH.ebay = null; AUTH.ebayError = ''; AUTH.ebayShown = 5; authEbayRefresh(); };

  window.authEbayLookup = function () {
    // Build a sensible eBay search from the item type + details.
    var q = ((authTypeLabel(AUTH.itemType) || '') + ' ' + (AUTH.details || '')).replace(/\s+/g, ' ').trim();
    // Strip question-like phrasing the user might have typed.
    q = q.replace(/is this (real|genuine|authentic)\??/ig, '').replace(/what('| i)s it worth\??/ig, '').replace(/\s+/g, ' ').trim();
    if (!q) { window.toast && window.toast('Add some item details first'); return; }
    if (AUTH.ebayBusy) return;
    AUTH.ebayBusy = true; AUTH.ebayError = ''; AUTH.ebay = null;
    authEbayRefresh();
    var base = (typeof window.SUPA_URL === 'string') ? window.SUPA_URL : '';
    var headers = (typeof window.HDR === 'function') ? window.HDR() : { 'Content-Type': 'application/json' };
    fetch(base + '/functions/v1/ebay-sold-lookup', {
      method: 'POST', headers: headers,
      body: JSON.stringify({ q: q, country: state.country || 'UK', max: 40 })
    }).then(function (r) { return r.json().catch(function () { return null; }); })
      .then(function (data) {
        AUTH.ebayBusy = false;
        if (data && data.ok) {
          AUTH.ebay = {
            currency: data.currency, soldCount: data.soldCount || 0,
            priceLow: data.priceLow, priceMedian: data.priceMedian,
            priceAvg: data.priceAvg, priceHigh: data.priceHigh,
            listings: Array.isArray(data.listings) ? data.listings : []
          };
          authEbayRefresh();
          authEbaySave(q, AUTH.ebay); // persist to our DB
        } else {
          AUTH.ebayError = (data && data.error) ? String(data.error) : 'Couldn\u2019t reach eBay right now.';
          authEbayRefresh();
        }
      }).catch(function (err) {
        AUTH.ebayBusy = false;
        AUTH.ebayError = (err && err.message) ? err.message : 'Couldn\u2019t reach eBay right now.';
        authEbayRefresh();
      });
  };

  function authEbaySave(query, e) {
    try {
      var rec = {
        country: state.country || 'UK',
        query: query,
        item_type: AUTH.itemType || null,
        auth_check_id: (AUTH.recordId != null ? AUTH.recordId : null),
        currency: e.currency || null,
        sold_count: e.soldCount || 0,
        price_low: e.priceLow, price_median: e.priceMedian,
        price_avg: e.priceAvg, price_high: e.priceHigh,
        listings: e.listings || [],
        created_by: authMe(), created_by_id: authMeId()
      };
      fetch(REST + '/ebay_comps', {
        method: 'POST', headers: Object.assign({}, HDR(), { Prefer: 'return=minimal' }),
        body: JSON.stringify(rec)
      });
    } catch (x) { /* best-effort */ }
  }

  window.authSetType = function (v) { AUTH.itemType = v; };
  window.authDetailsChange = function (v) { AUTH.details = v; };

  window.authAddImages = function (files) {
    if (!files || !files.length) return;
    var arr = Array.prototype.slice.call(files);
    arr.forEach(function (file) {
      if (!file.type || file.type.indexOf('image/') !== 0) return;
      if (file.size > 8 * 1024 * 1024) { window.toast && window.toast('Image too large (max 8MB)'); return; }
      var reader = new FileReader();
      reader.onload = function (ev) {
        AUTH.images.push({ file: file, dataUrl: ev.target.result, path: null });
        var host = document.getElementById('auth-thumbs');
        if (host) host.innerHTML = authThumbsHtml();
      };
      reader.readAsDataURL(file);
    });
  };
  window.authRemoveImage = function (i) {
    AUTH.images.splice(i, 1);
    var host = document.getElementById('auth-thumbs');
    if (host) host.innerHTML = authThumbsHtml();
  };

  // Build the Anthropic message content (text + base64 images) for the proxy.
  function authBuildContent() {
    var content = [];
    AUTH.images.forEach(function (img) {
      var m = /^data:(image\/[a-zA-Z0-9.+-]+);base64,(.*)$/.exec(img.dataUrl || '');
      if (m) {
        content.push({ type: 'image', source: { type: 'base64', media_type: m[1], data: m[2] } });
      }
    });
    var q = 'Item type: ' + authTypeLabel(AUTH.itemType) + '\n' +
            'Details from the seller/field: ' + (AUTH.details || '(none provided)') + '\n\n' +
            'Please give your authentication opinion.';
    content.push({ type: 'text', text: q });
    return content;
  }

  window.authRun = function () {
    if (AUTH.busy) return;
    if (!AUTH.details.trim() && !AUTH.images.length) {
      window.toast && window.toast('Add some details or a photo first');
      return;
    }
    AUTH.busy = true; AUTH.result = ''; AUTH.recordId = null; AUTH.feedback = null;
    AUTH.ebay = null; AUTH.ebayError = ''; AUTH.ebayBusy = false; AUTH.ebayShown = 5;
    var wrap = document.getElementById('auth-result-wrap');
    if (wrap) wrap.innerHTML = authResultHtml();
    var goBtn = document.getElementById('auth-go');
    if (goBtn) { goBtn.disabled = true; goBtn.textContent = 'Checking\u2026'; }

    var system = 'You are an expert authenticator and appraiser for a UK/AU jewellery-buying business. ' +
      'You assess coins, hallmarks, silver/gold, jewellery, watches, antiques, medals/militaria and gemstones from photos and descriptions. ' +
      'Give a practical field opinion a buyer can act on. Structure your answer as: ' +
      '1) What it appears to be; 2) Authenticity assessment (genuine / likely genuine / uncertain / likely fake / fake) with the specific signs you are reading; ' +
      '3) Key things to verify (hallmarks to check, tests to run, weight/measurements to take); ' +
      '4) Rough indication of interest/value IF it is genuine, clearly stated as a non-binding estimate. ' +
      'Be honest about uncertainty, especially when photos are unclear. Keep it concise and plain-English. ' +
      'Never claim certainty you do not have. Do not output a certificate of authenticity.';

    var base = (typeof window.SUPA_URL === 'string') ? window.SUPA_URL : '';
    var headers = (typeof window.HDR === 'function') ? window.HDR() : { 'Content-Type': 'application/json' };
    fetch(base + '/functions/v1/claude-proxy', {
      method: 'POST',
      headers: headers,
      body: JSON.stringify({
        model: 'claude-sonnet-4-6',
        max_tokens: 1200,
        system: system,
        messages: [{ role: 'user', content: authBuildContent() }]
      })
    }).then(function (r) {
      return r.json().then(function (j) { return { ok: r.ok, status: r.status, data: j }; })
        .catch(function () { return { ok: r.ok, status: r.status, data: null }; });
    }).then(function (res) {
      AUTH.busy = false;
      if (goBtn) { goBtn.disabled = false; goBtn.textContent = 'Check it'; }
      var data = res.data || {};
      var textOut = (data && data.content ? data.content : [])
        .filter(function (b) { return b.type === 'text'; })
        .map(function (b) { return b.text; }).join('\n').trim();
      if (!textOut) {
        var why = (data && data.error) ? (typeof data.error === 'string' ? data.error : (data.error.message || '')) : ('HTTP ' + res.status);
        AUTH.result = '';
        var w2 = document.getElementById('auth-result-wrap');
        if (w2) w2.innerHTML = '<div style="background:var(--surface);border:1px solid var(--danger);border-radius:14px;padding:16px;color:var(--danger);font-size:14px;">Couldn\u2019t complete the check (' + escapeHtml(why) + '). Check the claude-proxy edge function is deployed.</div>';
        return;
      }
      AUTH.result = textOut;
      var w3 = document.getElementById('auth-result-wrap');
      if (w3) w3.innerHTML = authResultHtml();
      // Persist to our DB (uploads images first). Fire-and-forget; UI already shown.
      authSaveRecord(textOut);
    }).catch(function (err) {
      AUTH.busy = false;
      if (goBtn) { goBtn.disabled = false; goBtn.textContent = 'Check it'; }
      var w4 = document.getElementById('auth-result-wrap');
      if (w4) w4.innerHTML = '<div style="background:var(--surface);border:1px solid var(--danger);border-radius:14px;padding:16px;color:var(--danger);font-size:14px;">Connection error: ' + escapeHtml(err && err.message ? err.message : 'could not reach the service') + '</div>';
    });
  };

  // Upload images to storage, then insert a row in public.auth_checks.
  async function authSaveRecord(aiText) {
    var imagePaths = [];
    try {
      for (var i = 0; i < AUTH.images.length; i++) {
        var im = AUTH.images[i];
        if (im.path) { imagePaths.push(im.path); continue; }
        if (typeof window.uploadAttachment === 'function') {
          var p = await window.uploadAttachment('auth', authMe(), im.file);
          if (p) { im.path = p; imagePaths.push(p); }
        }
      }
    } catch (e) { /* image upload best-effort */ }

    var rec = {
      country: state.country || 'UK',
      item_type: AUTH.itemType,
      details: AUTH.details || '',
      image_paths: imagePaths,
      ai_response: aiText,
      ai_model: 'claude-sonnet-4-6',
      feedback: null,
      created_by: authMe(),
      created_by_id: authMeId()
    };
    try {
      var resp = await fetch(REST + '/auth_checks', {
        method: 'POST',
        headers: Object.assign({}, HDR(), { Prefer: 'return=representation' }),
        body: JSON.stringify(rec)
      });
      if (resp.ok) {
        var saved = await resp.json();
        if (Array.isArray(saved) && saved[0] && saved[0].id != null) {
          AUTH.recordId = saved[0].id;
          // Surface the new check at the top of Recent checks immediately,
          // then clear the form so a new item can be entered.
          AUTH.history.unshift(saved[0]);
          AUTH.histLoaded = true;
          authResetForm(saved[0].id);
        }
      } else {
        console.warn('[AuthCheck] save failed HTTP', resp.status);
      }
    } catch (e) {
      console.warn('[AuthCheck] save error', e);
    }
  }

  // Human verdict → PATCH the row so we accumulate labelled training data.
  window.authFeedback = function (verdict) {
    AUTH.feedback = verdict;
    var wrap = document.getElementById('auth-result-wrap');
    if (wrap) wrap.innerHTML = authResultHtml();
    if (window.toast) window.toast('Thanks \u2014 logged');
    if (AUTH.recordId == null) return; // record may still be saving / failed
    // Reflect the verdict in the Recent checks list too.
    var hr = (AUTH.history || []).find(function (x) { return x.id === AUTH.recordId; });
    if (hr) { hr.feedback = verdict; var hh = document.getElementById('auth-history'); if (hh) hh.innerHTML = authHistoryHtml(); }
    try {
      fetch(REST + '/auth_checks?id=eq.' + encodeURIComponent(AUTH.recordId), {
        method: 'PATCH',
        headers: Object.assign({}, HDR(), { Prefer: 'return=minimal' }),
        body: JSON.stringify({ feedback: verdict, feedback_at: new Date().toISOString(), feedback_by: authMe() })
      });
    } catch (e) { /* best-effort */ }
  };

  // Verdict given from a Recent-checks history card.
  window.authHistFeedback = function (id, verdict) {
    var hr = (AUTH.history || []).find(function (x) { return x.id === id; });
    if (hr) hr.feedback = verdict;
    var hh = document.getElementById('auth-history');
    if (hh) hh.innerHTML = authHistoryHtml();
    if (window.toast) window.toast('Thanks \u2014 logged');
    try {
      fetch(REST + '/auth_checks?id=eq.' + encodeURIComponent(id), {
        method: 'PATCH',
        headers: Object.assign({}, HDR(), { Prefer: 'return=minimal' }),
        body: JSON.stringify({ feedback: verdict, feedback_at: new Date().toISOString(), feedback_by: authMe() })
      });
    } catch (e) { /* best-effort */ }
  };


  // =====================================================================
  // AU COMPLIANCE — AML REGISTER + REFINERY REGISTER (V-265, AU only)
  // Buying-side AML register (seller profile, item, payment, staff, manual
  // 1-5 risk, suspicious-activity flags, rolling $10k/ID, flag→settle) and a
  // standalone outbound Refinery register (no AML). UK never sees these tabs.
  // Mirrors the auth_checks REST pattern: REST + HDR() + authMe/authMeId.
  // =====================================================================
  var AML = { loaded: false, rows: [], busy: false };
  var REFI = { loaded: false, rows: [], busy: false, editing: null };

  // ----- write an aml_register row from a saved AU deal (fire-and-forget) -----
  async function amlUpsertFromDeal(deal) {
    if (!deal) return;
    var aml = deal.aml || {};
    var idc = deal.idCheck || {};
    var sa = aml.sa || {};
    var row = {
      country: 'AU',
      deal_id: deal.id,
      client_name: deal.client || null,
      client_address: deal.address || null,
      client_dob: aml.dob || null,
      id_type: idc.idType || null,
      id_number: idc.idNumber || null,
      id_photo_paths: Array.isArray(idc.photos) ? idc.photos : [],
      proof_addr_type: aml.proofAddrType || null,
      proof_addr_paths: Array.isArray(aml.proofAddrPhotos) ? aml.proofAddrPhotos : [],
      item_description: deal.items || null,
      purchase_amount: deal.amount || 0,
      payment_method: deal.payment || null,
      staff_member: deal.salesman || authMe(),
      risk_score: aml.riskScore || null,
      rolling_12mo_total: aml.rolling12moTotal || 0,
      over_10k: !!aml.over10k,
      sa_nervous: !!sa.nervous,
      sa_refused_id: !!sa.refused_id,
      sa_multiple_txns: !!sa.multiple_txns,
      sa_suspicious_goods: !!sa.suspicious_goods,
      sa_stolen_concern: !!sa.stolen_concern,
      flagged: !!aml.flagged,
      flag_reason: aml.flagReason || null,
      created_by: authMe(),
      created_by_id: authMeId()
    };
    try {
      // Is there already a row for this deal? (deals can be edited & re-saved.)
      var existingId = null;
      var look = await fetch(REST + '/aml_register?deal_id=eq.' + encodeURIComponent(deal.id) + '&select=id,settled&limit=1', { headers: HDR() });
      if (look.ok) { var arr = await look.json(); if (Array.isArray(arr) && arr[0]) existingId = arr[0].id; }
      if (existingId != null) {
        row.updated_at = new Date().toISOString();
        await fetch(REST + '/aml_register?id=eq.' + encodeURIComponent(existingId), {
          method: 'PATCH', headers: Object.assign({}, HDR(), { Prefer: 'return=minimal' }), body: JSON.stringify(row)
        });
      } else {
        await fetch(REST + '/aml_register', {
          method: 'POST', headers: Object.assign({}, HDR(), { Prefer: 'return=minimal' }), body: JSON.stringify(row)
        });
      }
      AML.loaded = false; // force reload next time the tab opens
      if (typeof amlRefreshBadge === 'function') amlRefreshBadge();
    } catch (e) { console.warn('[AML] upsert error', e); }
  }

  // ----- load + badge -----
  async function amlLoad() {
    if (AML.busy) return;
    AML.busy = true;
    try {
      var url = REST + '/aml_register?country=eq.AU&order=created_at.desc&limit=400';
      var r = await fetch(url, { headers: HDR() });
      AML.rows = r.ok ? await r.json() : [];
      AML.loaded = true;
    } catch (e) { console.warn('[AML] load error', e); AML.rows = []; }
    AML.busy = false;
  }
  function amlOpenFlagCount() {
    return (AML.rows || []).filter(function (x) { return x.flagged && !x.settled; }).length;
  }
  async function amlRefreshBadge() {
    if (typeof isAU !== 'function' || !isAU()) return;
    if (!AML.loaded) { try { await amlLoad(); } catch (e) {} }
    var n = amlOpenFlagCount();
    var b = document.getElementById('aml-more-badge');
    if (b) { if (n > 0) { b.textContent = String(n); b.style.display = ''; } else { b.style.display = 'none'; } }
  }
  window.amlRefreshBadge = amlRefreshBadge;
  window.amlUpsertFromDeal = amlUpsertFromDeal;

  function amlRiskChip(score) {
    if (!score) return '<span style="color:var(--text-muted);font-size:12px;">No score</span>';
    var col = ['', '#2B6E4A', '#5C9A3A', '#C6881F', '#D35400', '#C53030'][score] || '#777';
    return '<span style="display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:' + col + ';">Risk ' + score + '/5</span>';
  }
  function amlSaSummary(x) {
    var f = [];
    if (x.sa_nervous) f.push('Nervous');
    if (x.sa_refused_id) f.push('Refused ID');
    if (x.sa_multiple_txns) f.push('Multiple txns');
    if (x.sa_suspicious_goods) f.push('Suspicious goods');
    if (x.sa_stolen_concern) f.push('Stolen concern');
    return f;
  }

  window.renderAML = async function () {
    var el = document.getElementById('aml-view');
    if (!el) return;
    if (typeof isAU !== 'function' || !isAU()) {
      el.innerHTML = '<div style="padding:24px;text-align:center;color:var(--text-muted);">The AML Register is part of the Australian compliance framework. Switch to AU to view it.</div>';
      return;
    }
    el.innerHTML = '<div style="padding:24px;text-align:center;color:var(--text-muted);">Loading AML register…</div>';
    if (!AML.loaded) await amlLoad();
    var openN = amlOpenFlagCount();
    var admin = (window.isAdminUser && window.isAdminUser());
    var h = '';
    h += '<div style="display:flex;align-items:center;justify-content:space-between;gap:10px;margin:6px 2px 14px;">';
    h += '<div><div style="font-family:\'Fraunces\',serif;font-size:22px;font-weight:600;">AML Register</div>';
    h += '<div style="font-size:12.5px;color:var(--text-muted);margin-top:2px;">Australian anti-money-laundering record — the money we pay clients. Records are kept permanently.</div></div>';
    if (openN > 0) h += '<span class="aml-flag-badge">⚠ ' + openN + ' to review</span>';
    h += '</div>';
    h += '<div style="display:flex;gap:8px;margin:0 2px 14px;">';
    h += '<button class="btn btn-ghost" onclick="window.amlReload()" style="height:34px;padding:0 12px;font-size:12.5px;">Refresh</button>';
    h += '</div>';

    if (!AML.rows.length) {
      h += '<div style="padding:24px;text-align:center;color:var(--text-muted);">No AML records yet. They are created automatically each time an Australian deal is saved.</div>';
      el.innerHTML = h; return;
    }
    // Open flags first, then everything by date desc.
    var rows = AML.rows.slice().sort(function (a, b) {
      var af = (a.flagged && !a.settled) ? 0 : 1, bf = (b.flagged && !b.settled) ? 0 : 1;
      if (af !== bf) return af - bf;
      return (b.created_at || '').localeCompare(a.created_at || '');
    });
    rows.forEach(function (x) {
      var flagged = x.flagged && !x.settled;
      var cls = 'aml-card' + (flagged ? ' flagged' : (x.settled ? ' settled' : ''));
      h += '<div class="' + cls + '" style="background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:13px 14px;margin:0 2px 10px;">';
      h += '<div style="display:flex;align-items:flex-start;justify-content:space-between;gap:10px;">';
      h += '<div style="min-width:0;"><div style="font-weight:700;font-size:15px;">' + escapeHtml(x.client_name || 'Unnamed client') + '</div>';
      h += '<div style="font-size:12px;color:var(--text-muted);margin-top:2px;">' + escapeHtml(_fmtDate(x.created_at)) + ' · ' + escapeHtml(x.staff_member || '—') + '</div></div>';
      h += '<div style="text-align:right;flex-shrink:0;"><div style="font-weight:700;font-size:15px;">$' + Number(x.purchase_amount || 0).toLocaleString() + '</div>' + amlRiskChip(x.risk_score) + '</div>';
      h += '</div>';
      // Detail grid
      h += '<div style="margin-top:9px;font-size:12.5px;line-height:1.6;color:var(--text);">';
      if (x.item_description) h += '<div><span style="color:var(--text-muted);">Items:</span> ' + escapeHtml(x.item_description) + '</div>';
      if (x.client_address) h += '<div><span style="color:var(--text-muted);">Address:</span> ' + escapeHtml(x.client_address) + '</div>';
      if (x.client_dob) h += '<div><span style="color:var(--text-muted);">DOB:</span> ' + escapeHtml(x.client_dob) + '</div>';
      if (x.id_type || x.id_number) h += '<div><span style="color:var(--text-muted);">ID:</span> ' + escapeHtml([x.id_type, x.id_number].filter(Boolean).join(' · ')) + '</div>';
      if (x.proof_addr_type) h += '<div><span style="color:var(--text-muted);">Proof of address:</span> ' + escapeHtml(x.proof_addr_type) + '</div>';
      if (x.payment_method) h += '<div><span style="color:var(--text-muted);">Payment:</span> ' + escapeHtml(x.payment_method) + '</div>';
      h += '<div><span style="color:var(--text-muted);">Rolling 12-mo to this ID:</span> $' + Number(x.rolling_12mo_total || 0).toLocaleString() + (x.over_10k ? ' <strong style="color:#C53030;">(over $10k)</strong>' : '') + '</div>';
      var saf = amlSaSummary(x);
      if (saf.length) h += '<div style="margin-top:4px;"><span style="color:#C53030;font-weight:700;">Flags:</span> ' + escapeHtml(saf.join(', ')) + '</div>';
      h += '</div>';
      // Flag / settle status
      if (x.flagged) {
        h += '<div style="margin-top:10px;border-top:1px solid var(--border);padding-top:10px;">';
        h += '<div style="font-size:12px;color:#C53030;font-weight:700;margin-bottom:4px;">⚠ ' + escapeHtml(x.flag_reason || 'Flagged for review') + '</div>';
        if (x.settled) {
          h += '<div style="font-size:12px;color:var(--success);">✔ Settled by ' + escapeHtml(x.settled_by || '—') + ' · ' + escapeHtml(_fmtDate(x.settled_at)) + '</div>';
          if (x.settle_reason) h += '<div style="font-size:12px;color:var(--text-muted);margin-top:2px;">' + escapeHtml(x.settle_reason) + '</div>';
        } else if (admin) {
          h += '<button class="btn btn-primary" onclick="window.amlSettle(' + x.id + ')" style="height:34px;padding:0 14px;font-size:12.5px;">Settle / dismiss flag</button>';
        } else {
          h += '<div style="font-size:12px;color:var(--text-muted);">Awaiting admin review.</div>';
        }
        h += '</div>';
      }
      // Risk-score editing (any staff can set/adjust the manual score)
      h += '<div style="margin-top:10px;border-top:1px solid var(--border);padding-top:10px;">';
      h += '<div style="font-size:11.5px;color:var(--text-muted);margin-bottom:6px;">Set risk score (1–5)</div>';
      h += '<div style="display:grid;grid-template-columns:repeat(5,1fr);gap:6px;">';
      for (var s = 1; s <= 5; s++) {
        var act = (x.risk_score === s) ? ' active' : '';
        h += '<button type="button" class="risk-btn' + act + '" data-risk="' + s + '" onclick="window.amlSetRisk(' + x.id + ',' + s + ')" style="padding:8px 0;border:1.5px solid var(--border);border-radius:8px;background:var(--surface);font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;">' + s + '</button>';
      }
      h += '</div></div>';
      h += '</div>';
    });
    el.innerHTML = h;
  };

  window.amlReload = async function () { AML.loaded = false; await window.renderAML(); };

  window.amlSetRisk = async function (id, score) {
    try {
      await fetch(REST + '/aml_register?id=eq.' + encodeURIComponent(id), {
        method: 'PATCH', headers: Object.assign({}, HDR(), { Prefer: 'return=minimal' }),
        body: JSON.stringify({ risk_score: score, updated_at: new Date().toISOString() })
      });
      var row = (AML.rows || []).find(function (x) { return x.id === id; });
      if (row) row.risk_score = score;
      if (window.toast) window.toast('Risk score set to ' + score);
      window.renderAML();
    } catch (e) { if (window.toast) window.toast('Could not save risk score'); }
  };

  window.amlSettle = async function (id) {
    if (!(window.isAdminUser && window.isAdminUser())) { if (window.toast) window.toast('Only admins can settle flags'); return; }
    var reason = window.prompt('Reason for settling / dismissing this flag (recorded permanently):', '');
    if (reason == null) return;
    reason = reason.trim();
    if (!reason) { if (window.toast) window.toast('A reason is required to settle a flag'); return; }
    try {
      var patch = { settled: true, settled_by: authMe(), settled_at: new Date().toISOString(), settle_reason: reason, updated_at: new Date().toISOString() };
      await fetch(REST + '/aml_register?id=eq.' + encodeURIComponent(id), {
        method: 'PATCH', headers: Object.assign({}, HDR(), { Prefer: 'return=minimal' }), body: JSON.stringify(patch)
      });
      var row = (AML.rows || []).find(function (x) { return x.id === id; });
      if (row) { row.settled = true; row.settled_by = patch.settled_by; row.settled_at = patch.settled_at; row.settle_reason = reason; }
      // Audit trail (best-effort, reuses existing audit_log).
      try {
        if (typeof sbClient !== 'undefined' && sbClient) {
          sbClient.from('audit_log').insert([{
            country: 'AU', entity: 'aml_register', entity_id: String(id),
            entity_label: 'AML flag', action: 'aml_flag_settled',
            actor: authMe(), actor_id: authMeId(), decision_note: reason,
            decided_by: authMe(), decided_at: new Date().toISOString(),
            created_at: new Date().toISOString()
          }]);
        }
      } catch (e) {}
      if (window.toast) window.toast('Flag settled');
      amlRefreshBadge();
      window.renderAML();
    } catch (e) { if (window.toast) window.toast('Could not settle flag'); }
  };

  // ----- REFINERY REGISTER (standalone outbound log; no AML) -----
  async function refiLoad() {
    if (REFI.busy) return;
    REFI.busy = true;
    try {
      var url = REST + '/refinery_register?country=eq.AU&order=transfer_date.desc&limit=400';
      var r = await fetch(url, { headers: HDR() });
      REFI.rows = r.ok ? await r.json() : [];
      REFI.loaded = true;
    } catch (e) { console.warn('[Refinery] load error', e); REFI.rows = []; }
    REFI.busy = false;
  }

  window.renderRefinery = async function () {
    var el = document.getElementById('refinery-view');
    if (!el) return;
    if (typeof isAU !== 'function' || !isAU()) {
      el.innerHTML = '<div style="padding:24px;text-align:center;color:var(--text-muted);">The Refinery Register is part of the Australian framework. Switch to AU to view it.</div>';
      return;
    }
    el.innerHTML = '<div style="padding:24px;text-align:center;color:var(--text-muted);">Loading refinery register…</div>';
    if (!REFI.loaded) await refiLoad();
    var admin = (window.isAdminUser && window.isAdminUser());
    var h = '';
    h += '<div style="margin:6px 2px 14px;"><div style="font-family:\'Fraunces\',serif;font-size:22px;font-weight:600;">Refinery Register</div>';
    h += '<div style="font-size:12.5px;color:var(--text-muted);margin-top:2px;">Outbound record of melts and sales to refiners, bullion dealers and individuals. Record-keeping only — separate from AML.</div></div>';
    if (admin) {
      h += '<div style="margin:0 2px 14px;"><button class="btn btn-primary" onclick="window.refiNew()" style="height:38px;padding:0 16px;">+ New refinery entry</button></div>';
    }
    if (!REFI.rows.length) {
      h += '<div style="padding:24px;text-align:center;color:var(--text-muted);">No refinery entries yet.</div>';
      el.innerHTML = h; return;
    }
    REFI.rows.forEach(function (x) {
      h += '<div style="background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:13px 14px;margin:0 2px 10px;">';
      h += '<div style="display:flex;align-items:flex-start;justify-content:space-between;gap:10px;">';
      h += '<div style="min-width:0;"><div style="font-weight:700;font-size:15px;">' + escapeHtml(x.refiner_name || 'Refiner') + '</div>';
      h += '<div style="font-size:12px;color:var(--text-muted);margin-top:2px;">' + escapeHtml(x.transfer_date || '—') + '</div></div>';
      if (x.amount != null) h += '<div style="font-weight:700;font-size:15px;flex-shrink:0;">$' + Number(x.amount).toLocaleString() + '</div>';
      h += '</div>';
      h += '<div style="margin-top:9px;font-size:12.5px;line-height:1.6;">';
      if (x.licence_details) h += '<div><span style="color:var(--text-muted);">Licence:</span> ' + escapeHtml(x.licence_details) + '</div>';
      if (x.invoice_ref) h += '<div><span style="color:var(--text-muted);">Invoice:</span> ' + escapeHtml(x.invoice_ref) + '</div>';
      if (x.batch_numbers) h += '<div><span style="color:var(--text-muted);">Batch:</span> ' + escapeHtml(x.batch_numbers) + '</div>';
      if (x.notes) h += '<div><span style="color:var(--text-muted);">Notes:</span> ' + escapeHtml(x.notes) + '</div>';
      h += '</div>';
      if (admin) h += '<div style="margin-top:10px;"><button class="btn btn-ghost" onclick="window.refiEdit(' + x.id + ')" style="height:32px;padding:0 12px;font-size:12px;">Edit</button></div>';
      h += '</div>';
    });
    el.innerHTML = h;
  };

  window.refiNew = function () { window.refiEdit(null); };
  window.refiEdit = function (id) {
    if (!(window.isAdminUser && window.isAdminUser())) { if (window.toast) window.toast('Only admins can edit the refinery register'); return; }
    var x = id != null ? (REFI.rows || []).find(function (r) { return r.id === id; }) : null;
    var el = document.getElementById('refinery-view');
    if (!el) return;
    var v = function (k) { return x && x[k] != null ? String(x[k]) : ''; };
    var h = '';
    h += '<div style="margin:6px 2px 14px;"><div style="font-family:\'Fraunces\',serif;font-size:22px;font-weight:600;">' + (x ? 'Edit' : 'New') + ' refinery entry</div></div>';
    h += '<div style="background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px;margin:0 2px;">';
    h += '<div class="deal-form-row"><label>Refiner / buyer name</label><input type="text" id="refi-name" value="' + escapeHtml(v('refiner_name')) + '"/></div>';
    h += '<div class="deal-form-row"><label>Licence details</label><input type="text" id="refi-licence" value="' + escapeHtml(v('licence_details')) + '"/></div>';
    h += '<div class="deal-form-row"><label>Invoice reference</label><input type="text" id="refi-invoice" value="' + escapeHtml(v('invoice_ref')) + '"/></div>';
    h += '<div class="deal-form-row"><label>Batch number(s)</label><input type="text" id="refi-batch" value="' + escapeHtml(v('batch_numbers')) + '"/></div>';
    h += '<div class="deal-form-row"><label>Transfer date</label><input type="date" id="refi-date" value="' + escapeHtml(v('transfer_date')) + '"/></div>';
    h += '<div class="deal-form-row"><label>Amount they paid us (optional)</label><div class="amount-input-wrap"><input type="number" step="0.01" id="refi-amount" value="' + escapeHtml(v('amount')) + '"/></div></div>';
    h += '<div class="deal-form-row"><label>Notes</label><textarea id="refi-notes">' + escapeHtml(v('notes')) + '</textarea></div>';
    h += '<div style="display:flex;gap:8px;margin-top:6px;">';
    h += '<button class="btn btn-primary" onclick="window.refiSave(' + (x ? x.id : 'null') + ')" style="flex:1;height:42px;">Save entry</button>';
    h += '<button class="btn btn-ghost" onclick="window.renderRefinery()" style="flex:0 0 auto;height:42px;padding:0 16px;">Cancel</button>';
    h += '</div></div>';
    el.innerHTML = h;
  };

  window.refiSave = async function (id) {
    var g = function (k) { var e = document.getElementById(k); return e ? e.value.trim() : ''; };
    var amt = g('refi-amount');
    var row = {
      country: 'AU',
      refiner_name: g('refi-name') || null,
      licence_details: g('refi-licence') || null,
      invoice_ref: g('refi-invoice') || null,
      batch_numbers: g('refi-batch') || null,
      transfer_date: g('refi-date') || null,
      amount: amt ? (parseFloat(amt) || null) : null,
      notes: g('refi-notes') || null,
      created_by: authMe(),
      created_by_id: authMeId()
    };
    try {
      if (id != null) {
        row.updated_at = new Date().toISOString();
        await fetch(REST + '/refinery_register?id=eq.' + encodeURIComponent(id), {
          method: 'PATCH', headers: Object.assign({}, HDR(), { Prefer: 'return=minimal' }), body: JSON.stringify(row)
        });
      } else {
        await fetch(REST + '/refinery_register', {
          method: 'POST', headers: Object.assign({}, HDR(), { Prefer: 'return=minimal' }), body: JSON.stringify(row)
        });
      }
      if (window.toast) window.toast('Refinery entry saved');
      REFI.loaded = false;
      window.renderRefinery();
    } catch (e) { if (window.toast) window.toast('Could not save entry'); }
  };


  // ===================================================================
  // COLLECTABLES (V-292) — TCGplayer launch + shared, synced watchlist.
  // No pricing API (card prices aren't free/public): you look a card up
  // on TCGplayer, then type what you saw. The watchlist is shared team-
  // wide, country-partitioned (UK/AU separate like everything else), and
  // backed by the live Supabase table public.collectables. Reuses the
  // proven REST + HDR() + authMe/authMeId + uploadAttachment/
  // getAttachmentUrl helpers (same pattern as the AML module). Nothing
  // here touches deals, gold stock, or trip profit.
  // ===================================================================
  var COLLECT = { loaded: false, rows: [], busy: false, editing: undefined, photos: [] };

  function collectCountry() { return (window.state && window.state.country) || 'UK'; }
  function collectCurrency() { return collectCountry() === 'AU' ? 'AUD' : 'GBP'; }

  window.openCollectables = function () {
    var url = 'https://www.tcgplayer.com/';
    try { window.open(url, '_blank', 'noopener'); } catch (e) { location.href = url; }
  };

  async function collectLoad() {
    if (COLLECT.busy) return;
    COLLECT.busy = true;
    try {
      var url = REST + '/collectables?country=eq.' + collectCountry() + '&order=created_at.desc&limit=500';
      var r = await fetch(url, { headers: HDR() });
      COLLECT.rows = r.ok ? await r.json() : [];
      COLLECT.loaded = true;
    } catch (e) { console.warn('[Collect] load error', e); COLLECT.rows = []; }
    COLLECT.busy = false;
  }

  window.renderCollectables = async function () {
    var host = document.getElementById('collectables-view');
    if (!host) return;
    if (COLLECT.editing !== undefined) { _collectRenderForm(host); return; }
    // First paint: launch CTA + (loading) list.
    host.innerHTML =
      '<div style="padding:4px 2px 28px;">' +
        '<h2 style="font-family:var(--serif,Georgia);font-size:24px;margin:6px 0 2px;">Collectables</h2>' +
        '<div style="font-size:13px;color:var(--text-muted);margin-bottom:16px;">Look up trading-card prices on TCGplayer, then save the cards you\u2019re tracking. Your watchlist is shared with the team.</div>' +
        '<div style="background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:18px;text-align:center;margin-bottom:18px;">' +
          '<div style="font-weight:700;font-size:16px;margin-bottom:4px;">Search card pricing</div>' +
          '<div style="font-size:12.5px;color:var(--text-muted);margin-bottom:14px;line-height:1.5;">Opens TCGplayer to search by card name or set.</div>' +
          '<button type="button" onclick="window.openCollectables()" ontouchend="event.preventDefault();window.openCollectables()" class="btn btn-primary" style="width:100%;height:46px;font-size:15px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;">' +
            '<svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/></svg>' +
            'Open TCGplayer' +
          '</button>' +
        '</div>' +
        '<div style="display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;">' +
          '<div style="font-weight:700;font-size:16px;">Watchlist <span style="font-weight:400;color:var(--text-muted);font-size:13px;">(' + collectCountry() + ')</span></div>' +
          '<button type="button" onclick="window.collectNew()" class="btn btn-primary" style="height:36px;padding:0 14px;font-size:13px;font-weight:700;">+ Add card</button>' +
        '</div>' +
        '<div id="collect-list"><div style="padding:18px;text-align:center;color:var(--text-muted);">Loading\u2026</div></div>' +
      '</div>';
    if (!COLLECT.loaded) await collectLoad();
    _collectRenderList();
  };

  function _collectMoney(n) {
    var sym = collectCurrency() === 'AUD' ? 'A$' : '\u00A3';
    if (n == null || n === '') return '';
    return sym + (Number(n) || 0).toLocaleString(undefined, { minimumFractionDigits: 2, maximumFractionDigits: 2 });
  }

  function _collectRenderList() {
    var el = document.getElementById('collect-list');
    if (!el) return;
    if (!COLLECT.rows.length) {
      el.innerHTML = '<div style="padding:20px;text-align:center;color:var(--text-muted);font-size:13px;">No cards yet. Tap \u201C+ Add card\u201D after you\u2019ve looked one up.</div>';
      return;
    }
    var h = '';
    COLLECT.rows.forEach(function (c) {
      var bought = c.status === 'bought';
      h += '<div style="background:var(--surface);border:1px solid var(--border);border-left:4px solid ' + (bought ? 'var(--success)' : 'var(--primary)') + ';border-radius:12px;padding:12px 13px;margin-bottom:9px;">';
      h += '<div style="display:flex;align-items:flex-start;justify-content:space-between;gap:10px;">';
      h += '<div style="min-width:0;flex:1;"><div style="font-weight:700;font-size:15px;">' + escapeHtml(c.card_name || 'Card') + '</div>';
      if (c.card_set) h += '<div style="font-size:12px;color:var(--text-muted);margin-top:1px;">' + escapeHtml(c.card_set) + '</div>';
      h += '</div>';
      h += '<div style="text-align:right;flex-shrink:0;">';
      if (c.price_seen != null && c.price_seen !== '') h += '<div style="font-weight:700;font-size:15px;">' + _collectMoney(c.price_seen) + '</div>';
      h += '<div style="font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:' + (bought ? 'var(--success)' : 'var(--primary)') + ';">' + (bought ? 'Bought' : 'Watching') + '</div>';
      h += '</div></div>';
      if (c.note) h += '<div style="font-size:12.5px;color:var(--text);margin-top:7px;line-height:1.45;">' + escapeHtml(c.note) + '</div>';
      h += '<div id="collect-photos-' + c.id + '" style="display:flex;gap:6px;margin-top:8px;flex-wrap:wrap;"></div>';
      h += '<div style="display:flex;gap:6px;margin-top:10px;">';
      h += '<button type="button" onclick="window.collectToggleStatus(' + c.id + ')" class="btn btn-secondary" style="height:32px;padding:0 11px;font-size:12px;">' + (bought ? 'Mark watching' : 'Mark bought') + '</button>';
      h += '<button type="button" onclick="window.collectEdit(' + c.id + ')" class="btn btn-ghost" style="height:32px;padding:0 11px;font-size:12px;">Edit</button>';
      h += '<button type="button" onclick="window.collectDelete(' + c.id + ')" class="btn btn-ghost" style="height:32px;padding:0 11px;font-size:12px;color:var(--danger);">Delete</button>';
      h += '</div>';
      h += '<div style="font-size:10.5px;color:var(--text-light);margin-top:8px;">' + escapeHtml(c.created_by || '') + (c.created_at ? ' \u00B7 ' + escapeHtml(_fmtDate(c.created_at)) : '') + '</div>';
      h += '</div>';
    });
    el.innerHTML = h;
    // Lazy-load any photo thumbnails (signed URLs).
    COLLECT.rows.forEach(function (c) {
      var paths = Array.isArray(c.photo_paths) ? c.photo_paths : [];
      if (!paths.length) return;
      var box = document.getElementById('collect-photos-' + c.id);
      if (!box) return;
      box.innerHTML = paths.map(function (p) {
        return '<div style="width:54px;height:54px;border-radius:8px;overflow:hidden;background:var(--surface-2);"><img data-cp="' + escapeHtml(p) + '" style="width:100%;height:100%;object-fit:cover;display:block;"/></div>';
      }).join('');
      box.querySelectorAll('img[data-cp]').forEach(async function (img) {
        var url = await getAttachmentUrl(img.getAttribute('data-cp'));
        if (url) img.src = url;
      });
    });
  }

  window.collectNew = function () { COLLECT.editing = null; COLLECT.photos = []; window.renderCollectables(); };
  window.collectEdit = function (id) {
    var c = COLLECT.rows.find(function (x) { return x.id === id; });
    if (!c) return;
    COLLECT.editing = c;
    COLLECT.photos = Array.isArray(c.photo_paths) ? c.photo_paths.slice() : [];
    window.renderCollectables();
  };

  function _collectRenderForm(host) {
    var c = COLLECT.editing || {};
    var isEdit = !!(c && c.id);
    var v = function (x) { return x == null ? '' : String(x); };
    var sym = collectCurrency() === 'AUD' ? 'A$' : '\u00A3';
    var inS = 'width:100%;height:42px;border-radius:11px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-family:inherit;font-size:14px;padding:0 12px;box-sizing:border-box;';
    var lblS = 'display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:700;margin:0 0 4px;';
    host.innerHTML =
      '<div style="padding:4px 2px 28px;">' +
        '<div style="display:flex;align-items:center;gap:8px;margin:6px 0 14px;">' +
          '<button type="button" onclick="window.collectCancel()" class="icon-btn" style="flex-shrink:0;"><svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"/></svg></button>' +
          '<h2 style="font-family:var(--serif,Georgia);font-size:22px;margin:0;">' + (isEdit ? 'Edit card' : 'Add card') + '</h2>' +
        '</div>' +
        '<label style="' + lblS + '">Card name</label>' +
        '<input id="collect-name" type="text" value="' + escapeHtml(v(c.card_name)) + '" placeholder="e.g. Charizard Base Set" style="' + inS + 'margin-bottom:12px;"/>' +
        '<label style="' + lblS + '">Set / edition</label>' +
        '<input id="collect-set" type="text" value="' + escapeHtml(v(c.card_set)) + '" placeholder="e.g. 1999 Base, Holo" style="' + inS + 'margin-bottom:12px;"/>' +
        '<label style="' + lblS + '">Price seen (' + sym + ')</label>' +
        '<input id="collect-price" type="number" step="0.01" min="0" value="' + escapeHtml(v(c.price_seen)) + '" placeholder="0.00" inputmode="decimal" style="' + inS + 'margin-bottom:12px;"/>' +
        '<label style="' + lblS + '">Note</label>' +
        '<textarea id="collect-note" placeholder="Condition, where you saw it, target buy price\u2026" style="width:100%;min-height:70px;border-radius:11px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-family:inherit;font-size:14px;padding:10px 12px;box-sizing:border-box;resize:vertical;margin-bottom:12px;">' + escapeHtml(v(c.note)) + '</textarea>' +
        '<label style="' + lblS + '">Photos</label>' +
        '<div id="collect-form-photos" style="display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px;"></div>' +
        '<input type="file" accept="image/*" id="collect-photo-file" multiple style="display:none;"/>' +
        '<button type="button" id="collect-photo-btn" class="btn btn-secondary" style="width:100%;height:40px;font-size:13px;margin-bottom:16px;">+ Add photo</button>' +
        '<div style="display:flex;gap:8px;">' +
          '<button type="button" onclick="window.collectSave()" class="btn btn-primary" style="flex:1;height:46px;font-size:15px;font-weight:700;">' + (isEdit ? 'Save changes' : 'Save card') + '</button>' +
          '<button type="button" onclick="window.collectCancel()" class="btn btn-ghost" style="flex:0 0 auto;height:46px;padding:0 16px;">Cancel</button>' +
        '</div>' +
      '</div>';
    _collectRenderFormPhotos();
    var btn = document.getElementById('collect-photo-btn');
    var inp = document.getElementById('collect-photo-file');
    if (btn && inp) {
      btn.addEventListener('click', function () { inp.click(); });
      inp.addEventListener('change', async function () {
        var files = Array.prototype.slice.call(inp.files || []);
        inp.value = '';
        if (!files.length) return;
        btn.disabled = true; btn.textContent = 'Uploading\u2026';
        for (var i = 0; i < files.length; i++) {
          var path = await uploadAttachment('collectables', (authMeId() || authMe() || 'user'), files[i]);
          if (path) COLLECT.photos.push(path);
        }
        btn.disabled = false; btn.textContent = '+ Add photo';
        _collectRenderFormPhotos();
      });
    }
  }

  function _collectRenderFormPhotos() {
    var box = document.getElementById('collect-form-photos');
    if (!box) return;
    box.innerHTML = (COLLECT.photos || []).map(function (p, i) {
      return '<div style="position:relative;width:64px;height:64px;border-radius:8px;overflow:hidden;background:var(--surface-2);">' +
        '<img data-cfp="' + escapeHtml(p) + '" style="width:100%;height:100%;object-fit:cover;display:block;"/>' +
        '<button type="button" data-cfp-rm="' + i + '" style="position:absolute;top:2px;right:2px;width:20px;height:20px;border:none;border-radius:50%;background:rgba(0,0,0,0.6);color:#fff;font-size:12px;cursor:pointer;line-height:1;">\u2715</button>' +
        '</div>';
    }).join('');
    box.querySelectorAll('img[data-cfp]').forEach(async function (img) {
      var url = await getAttachmentUrl(img.getAttribute('data-cfp'));
      if (url) img.src = url;
    });
    box.querySelectorAll('[data-cfp-rm]').forEach(function (b) {
      b.addEventListener('click', function () {
        var i = parseInt(b.dataset.cfpRm, 10);
        var removed = (COLLECT.photos || []).splice(i, 1)[0];
        if (removed) { try { deleteAttachment(removed); } catch (e) {} }
        _collectRenderFormPhotos();
      });
    });
  }

  window.collectCancel = function () { COLLECT.editing = undefined; COLLECT.photos = []; window.renderCollectables(); };

  window.collectSave = async function () {
    var g = function (k) { var e = document.getElementById(k); return e ? e.value.trim() : ''; };
    var name = g('collect-name');
    if (!name) { if (window.toast) window.toast('Give the card a name'); return; }
    var price = g('collect-price');
    var row = {
      country: collectCountry(),
      card_name: name,
      card_set: g('collect-set') || null,
      price_seen: price ? (parseFloat(price) || null) : null,
      currency: collectCurrency(),
      photo_paths: (COLLECT.photos || []).slice(),
      note: g('collect-note') || null
    };
    var editing = COLLECT.editing;
    try {
      if (editing && editing.id) {
        row.updated_at = new Date().toISOString();
        await fetch(REST + '/collectables?id=eq.' + encodeURIComponent(editing.id), {
          method: 'PATCH', headers: Object.assign({}, HDR(), { Prefer: 'return=minimal' }), body: JSON.stringify(row)
        });
      } else {
        row.status = 'watching';
        row.created_by = authMe();
        row.created_by_id = authMeId();
        await fetch(REST + '/collectables', {
          method: 'POST', headers: Object.assign({}, HDR(), { Prefer: 'return=minimal' }), body: JSON.stringify(row)
        });
      }
      if (window.toast) window.toast(editing && editing.id ? 'Card updated' : 'Card added');
      COLLECT.editing = undefined; COLLECT.photos = []; COLLECT.loaded = false;
      window.renderCollectables();
    } catch (e) { if (window.toast) window.toast('Could not save card'); }
  };

  window.collectToggleStatus = async function (id) {
    var c = COLLECT.rows.find(function (x) { return x.id === id; });
    if (!c) return;
    var next = c.status === 'bought' ? 'watching' : 'bought';
    try {
      await fetch(REST + '/collectables?id=eq.' + encodeURIComponent(id), {
        method: 'PATCH', headers: Object.assign({}, HDR(), { Prefer: 'return=minimal' }),
        body: JSON.stringify({ status: next, updated_at: new Date().toISOString() })
      });
      c.status = next;
      _collectRenderList();
    } catch (e) { if (window.toast) window.toast('Could not update'); }
  };

  window.collectDelete = async function (id) {
    if (!confirm('Delete this card from the watchlist? This cannot be undone.')) return;
    try {
      await fetch(REST + '/collectables?id=eq.' + encodeURIComponent(id), {
        method: 'DELETE', headers: Object.assign({}, HDR(), { Prefer: 'return=minimal' })
      });
      COLLECT.rows = COLLECT.rows.filter(function (x) { return x.id !== id; });
      if (window.toast) window.toast('Card deleted');
      _collectRenderList();
    } catch (e) { if (window.toast) window.toast('Could not delete'); }
  };
  // Reset cache on country switch so UK/AU lists never bleed.
  if (typeof window !== 'undefined') window._collectInvalidate = function () { COLLECT.loaded = false; COLLECT.rows = []; COLLECT.editing = undefined; COLLECT.photos = []; };

  // After a check + save: clear the form so a new item can be entered, and
  // surface the just-saved result (expanded) at the top of Recent checks.
  function authResetForm(focusHistoryId) {
    AUTH.details = '';
    AUTH.images = [];
    AUTH.result = '';
    AUTH.recordId = null;
    AUTH.feedback = null;
    AUTH.ebay = null; AUTH.ebayError = ''; AUTH.ebayBusy = false; AUTH.ebayShown = 5;
    if (focusHistoryId != null) AUTH.openHistId = focusHistoryId;
    var d = document.getElementById('auth-details'); if (d) d.value = '';
    var th = document.getElementById('auth-thumbs'); if (th) th.innerHTML = authThumbsHtml();
    var rw = document.getElementById('auth-result-wrap'); if (rw) rw.innerHTML = '';
    var hh = document.getElementById('auth-history'); if (hh) hh.innerHTML = authHistoryHtml();
    // Lazy-load photos for the freshly-expanded card.
    if (focusHistoryId != null) {
      var r = (AUTH.history || []).find(function (x) { return x.id === focusHistoryId; });
      if (r && Array.isArray(r.image_paths) && r.image_paths.length && typeof window.getAttachmentUrl === 'function') {
        var box = document.getElementById('auth-hist-photos-' + focusHistoryId);
        if (box) {
          r.image_paths.forEach(function (pth) {
            window.getAttachmentUrl(pth).then(function (u) {
              var bx = document.getElementById('auth-hist-photos-' + focusHistoryId);
              if (u && bx) { var img = document.createElement('img'); img.src = u; img.style.cssText = 'width:64px;height:64px;object-fit:cover;border-radius:8px;border:1px solid var(--border);'; bx.appendChild(img); }
            });
          });
        }
      }
      var hist = document.getElementById('auth-history');
      if (hist && hist.scrollIntoView) { try { hist.scrollIntoView({ behavior: 'smooth', block: 'start' }); } catch (e) {} }
    }
  }

  // =========================================================================
  // TASKS HUB (V-273) — Trello-style boards/columns/cards. Shared business hub.
  // Boards (shared|private) → columns (named+coloured) → cards (colour tag,
  // @assignees, due date, alert, checklist, attachments, comments). Drag cards
  // across columns AND boards. Backed by Supabase task_boards/task_cards/
  // task_activity (+ snapshot trigger). All writes attribute who+when and flush
  // instantly. @people pull from the same profiles list as chat/team.
  // =========================================================================
  var TASKS = {
    boards: [],
    cards: {},          // boardId -> [cards]
    people: [],         // [{salesman, name, id}]
    peopleLoaded: false,
    loaded: false,
    view: 'list',       // 'list' (board chooser) | 'board' (single board)
    openBoardId: null,
    openCardId: null,
    showArchived: false,
    dragCardId: null,
    currentBoard: null
  };
  var TASK_COLORS = ['#2B6E4A','#D4A437','#C53030','#2563EB','#7A6BC6','#8FA5B5','#E07A3F','#1F4733'];
  function taskId(p) { return (p||'t') + '_' + Date.now().toString(36) + Math.random().toString(36).slice(2,7); }
  function taskMe() { var p = state.currentProfile || {}; return p.full_name || p.name || state.salesman || p.email || 'Unknown'; }
  function taskMeId() { var p = state.currentProfile || {}; return p.id || null; }
  function taskIsAdmin() { return window.isAdminUser ? window.isAdminUser() : true; }

  async function taskApi(path, opts) {
    opts = opts || {};
    if (opts.method && opts.method !== 'GET') { try { await ensureFreshToken(); } catch (e) {} }
    var resp = await fetch(REST + path, Object.assign({ headers: HDR() }, opts));
    if (!resp.ok) { var t = await resp.text().catch(function(){return '';}); throw new Error(resp.status + ' ' + t); }
    if (resp.status === 204) return null;
    var txt = await resp.text(); return txt ? JSON.parse(txt) : null;
  }

  async function taskLoadPeople() {
    if (TASKS.peopleLoaded) return TASKS.people;
    try {
      var rows = await taskApi('/profiles?select=id,salesman,full_name,role,disabled&order=full_name.asc');
      TASKS.people = (rows || []).filter(function (p) { return !p.disabled; }).map(function (p) {
        return { id: p.id, salesman: p.salesman, name: p.full_name || p.salesman || p.email || 'User', role: p.role };
      });
      TASKS.peopleLoaded = true;
    } catch (e) { console.warn('[Tasks] people load failed', e); }
    return TASKS.people;
  }

  async function taskLoadBoards() {
    var rows = await taskApi('/task_boards?select=*&order=position.asc,created_at.asc');
    // Visibility: shared boards to everyone; private only to creator or members.
    var me = (state.salesman || '').toLowerCase();
    var mine = function (b) {
      if (b.visibility !== 'private') return true;
      if ((b.created_by || '').toLowerCase() === me) return true;
      var mem = Array.isArray(b.members) ? b.members : [];
      return mem.some(function (x) { return String(x).toLowerCase() === me; });
    };
    TASKS.boards = (rows || []).filter(mine);
    TASKS.loaded = true;
    return TASKS.boards;
  }
  async function taskLoadCards(boardId) {
    var rows = await taskApi('/task_cards?board_id=eq.' + encodeURIComponent(boardId) + '&archived=eq.false&select=*&order=position.asc,created_at.asc');
    TASKS.cards[boardId] = rows || [];
    return TASKS.cards[boardId];
  }

  window.renderTasks = async function () {
    var box = document.getElementById('tasks-view');
    if (!box) return;
    // People load in the background — never block the first paint.
    if (!TASKS.peopleLoaded) taskLoadPeople().catch(function(){});
    try {
      if (TASKS.view === 'board' && TASKS.openBoardId) {
        var haveBoard = TASKS.boards.length || TASKS.currentBoard;
        var haveCards = !!TASKS.cards[TASKS.openBoardId];
        if (haveBoard && haveCards) {
          _renderTaskBoard(box); // instant from cache, no background refetch
        } else {
          if (!haveBoard || !haveCards) box.innerHTML = '<div style="padding:30px;text-align:center;color:var(--text-muted);">Loading\u2026</div>';
          if (!TASKS.boards.length) await taskLoadBoards();
          if (!haveCards) await taskLoadCards(TASKS.openBoardId);
          _renderTaskBoard(box);
        }
      } else {
        if (TASKS.loaded) {
          _renderTaskList(box); // instant from cache
        } else {
          box.innerHTML = '<div style="padding:30px;text-align:center;color:var(--text-muted);">Loading tasks\u2026</div>';
          await taskLoadBoards();
          _renderTaskList(box);
        }
      }
    } catch (e) {
      box.innerHTML = '<div style="padding:24px;color:var(--danger);">Couldn\u2019t load tasks: ' + escapeHtml(e.message) + '</div>';
    }
  };
  // Manual refresh (pull latest from cloud) — used by a refresh control.
  window.taskRefresh = async function () {
    try { await taskLoadBoards(); if (TASKS.openBoardId) await taskLoadCards(TASKS.openBoardId); } catch(e){}
    window.renderTasks();
  };

  // ---- BOARD LIST (chooser) ----
  function _renderTaskList(box) {
    var shared = TASKS.boards.filter(function (b) { return b.visibility !== 'private' && !b.archived; });
    var priv = TASKS.boards.filter(function (b) { return b.visibility === 'private' && !b.archived; });
    var arch = TASKS.boards.filter(function (b) { return b.archived; });
    var h = '<div style="padding:16px 16px 100px;">';
    h += '<div style="display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px;">' +
      '<div><h2 style="margin:0;font-family:\'Fraunces\',serif;font-size:26px;">Tasks</h2>' +
      '<div style="font-size:12.5px;color:var(--text-muted);margin-top:2px;">Boards for running the business</div></div>' +
      '<button class="btn btn-primary" id="task-new-board" style="height:40px;padding:0 16px;font-weight:600;">+ New board</button>' +
    '</div>';
    var section = function (title, arr) {
      var s = '<div style="font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-muted);margin:6px 0 8px;">' + title + ' (' + arr.length + ')</div>';
      if (!arr.length) return s + '<div style="color:var(--text-muted);font-size:13px;margin-bottom:16px;">None yet.</div>';
      arr = arr.slice().sort(function (a, b) { return (a.position||0) - (b.position||0); });
      s += '<div style="display:flex;flex-direction:column;gap:8px;margin-bottom:18px;">';
      arr.forEach(function (b) {
        s += '<div style="display:flex;align-items:stretch;gap:6px;">';
        s += '<div class="task-board-card" data-id="' + escapeHtml(b.id) + '" style="flex:1;display:flex;align-items:center;gap:12px;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;cursor:pointer;min-height:64px;">';
        if (b.cover_url) s += '<div style="width:64px;height:64px;flex-shrink:0;background:#000 url(' + escapeHtml(b.cover_url) + ') center/cover;"></div>';
        else s += '<div style="width:8px;align-self:stretch;background:' + (b.visibility==='private' ? '#7A6BC6' : '#2B6E4A') + ';flex-shrink:0;"></div>';
        s += '<div style="flex:1;min-width:0;padding:10px 8px;">' +
          '<div style="font-weight:700;font-size:15px;display:flex;align-items:center;gap:5px;">' + escapeHtml(b.title) + (b.visibility==='private' ? icoSvg('lock',13,'var(--text-muted)') : '') + '</div>' +
          (b.description ? '<div style="font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">' + escapeHtml(b.description) + '</div>' : '') +
          '<div style="font-size:11px;color:var(--text-muted);margin-top:2px;">' + (b.columns||[]).length + ' columns \u00b7 ' + (b.created_by ? 'by ' + escapeHtml(b.created_by) : '') + '</div>' +
        '</div>';
        s += '<div style="padding:0 12px;color:var(--text-muted);">\u203A</div>';
        s += '</div>';
        if (!b.archived) {
          s += '<div style="display:flex;flex-direction:column;gap:4px;justify-content:center;">' +
            '<button class="task-board-up" data-id="' + escapeHtml(b.id) + '" style="width:30px;height:28px;border:1px solid var(--border);border-radius:7px;background:var(--surface-2);color:var(--text-muted);">\u2191</button>' +
            '<button class="task-board-down" data-id="' + escapeHtml(b.id) + '" style="width:30px;height:28px;border:1px solid var(--border);border-radius:7px;background:var(--surface-2);color:var(--text-muted);">\u2193</button>' +
          '</div>';
        }
        s += '</div>';
      });
      s += '</div>';
      return s;
    };
    h += section('Shared boards', shared);
    h += section('Private boards', priv);
    if (arch.length) {
      h += '<button id="task-toggle-arch" class="btn btn-ghost" style="width:100%;margin-bottom:8px;">' + (TASKS.showArchived ? 'Hide' : 'Show') + ' archived (' + arch.length + ')</button>';
      if (TASKS.showArchived) h += section('Archived', arch);
    }
    h += '</div>';
    box.innerHTML = h;

    var nb = document.getElementById('task-new-board');
    if (nb) bindButton(nb, function () { taskBoardForm(null); });
    var ta = document.getElementById('task-toggle-arch');
    if (ta) bindButton(ta, function () { TASKS.showArchived = !TASKS.showArchived; _renderTaskList(box); });
    box.querySelectorAll('.task-board-card').forEach(function (c) {
      bindButton(c, function () { TASKS.openBoardId = c.dataset.id; TASKS.view = 'board'; window.renderTasks(); });
    });
    box.querySelectorAll('.task-board-up').forEach(function (btn) {
      bindButton(btn, function () { taskReorderBoard(btn.dataset.id, -1); });
    });
    box.querySelectorAll('.task-board-down').forEach(function (btn) {
      bindButton(btn, function () { taskReorderBoard(btn.dataset.id, 1); });
    });
  }

  // ---- SINGLE BOARD (columns + cards) ----
  function _renderTaskBoard(box) {
    var b = TASKS.boards.find(function (x) { return x.id === TASKS.openBoardId; });
    // Fallback to the cached board so a transient reload can never blank the header.
    if (!b && TASKS.currentBoard && TASKS.currentBoard.id === TASKS.openBoardId) b = TASKS.currentBoard;
    if (!b) { TASKS.view = 'list'; return window.renderTasks(); }
    TASKS.currentBoard = b; // cache the live object
    var cards = TASKS.cards[b.id] || [];
    var cols = b.columns || [];
    var h = '<div style="padding:14px 14px 100px;">';
    h += '<div style="display:flex;align-items:center;gap:6px;margin-bottom:16px;">' +
      '<button id="task-back" class="btn btn-ghost" style="height:36px;padding:0 10px;font-weight:600;">\u2039 Boards</button>' +
      '<div style="flex:1;min-width:0;text-align:center;">' +
        '<div style="font-family:\'Fraunces\',serif;font-size:20px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">' + escapeHtml(b.title) + '</div>' +
        (b.description ? '<div style="font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">' + escapeHtml(b.description) + '</div>' : '') +
      '</div>' +
      '<button id="task-refresh" class="btn btn-ghost" style="height:36px;width:36px;padding:0;" title="Refresh">' + icoSvg('history',16,'currentColor') + '</button>' +
      '<button id="task-board-menu" class="btn btn-ghost" style="height:36px;width:36px;padding:0;">' + icoSvg('grid',16,'currentColor') + '</button>' +
    '</div>';
    // Horizontal scroll of columns
    h += '<div style="display:flex;gap:14px;overflow-x:auto;padding-bottom:10px;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;">';
    cols.forEach(function (col) {
      var colCards = cards.filter(function (c) { return c.column_id === col.id; })
        .sort(function (a, c) { return (a.position||0) - (c.position||0); });
      var cc = col.color || '#8FA5B5';
      h += '<div class="task-col" data-col="' + escapeHtml(col.id) + '" style="flex:0 0 84vw;max-width:330px;background:var(--surface-2);border-radius:16px;padding:0;overflow:hidden;scroll-snap-align:start;box-shadow:0 1px 3px rgba(0,0,0,0.05);">';
      // coloured header strip
      h += '<div style="background:' + cc + '14;border-bottom:2px solid ' + cc + ';padding:11px 14px;display:flex;align-items:center;gap:8px;">' +
        '<span style="width:11px;height:11px;border-radius:50%;background:' + cc + ';flex-shrink:0;"></span>' +
        '<div style="font-weight:800;font-size:13.5px;flex:1;letter-spacing:0.01em;">' + escapeHtml(col.name) + '</div>' +
        '<span style="font-size:11px;font-weight:700;color:' + cc + ';background:' + cc + '22;border-radius:10px;padding:1px 9px;">' + colCards.length + '</span>' +
      '</div>';
      h += '<div style="padding:12px;">';
      h += '<div class="task-col-drop" data-col="' + escapeHtml(col.id) + '" style="display:flex;flex-direction:column;gap:10px;min-height:30px;">';
      if (!colCards.length) h += '<div style="text-align:center;color:var(--text-muted);font-size:12px;padding:14px 0;opacity:0.7;">No cards yet</div>';
      colCards.forEach(function (c) { h += _taskCardHtml(c, b); });
      h += '</div>';
      h += '<button class="task-add-card" data-col="' + escapeHtml(col.id) + '" style="width:100%;margin-top:10px;height:38px;font-size:13px;font-weight:600;color:' + cc + ';background:' + cc + '12;border:1px dashed ' + cc + '55;border-radius:10px;">+ Add card</button>';
      h += '</div>';
      h += '</div>';
    });
    h += '</div></div>';
    box.innerHTML = h;

    var back = document.getElementById('task-back');
    if (back) bindButton(back, function () { TASKS.view = 'list'; TASKS.openBoardId = null; window.renderTasks(); });
    var menu = document.getElementById('task-board-menu');
    if (menu) bindButton(menu, function () { taskBoardMenu(b); });
    var refr = document.getElementById('task-refresh');
    if (refr) bindButton(refr, function () { window.taskRefresh(); });
    box.querySelectorAll('.task-add-card').forEach(function (btn) {
      bindButton(btn, function () { taskCardForm(null, b.id, btn.dataset.col); });
    });
    box.querySelectorAll('.task-card').forEach(function (el) {
      bindButton(el, function (e) {
        // ignore taps on the grip menu
        if (e && e.target && e.target.closest && e.target.closest('.task-card-grip')) return;
        taskOpenCard(el.dataset.id);
      });
    });
    // Grip opens a small action sheet: move up/down in the column, or move
    // to another column/board. Bound with bindButton for touch.
    box.querySelectorAll('.task-card-grip').forEach(function (grip) {
      bindButton(grip, function () {
        var cards = TASKS.cards[b.id] || [];
        var c = cards.find(function (x) { return x.id === grip.dataset.id; });
        if (c) taskCardActionSheet(c, b);
      });
    });
    box.querySelectorAll('.task-col-drop').forEach(function (drop) { _wireColDrop(drop, b); });
    box.querySelectorAll('.task-card').forEach(function (el) { _wireCardDrag(el, b); });
  }

  // Action sheet from the card grip — clean reorder + move without cluttering the card.
  function taskCardActionSheet(c, b) {
    var ov = document.createElement('div'); ov.className='modal-backdrop';
    ov.style.cssText='position:fixed;inset:0;z-index:4200;display:flex;align-items:flex-end;';
    ov.innerHTML = '<div style="background:var(--bg);width:100%;border-radius:18px 18px 0 0;padding:14px 16px 30px;">' +
      '<div style="font-weight:700;margin-bottom:4px;">' + escapeHtml(c.title) + '</div>' +
      '<div style="font-size:12px;color:var(--text-muted);margin-bottom:14px;">Reorder or move this card</div>' +
      '<button id="cas-up" class="btn btn-ghost" style="width:100%;height:46px;justify-content:flex-start;gap:10px;margin-bottom:6px;display:flex;align-items:center;">\u2191\u00a0\u00a0Move up</button>' +
      '<button id="cas-down" class="btn btn-ghost" style="width:100%;height:46px;justify-content:flex-start;gap:10px;margin-bottom:6px;display:flex;align-items:center;">\u2193\u00a0\u00a0Move down</button>' +
      '<button id="cas-move" class="btn btn-ghost" style="width:100%;height:46px;justify-content:flex-start;gap:10px;margin-bottom:6px;display:flex;align-items:center;color:#2563EB;">\u2192\u00a0\u00a0Move to column / board\u2026</button>' +
      '<button id="cas-open" class="btn btn-ghost" style="width:100%;height:46px;justify-content:flex-start;gap:10px;margin-bottom:6px;display:flex;align-items:center;">Open card</button>' +
      '<button id="cas-x" class="btn btn-ghost" style="width:100%;height:44px;margin-top:4px;">Close</button>' +
    '</div>';
    document.body.appendChild(ov);
    var close = function(){ if (ov.parentNode) document.body.removeChild(ov); };
    ov.querySelector('#cas-x').onclick = close;
    ov.addEventListener('click', function(e){ if (e.target===ov) close(); });
    ov.querySelector('#cas-up').onclick = function(){ close(); taskReorderCard(b.id, c.id, -1); };
    ov.querySelector('#cas-down').onclick = function(){ close(); taskReorderCard(b.id, c.id, 1); };
    ov.querySelector('#cas-move').onclick = function(){ close(); taskMoveCardPicker(c, b, function(){ window.renderTasks(); }); };
    ov.querySelector('#cas-open').onclick = function(){ close(); taskOpenCard(c.id); };
  }

  function _taskCardHtml(c, b) {
    var due = c.due_date ? new Date(c.due_date) : null;
    var overdue = due && !c.done && due < new Date();
    var soon = due && !c.done && !overdue && (due - new Date() < 86400000*2);
    var h = '<div class="task-card" draggable="true" data-id="' + escapeHtml(c.id) + '" data-col="' + escapeHtml(c.column_id) + '" style="background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,0.04);transition:box-shadow .15s;">';
    // colour label bar across the top
    if (c.color) h += '<div style="height:7px;background:' + c.color + ';"></div>';
    h += '<div style="padding:12px 13px;">';
    h += '<div style="display:flex;align-items:flex-start;gap:8px;">' +
      '<div style="flex:1;font-weight:600;font-size:14.5px;line-height:1.3;' + (c.done?'text-decoration:line-through;color:var(--text-muted);':'') + '">' + escapeHtml(c.title) + '</div>' +
      '<div class="task-card-grip" data-id="' + escapeHtml(c.id) + '" style="flex-shrink:0;color:var(--text-muted);padding:2px 6px;margin:-2px -4px 0 0;font-size:18px;line-height:1;border-radius:6px;" title="Reorder / move">\u22EE</div>' +
    '</div>';
    var chips = [];
    if (due) chips.push('<span style="display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:2px 8px;border-radius:8px;background:' + (overdue?'#C5303018':soon?'#D4A43718':'var(--surface-2)') + ';color:' + (overdue?'#C53030':soon?'#9a7d1f':'var(--text-muted)') + ';font-weight:600;">' + icoSvg('clock',11,'currentColor') + due.toLocaleDateString('en-GB',{day:'numeric',month:'short'}) + '</span>');
    if (c.remind_at && !c.reminded) chips.push('<span style="display:inline-flex;align-items:center;font-size:11px;padding:2px 7px;border-radius:8px;background:var(--surface-2);color:var(--text-muted);">' + icoSvg('bell',11,'currentColor') + '</span>');
    var cl = Array.isArray(c.checklist) ? c.checklist : [];
    if (cl.length) { var done = cl.filter(function(x){return x.done;}).length; chips.push('<span style="display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:2px 8px;border-radius:8px;background:' + (done===cl.length?'#2B6E4A18':'var(--surface-2)') + ';color:' + (done===cl.length?'#2B6E4A':'var(--text-muted)') + ';font-weight:600;">' + icoSvg('check',11,'currentColor') + done + '/' + cl.length + '</span>'); }
    var at = Array.isArray(c.attachments) ? c.attachments : [];
    if (at.length) chips.push('<span style="display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:2px 8px;border-radius:8px;background:var(--surface-2);color:var(--text-muted);">' + icoSvg('clip',11,'currentColor') + at.length + '</span>');
    if (chips.length) h += '<div style="display:flex;flex-wrap:wrap;gap:5px;margin-top:9px;">' + chips.join('') + '</div>';
    var asg = Array.isArray(c.assignees) ? c.assignees : [];
    if (asg.length) {
      h += '<div style="display:flex;gap:4px;margin-top:9px;">';
      asg.slice(0,5).forEach(function (a) {
        var nm = a.name || a.salesman || '?';
        var init = nm.split(' ').map(function(w){return w[0];}).join('').slice(0,2).toUpperCase();
        h += '<span title="' + escapeHtml(nm) + '" style="width:24px;height:24px;border-radius:50%;background:var(--primary);color:#fff;font-size:9.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--surface);">' + escapeHtml(init) + '</span>';
      });
      h += '</div>';
    }
    h += '</div></div>';
    return h;
  }

  // ---- DRAG & DROP (cards across columns, within a board) ----
  function _wireCardDrag(el, b) {
    el.addEventListener('dragstart', function (e) { TASKS.dragCardId = el.dataset.id; try { e.dataTransfer.effectAllowed='move'; e.dataTransfer.setData('text/plain', el.dataset.id); } catch(_){} el.style.opacity='0.5'; });
    el.addEventListener('dragend', function () { el.style.opacity=''; TASKS.dragCardId=null; });
  }
  function _wireColDrop(drop, b) {
    drop.addEventListener('dragover', function (e) { e.preventDefault(); drop.style.background='rgba(31,71,51,0.06)'; });
    drop.addEventListener('dragleave', function () { drop.style.background=''; });
    drop.addEventListener('drop', function (e) {
      e.preventDefault(); drop.style.background='';
      var id = TASKS.dragCardId || (e.dataTransfer && e.dataTransfer.getData('text/plain'));
      if (!id) return;
      var newCol = drop.dataset.col;
      taskMoveCard(id, b.id, newCol);
    });
  }
  // V-274: reorder a card up/down within its column (optimistic, swaps position).
  async function taskReorderCard(boardId, cardId, dir) {
    var cards = TASKS.cards[boardId] || [];
    var c = cards.find(function (x) { return x.id === cardId; });
    if (!c) return;
    var sibs = cards.filter(function (x) { return x.column_id === c.column_id; })
      .sort(function (a, b) { return (a.position||0) - (b.position||0); });
    var idx = sibs.indexOf(c);
    var swap = sibs[idx + dir];
    if (!swap) return; // already at the end
    var tmp = c.position; c.position = swap.position; swap.position = tmp;
    _renderTaskBoard(document.getElementById('tasks-view'));
    try {
      await taskApi('/task_cards?id=eq.' + encodeURIComponent(c.id), { method:'PATCH', headers: Object.assign(HDR(),{Prefer:'return=minimal'}), body: JSON.stringify({ position: c.position, updated_by: taskMe(), updated_at:new Date().toISOString() }) });
      await taskApi('/task_cards?id=eq.' + encodeURIComponent(swap.id), { method:'PATCH', headers: Object.assign(HDR(),{Prefer:'return=minimal'}), body: JSON.stringify({ position: swap.position, updated_by: taskMe(), updated_at:new Date().toISOString() }) });
    } catch (e) {}
  }
  // V-274: reorder a board up/down in the list (optimistic).
  async function taskReorderBoard(boardId, dir) {
    var list = TASKS.boards.filter(function (b) { return !b.archived; })
      .sort(function (a, b) { return (a.position||0) - (b.position||0); });
    var b = list.find(function (x) { return x.id === boardId; });
    if (!b) return;
    var idx = list.indexOf(b);
    var swap = list[idx + dir];
    if (!swap) return;
    var tmp = b.position; b.position = swap.position; swap.position = tmp;
    _renderTaskList(document.getElementById('tasks-view'));
    try {
      await taskApi('/task_boards?id=eq.' + encodeURIComponent(b.id), { method:'PATCH', headers: Object.assign(HDR(),{Prefer:'return=minimal'}), body: JSON.stringify({ position: b.position, updated_by: taskMe(), updated_at:new Date().toISOString() }) });
      await taskApi('/task_boards?id=eq.' + encodeURIComponent(swap.id), { method:'PATCH', headers: Object.assign(HDR(),{Prefer:'return=minimal'}), body: JSON.stringify({ position: swap.position, updated_by: taskMe(), updated_at:new Date().toISOString() }) });
    } catch (e) {}
  }

  async function taskMoveCard(cardId, boardId, newCol) {
    var cards = TASKS.cards[boardId] || [];
    var c = cards.find(function (x) { return x.id === cardId; });
    if (!c || c.column_id === newCol) { return; }
    var maxPos = cards.filter(function(x){return x.column_id===newCol;}).reduce(function(m,x){return Math.max(m,x.position||0);},0);
    c.column_id = newCol; c.position = maxPos + 1000;
    var doneCol = (TASKS.boards.find(function(bb){return bb.id===boardId;})||{}).columns || [];
    var isDoneCol = (doneCol.find(function(cc){return cc.id===newCol;})||{}).name || '';
    c.done = /done|complete/i.test(isDoneCol);
    _renderTaskBoard(document.getElementById('tasks-view'));
    try {
      await taskApi('/task_cards?id=eq.' + encodeURIComponent(cardId), { method:'PATCH', headers: Object.assign(HDR(),{Prefer:'return=minimal'}),
        body: JSON.stringify({ column_id: newCol, position: c.position, done: c.done, updated_by: taskMe(), updated_at: new Date().toISOString() }) });
      taskLogActivity(cardId, boardId, 'event', 'moved to ' + (isDoneCol||newCol));
    } catch (e) { window.toast && window.toast('Move failed — will retry'); }
  }

  async function taskLogActivity(cardId, boardId, kind, body, mentions) {
    try {
      await taskApi('/task_activity', { method:'POST', headers: Object.assign(HDR(),{Prefer:'return=minimal'}),
        body: JSON.stringify({ id: taskId('a'), card_id: cardId, board_id: boardId, kind: kind||'comment', body: body||'', mentions: mentions||[], actor: taskMe(), actor_id: taskMeId() }) });
    } catch (e) {}
  }

  // ---- BOARD CREATE/EDIT FORM ----
  window.taskBoardForm = function (board) { taskBoardForm(board); };
  function taskBoardForm(board) {
    if (!taskIsAdmin() && !board) { /* salesmen can still make boards for themselves */ }
    var isNew = !board;
    board = board || { title:'', description:'', visibility:'shared', cover_url:'',
      columns:[{id:'todo',name:'To do',color:'#8FA5B5'},{id:'doing',name:'In progress',color:'#D4A437'},{id:'done',name:'Done',color:'#2B6E4A'}], members:[] };
    var ov = document.createElement('div');
    ov.className = 'modal-backdrop'; ov.style.cssText='position:fixed;inset:0;z-index:4000;display:flex;align-items:flex-end;';
    var cols = JSON.parse(JSON.stringify(board.columns || []));
    function colRows() {
      return cols.map(function (c, i) {
        return '<div style="display:flex;gap:6px;align-items:center;margin-bottom:6px;">' +
          '<input class="tb-col-name" data-i="' + i + '" value="' + escapeHtml(c.name) + '" style="flex:1;height:34px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-family:inherit;" />' +
          '<input class="tb-col-color" data-i="' + i + '" type="color" value="' + (c.color||'#8FA5B5') + '" style="width:38px;height:34px;border:1px solid var(--border);border-radius:8px;padding:2px;background:var(--surface);" />' +
          '<button class="tb-col-del" data-i="' + i + '" style="width:34px;height:34px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--danger);">\u00d7</button>' +
        '</div>';
      }).join('');
    }
    function draw() {
      ov.innerHTML = '<div style="background:var(--bg);width:100%;max-height:92vh;overflow-y:auto;border-radius:18px 18px 0 0;padding:18px 16px 30px;">' +
        '<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;"><h2 style="margin:0;font-family:\'Fraunces\',serif;">' + (isNew?'New board':'Edit board') + '</h2><button id="tb-x" class="btn btn-ghost" style="height:34px;">Close</button></div>' +
        '<label style="font-size:12px;font-weight:600;">Board name</label>' +
        '<input id="tb-title" value="' + escapeHtml(board.title) + '" placeholder="e.g. Australia setup" style="width:100%;height:40px;padding:0 12px;border:1px solid var(--border);border-radius:9px;margin:4px 0 12px;background:var(--surface);color:var(--text);font-family:inherit;box-sizing:border-box;" />' +
        '<label style="font-size:12px;font-weight:600;">Description</label>' +
        '<textarea id="tb-desc" placeholder="Optional" style="width:100%;min-height:54px;padding:8px 12px;border:1px solid var(--border);border-radius:9px;margin:4px 0 12px;background:var(--surface);color:var(--text);font-family:inherit;box-sizing:border-box;">' + escapeHtml(board.description||'') + '</textarea>' +
        '<label style="font-size:12px;font-weight:600;">Cover image URL (optional)</label>' +
        '<input id="tb-cover" value="' + escapeHtml(board.cover_url||'') + '" placeholder="https://\u2026" style="width:100%;height:38px;padding:0 12px;border:1px solid var(--border);border-radius:9px;margin:4px 0 12px;background:var(--surface);color:var(--text);font-family:inherit;box-sizing:border-box;" />' +
        '<label style="font-size:12px;font-weight:600;">Visibility</label>' +
        '<div style="display:flex;gap:8px;margin:4px 0 14px;">' +
          '<button id="tb-vis-shared" class="btn ' + (board.visibility!=='private'?'btn-primary':'btn-ghost') + '" style="flex:1;height:38px;">Shared (team)</button>' +
          '<button id="tb-vis-private" class="btn ' + (board.visibility==='private'?'btn-primary':'btn-ghost') + '" style="flex:1;height:38px;">Private (me)</button>' +
        '</div>' +
        '<label style="font-size:12px;font-weight:600;">Columns &amp; colours</label>' +
        '<div id="tb-cols" style="margin:6px 0;">' + colRows() + '</div>' +
        '<button id="tb-add-col" class="btn btn-ghost" style="width:100%;height:34px;margin-bottom:16px;">+ Add column</button>' +
        '<button id="tb-save" class="btn btn-primary" style="width:100%;height:46px;font-size:15px;">' + (isNew?'Create board':'Save changes') + '</button>' +
      '</div>';
      wire();
    }
    function readCols() {
      ov.querySelectorAll('.tb-col-name').forEach(function (inp) { var i=+inp.dataset.i; if (cols[i]) cols[i].name = inp.value; });
      ov.querySelectorAll('.tb-col-color').forEach(function (inp) { var i=+inp.dataset.i; if (cols[i]) cols[i].color = inp.value; });
    }
    function wire() {
      ov.querySelector('#tb-x').onclick = function () { document.body.removeChild(ov); };
      ov.querySelector('#tb-vis-shared').onclick = function () { readCols(); board.visibility='shared'; draw(); };
      ov.querySelector('#tb-vis-private').onclick = function () { readCols(); board.visibility='private'; draw(); };
      ov.querySelector('#tb-add-col').onclick = function () { readCols(); cols.push({ id: taskId('col'), name:'New column', color: TASK_COLORS[cols.length % TASK_COLORS.length] }); draw(); };
      ov.querySelectorAll('.tb-col-del').forEach(function (btn) { btn.onclick = function () { readCols(); if (cols.length>1) cols.splice(+btn.dataset.i,1); draw(); }; });
      var _saving = false;
      ov.querySelector('#tb-save').onclick = async function () {
        if (_saving) return; // prevent double-tap creating duplicates
        readCols();
        var title = ov.querySelector('#tb-title').value.trim();
        if (!title) { window.toast && window.toast('Give the board a name'); return; }
        _saving = true;
        var saveBtn = ov.querySelector('#tb-save'); if (saveBtn) { saveBtn.disabled = true; saveBtn.textContent = 'Saving\u2026'; }
        cols.forEach(function (c) { if (!c.id) c.id = taskId('col'); });
        var payload = {
          title: title,
          description: ov.querySelector('#tb-desc').value.trim(),
          cover_url: ov.querySelector('#tb-cover').value.trim(),
          visibility: board.visibility,
          columns: cols,
          updated_by: taskMe(), updated_at: new Date().toISOString()
        };
        try {
          if (isNew) {
            payload.id = taskId('b'); payload.created_by = taskMe(); payload.created_by_id = taskMeId();
            payload.members = board.visibility==='private' ? [state.salesman] : [];
            payload.position = (TASKS.boards.length + 1) * 1000;
            payload.archived = false;
            await taskApi('/task_boards', { method:'POST', headers: Object.assign(HDR(),{Prefer:'return=minimal'}), body: JSON.stringify(payload) });
            // Add locally so we don't depend on a reload (and header can't blank)
            TASKS.boards.push(payload);
            TASKS.currentBoard = payload;
            TASKS.cards[payload.id] = [];
            TASKS.openBoardId = payload.id; TASKS.view = 'board';
          } else {
            // Merge into the live board object so the header reflects edits instantly.
            Object.assign(board, payload);
            TASKS.currentBoard = board;
            await taskApi('/task_boards?id=eq.' + encodeURIComponent(board.id), { method:'PATCH', headers: Object.assign(HDR(),{Prefer:'return=minimal'}), body: JSON.stringify(payload) });
          }
          if (ov.parentNode) document.body.removeChild(ov);
          window.renderTasks();
          window.toast && window.toast(isNew ? 'Board created' : 'Board saved');
        } catch (e) { _saving = false; if (saveBtn){ saveBtn.disabled=false; saveBtn.textContent = isNew?'Create board':'Save changes'; } window.toast && window.toast('Save failed: ' + e.message); }
      };
    }
    draw();
    document.body.appendChild(ov);
  }

  function taskBoardMenu(b) {
    var ov = document.createElement('div');
    ov.className='modal-backdrop'; ov.style.cssText='position:fixed;inset:0;z-index:4000;display:flex;align-items:flex-end;';
    ov.innerHTML = '<div style="background:var(--bg);width:100%;border-radius:18px 18px 0 0;padding:14px 16px 30px;">' +
      '<div style="font-family:\'Fraunces\',serif;font-size:18px;font-weight:600;margin-bottom:12px;">' + escapeHtml(b.title) + '</div>' +
      '<button id="bm-edit" class="btn btn-ghost" style="width:100%;height:44px;justify-content:flex-start;margin-bottom:6px;">Edit board &amp; columns</button>' +
      '<button id="bm-arch" class="btn btn-ghost" style="width:100%;height:44px;justify-content:flex-start;margin-bottom:6px;">' + (b.archived?'Un-archive':'Archive') + ' board</button>' +
      (taskIsAdmin() ? '<button id="bm-del" class="btn btn-ghost" style="width:100%;height:44px;justify-content:flex-start;color:var(--danger);margin-bottom:6px;">Delete board</button>' : '') +
      '<button id="bm-x" class="btn btn-ghost" style="width:100%;height:44px;">Close</button>' +
    '</div>';
    document.body.appendChild(ov);
    ov.querySelector('#bm-x').onclick = function () { document.body.removeChild(ov); };
    ov.querySelector('#bm-edit').onclick = function () { document.body.removeChild(ov); taskBoardForm(b); };
    ov.querySelector('#bm-arch').onclick = async function () {
      try { await taskApi('/task_boards?id=eq.' + encodeURIComponent(b.id), { method:'PATCH', headers: Object.assign(HDR(),{Prefer:'return=minimal'}), body: JSON.stringify({ archived: !b.archived, updated_by: taskMe(), updated_at:new Date().toISOString() }) }); } catch(e){}
      document.body.removeChild(ov); TASKS.loaded=false; TASKS.view='list'; TASKS.openBoardId=null; window.renderTasks();
    };
    var del = ov.querySelector('#bm-del');
    if (del) del.onclick = async function () {
      if (!confirm('Delete this board and ALL its cards? This cannot be undone (a snapshot backup is kept).')) return;
      try { await taskApi('/task_boards?id=eq.' + encodeURIComponent(b.id), { method:'DELETE', headers: HDR() }); } catch(e){}
      document.body.removeChild(ov); TASKS.loaded=false; TASKS.view='list'; TASKS.openBoardId=null; window.renderTasks();
    };
  }

  // ---- CARD CREATE (quick) ----
  async function taskCardForm(card, boardId, columnId) {
    var title = prompt('New card title:', '');
    if (title === null) return;
    title = title.trim(); if (!title) return;
    if (!TASKS.cards[boardId]) TASKS.cards[boardId] = [];
    var cards = TASKS.cards[boardId];
    var maxPos = cards.filter(function(x){return x.column_id===columnId;}).reduce(function(m,x){return Math.max(m,x.position||0);},0);
    var newCard = { id: taskId('c'), board_id: boardId, column_id: columnId, title: title, position: maxPos+1000,
      created_by: taskMe(), created_by_id: taskMeId(), updated_by: taskMe(), assignees:[], checklist:[], attachments:[], color:null, done:false };
    // Optimistic: add locally and re-render immediately (no lag), then POST in background.
    cards.push(newCard);
    _renderTaskBoard(document.getElementById('tasks-view'));
    try {
      await taskApi('/task_cards', { method:'POST', headers: Object.assign(HDR(),{Prefer:'return=minimal'}), body: JSON.stringify(newCard) });
    } catch (e) {
      window.toast && window.toast('Add failed — removed');
      TASKS.cards[boardId] = cards.filter(function(x){return x.id!==newCard.id;});
      _renderTaskBoard(document.getElementById('tasks-view'));
    }
  }

  // ---- CARD DETAIL (full editor, Trello-style) ----
  async function taskOpenCard(cardId) {
    var boardId = TASKS.openBoardId;
    var cards = TASKS.cards[boardId] || [];
    var c = cards.find(function (x) { return x.id === cardId; });
    if (!c) return;
    var b = TASKS.boards.find(function (x) { return x.id === boardId; }) || TASKS.currentBoard;
    var activity = [];
    // Open instantly; pull activity in the background and redraw when it lands.
    taskApi('/task_activity?card_id=eq.' + encodeURIComponent(cardId) + '&select=*&order=created_at.desc&limit=50')
      .then(function(rows){ activity = rows||[]; try { draw(); } catch(e){} }).catch(function(){});

    var ov = document.createElement('div');
    ov.className='modal-backdrop'; ov.style.cssText='position:fixed;inset:0;z-index:4000;display:flex;align-items:flex-start;overflow-y:auto;';
    function fmtD(iso){ if(!iso) return ''; var d=new Date(iso); return isNaN(d)?'':d.toLocaleDateString('en-GB',{day:'numeric',month:'short',year:'2-digit'}); }
    function draw() {
      var cl = Array.isArray(c.checklist)?c.checklist:[];
      var clDone = cl.filter(function(x){return x.done;}).length;
      var asg = Array.isArray(c.assignees)?c.assignees:[];
      var at = Array.isArray(c.attachments)?c.attachments:[];
      var col = (b.columns||[]).find(function(x){return x.id===c.column_id;})||{};
      var h = '<div style="background:var(--bg);width:100%;min-height:100vh;padding:14px 16px 40px;">';
      // header
      h += '<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;">' +
        '<button id="tc-x" class="btn btn-ghost" style="height:34px;">\u2715 Close</button>' +
        '<div style="display:flex;gap:6px;">' +
          '<button id="tc-move" class="btn btn-ghost" style="height:34px;color:#2563EB;">Move</button>' +
          (taskIsAdmin()||((c.created_by||'').toLowerCase()===(state.salesman||'').toLowerCase()) ? '<button id="tc-del" class="btn btn-ghost" style="height:34px;color:var(--danger);">Delete</button>' : '') +
        '</div>' +
      '</div>';
      // title + done toggle
      h += '<div style="display:flex;gap:10px;align-items:flex-start;margin-bottom:6px;">' +
        '<button id="tc-done" style="width:26px;height:26px;border-radius:50%;border:2px solid ' + (c.done?'#2B6E4A':'var(--border-strong)') + ';background:' + (c.done?'#2B6E4A':'transparent') + ';color:#fff;flex-shrink:0;margin-top:3px;">' + (c.done?'\u2713':'') + '</button>' +
        '<div id="tc-title" style="font-family:\'Fraunces\',serif;font-size:21px;font-weight:600;flex:1;' + (c.done?'text-decoration:line-through;color:var(--text-muted);':'') + '">' + escapeHtml(c.title) + '</div>' +
      '</div>';
      h += '<div style="font-size:12px;color:var(--text-muted);margin-bottom:16px;">' + escapeHtml(b.title) + ' \u00b7 <span style="color:' + (col.color||'inherit') + ';font-weight:600;">' + escapeHtml(col.name||'') + '</span></div>';
      // quick actions
      h += '<div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;">' +
        '<button id="tc-color" class="btn btn-ghost" style="height:44px;display:flex;align-items:center;justify-content:center;gap:6px;">' + icoSvg('tag',16,'currentColor') + 'Colour tag</button>' +
        '<button id="tc-assign" class="btn btn-ghost" style="height:44px;display:flex;align-items:center;justify-content:center;gap:6px;">' + icoSvg('people',16,'currentColor') + 'Members</button>' +
        '<button id="tc-due" class="btn btn-ghost" style="height:44px;display:flex;align-items:center;justify-content:center;gap:6px;">' + icoSvg('calendar',16,'currentColor') + 'Due date</button>' +
        '<button id="tc-remind" class="btn btn-ghost" style="height:44px;display:flex;align-items:center;justify-content:center;gap:6px;">' + icoSvg('bell',16,'currentColor') + 'Alert</button>' +
      '</div>';
      // colour preview
      if (c.color) h += '<div style="height:6px;border-radius:4px;background:' + c.color + ';margin-bottom:14px;"></div>';
      // description
      h += '<div style="font-size:12px;font-weight:700;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px;">Description</div>' +
        '<textarea id="tc-desc" placeholder="Add a description\u2026" style="width:100%;min-height:60px;padding:8px 10px;border:1px solid var(--border);border-radius:9px;margin-bottom:14px;background:var(--surface);color:var(--text);font-family:inherit;box-sizing:border-box;">' + escapeHtml(c.description||'') + '</textarea>';
      // dates row
      h += '<div style="display:flex;gap:10px;margin-bottom:14px;">' +
        '<div style="flex:1;"><div style="font-size:11px;color:var(--text-muted);">Due</div><div style="font-weight:600;">' + (c.due_date?fmtD(c.due_date):'\u2014') + '</div></div>' +
        '<div style="flex:1;"><div style="font-size:11px;color:var(--text-muted);">Alert</div><div style="font-weight:600;">' + (c.remind_at?fmtD(c.remind_at):'\u2014') + '</div></div>' +
        '<div style="flex:1;"><div style="font-size:11px;color:var(--text-muted);">Priority</div><div style="font-weight:600;text-transform:capitalize;">' + (c.priority&&c.priority!=='none'?c.priority:'\u2014') + '</div></div>' +
      '</div>';
      // assignees
      if (asg.length) {
        h += '<div style="font-size:12px;font-weight:700;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px;">Members</div><div style="display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px;">';
        asg.forEach(function (a) { h += '<span style="background:var(--surface-2);border-radius:14px;padding:3px 10px;font-size:12px;">@' + escapeHtml(a.name||a.salesman) + '</span>'; });
        h += '</div>';
      }
      // checklist
      h += '<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;"><div style="font-size:12px;font-weight:700;text-transform:uppercase;color:var(--text-muted);">Checklist ' + (cl.length?'('+clDone+'/'+cl.length+')':'') + '</div><button id="tc-add-check" class="btn btn-ghost" style="height:28px;font-size:12px;">+ Add</button></div>';
      if (cl.length) {
        h += '<div style="margin-bottom:14px;">';
        cl.forEach(function (item, i) {
          h += '<div style="display:flex;align-items:center;gap:8px;padding:4px 0;">' +
            '<button class="tc-check-tog" data-i="' + i + '" style="width:20px;height:20px;border-radius:5px;border:2px solid ' + (item.done?'#2B6E4A':'var(--border-strong)') + ';background:' + (item.done?'#2B6E4A':'transparent') + ';color:#fff;flex-shrink:0;font-size:12px;">' + (item.done?'\u2713':'') + '</button>' +
            '<span style="flex:1;font-size:14px;' + (item.done?'text-decoration:line-through;color:var(--text-muted);':'') + '">' + escapeHtml(item.text) + '</span>' +
            '<button class="tc-check-del" data-i="' + i + '" style="background:none;border:none;color:var(--danger);font-size:16px;">\u00d7</button>' +
          '</div>';
        });
        h += '</div>';
      }
      // attachments
      h += '<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;"><div style="font-size:12px;font-weight:700;text-transform:uppercase;color:var(--text-muted);">Attachments</div><button id="tc-add-att" class="btn btn-ghost" style="height:28px;font-size:12px;">+ Add</button></div>';
      if (at.length) {
        h += '<div style="display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;">';
        at.forEach(function (a, i) { h += '<div class="tc-att" data-i="' + i + '" style="position:relative;"><div style="width:70px;height:70px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2) center/cover;font-size:10px;display:flex;align-items:center;justify-content:center;text-align:center;padding:4px;" data-path="' + escapeHtml(a.path||'') + '">' + escapeHtml((a.name||'file').slice(0,14)) + '</div></div>'; });
        h += '</div>';
      } else h += '<div style="font-size:13px;color:var(--text-muted);margin-bottom:14px;">None.</div>';
      // comments / activity
      h += '<div style="font-size:12px;font-weight:700;text-transform:uppercase;color:var(--text-muted);margin:8px 0 6px;">Activity</div>';
      h += '<div style="display:flex;gap:8px;margin-bottom:12px;">' +
        '<input id="tc-comment" placeholder="Comment\u2026 use @ to mention" style="flex:1;height:40px;padding:0 12px;border:1px solid var(--border);border-radius:20px;background:var(--surface);color:var(--text);font-family:inherit;" />' +
        '<button id="tc-comment-send" class="btn btn-primary" style="height:40px;padding:0 14px;">Send</button>' +
      '</div>';
      h += '<div>';
      activity.forEach(function (a) {
        var who = escapeHtml(a.actor||'?'); var when = fmtD(a.created_at);
        if (a.kind === 'event') h += '<div style="font-size:12px;color:var(--text-muted);padding:4px 0;">' + who + ' ' + escapeHtml(a.body||'') + ' \u00b7 ' + when + '</div>';
        else h += '<div style="padding:6px 0;border-bottom:1px solid var(--border);"><div style="font-size:12px;font-weight:600;">' + who + ' <span style="color:var(--text-muted);font-weight:400;">' + when + '</span></div><div style="font-size:14px;">' + escapeHtml(a.body||'') + '</div></div>';
      });
      h += '</div>';
      h += '</div>';
      ov.innerHTML = h;
      wire();
    }
    function persist(patch, evt) {
      Object.assign(c, patch);
      patch.updated_by = taskMe(); patch.updated_at = new Date().toISOString();
      taskApi('/task_cards?id=eq.' + encodeURIComponent(cardId), { method:'PATCH', headers: Object.assign(HDR(),{Prefer:'return=minimal'}), body: JSON.stringify(patch) })
        .then(function(){ if (evt) taskLogActivity(cardId, boardId, 'event', evt); })
        .catch(function(e){ window.toast && window.toast('Save failed'); });
    }
    function wire() {
      ov.querySelector('#tc-x').onclick = function () { document.body.removeChild(ov); _renderTaskBoard(document.getElementById('tasks-view')); taskLoadCards(boardId).then(function(){ _renderTaskBoard(document.getElementById('tasks-view')); }).catch(function(){}); };
      ov.querySelector('#tc-title').onclick = function () {
        var t = prompt('Card title:', c.title); if (t===null) return; t=t.trim(); if(!t) return; persist({title:t}); draw();
      };
      ov.querySelector('#tc-done').onclick = function () { persist({done:!c.done}, c.done?'marked not done':'marked done'); draw(); };
      var del = ov.querySelector('#tc-del');
      if (del) del.onclick = function () {
        if (!confirm('Delete this card?')) return;
        taskApi('/task_cards?id=eq.' + encodeURIComponent(cardId), { method:'DELETE', headers: HDR() }).finally(function(){
          document.body.removeChild(ov); taskLoadCards(boardId).then(function(){ _renderTaskBoard(document.getElementById('tasks-view')); });
        });
      };
      ov.querySelector('#tc-move').onclick = function () { taskMoveCardPicker(c, b, function(){ draw(); }); };
      ov.querySelector('#tc-desc').onchange = function (e) { persist({description:e.target.value}); };
      ov.querySelector('#tc-color').onclick = function () { taskColorPicker(c, function(col){ persist({color:col}); draw(); }); };
      ov.querySelector('#tc-assign').onclick = function () { taskAssignPicker(c, function(){ persist({assignees:c.assignees}); draw(); }); };
      ov.querySelector('#tc-due').onclick = function () { taskDatePicker('Due date', c.due_date, function(iso){ persist({due_date:iso}, 'set due ' + (iso?fmtD(iso):'cleared')); draw(); }); };
      ov.querySelector('#tc-remind').onclick = function () { taskDatePicker('Alert / reminder', c.remind_at, function(iso){ persist({remind_at:iso, reminded:false}); draw(); }, true); };
      ov.querySelector('#tc-add-check').onclick = function () {
        var t = prompt('Checklist item:',''); if(!t) return; var cl=Array.isArray(c.checklist)?c.checklist:[]; cl.push({id:taskId('ck'),text:t.trim(),done:false}); persist({checklist:cl}); draw();
      };
      ov.querySelectorAll('.tc-check-tog').forEach(function(btn){ btn.onclick=function(){ var i=+btn.dataset.i; var cl=c.checklist.slice(); cl[i].done=!cl[i].done; persist({checklist:cl}); draw(); }; });
      ov.querySelectorAll('.tc-check-del').forEach(function(btn){ btn.onclick=function(){ var i=+btn.dataset.i; var cl=c.checklist.slice(); cl.splice(i,1); persist({checklist:cl}); draw(); }; });
      ov.querySelector('#tc-add-att').onclick = function () { taskAddAttachment(c, function(){ persist({attachments:c.attachments}); draw(); }); };
      var send = ov.querySelector('#tc-comment-send');
      var doSend = function () {
        var inp = ov.querySelector('#tc-comment'); var txt=(inp.value||'').trim(); if(!txt) return;
        var mentions = (txt.match(/@([\w'-]+)/g)||[]).map(function(m){return m.slice(1);});
        taskLogActivity(cardId, boardId, 'comment', txt, mentions).then(function(){
          // surface @mentions into the app's notification system if present
          if (mentions.length && typeof window.notifyMentions === 'function') { try { window.notifyMentions(mentions, txt, 'task', c.title); } catch(e){} }
          taskApi('/task_activity?card_id=eq.' + encodeURIComponent(cardId) + '&select=*&order=created_at.desc&limit=50').then(function(rows){ activity = rows||[]; draw(); });
        });
        inp.value='';
      };
      if (send) send.onclick = doSend;
      var ci = ov.querySelector('#tc-comment'); if (ci) ci.addEventListener('keydown', function(e){ if(e.key==='Enter'){ e.preventDefault(); doSend(); } });
      // attachment thumbnails (signed URLs)
      ov.querySelectorAll('.tc-att [data-path]').forEach(function(el){
        var p=el.getAttribute('data-path'); if(!p) return;
        getAttachmentUrl(p).then(function(u){ if(u){ el.style.backgroundImage='url('+u+')'; el.textContent=''; } }).catch(function(){});
      });
    }
    draw();
    document.body.appendChild(ov);
  }

  function taskColorPicker(c, cb) {
    var ov=document.createElement('div'); ov.className='modal-backdrop'; ov.style.cssText='position:fixed;inset:0;z-index:4200;display:flex;align-items:flex-end;';
    var sw = TASK_COLORS.map(function(col){ return '<button class="tcp" data-c="'+col+'" style="width:44px;height:44px;border-radius:10px;background:'+col+';border:'+(c.color===col?'3px solid var(--text)':'1px solid var(--border)')+';"></button>'; }).join('');
    ov.innerHTML='<div style="background:var(--bg);width:100%;border-radius:18px 18px 0 0;padding:18px 16px 30px;"><div style="font-weight:700;margin-bottom:12px;">Colour tag</div><div style="display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px;">'+sw+'</div><button id="tcp-clear" class="btn btn-ghost" style="width:100%;height:40px;margin-bottom:6px;">Clear colour</button><button id="tcp-x" class="btn btn-ghost" style="width:100%;height:40px;">Close</button></div>';
    document.body.appendChild(ov);
    ov.querySelector('#tcp-x').onclick=function(){document.body.removeChild(ov);};
    ov.querySelector('#tcp-clear').onclick=function(){document.body.removeChild(ov);cb('');};
    ov.querySelectorAll('.tcp').forEach(function(b){b.onclick=function(){document.body.removeChild(ov);cb(b.dataset.c);};});
  }

  function taskAssignPicker(c, cb) {
    var cur = (c.assignees||[]).map(function(a){return a.salesman;});
    var ov=document.createElement('div'); ov.className='modal-backdrop'; ov.style.cssText='position:fixed;inset:0;z-index:4200;display:flex;align-items:flex-end;';
    var rows = TASKS.people.map(function(p){
      var on = cur.indexOf(p.salesman)>=0;
      return '<button class="tap-row" data-s="'+escapeHtml(p.salesman)+'" style="display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px;border:none;border-bottom:1px solid var(--border);background:'+(on?'rgba(31,71,51,0.08)':'transparent')+';">'+
        '<span style="width:30px;height:30px;border-radius:50%;background:var(--primary);color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;">'+escapeHtml((p.name||'?').split(' ').map(function(w){return w[0];}).join('').slice(0,2).toUpperCase())+'</span>'+
        '<span style="flex:1;">'+escapeHtml(p.name)+' <span style="font-size:11px;color:var(--text-muted);">'+escapeHtml(p.role||'')+'</span></span>'+
        '<span style="color:#2B6E4A;font-weight:700;">'+(on?'\u2713':'')+'</span></button>';
    }).join('');
    ov.innerHTML='<div style="background:var(--bg);width:100%;max-height:80vh;overflow-y:auto;border-radius:18px 18px 0 0;padding:14px 0 30px;"><div style="font-weight:700;padding:0 16px 10px;">Assign members (@)</div>'+rows+'<div style="padding:12px 16px 0;"><button id="tap-x" class="btn btn-primary" style="width:100%;height:42px;">Done</button></div></div>';
    document.body.appendChild(ov);
    var sel = cur.slice();
    ov.querySelectorAll('.tap-row').forEach(function(b){ b.onclick=function(){ var s=b.dataset.s; var i=sel.indexOf(s); if(i>=0){sel.splice(i,1);b.style.background='transparent';b.querySelector('span:last-child').textContent='';} else {sel.push(s);b.style.background='rgba(31,71,51,0.08)';b.querySelector('span:last-child').textContent='\u2713';} }; });
    ov.querySelector('#tap-x').onclick=function(){ c.assignees = TASKS.people.filter(function(p){return sel.indexOf(p.salesman)>=0;}).map(function(p){return {salesman:p.salesman,name:p.name,id:p.id};}); document.body.removeChild(ov); cb(); };
  }

  function taskDatePicker(label, cur, cb, withTime) {
    var ov=document.createElement('div'); ov.className='modal-backdrop'; ov.style.cssText='position:fixed;inset:0;z-index:4200;display:flex;align-items:flex-end;';
    var val=''; if(cur){ var d=new Date(cur); if(!isNaN(d)){ val = withTime ? d.toISOString().slice(0,16) : d.toISOString().slice(0,10); } }
    ov.innerHTML='<div style="background:var(--bg);width:100%;border-radius:18px 18px 0 0;padding:18px 16px 30px;"><div style="font-weight:700;margin-bottom:12px;">'+escapeHtml(label)+'</div>'+
      '<input id="tdp" type="'+(withTime?'datetime-local':'date')+'" value="'+val+'" style="width:100%;height:44px;padding:0 12px;border:1px solid var(--border);border-radius:9px;margin-bottom:14px;background:var(--surface);color:var(--text);font-family:inherit;box-sizing:border-box;" />'+
      '<button id="tdp-save" class="btn btn-primary" style="width:100%;height:42px;margin-bottom:6px;">Set</button>'+
      '<button id="tdp-clear" class="btn btn-ghost" style="width:100%;height:40px;margin-bottom:6px;">Clear</button>'+
      '<button id="tdp-x" class="btn btn-ghost" style="width:100%;height:40px;">Close</button></div>';
    document.body.appendChild(ov);
    ov.querySelector('#tdp-x').onclick=function(){document.body.removeChild(ov);};
    ov.querySelector('#tdp-clear').onclick=function(){document.body.removeChild(ov);cb(null);};
    ov.querySelector('#tdp-save').onclick=function(){ var v=ov.querySelector('#tdp').value; document.body.removeChild(ov); cb(v?new Date(v).toISOString():null); };
  }

  function taskMoveCardPicker(c, b, cb) {
    var ov=document.createElement('div'); ov.className='modal-backdrop'; ov.style.cssText='position:fixed;inset:0;z-index:4200;display:flex;align-items:flex-end;';
    var boardOpts = TASKS.boards.filter(function(x){return !x.archived;}).map(function(x){ return '<option value="'+escapeHtml(x.id)+'"'+(x.id===c.board_id?' selected':'')+'>'+escapeHtml(x.title)+'</option>'; }).join('');
    function colOptsFor(bid){ var bb=TASKS.boards.find(function(x){return x.id===bid;})||{}; return (bb.columns||[]).map(function(col){ return '<option value="'+escapeHtml(col.id)+'"'+(col.id===c.column_id&&bid===c.board_id?' selected':'')+'>'+escapeHtml(col.name)+'</option>'; }).join(''); }
    ov.innerHTML='<div style="background:var(--bg);width:100%;border-radius:18px 18px 0 0;padding:18px 16px 30px;"><div style="font-weight:700;margin-bottom:12px;">Move card</div>'+
      '<label style="font-size:12px;font-weight:600;">Board</label><select id="tm-board" style="width:100%;height:42px;border:1px solid var(--border);border-radius:9px;margin:4px 0 12px;background:var(--surface);color:var(--text);padding:0 10px;">'+boardOpts+'</select>'+
      '<label style="font-size:12px;font-weight:600;">Column</label><select id="tm-col" style="width:100%;height:42px;border:1px solid var(--border);border-radius:9px;margin:4px 0 14px;background:var(--surface);color:var(--text);padding:0 10px;">'+colOptsFor(c.board_id)+'</select>'+
      '<button id="tm-save" class="btn btn-primary" style="width:100%;height:42px;margin-bottom:6px;">Move</button><button id="tm-x" class="btn btn-ghost" style="width:100%;height:40px;">Close</button></div>';
    document.body.appendChild(ov);
    ov.querySelector('#tm-board').onchange=function(e){ ov.querySelector('#tm-col').innerHTML = colOptsFor(e.target.value); };
    ov.querySelector('#tm-x').onclick=function(){document.body.removeChild(ov);};
    ov.querySelector('#tm-save').onclick=async function(){
      var nb=ov.querySelector('#tm-board').value, ncol=ov.querySelector('#tm-col').value;
      document.body.removeChild(ov);
      var patch={ board_id:nb, column_id:ncol, updated_by:taskMe(), updated_at:new Date().toISOString() };
      Object.assign(c, patch);
      try { await taskApi('/task_cards?id=eq.'+encodeURIComponent(c.id), {method:'PATCH',headers:Object.assign(HDR(),{Prefer:'return=minimal'}),body:JSON.stringify(patch)}); } catch(e){}
      // reload affected boards
      TASKS.cards[nb]=null; window.renderTasks(); cb && cb();
    };
  }

  async function taskAddAttachment(c, cb) {
    var inp=document.createElement('input'); inp.type='file'; inp.accept='image/*,application/pdf';
    inp.onchange=async function(){ var f=inp.files&&inp.files[0]; if(!f) return;
      window.toast && window.toast('Uploading\u2026');
      try { var path=await uploadAttachment('task-att/'+c.id, taskMeId()||'user', f); var at=Array.isArray(c.attachments)?c.attachments.slice():[]; at.push({path:path,name:f.name,type:f.type}); c.attachments=at; cb(); window.toast && window.toast('Attached'); }
      catch(e){ window.toast && window.toast('Upload failed'); }
    };
    inp.click();
  }

  // Reminder check: fire alerts for cards whose remind_at has passed.
  async function taskCheckReminders() {
    if (!authedSession) return;
    try {
      var nowIso = new Date().toISOString();
      var rows = await taskApi('/task_cards?remind_at=lte.' + encodeURIComponent(nowIso) + '&reminded=eq.false&archived=eq.false&select=id,title,remind_at,board_id,assignees&limit=20');
      (rows||[]).forEach(function (c) {
        try {
          state.notifications = state.notifications || [];
          state.notifications.unshift({ id:'task_'+c.id, type:'task', title:'Task due: ' + c.title, body:'Reminder', createdAt:new Date().toISOString(), read:false });
          if (typeof updateBellBadge==='function') updateBellBadge();
          if (typeof window.showMessageAlert==='function') window.showMessageAlert('Task reminder', c.title, '__tasks__', null, null);
        } catch(e){}
        taskApi('/task_cards?id=eq.'+encodeURIComponent(c.id), { method:'PATCH', headers:Object.assign(HDR(),{Prefer:'return=minimal'}), body:JSON.stringify({reminded:true}) }).catch(function(){});
      });
      lsSet(LS.notifications, state.notifications);
    } catch(e){}
  }
  setInterval(function(){ if (document.visibilityState==='visible') taskCheckReminders(); }, 60000);
  window.taskCheckReminders = taskCheckReminders;

  // =========================================================================
  // GADGETS — completely separate from jewellery/gold/silver/watch stock.
  // Two halves, switched by GADGETS.view:
  //   'check' : CeX price look-up (search name/model -> live CeX cash/sell so
  //             you can make the client an offer). Powered by the gadget-lookup
  //             edge fn (CeX webuy.io API). Buy a result -> saves to gadget_stock.
  //   'stock' : our gadget stock (public.gadget_stock). Bought items carry the
  //             full CeX detail + what we paid; Sell records the channel
  //             (CeX / eBay / private) + price -> profit. Summarised on the
  //             Financials page in its OWN tile, never mixed with metal stock.
  // =========================================================================
  var GADGETS = {
    view: 'check',          // 'check' | 'stock'
    cexQuery: '',
    cexResults: null,       // null=not searched; []=no results
    cexError: '',           // last lookup error reason, if any
    cexBusy: false,
    stock: [],
    stockLoaded: false,
    stockFilter: 'in_stock', // 'in_stock' | 'sold'
    buyPhotos: [],           // [{file,dataUrl}] staged in the buy form
    photoUrls: {}            // path -> signed URL cache for thumbnails
  };
  function gMoney(v) {
    var n = Number(v);
    if (!isFinite(n) || v === '' || v == null) return '\u2014';
    return curSym() + n.toLocaleString(undefined, { minimumFractionDigits: 0, maximumFractionDigits: 2 });
  }
  function gadgetMe() {
    var p = state.currentProfile || {};
    return p.full_name || p.name || p.email || (function(){ try { return localStorage.getItem('pr_user_name'); } catch (e) { return null; } })() || 'Unknown';
  }
  function gadgetMeId() { var p = state.currentProfile || {}; return p.id || null; }
  function gadgetTodayISO() { return new Date().toISOString().slice(0, 10); }
  var GADGET_CHANNELS = { cex: 'CeX', ebay: 'eBay', private: 'Private' };

  async function gadgetStockLoad() {
    try {
      var url = REST + '/gadget_stock?country=eq.' + encodeURIComponent(state.country || 'UK') + '&order=updated_at.desc&limit=1000';
      var res = await fetch(url, { headers: HDR() });
      if (res.ok) { GADGETS.stock = await res.json(); GADGETS.stockLoaded = true; }
    } catch (e) { /* offline-tolerant */ }
  }

  window.renderGadgets = function () {
    var host = document.getElementById('gadgets-view');
    if (!host) return;

    var inStock = (GADGETS.stock || []).filter(function (x) { return x.status !== 'sold'; });
    var seg =
      '<div style="display:flex;gap:6px;background:var(--surface-2);border-radius:12px;padding:4px;margin-bottom:14px;">' +
        '<button onclick="window.gadgetSetView(\'check\')" ontouchend="event.preventDefault();window.gadgetSetView(\'check\')" style="flex:1;height:38px;border-radius:9px;border:none;cursor:pointer;font-family:inherit;font-weight:700;font-size:13px;' + (GADGETS.view === 'check' ? 'background:var(--primary);color:#fff;' : 'background:transparent;color:var(--text-muted);') + '">Price check</button>' +
        '<button onclick="window.gadgetSetView(\'stock\')" ontouchend="event.preventDefault();window.gadgetSetView(\'stock\')" style="flex:1;height:38px;border-radius:9px;border:none;cursor:pointer;font-family:inherit;font-weight:700;font-size:13px;' + (GADGETS.view === 'stock' ? 'background:var(--primary);color:#fff;' : 'background:transparent;color:var(--text-muted);') + '">Stock' + (inStock.length ? ' (' + inStock.length + ')' : '') + '</button>' +
      '</div>';

    var body = (GADGETS.view === 'stock') ? gadgetStockHtml() : gadgetCheckHtml();

    host.innerHTML =
      '<div style="padding:4px 2px 28px;">' +
        '<h2 style="font-family:var(--serif,Georgia);font-size:24px;margin:6px 0 2px;">Gadgets</h2>' +
        '<div style="font-size:13px;color:var(--text-muted);margin-bottom:14px;">Price up any gadget against CeX \u2014 phones, laptops/MacBooks, tablets, consoles, cameras \u2014 to make the client an offer, then track what you buy through to sale. Kept entirely separate from jewellery stock.</div>' +
        seg + body +
      '</div>';

    if (GADGETS.view === 'stock' && !GADGETS.stockLoaded) {
      gadgetStockLoad().then(function () { if (GADGETS.view === 'stock') window.renderGadgets(); });
    }
    if (GADGETS.view === 'stock' && GADGETS.stockLoaded) {
      try { gadgetHydratePhotos(); } catch (e) {}
    }
  };

  window.gadgetSetView = function (v) { GADGETS.view = v; window.renderGadgets(); };

  // ---- PRICE CHECK (CeX look-up) ----
  function gadgetCheckHtml() {
    return '<div style="background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:12px;">' +
        '<div style="font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:700;margin-bottom:7px;">Search CeX by name or model number</div>' +
        '<div style="display:flex;gap:8px;">' +
          '<input id="gadget-cex-q" type="search" value="' + escapeHtml(GADGETS.cexQuery) + '" placeholder="e.g. MacBook Air M1, iPhone 13, iPad, PS5" onkeydown="if(event.key===\'Enter\')window.gadgetCexSearch()" oninput="window.gadgetCexQ(this.value)" style="flex:1;height:42px;border-radius:11px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-family:inherit;font-size:14px;padding:0 12px;outline:none;">' +
          '<button onclick="window.gadgetCexSearch()" ontouchend="event.preventDefault();window.gadgetCexSearch()" id="gadget-cex-go" style="flex:0 0 auto;height:42px;padding:0 16px;border-radius:11px;border:none;background:var(--primary);color:#fff;font-family:inherit;font-weight:700;font-size:14px;cursor:pointer;">Search</button>' +
        '</div>' +
        '<div style="font-size:11.5px;color:var(--text-muted);margin-top:8px;line-height:1.45;"><strong>Trade-in cash</strong> is what CeX pays you \u2014 that\u2019s your <strong>ceiling</strong>. Pay the client <strong>less</strong> than that; the gap is your margin. CeX\u2019s online sale price is shown so you can see their markup (it\u2019s not your number). Found it? Tap <strong>Buy</strong> and enter what you paid.</div>' +
        '<div id="gadget-cex-results" style="margin-top:10px;">' + gadgetCexResultsHtml() + '</div>' +
      '</div>' +
      '<div style="text-align:center;margin-top:14px;">' +
        '<button onclick="window.gadgetBuyManual()" ontouchend="event.preventDefault();window.gadgetBuyManual()" style="border:none;background:none;color:var(--primary);font-family:inherit;font-weight:700;font-size:13px;cursor:pointer;">+ Add a gadget manually (not on CeX)</button>' +
      '</div>';
  }

  function gadgetCexResultsHtml() {
    if (GADGETS.cexBusy) return '<div style="font-size:13px;color:var(--text-muted);padding:6px 2px;">Checking CeX prices\u2026 this can take a few seconds.</div>';
    if (GADGETS.cexResults == null) return '';
    if (!GADGETS.cexResults.length) {
      var openBtn = '<button onclick="window.gadgetOpenCexWeb()" ontouchend="event.preventDefault();window.gadgetOpenCexWeb()" style="margin-top:10px;width:100%;height:44px;border-radius:11px;border:none;background:var(--primary);color:#fff;font-family:inherit;font-weight:700;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;">' + icoSvg('globe',16,'#fff') + 'Open on CeX (see the live price)</button>' +
        '<div style="font-size:11px;color:var(--text-light);margin-top:7px;line-height:1.45;text-align:center;">Read the cash price on CeX, come back and tap <strong>+ Add a gadget manually</strong> to log it.</div>';
      if (GADGETS.cexError) {
        var msg = String(GADGETS.cexError);
        var friendly = /429|rate limit/i.test(msg) ? 'CeX is busy right now (they rate-limit automated checks).'
          : (/403|blocked|cloudflare/i.test(msg) ? 'CeX blocked the automated lookup.'
          : 'Couldn\u2019t reach CeX automatically.');
        return '<div style="font-size:12.5px;color:var(--danger);padding:6px 2px 2px;line-height:1.45;">' + escapeHtml(friendly) + ' You can still check the price directly:</div>' + openBtn;
      }
      return '<div style="font-size:13px;color:var(--text-light);padding:6px 2px 2px;">No automated CeX matches. Check directly:</div>' + openBtn;
    }
    return GADGETS.cexResults.map(function (r, i) {
      return '<div style="display:flex;align-items:center;gap:10px;padding:9px 2px;border-bottom:1px solid var(--border);">' +
        (r.image ? '<img src="' + escapeHtml(r.image) + '" loading="lazy" style="width:46px;height:46px;object-fit:contain;border-radius:8px;background:#fff;flex:0 0 auto;border:1px solid var(--border);">' : '<div style="width:46px;height:46px;flex:0 0 auto;"></div>') +
        '<div style="flex:1;min-width:0;">' +
          '<div style="font-size:13px;font-weight:600;line-height:1.25;">' + escapeHtml(r.name) + '</div>' +
          '<div style="font-size:12px;color:var(--text-muted);margin-top:3px;">Trade-in cash <strong style="color:#2B6E4A;font-size:13.5px;">' + gMoney(r.cashPrice) + '</strong>' + (r.exchangePrice != null ? ' <span style="color:var(--text-light);">(' + gMoney(r.exchangePrice) + ' voucher)</span>' : '') + '</div>' +
          '<div style="font-size:10.5px;color:var(--text-light);margin-top:1px;">CeX online ' + gMoney(r.sellPrice) + (r.cashPrice != null && r.sellPrice != null ? ' \u00B7 their markup ' + gMoney(r.sellPrice - r.cashPrice) : '') + (r.outOfStock ? ' \u00B7 out of stock' : '') + '</div>' +
        '</div>' +
        '<button onclick="window.gadgetBuyFromCex(' + i + ')" ontouchend="event.preventDefault();window.gadgetBuyFromCex(' + i + ')" style="flex:0 0 auto;height:34px;padding:0 14px;border-radius:9px;border:none;background:var(--primary);color:#fff;font-family:inherit;font-weight:700;font-size:12.5px;cursor:pointer;">Buy</button>' +
      '</div>';
    }).join('');
  }

  window.gadgetCexQ = function (v) { GADGETS.cexQuery = v; };
  // Open the CeX website search for the current query (always works, even when
  // the automated API is blocked/rate-limited). UK or AU store per country.
  window.gadgetOpenCexWeb = function () {
    var q = (GADGETS.cexQuery || '').trim();
    if (!q) { window.toast && window.toast('Type a device or model first'); return; }
    var cc = (String(state.country || 'UK').toUpperCase() === 'AU') ? 'au' : 'uk';
    var url = 'https://' + cc + '.webuy.com/search?stext=' + encodeURIComponent(q);
    try { window.open(url, '_blank', 'noopener'); } catch (e) { location.href = url; }
  };
  // Map raw CeX /boxes objects to our result shape (mirrors the edge fn).
  function gadgetMapCexBoxes(boxes, cc) {
    return (boxes || []).map(function (b) {
      return {
        boxId: b.boxId || null,
        name: b.boxName || '',
        category: b.categoryFriendlyName || b.categoryName || '',
        superCat: b.superCatFriendlyName || b.superCatName || '',
        cashPrice: (typeof b.cashPrice === 'number') ? b.cashPrice : null,
        exchangePrice: (typeof b.exchangePrice === 'number') ? b.exchangePrice : null,
        sellPrice: (typeof b.sellPrice === 'number') ? b.sellPrice : null,
        rating: (typeof b.boxRating === 'number') ? b.boxRating : null,
        outOfStock: b.outOfStock ? 1 : 0,
        image: (b.imageUrls && (b.imageUrls.medium || b.imageUrls.small || b.imageUrls.large)) || null,
        productUrl: b.boxId ? ('https://' + cc + '.webuy.com/product-detail?id=' + encodeURIComponent(b.boxId)) : null
      };
    });
  }
  // Try CeX directly from the device first (the phone's own IP isn't a
  // blocked datacentre range, and many webuy endpoints allow CORS). Returns
  // an array on success, or null if blocked/CORS/failed so we can fall back.
  function gadgetTryDirectCex(q, country, count) {
    var cc = (String(country).toUpperCase() === 'AU') ? 'au' : 'uk';
    var url = 'https://wss2.cex.' + cc + '.webuy.io/v3/boxes?q=' + encodeURIComponent(q) +
      '&firstRecord=1&count=' + count + '&sortBy=relevance&sortOrder=desc';
    return fetch(url, { headers: { 'Accept': 'application/json' } })
      .then(function (r) { if (!r.ok) return null; return r.json().catch(function () { return null; }); })
      .then(function (data) {
        var boxes = data && data.response && data.response.data && Array.isArray(data.response.data.boxes)
          ? data.response.data.boxes : null;
        if (!boxes) return null;
        return gadgetMapCexBoxes(boxes, cc);
      })
      .catch(function () { return null; }); // CORS / network / block -> fall back
  }

  window.gadgetCexSearch = function () {
    var q = (GADGETS.cexQuery || '').trim();
    if (!q) { window.toast && window.toast('Type a device or model to search'); return; }
    if (GADGETS.cexBusy) return;
    GADGETS.cexBusy = true; GADGETS.cexResults = null; GADGETS.cexError = '';
    var box = document.getElementById('gadget-cex-results'); if (box) box.innerHTML = gadgetCexResultsHtml();
    var go = document.getElementById('gadget-cex-go'); if (go) { go.disabled = true; go.textContent = '\u2026'; }
    var country = state.country || 'UK';

    function done(results, errMsg) {
      GADGETS.cexBusy = false;
      var g = document.getElementById('gadget-cex-go'); if (g) { g.disabled = false; g.textContent = 'Search'; }
      GADGETS.cexResults = results || [];
      GADGETS.cexError = (results && results.length) ? '' : (errMsg || '');
      var b = document.getElementById('gadget-cex-results'); if (b) b.innerHTML = gadgetCexResultsHtml();
    }

    // Lookup runs server-side via Apify (CeX blocks direct/datacentre calls).
    // The actor can take a few seconds to spin up, so we show a busy state.
    var base = (typeof window.SUPA_URL === 'string') ? window.SUPA_URL : '';
    var headers = (typeof window.HDR === 'function') ? window.HDR() : { 'Content-Type': 'application/json' };
    fetch(base + '/functions/v1/gadget-lookup', {
      method: 'POST', headers: headers,
      body: JSON.stringify({ q: q, country: country, count: 25 })
    }).then(function (r) { return r.json().catch(function () { return null; }); })
      .then(function (data) {
        done((data && Array.isArray(data.results)) ? data.results : [], (data && data.error) ? String(data.error) : '');
      }).catch(function (err) {
        done([], (err && err.message) ? err.message : 'could not reach CeX');
      });
  };

  // ---- BUY (save into gadget_stock) ----
  window.gadgetBuyFromCex = function (i) {
    var r = (GADGETS.cexResults || [])[i]; if (!r) return;
    gadgetOpenBuyForm({
      name: r.name || 'Gadget', model: '', condition: '', category: r.category || '',
      cex_box_id: r.boxId || null, image_url: r.image || null, source_url: r.productUrl || null,
      cex_sell: r.sellPrice, cex_cash: r.cashPrice, cex_exchange: r.exchangePrice,
      cex_checked_at: new Date().toISOString()
    });
  };
  window.gadgetBuyManual = function () {
    gadgetOpenBuyForm({ name: '', model: '', condition: '', category: '', cex_box_id: null,
      image_url: null, source_url: null, cex_sell: null, cex_cash: null, cex_exchange: null, cex_checked_at: null });
  };

  function gadgetOpenBuyForm(seed) {
    var old = document.getElementById('gadget-buy-backdrop'); if (old) old.remove();
    var inS = 'width:100%;height:42px;padding:0 12px;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface);color:var(--text);font-family:inherit;font-size:15px;outline:none;';
    function v(x){ return x == null ? '' : String(x); }
    window._gadgetBuySeed = seed;
    GADGETS.buyPhotos = [];   // [{file,dataUrl}]
    var cexLine = (seed.cex_cash != null || seed.cex_sell != null)
      ? '<div style="background:var(--surface-2);border-radius:10px;padding:10px 12px;margin-bottom:12px;font-size:12.5px;color:var(--text-muted);line-height:1.5;">CeX trade-in cash <strong style="color:#2B6E4A;">' + gMoney(seed.cex_cash) + '</strong> (your ceiling)' + (seed.cex_exchange != null ? ' \u00B7 ' + gMoney(seed.cex_exchange) + ' voucher' : '') + '<br><span style="color:var(--text-light);">CeX online ' + gMoney(seed.cex_sell) + (seed.cex_cash != null && seed.cex_sell != null ? ' \u00B7 their markup ' + gMoney(seed.cex_sell - seed.cex_cash) : '') + '</span></div>'
      : '';
    var img = seed.image_url ? '<img src="' + escapeHtml(seed.image_url) + '" style="width:54px;height:54px;object-fit:contain;border-radius:10px;background:#fff;border:1px solid var(--border);flex:0 0 auto;">' : '';
    var html = '<div id="gadget-buy-backdrop" class="modal-backdrop open" style="z-index:1700;align-items:flex-end;">' +
      '<div class="modal" style="max-width:520px;width:100%;border-radius:20px 20px 0 0;max-height:92vh;overflow-y:auto;">' +
        '<div class="modal-head"><h2 style="font-size:18px;">Buy gadget</h2>' +
          '<button class="modal-x" onclick="document.getElementById(\'gadget-buy-backdrop\').remove()" ontouchend="event.preventDefault();document.getElementById(\'gadget-buy-backdrop\').remove()">\u00D7</button>' +
        '</div>' +
        '<div class="modal-body" style="padding-bottom:20px;">' +
          (img ? '<div style="display:flex;align-items:center;gap:10px;margin-bottom:12px;">' + img + '<div style="font-size:12px;color:var(--text-muted);">Details carried over from CeX. Edit anything below.</div></div>' : '') +
          cexLine +
          _gadgetField('Item / make', '<input id="gb-name" type="text" value="' + escapeHtml(v(seed.name)) + '" placeholder="e.g. Apple MacBook Air M1 / iPhone 13" style="' + inS + '">') +
          '<div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;">' +
            _gadgetField('Model / spec', '<input id="gb-model" type="text" value="' + escapeHtml(v(seed.model)) + '" placeholder="128GB / model no." style="' + inS + '">') +
            _gadgetField('Condition', '<input id="gb-cond" type="text" value="' + escapeHtml(v(seed.condition)) + '" placeholder="Good / A / Boxed" style="' + inS + '">') +
          '</div>' +
          '<div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;">' +
            _gadgetField('What we paid (' + curSym() + ')', '<input id="gb-buy" type="number" inputmode="decimal" step="0.01" min="0" placeholder="0" oninput="window._gadgetBuyMargin()" style="' + inS + '">') +
            _gadgetField('Date', '<input id="gb-date" type="date" value="' + gadgetTodayISO() + '" style="' + inS + '">') +
          '</div>' +
          '<div id="gb-margin" style="font-size:13px;font-weight:700;color:var(--text-muted);margin:-2px 0 12px;min-height:18px;"></div>' +
          '<div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;">' +
            _gadgetField('Bought from (client)', '<input id="gb-from" type="text" placeholder="Client name" style="' + inS + '">') +
            _gadgetField('Salesman', '<input id="gb-sales" type="text" value="' + escapeHtml(gadgetMe()) + '" style="' + inS + '">') +
          '</div>' +
          // Photos of the actual item.
          '<label style="display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:700;margin-bottom:6px;">Photos of the item</label>' +
          '<div id="gb-thumbs" style="display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px;">' + gadgetBuyThumbsHtml() + '</div>' +
          '<input id="gb-file-cam" type="file" accept="image/*" capture="environment" style="display:none;" onchange="window.gadgetBuyAddPhotos(this.files)">' +
          '<input id="gb-file-lib" type="file" accept="image/*" multiple style="display:none;" onchange="window.gadgetBuyAddPhotos(this.files)">' +
          '<div style="display:flex;gap:8px;margin-bottom:14px;">' +
            '<button type="button" onclick="document.getElementById(\'gb-file-cam\').click()" ontouchend="event.preventDefault();document.getElementById(\'gb-file-cam\').click()" style="flex:1;height:42px;border-radius:11px;border:1px dashed var(--border-strong);background:var(--surface);color:var(--primary);font-family:inherit;font-weight:700;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;">' + icoSvg('camera',16,'currentColor') + 'Take photo</button>' +
            '<button type="button" onclick="document.getElementById(\'gb-file-lib\').click()" ontouchend="event.preventDefault();document.getElementById(\'gb-file-lib\').click()" style="flex:1;height:42px;border-radius:11px;border:1px dashed var(--border-strong);background:var(--surface);color:var(--primary);font-family:inherit;font-weight:700;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;">' + icoSvg('image',16,'currentColor') + 'Add from album</button>' +
          '</div>' +
          _gadgetField('Notes (optional)', '<textarea id="gb-notes" placeholder="IMEI, accessories, anything useful\u2026" style="width:100%;min-height:60px;resize:vertical;padding:10px 12px;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface);color:var(--text);font-family:inherit;font-size:14px;line-height:1.4;outline:none;"></textarea>') +
          '<div style="display:flex;gap:8px;margin-top:16px;">' +
            '<button onclick="document.getElementById(\'gadget-buy-backdrop\').remove()" ontouchend="event.preventDefault();document.getElementById(\'gadget-buy-backdrop\').remove()" style="flex:1;height:46px;border-radius:11px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-family:inherit;font-weight:700;font-size:15px;cursor:pointer;">Cancel</button>' +
            '<button id="gb-save" onclick="window.gadgetSaveBuy()" ontouchend="event.preventDefault();window.gadgetSaveBuy()" style="flex:1.3;height:46px;border-radius:11px;border:none;background:var(--primary);color:#fff;font-family:inherit;font-weight:700;font-size:15px;cursor:pointer;">Add to stock</button>' +
          '</div>' +
        '</div>' +
      '</div></div>';
    document.body.insertAdjacentHTML('beforeend', html);
    if (typeof window._gadgetBuyMargin === 'function') window._gadgetBuyMargin();
  }

  function gadgetBuyThumbsHtml() {
    var arr = GADGETS.buyPhotos || [];
    if (!arr.length) return '<div style="font-size:12.5px;color:var(--text-light);">No photos yet \u2014 snap the device, box, condition, IMEI.</div>';
    return arr.map(function (im, i) {
      return '<div style="position:relative;width:74px;height:74px;border-radius:10px;overflow:hidden;border:1px solid var(--border);">' +
        '<img src="' + im.dataUrl + '" style="width:100%;height:100%;object-fit:cover;display:block;">' +
        '<button type="button" onclick="window.gadgetBuyRemovePhoto(' + i + ')" ontouchend="event.preventDefault();window.gadgetBuyRemovePhoto(' + i + ')" style="position:absolute;top:2px;right:2px;width:20px;height:20px;border-radius:50%;border:none;background:rgba(0,0,0,.6);color:#fff;font-size:13px;line-height:1;cursor:pointer;">\u00D7</button>' +
      '</div>';
    }).join('');
  }
  window.gadgetBuyAddPhotos = function (files) {
    if (!files || !files.length) return;
    Array.prototype.slice.call(files).forEach(function (file) {
      if (!file.type || file.type.indexOf('image/') !== 0) return;
      if (file.size > 12 * 1024 * 1024) { window.toast && window.toast('Image too large (max 12MB)'); return; }
      var reader = new FileReader();
      reader.onload = function (ev) {
        GADGETS.buyPhotos.push({ file: file, dataUrl: ev.target.result });
        var t = document.getElementById('gb-thumbs'); if (t) t.innerHTML = gadgetBuyThumbsHtml();
      };
      reader.readAsDataURL(file);
    });
  };
  window.gadgetBuyRemovePhoto = function (i) {
    GADGETS.buyPhotos.splice(i, 1);
    var t = document.getElementById('gb-thumbs'); if (t) t.innerHTML = gadgetBuyThumbsHtml();
  };

  // Live margin readout in the buy form: trade-in cash (CeX pays us) minus
  // what we pay the client = our margin. Pay below the ceiling to profit.
  window._gadgetBuyMargin = function () {
    var seed = window._gadgetBuySeed || {};
    var el = document.getElementById('gb-margin'); if (!el) return;
    var paid = _gNum('gb-buy');
    var cash = (seed.cex_cash != null && isFinite(Number(seed.cex_cash))) ? Number(seed.cex_cash) : null;
    if (cash == null) { el.textContent = ''; return; }
    if (paid == null) { el.style.color = 'var(--text-muted)'; el.textContent = 'CeX pays ' + gMoney(cash) + ' \u2014 pay less than this to profit'; return; }
    var margin = cash - paid;
    if (margin > 0) { el.style.color = '#2B6E4A'; el.textContent = 'Your margin: ' + gMoney(margin) + ' (CeX ' + gMoney(cash) + ' \u2212 you paid ' + gMoney(paid) + ')'; }
    else if (margin === 0) { el.style.color = 'var(--warn)'; el.textContent = 'Break-even \u2014 no margin at this price'; }
    else { el.style.color = '#C53030'; el.textContent = 'Loss of ' + gMoney(Math.abs(margin)) + ' \u2014 you\u2019d pay more than CeX gives you'; }
  };

  window.gadgetSaveBuy = function () {
    var seed = window._gadgetBuySeed || {};
    var name = _gStr('gb-name');
    if (!name) { window.toast && window.toast('Give the gadget a name'); return; }
    var rec = {
      country: state.country || 'UK',
      name: name, model: _gStr('gb-model'), condition: _gStr('gb-cond'),
      category: seed.category || null, cex_box_id: seed.cex_box_id || null,
      image_url: seed.image_url || null, source_url: seed.source_url || null,
      cex_sell: seed.cex_sell, cex_cash: seed.cex_cash, cex_exchange: seed.cex_exchange,
      cex_checked_at: seed.cex_checked_at || null,
      buy_price: _gNum('gb-buy'), buy_date: _gStr('gb-date') || gadgetTodayISO(),
      bought_from: _gStr('gb-from') || null, salesman: _gStr('gb-sales') || gadgetMe(),
      status: 'in_stock',
      notes: _gStr('gb-notes') || null,
      created_by: gadgetMe(), created_by_id: gadgetMeId(), updated_by: gadgetMe()
    };
    var photos = (GADGETS.buyPhotos || []).slice();
    var btn = document.getElementById('gb-save');
    if (btn) { btn.disabled = true; btn.textContent = photos.length ? 'Uploading\u2026' : 'Saving\u2026'; }
    // Upload photos first (best-effort), then insert with the paths.
    (async function () {
      var paths = [];
      for (var i = 0; i < photos.length; i++) {
        if (typeof window.uploadAttachment === 'function') {
          try { var p = await window.uploadAttachment('gadget', gadgetMe(), photos[i].file); if (p) paths.push(p); } catch (e) {}
        }
      }
      rec.photo_paths = paths;
      var bd = document.getElementById('gadget-buy-backdrop'); if (bd) bd.remove();
      gadgetStockInsert(rec);
    })();
  };

  async function gadgetStockInsert(rec) {
    try {
      var resp = await fetch(REST + '/gadget_stock', {
        method: 'POST', headers: Object.assign({}, HDR(), { Prefer: 'return=representation' }),
        body: JSON.stringify(rec)
      });
      if (resp.ok) {
        var saved = await resp.json();
        if (Array.isArray(saved) && saved[0]) { GADGETS.stock.unshift(saved[0]); GADGETS.stockLoaded = true; }
        GADGETS.view = 'stock';
        window.toast && window.toast('Added to gadget stock');
        window.renderGadgets();
        if (typeof window.refreshFinancials === 'function') window.refreshFinancials();
      } else { window.toast && window.toast('Save failed (HTTP ' + resp.status + ')'); }
    } catch (e) { window.toast && window.toast('Save error'); }
  }

  // ---- STOCK list ----
  function gadgetStockHtml() {
    if (!GADGETS.stockLoaded) return '<div style="color:var(--text-muted);font-size:13px;padding:14px 2px;">Loading stock\u2026</div>';
    var all = GADGETS.stock || [];
    var inStock = all.filter(function (x) { return x.status !== 'sold'; });
    var sold = all.filter(function (x) { return x.status === 'sold'; });

    // Summary strip.
    var costHeld = inStock.reduce(function (a, x) { return a + (Number(x.buy_price) || 0); }, 0);
    var cexHeld = inStock.reduce(function (a, x) { return a + (Number(x.cex_cash) || 0); }, 0);
    var realised = sold.reduce(function (a, x) { return a + ((Number(x.sold_price) || 0) - (Number(x.buy_price) || 0)); }, 0);
    var summary = '<div style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:14px;">' +
      _gStatCard('In stock', String(inStock.length), 'items') +
      _gStatCard('Cost held', gMoney(costHeld), 'paid out') +
      _gStatCard('Realised', gMoney(realised), sold.length + ' sold') +
    '</div>';

    var filt = '<div style="display:flex;gap:6px;margin-bottom:12px;">' +
      '<button onclick="window.gadgetStockFilter(\'in_stock\')" ontouchend="event.preventDefault();window.gadgetStockFilter(\'in_stock\')" style="flex:1;height:34px;border-radius:9px;border:1px solid var(--border);cursor:pointer;font-family:inherit;font-weight:700;font-size:12.5px;' + (GADGETS.stockFilter === 'in_stock' ? 'background:var(--primary);color:#fff;border-color:var(--primary);' : 'background:var(--surface);color:var(--text-muted);') + '">In stock (' + inStock.length + ')</button>' +
      '<button onclick="window.gadgetStockFilter(\'sold\')" ontouchend="event.preventDefault();window.gadgetStockFilter(\'sold\')" style="flex:1;height:34px;border-radius:9px;border:1px solid var(--border);cursor:pointer;font-family:inherit;font-weight:700;font-size:12.5px;' + (GADGETS.stockFilter === 'sold' ? 'background:var(--primary);color:#fff;border-color:var(--primary);' : 'background:var(--surface);color:var(--text-muted);') + '">Sold (' + sold.length + ')</button>' +
    '</div>';

    var rows = (GADGETS.stockFilter === 'sold' ? sold : inStock);
    var listHtml;
    if (!all.length) {
      listHtml = '<div style="color:var(--text-light);font-size:13.5px;padding:14px 2px;line-height:1.5;">No gadgets in stock yet. Use <strong>Price check</strong> to look one up on CeX and tap <strong>Buy</strong> to record it.</div>';
    } else if (!rows.length) {
      listHtml = '<div style="color:var(--text-light);font-size:13px;padding:12px 2px;">Nothing here yet.</div>';
    } else {
      listHtml = rows.map(gadgetStockCardHtml).join('');
    }
    return summary + filt + '<div id="gadget-stock-list">' + listHtml + '</div>';
  }
  function _gStatCard(label, value, sub) {
    return '<div style="background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:10px;text-align:center;">' +
      '<div style="font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:700;">' + label + '</div>' +
      '<div style="font-family:\'Fraunces\',serif;font-size:18px;font-weight:600;color:var(--primary);margin:3px 0 1px;">' + value + '</div>' +
      '<div style="font-size:10px;color:var(--text-light);">' + sub + '</div>' +
    '</div>';
  }
  function gadgetStockCardHtml(it) {
    var sold = it.status === 'sold';
    var profit = (sold && it.sold_price != null && it.buy_price != null) ? (Number(it.sold_price) - Number(it.buy_price)) : null;
    var meta = [];
    if (it.buy_date) { try { meta.push('Bought ' + new Date(it.buy_date + 'T00:00:00').toLocaleDateString(undefined, { day: 'numeric', month: 'short', year: 'numeric' })); } catch (e) {} }
    if (it.bought_from) meta.push('from ' + it.bought_from);
    if (it.salesman) meta.push(it.salesman);
    return '<div style="background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px 13px;margin-bottom:8px;">' +
      '<div style="display:flex;gap:10px;align-items:flex-start;">' +
        (it.image_url ? '<img src="' + escapeHtml(it.image_url) + '" loading="lazy" style="width:46px;height:46px;object-fit:contain;border-radius:8px;background:#fff;border:1px solid var(--border);flex:0 0 auto;">' : '') +
        '<div style="flex:1;min-width:0;">' +
          '<div style="font-weight:700;font-size:15px;line-height:1.2;">' + escapeHtml(it.name || 'Gadget') + '</div>' +
          (it.model || it.condition ? '<div style="font-size:12px;color:var(--text-muted);margin-top:2px;">' + escapeHtml([it.model, it.condition].filter(Boolean).join(' \u00B7 ')) + '</div>' : '') +
        '</div>' +
        '<div style="flex:0 0 auto;text-align:right;">' +
          (sold
            ? '<div style="font-family:\'Fraunces\',serif;font-size:17px;font-weight:600;color:' + (profit != null && profit >= 0 ? '#2B6E4A' : '#C53030') + ';line-height:1;">' + gMoney(it.sold_price) + '</div><div style="font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-top:2px;">' + (GADGET_CHANNELS[it.sale_channel] || 'Sold') + '</div>'
            : '<div style="font-family:\'Fraunces\',serif;font-size:17px;font-weight:600;color:var(--primary);line-height:1;">' + gMoney(it.buy_price) + '</div><div style="font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-top:2px;">Paid</div>') +
        '</div>' +
      '</div>' +
      '<div style="display:flex;gap:14px;flex-wrap:wrap;margin-top:8px;font-size:12px;color:var(--text-muted);">' +
        (it.cex_cash != null ? '<span>CeX pays <strong style="color:#2B6E4A;">' + gMoney(it.cex_cash) + '</strong></span>' : '') +
        (it.cex_sell != null ? '<span style="color:var(--text-light);">CeX shelf ' + gMoney(it.cex_sell) + '</span>' : '') +
        (sold && profit != null ? '<span>Profit <strong style="color:' + (profit >= 0 ? '#2B6E4A' : '#C53030') + ';">' + gMoney(profit) + '</strong></span>' : '') +
      '</div>' +
      (meta.length ? '<div style="font-size:11px;color:var(--text-light);margin-top:6px;">' + escapeHtml(meta.join(' \u00B7 ')) + '</div>' : '') +
      (it.notes ? '<div style="font-size:12.5px;color:var(--text);margin-top:6px;line-height:1.4;">' + escapeHtml(it.notes) + '</div>' : '') +
      (sold && it.sold_to ? '<div style="font-size:11.5px;color:var(--text-muted);margin-top:4px;">Sold to ' + escapeHtml(it.sold_to) + '</div>' : '') +
      (Array.isArray(it.photo_paths) && it.photo_paths.length
        ? '<div id="gadget-photos-' + it.id + '" data-paths="' + escapeHtml(JSON.stringify(it.photo_paths)) + '" style="display:flex;flex-wrap:wrap;gap:6px;margin-top:9px;"></div>'
        : '') +
      '<div style="display:flex;gap:14px;margin-top:9px;flex-wrap:wrap;">' +
        (sold
          ? '<button onclick="window.gadgetReopen(' + it.id + ')" ontouchend="event.preventDefault();window.gadgetReopen(' + it.id + ')" style="border:none;background:none;color:var(--primary);font-family:inherit;font-weight:700;font-size:12px;cursor:pointer;">Reopen</button>'
          : '<button onclick="window.gadgetSellOpen(' + it.id + ')" ontouchend="event.preventDefault();window.gadgetSellOpen(' + it.id + ')" style="border:none;background:none;color:#2B6E4A;font-family:inherit;font-weight:700;font-size:12px;cursor:pointer;">Sell</button>') +
        '<button onclick="window.gadgetAddPhotos(' + it.id + ')" ontouchend="event.preventDefault();window.gadgetAddPhotos(' + it.id + ')" style="border:none;background:none;color:var(--primary);font-family:inherit;font-weight:700;font-size:12px;cursor:pointer;">' + (Array.isArray(it.photo_paths) && it.photo_paths.length ? 'Photos' : 'Add photos') + '</button>' +
        (it.cex_box_id ? '<button onclick="window.gadgetStockRecheck(' + it.id + ')" ontouchend="event.preventDefault();window.gadgetStockRecheck(' + it.id + ')" style="border:none;background:none;color:var(--primary);font-family:inherit;font-weight:700;font-size:12px;cursor:pointer;">Re-check CeX</button>' : '') +
        (it.source_url ? '<a href="' + escapeHtml(it.source_url) + '" target="_blank" rel="noopener" style="font-size:12px;font-weight:700;color:var(--primary);text-decoration:none;">CeX page</a>' : '') +
        '<button onclick="window.gadgetStockDelete(' + it.id + ')" ontouchend="event.preventDefault();window.gadgetStockDelete(' + it.id + ')" style="border:none;background:none;color:var(--danger);font-family:inherit;font-weight:600;font-size:12px;cursor:pointer;">Delete</button>' +
      '</div>' +
    '</div>';
  }
  // After cards render, fill any photo strips with signed thumbnails (cached).
  function gadgetHydratePhotos() {
    var strips = document.querySelectorAll('[id^="gadget-photos-"]');
    Array.prototype.forEach.call(strips, function (strip) {
      if (strip._hydrated) return;
      strip._hydrated = true;
      var paths = [];
      try { paths = JSON.parse(strip.getAttribute('data-paths') || '[]'); } catch (e) {}
      var idStr = strip.id.replace('gadget-photos-', '');
      paths.forEach(function (pth, idx) {
        function place(url) {
          if (!url) return;
          var img = document.createElement('img');
          img.src = url; img.loading = 'lazy';
          img.style.cssText = 'width:64px;height:64px;object-fit:cover;border-radius:8px;border:1px solid var(--border);cursor:pointer;';
          img.onclick = function () { window.gadgetViewPhoto(idStr, idx); };
          strip.appendChild(img);
        }
        if (GADGETS.photoUrls[pth]) { place(GADGETS.photoUrls[pth]); return; }
        if (typeof window.getAttachmentUrl === 'function') {
          window.getAttachmentUrl(pth).then(function (u) { if (u) { GADGETS.photoUrls[pth] = u; place(u); } });
        }
      });
    });
  }
  window.gadgetViewPhoto = function (idStr, idx) {
    var it = (GADGETS.stock || []).find(function (x) { return String(x.id) === String(idStr); });
    if (!it || !Array.isArray(it.photo_paths) || !it.photo_paths[idx]) return;
    var pth = it.photo_paths[idx];
    var url = GADGETS.photoUrls[pth];
    function show(u) {
      var old = document.getElementById('gadget-photo-viewer'); if (old) old.remove();
      var html = '<div id="gadget-photo-viewer" class="modal-backdrop open" style="z-index:1800;background:rgba(0,0,0,.86);align-items:center;justify-content:center;" onclick="this.remove()">' +
        '<img src="' + u + '" style="max-width:94vw;max-height:88vh;object-fit:contain;border-radius:10px;">' +
        '<button onclick="event.stopPropagation();this.parentElement.remove()" ontouchend="event.preventDefault();event.stopPropagation();this.parentElement.remove()" style="position:fixed;top:18px;right:18px;width:40px;height:40px;border-radius:50%;border:none;background:rgba(255,255,255,.18);color:#fff;font-size:22px;cursor:pointer;">\u00D7</button>' +
      '</div>';
      document.body.insertAdjacentHTML('beforeend', html);
    }
    if (url) { show(url); return; }
    if (typeof window.getAttachmentUrl === 'function') window.getAttachmentUrl(pth).then(function (u) { if (u) { GADGETS.photoUrls[pth] = u; show(u); } });
  };
  // Append more photos to an existing stock item.
  window.gadgetAddPhotos = function (id) {
    var it = (GADGETS.stock || []).find(function (x) { return x.id === id; }); if (!it) return;
    var inp = document.createElement('input');
    inp.type = 'file'; inp.accept = 'image/*'; inp.multiple = true;
    inp.onchange = function () {
      var files = Array.prototype.slice.call(inp.files || []).filter(function (f) { return f.type && f.type.indexOf('image/') === 0; });
      if (!files.length) return;
      window.toast && window.toast('Uploading ' + files.length + ' photo' + (files.length === 1 ? '' : 's') + '\u2026');
      (async function () {
        var added = [];
        for (var i = 0; i < files.length; i++) {
          if (files[i].size > 12 * 1024 * 1024) { window.toast && window.toast('Skipped one over 12MB'); continue; }
          if (typeof window.uploadAttachment === 'function') {
            try { var p = await window.uploadAttachment('gadget', gadgetMe(), files[i]); if (p) added.push(p); } catch (e) {}
          }
        }
        if (!added.length) { window.toast && window.toast('Upload failed'); return; }
        var paths = (Array.isArray(it.photo_paths) ? it.photo_paths.slice() : []).concat(added);
        gadgetStockPatch(id, { photo_paths: paths, updated_by: gadgetMe() });
      })();
    };
    inp.click();
  };
  window.gadgetStockFilter = function (f) {
    GADGETS.stockFilter = f;
    var l = document.getElementById('gadget-stock-list');
    var rows = (GADGETS.stock || []).filter(function (x) { return f === 'sold' ? x.status === 'sold' : x.status !== 'sold'; });
    if (l) l.innerHTML = rows.length ? rows.map(gadgetStockCardHtml).join('') : '<div style="color:var(--text-light);font-size:13px;padding:12px 2px;">Nothing here yet.</div>';
    // Re-render the filter buttons' active state.
    window.renderGadgets();
  };

  // ---- SELL ----
  window.gadgetSellOpen = function (id) {
    var it = (GADGETS.stock || []).find(function (x) { return x.id === id; }); if (!it) return;
    var old = document.getElementById('gadget-sell-backdrop'); if (old) old.remove();
    var inS = 'width:100%;height:42px;padding:0 12px;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface);color:var(--text);font-family:inherit;font-size:15px;outline:none;';
    var chanBtns = Object.keys(GADGET_CHANNELS).map(function (k) {
      return '<button type="button" data-chan="' + k + '" onclick="window._gadgetPickChan(this)" ontouchend="event.preventDefault();window._gadgetPickChan(this)" style="flex:1;height:40px;border-radius:10px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-family:inherit;font-weight:700;font-size:13px;cursor:pointer;">' + GADGET_CHANNELS[k] + '</button>';
    }).join('');
    var suggest = (it.cex_cash != null) ? ('If you send it to CeX they\u2019ll pay you about ' + gMoney(it.cex_cash) + ' cash' + (it.cex_exchange != null ? ' (' + gMoney(it.cex_exchange) + ' voucher)' : '') + '.') : '';
    var html = '<div id="gadget-sell-backdrop" class="modal-backdrop open" style="z-index:1700;align-items:flex-end;">' +
      '<div class="modal" style="max-width:520px;width:100%;border-radius:20px 20px 0 0;max-height:90vh;overflow-y:auto;">' +
        '<div class="modal-head"><h2 style="font-size:18px;">Sell \u2014 ' + escapeHtml(it.name || 'gadget') + '</h2>' +
          '<button class="modal-x" onclick="document.getElementById(\'gadget-sell-backdrop\').remove()" ontouchend="event.preventDefault();document.getElementById(\'gadget-sell-backdrop\').remove()">\u00D7</button>' +
        '</div>' +
        '<div class="modal-body" style="padding-bottom:20px;">' +
          '<div style="font-size:12.5px;color:var(--text-muted);margin-bottom:10px;">You paid <strong style="color:var(--text);">' + gMoney(it.buy_price) + '</strong>. ' + escapeHtml(suggest) + '</div>' +
          '<label style="display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:700;margin-bottom:6px;">Where did it sell?</label>' +
          '<div id="gadget-sell-chan" data-val="" style="display:flex;gap:8px;margin-bottom:12px;">' + chanBtns + '</div>' +
          '<div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;">' +
            _gadgetField('Sale price (' + curSym() + ')', '<input id="gs-price" type="number" inputmode="decimal" step="0.01" min="0" placeholder="0" oninput="window._gadgetSellProfit(' + id + ')" style="' + inS + '">') +
            _gadgetField('Date', '<input id="gs-date" type="date" value="' + gadgetTodayISO() + '" style="' + inS + '">') +
          '</div>' +
          _gadgetField('Sold to (optional)', '<input id="gs-to" type="text" placeholder="Buyer / eBay user / CeX store" style="' + inS + '">') +
          '<div id="gs-profit" style="font-size:13px;font-weight:700;color:var(--text-muted);margin:2px 0 4px;"></div>' +
          '<div style="display:flex;gap:8px;margin-top:14px;">' +
            '<button onclick="document.getElementById(\'gadget-sell-backdrop\').remove()" ontouchend="event.preventDefault();document.getElementById(\'gadget-sell-backdrop\').remove()" style="flex:1;height:46px;border-radius:11px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-family:inherit;font-weight:700;font-size:15px;cursor:pointer;">Cancel</button>' +
            '<button onclick="window.gadgetSaveSell(' + id + ')" ontouchend="event.preventDefault();window.gadgetSaveSell(' + id + ')" style="flex:1.3;height:46px;border-radius:11px;border:none;background:#2B6E4A;color:#fff;font-family:inherit;font-weight:700;font-size:15px;cursor:pointer;">Mark sold</button>' +
          '</div>' +
        '</div>' +
      '</div></div>';
    document.body.insertAdjacentHTML('beforeend', html);
  };
  window._gadgetPickChan = function (btn) {
    var wrap = document.getElementById('gadget-sell-chan'); if (!wrap) return;
    wrap.dataset.val = btn.dataset.chan;
    Array.prototype.forEach.call(wrap.querySelectorAll('button'), function (b) {
      var on = b === btn;
      b.style.background = on ? 'var(--primary)' : 'var(--surface)';
      b.style.color = on ? '#fff' : 'var(--text)';
      b.style.borderColor = on ? 'var(--primary)' : 'var(--border-strong)';
    });
  };
  window._gadgetSellProfit = function (id) {
    var it = (GADGETS.stock || []).find(function (x) { return x.id === id; }); if (!it) return;
    var price = _gNum('gs-price');
    var el = document.getElementById('gs-profit'); if (!el) return;
    if (price == null || it.buy_price == null) { el.textContent = ''; return; }
    var p = price - Number(it.buy_price);
    el.textContent = (p >= 0 ? 'Profit ' : 'Loss ') + gMoney(Math.abs(p));
    el.style.color = p >= 0 ? '#2B6E4A' : '#C53030';
  };
  window.gadgetSaveSell = function (id) {
    var chan = (document.getElementById('gadget-sell-chan') || {}).dataset ? document.getElementById('gadget-sell-chan').dataset.val : '';
    if (!chan) { window.toast && window.toast('Pick where it sold'); return; }
    var price = _gNum('gs-price');
    if (price == null) { window.toast && window.toast('Enter the sale price'); return; }
    var patch = {
      status: 'sold', sale_channel: chan, sold_price: price,
      sold_date: _gStr('gs-date') || gadgetTodayISO(), sold_to: _gStr('gs-to') || null,
      updated_by: gadgetMe()
    };
    var bd = document.getElementById('gadget-sell-backdrop'); if (bd) bd.remove();
    GADGETS.stockFilter = 'sold';
    gadgetStockPatch(id, patch);
  };
  window.gadgetReopen = function (id) {
    gadgetStockPatch(id, { status: 'in_stock', sale_channel: null, sold_price: null, sold_date: null, sold_to: null, updated_by: gadgetMe() });
    GADGETS.stockFilter = 'in_stock';
  };

  window.gadgetStockRecheck = function (id) {
    var it = (GADGETS.stock || []).find(function (x) { return x.id === id; });
    if (!it || !it.cex_box_id) return;
    window.toast && window.toast('Re-checking CeX\u2026');
    var country = state.country || 'UK';
    function apply(results) {
      var hit = (results || []).find(function (x) { return x.boxId === it.cex_box_id; });
      if (!hit) { window.toast && window.toast('Couldn\u2019t find it on CeX now'); return; }
      gadgetStockPatch(id, { cex_sell: hit.sellPrice, cex_cash: hit.cashPrice, cex_exchange: hit.exchangePrice, cex_checked_at: new Date().toISOString(), updated_by: gadgetMe() });
    }
    gadgetTryDirectCex(it.name, country, 30).then(function (direct) {
      if (direct && direct.length) { apply(direct); return; }
      var base = (typeof window.SUPA_URL === 'string') ? window.SUPA_URL : '';
      var headers = (typeof window.HDR === 'function') ? window.HDR() : { 'Content-Type': 'application/json' };
      fetch(base + '/functions/v1/gadget-lookup', {
        method: 'POST', headers: headers,
        body: JSON.stringify({ q: it.name, country: country, count: 30 })
      }).then(function (r) { return r.json().catch(function () { return null; }); })
        .then(function (data) { apply((data && Array.isArray(data.results)) ? data.results : []); })
        .catch(function () { window.toast && window.toast('Re-check failed'); });
    });
  };

  window.gadgetStockDelete = function (id) {
    var it = (GADGETS.stock || []).find(function (x) { return x.id === id; }); if (!it) return;
    if (!window.confirm('Delete \u201C' + (it.name || 'this gadget') + '\u201D from stock?')) return;
    GADGETS.stock = GADGETS.stock.filter(function (x) { return x.id !== id; });
    window.renderGadgets();
    if (typeof window.refreshFinancials === 'function') window.refreshFinancials();
    try { fetch(REST + '/gadget_stock?id=eq.' + encodeURIComponent(id), { method: 'DELETE', headers: HDR() }); } catch (e) {}
  };

  async function gadgetStockPatch(id, patch) {
    patch.updated_at = new Date().toISOString();
    var ix = (GADGETS.stock || []).findIndex(function (x) { return x.id === id; });
    if (ix >= 0) GADGETS.stock[ix] = Object.assign({}, GADGETS.stock[ix], patch);
    window.renderGadgets();
    if (typeof window.refreshFinancials === 'function') window.refreshFinancials();
    try {
      await fetch(REST + '/gadget_stock?id=eq.' + encodeURIComponent(id), {
        method: 'PATCH', headers: Object.assign({}, HDR(), { Prefer: 'return=minimal' }),
        body: JSON.stringify(patch)
      });
    } catch (e) { /* best-effort */ }
  }

  function _gadgetField(label, inner) {
    return '<div style="margin-bottom:10px;">' +
      '<label style="display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:700;margin-bottom:4px;">' + label + '</label>' +
      inner + '</div>';
  }
  function _gNum(x) { var el = document.getElementById(x); if (!el) return null; var t = el.value.trim(); if (t === '') return null; var n = Number(t); return isFinite(n) ? n : null; }
  function _gStr(x) { var el = document.getElementById(x); return el ? el.value.trim() : ''; }

  // Lightweight totals for the Financials gadget tile (kept OUT of metal stock).
  window.gadgetStockTotals = function () {
    var all = GADGETS.stock || [];
    var inStock = all.filter(function (x) { return x.status !== 'sold'; });
    var sold = all.filter(function (x) { return x.status === 'sold'; });
    var byChannel = { cex: { count: 0, revenue: 0, profit: 0 }, ebay: { count: 0, revenue: 0, profit: 0 }, private: { count: 0, revenue: 0, profit: 0 }, other: { count: 0, revenue: 0, profit: 0 } };
    sold.forEach(function (x) {
      var k = (x.sale_channel && byChannel[x.sale_channel]) ? x.sale_channel : 'other';
      var rev = Number(x.sold_price) || 0;
      var pf = rev - (Number(x.buy_price) || 0);
      byChannel[k].count += 1; byChannel[k].revenue += rev; byChannel[k].profit += pf;
    });
    return {
      loaded: GADGETS.stockLoaded,
      inStockCount: inStock.length,
      costHeld: inStock.reduce(function (a, x) { return a + (Number(x.buy_price) || 0); }, 0),
      cexCashHeld: inStock.reduce(function (a, x) { return a + (Number(x.cex_cash) || 0); }, 0),
      cexSellHeld: inStock.reduce(function (a, x) { return a + (Number(x.cex_sell) || 0); }, 0),
      soldCount: sold.length,
      realisedProfit: sold.reduce(function (a, x) { return a + ((Number(x.sold_price) || 0) - (Number(x.buy_price) || 0)); }, 0),
      soldRevenue: sold.reduce(function (a, x) { return a + (Number(x.sold_price) || 0); }, 0),
      byChannel: byChannel
    };
  };
  // Ensure stock is loaded for the financials tile even if the tab wasn't opened.
  window.gadgetEnsureLoaded = function () {
    if (GADGETS.stockLoaded) return Promise.resolve();
    return gadgetStockLoad();
  };

  // No API key: queries OpenStreetMap's Overpass API for POIs of a given kind
  // around a point, sorts by distance, and renders a Leaflet map + list in the
  // same "Near me" style as the parks tab. Works worldwide (UK/AU/USA/CA/NZ).
  // =========================================================================
  var POI_ENDPOINTS = [
    'https://overpass-api.de/api/interpreter',
    'https://overpass.kumi.systems/api/interpreter'
  ];
  function poiHaversine(a, b) {
    var R = 6371, dLat = (b.lat - a.lat) * Math.PI / 180, dLng = (b.lng - a.lng) * Math.PI / 180;
    var la1 = a.lat * Math.PI / 180, la2 = b.lat * Math.PI / 180;
    var h = Math.sin(dLat / 2) * Math.sin(dLat / 2) + Math.cos(la1) * Math.cos(la2) * Math.sin(dLng / 2) * Math.sin(dLng / 2);
    return R * 2 * Math.atan2(Math.sqrt(h), Math.sqrt(1 - h)); // km
  }
  function poiMiles(km) { return km * 0.621371; }
  // Fetch POIs. `filter` is an Overpass tag filter e.g. '["amenity"="fuel"]'.
  async function poiFetch(center, radiusMeters, filter) {
    var q = '[out:json][timeout:25];(' +
      'node' + filter + '(around:' + radiusMeters + ',' + center.lat + ',' + center.lng + ');' +
      'way' + filter + '(around:' + radiusMeters + ',' + center.lat + ',' + center.lng + ');' +
      ');out center 60;';
    for (var i = 0; i < POI_ENDPOINTS.length; i++) {
      try {
        var res = await fetch(POI_ENDPOINTS[i], {
          method: 'POST',
          headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
          body: 'data=' + encodeURIComponent(q)
        });
        if (!res.ok) continue;
        var j = await res.json();
        if (j && j.elements) {
          return j.elements.map(function (el) {
            var lat = el.lat != null ? el.lat : (el.center && el.center.lat);
            var lng = el.lon != null ? el.lon : (el.center && el.center.lon);
            var t = el.tags || {};
            return {
              id: el.type + '/' + el.id,
              lat: lat, lng: lng,
              name: t.name || t.brand || t.operator || null,
              brand: t.brand || t.operator || null,
              tags: t
            };
          }).filter(function (p) { return p.lat != null && p.lng != null; });
        }
      } catch (e) { /* try next endpoint */ }
    }
    return null; // all endpoints failed
  }

  // =========================================================================
  // FUEL TAB — fuel/petrol stations near the salesman.
  // =========================================================================
  var FUEL = {
    radiusMi: 15,         // search radius in miles
    busy: false,
    list: [],             // sorted results with .distMi
    map: null,
    markers: [],
    error: null
  };
  function fuelAmenities(t) {
    // Friendly facility tags useful on the road.
    var bits = [];
    if (t.shop === 'convenience' || t.shop === 'supermarket') bits.push('Shop');
    if (t.toilets === 'yes' || t['toilets:disposal']) bits.push('Toilet');
    if (t['fuel:diesel'] === 'yes' || t['fuel:HGV_diesel'] === 'yes') bits.push('Diesel');
    if (t.compressed_air === 'yes') bits.push('Air');
    if (t.car_wash === 'yes') bits.push('Wash');
    if (t.atm === 'yes') bits.push('ATM');
    return bits;
  }

  window.renderFuel = function () {
    var host = document.getElementById('fuel-view');
    if (!host) return;
    host.innerHTML =
      '<div style="padding:4px 2px 28px;">' +
        '<h2 style="font-family:var(--serif,Georgia);font-size:24px;margin:6px 0 2px;">Fuel</h2>' +
        '<div style="font-size:13px;color:var(--text-muted);margin-bottom:12px;">Petrol &amp; diesel stations near you \u2014 plan fuel stops, toilets and a break on the road.</div>' +
        '<div style="display:flex;align-items:center;gap:10px;margin-bottom:12px;">' +
          '<label style="font-size:12px;font-weight:700;color:var(--text-muted);white-space:nowrap;">Radius</label>' +
          '<input type="range" min="2" max="50" step="1" value="' + FUEL.radiusMi + '" oninput="window.fuelSetRadius(this.value)" style="flex:1;accent-color:var(--primary);">' +
          '<span id="fuel-radius-lbl" style="font-size:13px;font-weight:700;min-width:46px;text-align:right;">' + FUEL.radiusMi + ' mi</span>' +
        '</div>' +
        '<button id="fuel-go" onclick="window.fuelFind()" ontouchend="event.preventDefault();window.fuelFind()" ' +
          'style="width:100%;height:46px;border-radius:12px;border:none;background:var(--primary);color:#fff;font-family:inherit;font-weight:700;font-size:15px;cursor:pointer;margin-bottom:14px;display:flex;align-items:center;justify-content:center;gap:8px;">' +
          '<svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="10" r="3"/><path d="M12 2a8 8 0 0 0-8 8c0 5.4 8 12 8 12s8-6.6 8-12a8 8 0 0 0-8-8z"/></svg>' +
          'Find fuel near me</button>' +
        '<div id="fuel-map" style="height:280px;border-radius:14px;overflow:hidden;border:1px solid var(--border);margin-bottom:14px;background:var(--surface-2);display:none;"></div>' +
        '<div id="fuel-results"></div>' +
        '<div style="font-size:10px;color:var(--text-muted);margin-top:14px;text-align:center;">Data \u00A9 OpenStreetMap contributors</div>' +
      '</div>';
    // If we already have results (returning to tab), repaint them.
    if (FUEL.list.length) { fuelPaintResults(); setTimeout(fuelBuildMap, 80); }
  };

  window.fuelSetRadius = function (v) {
    FUEL.radiusMi = parseInt(v, 10) || 15;
    var lbl = document.getElementById('fuel-radius-lbl');
    if (lbl) lbl.textContent = FUEL.radiusMi + ' mi';
  };

  window.fuelFind = function () {
    if (FUEL.busy) return;
    var go = function (center) {
      FUEL.busy = true; FUEL.error = null;
      var btn = document.getElementById('fuel-go');
      if (btn) { btn.disabled = true; btn.textContent = 'Searching\u2026'; }
      var res = document.getElementById('fuel-results');
      if (res) res.innerHTML = '<div style="color:var(--text-muted);font-size:14px;padding:8px 2px;">Looking for fuel within ' + FUEL.radiusMi + ' miles\u2026</div>';
      var meters = Math.round(FUEL.radiusMi * 1609.34);
      poiFetch(center, meters, '["amenity"="fuel"]').then(function (items) {
        FUEL.busy = false;
        if (btn) { btn.disabled = false; btn.textContent = 'Find fuel near me'; }
        if (!items) {
          FUEL.error = 'Could not reach the fuel directory. Check your connection and try again.';
          fuelPaintResults();
          return;
        }
        items.forEach(function (p) { p.distMi = poiMiles(poiHaversine(center, p)); });
        items.sort(function (a, b) { return a.distMi - b.distMi; });
        FUEL.list = items;
        FUEL.center = center;
        fuelPaintResults();
        setTimeout(fuelBuildMap, 80);
      });
    };
    // Prefer a known location; otherwise ask the device.
    if (state.myLocation && state.myLocation.lat != null) { go({ lat: state.myLocation.lat, lng: state.myLocation.lng }); return; }
    if (!navigator.geolocation) { FUEL.error = 'Location not available on this device.'; fuelPaintResults(); return; }
    var btn0 = document.getElementById('fuel-go');
    if (btn0) { btn0.disabled = true; btn0.textContent = 'Getting location\u2026'; }
    navigator.geolocation.getCurrentPosition(function (pos) {
      state.myLocation = { lat: pos.coords.latitude, lng: pos.coords.longitude };
      go({ lat: pos.coords.latitude, lng: pos.coords.longitude });
    }, function () {
      if (btn0) { btn0.disabled = false; btn0.textContent = 'Find fuel near me'; }
      FUEL.error = 'Location permission denied. Enable location to find fuel near you.';
      fuelPaintResults();
    }, { enableHighAccuracy: true, timeout: 12000 });
  };

  function fuelPaintResults() {
    var res = document.getElementById('fuel-results');
    if (!res) return;
    if (FUEL.error) {
      res.innerHTML = '<div style="background:var(--surface);border:1px solid var(--danger);border-radius:12px;padding:14px;color:var(--danger);font-size:14px;">' + escapeHtml(FUEL.error) + '</div>';
      return;
    }
    if (!FUEL.list.length) {
      res.innerHTML = '<div style="color:var(--text-light);font-size:14px;padding:8px 2px;">No fuel stations found in range. Try a bigger radius.</div>';
      return;
    }
    var rows = FUEL.list.slice(0, 40).map(function (p) {
      var name = p.name || p.brand || 'Fuel station';
      var amen = fuelAmenities(p.tags);
      var chips = amen.map(function (a) {
        return '<span style="font-size:10.5px;font-weight:600;color:var(--text-muted);background:var(--surface-2);border-radius:20px;padding:2px 8px;">' + escapeHtml(a) + '</span>';
      }).join('');
      var dirUrl = 'https://www.google.com/maps/dir/?api=1&destination=' + p.lat + ',' + p.lng;
      return '<div style="display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px 13px;margin-bottom:8px;">' +
          '<div style="flex:1;min-width:0;">' +
            '<div style="font-weight:700;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">' + escapeHtml(name) + '</div>' +
            '<div style="font-size:12px;color:var(--text-muted);margin-top:2px;">' + p.distMi.toFixed(1) + ' mi away</div>' +
            (chips ? '<div style="display:flex;flex-wrap:wrap;gap:5px;margin-top:6px;">' + chips + '</div>' : '') +
          '</div>' +
          '<a href="' + dirUrl + '" target="_blank" rel="noopener" style="flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;height:38px;padding:0 13px;border-radius:10px;background:var(--primary);color:#fff;font-weight:700;font-size:13px;text-decoration:none;">' +
            '<svg viewBox="0 0 24 24" width="15" height="15" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="3 11 22 2 13 21 11 13 3 11"/></svg>Go</a>' +
        '</div>';
    }).join('');
    res.innerHTML = '<div style="font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:700;margin-bottom:8px;">' + FUEL.list.length + ' found \u00B7 nearest first</div>' + rows;
  }

  function fuelBuildMap() {
    var el = document.getElementById('fuel-map');
    if (!el || typeof L === 'undefined' || !FUEL.center) return;
    el.style.display = '';
    if (FUEL.map) { try { FUEL.map.remove(); } catch (e) {} FUEL.map = null; }
    FUEL.markers = [];
    FUEL.map = L.map(el, { zoomControl: true, attributionControl: false }).setView([FUEL.center.lat, FUEL.center.lng], 12);
    L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { maxZoom: 19 }).addTo(FUEL.map);
    var pts = [[FUEL.center.lat, FUEL.center.lng]];
    // "You" marker
    var youIc = L.divIcon({ className: 'fuel-you', html: '<div style="width:16px;height:16px;border-radius:50%;background:#2563EB;border:3px solid #fff;box-shadow:0 0 0 2px rgba(37,99,235,.4);"></div>', iconSize: [16, 16], iconAnchor: [8, 8] });
    L.marker([FUEL.center.lat, FUEL.center.lng], { icon: youIc, zIndexOffset: 10000 }).addTo(FUEL.map).bindPopup('<strong>You</strong>');
    FUEL.list.slice(0, 40).forEach(function (p) {
      var name = p.name || p.brand || 'Fuel station';
      var html = '<div style="background:#fff;border:2px solid #1F4733;border-radius:18px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px rgba(0,0,0,0.3);">' + icoSvg('fuel', 16, '#1F4733') + '</div>';
      var ic = L.divIcon({ className: 'fuel-pin', html: html, iconSize: [30, 26], iconAnchor: [15, 26] });
      var mk = L.marker([p.lat, p.lng], { icon: ic }).addTo(FUEL.map);
      var dirUrl = 'https://www.google.com/maps/dir/?api=1&destination=' + p.lat + ',' + p.lng;
      mk.bindPopup('<strong>' + escapeHtml(name) + '</strong><br>' + p.distMi.toFixed(1) + ' mi<br><a href="' + dirUrl + '" target="_blank" rel="noopener">Directions</a>');
      FUEL.markers.push(mk);
      pts.push([p.lat, p.lng]);
    });
    try { FUEL.map.fitBounds(pts, { padding: [30, 30], maxZoom: 14 }); } catch (e) {}
    setTimeout(function () { try { FUEL.map.invalidateSize(); } catch (e) {} }, 120);
  }

  // =========================================================================
  // FOOD & STOPS TAB — restaurants, cafés, fast food and public toilets near
  // the salesman. Reuses the keyless OSM Overpass engine (poiFetch). Pick a
  // category, set the radius, find nearest-first with map + directions.
  // =========================================================================
  var FOOD_CATS = [
    { v: 'restaurant', label: 'Restaurants', icon: 'restaurant', filter: '["amenity"="restaurant"]' },
    { v: 'cafe',       label: 'Cafés',       icon: 'cafe',       filter: '["amenity"="cafe"]' },
    { v: 'fast_food',  label: 'Fast food',   icon: 'fast_food',  filter: '["amenity"="fast_food"]' },
    { v: 'toilets',    label: 'Toilets',     icon: 'toilets',    filter: '["amenity"="toilets"]' }
  ];
  var FOOD = {
    cat: 'restaurant',
    radiusMi: 10,
    busy: false,
    list: [],
    center: null,
    map: null,
    markers: [],
    error: null
  };
  function foodCat(v) { return FOOD_CATS.find(function (c) { return c.v === v; }) || FOOD_CATS[0]; }
  function foodChips(t, catV) {
    var bits = [];
    if (catV === 'toilets') {
      if (t.wheelchair === 'yes') bits.push('Accessible');
      if (t.fee === 'no') bits.push('Free'); else if (t.fee === 'yes') bits.push('Paid');
      if (t.changing_table === 'yes') bits.push('Baby change');
      if (t.access === 'customers') bits.push('Customers');
      return bits;
    }
    if (t.cuisine) bits.push(t.cuisine.split(';')[0].replace(/_/g, ' '));
    if (t.takeaway === 'yes') bits.push('Takeaway');
    if (t.outdoor_seating === 'yes') bits.push('Outdoor');
    if (t.wheelchair === 'yes') bits.push('Accessible');
    if (t.diet_vegetarian === 'yes' || t['diet:vegetarian'] === 'yes') bits.push('Veggie');
    return bits;
  }

  window.renderFood = function () {
    var host = document.getElementById('food-view');
    if (!host) return;
    var seg = FOOD_CATS.map(function (c) {
      var on = c.v === FOOD.cat;
      return '<button onclick="window.foodSetCat(\'' + c.v + '\')" ontouchend="event.preventDefault();window.foodSetCat(\'' + c.v + '\')" ' +
        'style="flex:1;min-width:0;height:58px;border-radius:11px;border:1px solid ' + (on ? 'var(--primary)' : 'var(--border)') + ';background:' + (on ? 'var(--primary)' : 'var(--surface)') + ';color:' + (on ? '#fff' : 'var(--text)') + ';font-family:inherit;font-weight:700;font-size:11.5px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0 2px;overflow:hidden;">' +
        icoSvg(c.icon, 20, on ? '#fff' : 'var(--primary)') +
        '<span style="white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;">' + escapeHtml(c.label) + '</span></button>';
    }).join('');
    host.innerHTML =
      '<div style="padding:4px 2px 28px;">' +
        '<h2 style="font-family:var(--serif,Georgia);font-size:24px;margin:6px 0 2px;">Food &amp; Stops</h2>' +
        '<div style="font-size:13px;color:var(--text-muted);margin-bottom:12px;">Places to eat, grab a coffee or take a break near you.</div>' +
        '<div style="display:flex;gap:6px;margin-bottom:12px;">' + seg + '</div>' +
        '<div style="display:flex;align-items:center;gap:10px;margin-bottom:12px;">' +
          '<label style="font-size:12px;font-weight:700;color:var(--text-muted);white-space:nowrap;">Radius</label>' +
          '<input type="range" min="1" max="50" step="1" value="' + FOOD.radiusMi + '" oninput="window.foodSetRadius(this.value)" style="flex:1;accent-color:var(--primary);">' +
          '<span id="food-radius-lbl" style="font-size:13px;font-weight:700;min-width:46px;text-align:right;">' + FOOD.radiusMi + ' mi</span>' +
        '</div>' +
        '<button id="food-go" onclick="window.foodFind()" ontouchend="event.preventDefault();window.foodFind()" ' +
          'style="width:100%;height:46px;border-radius:12px;border:none;background:var(--primary);color:#fff;font-family:inherit;font-weight:700;font-size:15px;cursor:pointer;margin-bottom:14px;display:flex;align-items:center;justify-content:center;gap:8px;">' +
          '<svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="10" r="3"/><path d="M12 2a8 8 0 0 0-8 8c0 5.4 8 12 8 12s8-6.6 8-12a8 8 0 0 0-8-8z"/></svg>' +
          'Find near me</button>' +
        '<div id="food-map" style="height:280px;border-radius:14px;overflow:hidden;border:1px solid var(--border);margin-bottom:14px;background:var(--surface-2);display:none;"></div>' +
        '<div id="food-results"></div>' +
        '<div style="font-size:10px;color:var(--text-muted);margin-top:14px;text-align:center;">Data \u00A9 OpenStreetMap contributors</div>' +
      '</div>';
    if (FOOD.list.length) { foodPaintResults(); setTimeout(foodBuildMap, 80); }
  };

  window.foodSetCat = function (v) {
    FOOD.cat = v;
    FOOD.list = []; FOOD.center = null; FOOD.error = null;
    if (FOOD.map) { try { FOOD.map.remove(); } catch (e) {} FOOD.map = null; }
    var mp = document.getElementById('food-map'); if (mp) mp.style.display = 'none';
    window.renderFood();
  };
  window.foodSetRadius = function (v) {
    FOOD.radiusMi = parseInt(v, 10) || 10;
    var lbl = document.getElementById('food-radius-lbl');
    if (lbl) lbl.textContent = FOOD.radiusMi + ' mi';
  };

  window.foodFind = function () {
    if (FOOD.busy) return;
    var cat = foodCat(FOOD.cat);
    var go = function (center) {
      FOOD.busy = true; FOOD.error = null;
      var btn = document.getElementById('food-go');
      if (btn) { btn.disabled = true; btn.textContent = 'Searching\u2026'; }
      var res = document.getElementById('food-results');
      if (res) res.innerHTML = '<div style="color:var(--text-muted);font-size:14px;padding:8px 2px;">Looking for ' + escapeHtml(cat.label.toLowerCase()) + ' within ' + FOOD.radiusMi + ' miles\u2026</div>';
      var meters = Math.round(FOOD.radiusMi * 1609.34);
      poiFetch(center, meters, cat.filter).then(function (items) {
        FOOD.busy = false;
        if (btn) { btn.disabled = false; btn.textContent = 'Find near me'; }
        if (!items) { FOOD.error = 'Could not reach the directory. Check your connection and try again.'; foodPaintResults(); return; }
        items.forEach(function (p) { p.distMi = poiMiles(poiHaversine(center, p)); });
        items.sort(function (a, b) { return a.distMi - b.distMi; });
        FOOD.list = items; FOOD.center = center;
        foodPaintResults();
        setTimeout(foodBuildMap, 80);
      });
    };
    if (state.myLocation && state.myLocation.lat != null) { go({ lat: state.myLocation.lat, lng: state.myLocation.lng }); return; }
    if (!navigator.geolocation) { FOOD.error = 'Location not available on this device.'; foodPaintResults(); return; }
    var btn0 = document.getElementById('food-go');
    if (btn0) { btn0.disabled = true; btn0.textContent = 'Getting location\u2026'; }
    navigator.geolocation.getCurrentPosition(function (pos) {
      state.myLocation = { lat: pos.coords.latitude, lng: pos.coords.longitude };
      go({ lat: pos.coords.latitude, lng: pos.coords.longitude });
    }, function () {
      if (btn0) { btn0.disabled = false; btn0.textContent = 'Find near me'; }
      FOOD.error = 'Location permission denied. Enable location to search near you.';
      foodPaintResults();
    }, { enableHighAccuracy: true, timeout: 12000 });
  };

  function foodPaintResults() {
    var res = document.getElementById('food-results');
    if (!res) return;
    var cat = foodCat(FOOD.cat);
    if (FOOD.error) {
      res.innerHTML = '<div style="background:var(--surface);border:1px solid var(--danger);border-radius:12px;padding:14px;color:var(--danger);font-size:14px;">' + escapeHtml(FOOD.error) + '</div>';
      return;
    }
    if (!FOOD.list.length) {
      res.innerHTML = '<div style="color:var(--text-light);font-size:14px;padding:8px 2px;">Nothing found in range. Try a bigger radius or another category.</div>';
      return;
    }
    var rows = FOOD.list.slice(0, 40).map(function (p) {
      var name = p.name || p.brand || (cat.v === 'toilets' ? 'Public toilet' : cat.label.replace(/s$/, ''));
      var chips = foodChips(p.tags, cat.v).map(function (a) {
        return '<span style="font-size:10.5px;font-weight:600;color:var(--text-muted);background:var(--surface-2);border-radius:20px;padding:2px 8px;text-transform:capitalize;">' + escapeHtml(a) + '</span>';
      }).join('');
      var dirUrl = 'https://www.google.com/maps/dir/?api=1&destination=' + p.lat + ',' + p.lng;
      return '<div style="display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px 13px;margin-bottom:8px;">' +
          '<div style="flex:0 0 auto;width:34px;height:34px;border-radius:9px;background:var(--primary-soft,#e7efe9);display:flex;align-items:center;justify-content:center;">' + icoSvg(cat.icon, 19, 'var(--primary)') + '</div>' +
          '<div style="flex:1;min-width:0;">' +
            '<div style="font-weight:700;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">' + escapeHtml(name) + '</div>' +
            '<div style="font-size:12px;color:var(--text-muted);margin-top:2px;">' + p.distMi.toFixed(1) + ' mi away</div>' +
            (chips ? '<div style="display:flex;flex-wrap:wrap;gap:5px;margin-top:6px;">' + chips + '</div>' : '') +
          '</div>' +
          '<a href="' + dirUrl + '" target="_blank" rel="noopener" style="flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;height:38px;padding:0 13px;border-radius:10px;background:var(--primary);color:#fff;font-weight:700;font-size:13px;text-decoration:none;">' +
            '<svg viewBox="0 0 24 24" width="15" height="15" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="3 11 22 2 13 21 11 13 3 11"/></svg>Go</a>' +
        '</div>';
    }).join('');
    res.innerHTML = '<div style="font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:700;margin-bottom:8px;">' + FOOD.list.length + ' ' + escapeHtml(cat.label.toLowerCase()) + ' \u00B7 nearest first</div>' + rows;
  }

  function foodBuildMap() {
    var el = document.getElementById('food-map');
    if (!el || typeof L === 'undefined' || !FOOD.center) return;
    var cat = foodCat(FOOD.cat);
    el.style.display = '';
    if (FOOD.map) { try { FOOD.map.remove(); } catch (e) {} FOOD.map = null; }
    FOOD.markers = [];
    FOOD.map = L.map(el, { zoomControl: true, attributionControl: false }).setView([FOOD.center.lat, FOOD.center.lng], 12);
    L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { maxZoom: 19 }).addTo(FOOD.map);
    var pts = [[FOOD.center.lat, FOOD.center.lng]];
    var youIc = L.divIcon({ className: 'food-you', html: '<div style="width:16px;height:16px;border-radius:50%;background:#2563EB;border:3px solid #fff;box-shadow:0 0 0 2px rgba(37,99,235,.4);"></div>', iconSize: [16, 16], iconAnchor: [8, 8] });
    L.marker([FOOD.center.lat, FOOD.center.lng], { icon: youIc, zIndexOffset: 10000 }).addTo(FOOD.map).bindPopup('<strong>You</strong>');
    FOOD.list.slice(0, 40).forEach(function (p) {
      var name = p.name || p.brand || cat.label.replace(/s$/, '');
      var html = '<div style="background:#fff;border:2px solid #1F4733;border-radius:18px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px rgba(0,0,0,0.3);">' + icoSvg(cat.icon, 16, '#1F4733') + '</div>';
      var ic = L.divIcon({ className: 'food-pin', html: html, iconSize: [30, 26], iconAnchor: [15, 26] });
      var mk = L.marker([p.lat, p.lng], { icon: ic }).addTo(FOOD.map);
      var dirUrl = 'https://www.google.com/maps/dir/?api=1&destination=' + p.lat + ',' + p.lng;
      mk.bindPopup('<strong>' + escapeHtml(name) + '</strong><br>' + p.distMi.toFixed(1) + ' mi<br><a href="' + dirUrl + '" target="_blank" rel="noopener">Directions</a>');
      FOOD.markers.push(mk);
      pts.push([p.lat, p.lng]);
    });
    try { FOOD.map.fitBounds(pts, { padding: [30, 30], maxZoom: 15 }); } catch (e) {}
    setTimeout(function () { try { FOOD.map.invalidateSize(); } catch (e) {} }, 120);
  }

  // =========================================================================
  // RS RATES (Roadshow Rates) — the per-day prices we pay clients in halls.
  // Admins/superadmin add & edit; everyone else views. One row per country+date
  // in public.rs_rates (prices stored as JSONB). Today's rate is also surfaced
  // read-only on the hall event screen so salesmen know what to pay.
  // =========================================================================
  var RS_FIELDS = [
    { k: 'gold9',        label: '9ct gold',        unit: '/g',  group: 'Gold (per gram)' },
    { k: 'gold14',       label: '14ct gold',       unit: '/g',  group: 'Gold (per gram)' },
    { k: 'gold18',       label: '18ct gold',       unit: '/g',  group: 'Gold (per gram)' },
    { k: 'gold22',       label: '22ct gold',       unit: '/g',  group: 'Gold (per gram)' },
    { k: 'gold24',       label: '24ct / fine gold',unit: '/g',  group: 'Gold (per gram)' },
    { k: 'silver925',    label: 'Silver 925',      unit: '/g',  group: 'Silver (per gram)' },
    { k: 'silver999',    label: 'Silver 999',      unit: '/g',  group: 'Silver (per gram)' },
    { k: 'sovereign',    label: 'Full sovereign',  unit: ' ea', group: 'Coins (each)' },
    { k: 'halfSovereign',label: 'Half sovereign',  unit: ' ea', group: 'Coins (each)' },
    { k: 'krugerrand',   label: 'Krugerrand (1oz)',unit: ' ea', group: 'Coins (each)' },
    { k: 'britannia',    label: 'Britannia (1oz)', unit: ' ea', group: 'Coins (each)' }
  ];
  var RS = {
    rates: [],        // loaded rows, newest first
    loaded: false,
    editing: false,   // admin edit mode for today's rate
    draft: null       // { rate_date, prices:{}, notes }
  };
  function rsTodayIso() { return new Date().toISOString().slice(0, 10); }
  function rsMe() {
    var p = state.currentProfile || {};
    return p.full_name || p.name || p.email || (function(){ try { return localStorage.getItem('pr_user_name'); } catch (e) { return null; } })() || 'Admin';
  }
  function rsCanEdit() { return typeof window.isAdminUser === 'function' ? window.isAdminUser() : false; }
  function rsRateForDate(iso) {
    return RS.rates.find(function (r) { return r.rate_date === iso && (r.country || 'UK') === (state.country || 'UK'); }) || null;
  }
  function rsLatestRate() {
    var mine = RS.rates.filter(function (r) { return (r.country || 'UK') === (state.country || 'UK'); });
    return mine.length ? mine[0] : null;
  }

  async function rsLoad() {
    try {
      var url = REST + '/rs_rates?country=eq.' + encodeURIComponent(state.country || 'UK') + '&order=rate_date.desc&limit=60';
      var res = await fetch(url, { headers: HDR() });
      if (res.ok) { RS.rates = await res.json(); RS.loaded = true; }
    } catch (e) { /* offline-tolerant */ }
  }

  window.renderRsRates = function () {
    var host = document.getElementById('rsrates-view');
    if (!host) return;
    if (!RS.loaded) {
      host.innerHTML = '<div style="padding:20px 2px;color:var(--text-muted);">Loading rates\u2026</div>';
      rsLoad().then(function () { window.renderRsRates(); });
      return;
    }
    var canEdit = rsCanEdit();
    var today = rsTodayIso();
    var todayRate = rsRateForDate(today);

    var html = '<div style="padding:4px 2px 28px;">' +
      '<h2 style="font-family:var(--serif,Georgia);font-size:24px;margin:6px 0 2px;">RS Rates</h2>' +
      '<div style="font-size:13px;color:var(--text-muted);margin-bottom:14px;">Roadshow rates \u2014 what we pay clients in halls. ' + (canEdit ? 'Set today\u2019s prices below; salesmen see them on the hall screen.' : 'Set by your admin. These are the current buying prices.') + '</div>';

    if (RS.editing && canEdit) {
      html += rsEditFormHtml();
    } else {
      // Today's rate card
      html += '<div style="background:var(--surface);border:1px solid var(--primary);border-radius:14px;padding:16px;margin-bottom:16px;">' +
        '<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;">' +
          '<div style="font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:700;">' + (todayRate ? 'Today\u2019s rate \u00B7 ' + rsFmtDate(today) : 'No rate set for today') + '</div>' +
          (canEdit ? '<button onclick="window.rsEdit(\'' + today + '\')" ontouchend="event.preventDefault();window.rsEdit(\'' + today + '\')" style="height:32px;padding:0 12px;border-radius:8px;border:none;background:var(--primary);color:#fff;font-weight:700;font-size:13px;cursor:pointer;">' + (todayRate ? 'Edit' : 'Set rate') + '</button>' : '') +
        '</div>' +
        (todayRate ? rsPricesHtml(todayRate) : (rsLatestRate() ? '<div style="font-size:13px;color:var(--text-muted);">Showing the most recent rate below \u2014 no rate entered for today yet.</div>' : '<div style="font-size:13px;color:var(--text-light);">No rates entered yet.</div>')) +
      '</div>';

      // If no rate today but there is a latest, show it
      if (!todayRate && rsLatestRate()) {
        var lr = rsLatestRate();
        html += '<div style="background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;margin-bottom:16px;">' +
          '<div style="font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:700;margin-bottom:10px;">Most recent \u00B7 ' + rsFmtDate(lr.rate_date) + '</div>' +
          rsPricesHtml(lr) + '</div>';
      }

      // History
      var hist = RS.rates.filter(function (r) { return (r.country || 'UK') === (state.country || 'UK') && r.rate_date !== today; });
      if (hist.length) {
        html += '<div style="font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:700;margin:6px 0 8px;">History</div>';
        hist.slice(0, 30).forEach(function (r) {
          html += '<div onclick="' + (canEdit ? 'window.rsEdit(\'' + r.rate_date + '\')' : '') + '" style="display:flex;justify-content:space-between;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:11px;padding:12px 13px;margin-bottom:8px;' + (canEdit ? 'cursor:pointer;' : '') + '">' +
            '<div><div style="font-weight:700;font-size:14px;">' + rsFmtDate(r.rate_date) + '</div>' +
            '<div style="font-size:12px;color:var(--text-muted);margin-top:2px;">' + rsSummaryLine(r) + '</div></div>' +
            (canEdit ? '<svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="var(--text-light)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"/></svg>' : '') +
          '</div>';
        });
      }
    }

    html += '</div>';
    host.innerHTML = html;
  };

  function rsFmtDate(iso) {
    try {
      var d = new Date(iso + 'T00:00:00');
      return d.toLocaleDateString(undefined, { weekday: 'short', day: 'numeric', month: 'short', year: 'numeric' });
    } catch (e) { return iso; }
  }
  function rsSummaryLine(r) {
    var p = r.prices || {};
    var bits = [];
    if (p.gold9 != null) bits.push('9ct ' + curSym() + p.gold9 + '/g');
    if (p.gold18 != null) bits.push('18ct ' + curSym() + p.gold18 + '/g');
    if (p.silver925 != null) bits.push('925 ' + curSym() + p.silver925 + '/g');
    if (p.sovereign != null) bits.push('Sov ' + curSym() + p.sovereign);
    return bits.length ? bits.join(' \u00B7 ') : 'Tap to view';
  }
  function rsPricesHtml(r) {
    var p = r.prices || {};
    var groups = {};
    RS_FIELDS.forEach(function (f) {
      if (p[f.k] == null || p[f.k] === '') return;
      (groups[f.group] = groups[f.group] || []).push(f);
    });
    var out = '';
    Object.keys(groups).forEach(function (g) {
      out += '<div style="font-size:11px;font-weight:700;color:var(--text-muted);margin:10px 0 5px;">' + escapeHtml(g) + '</div>';
      out += '<div style="display:grid;grid-template-columns:1fr 1fr;gap:6px;">';
      groups[g].forEach(function (f) {
        out += '<div style="display:flex;justify-content:space-between;background:var(--surface-2);border-radius:9px;padding:8px 11px;">' +
          '<span style="font-size:13px;">' + escapeHtml(f.label) + '</span>' +
          '<span style="font-size:13.5px;font-weight:700;">' + curSym() + p[f.k] + escapeHtml(f.unit) + '</span></div>';
      });
      out += '</div>';
    });
    if (r.notes) out += '<div style="font-size:12.5px;color:var(--text-muted);margin-top:10px;background:var(--surface-2);border-radius:9px;padding:8px 11px;">' + escapeHtml(r.notes) + '</div>';
    if (r.updated_by) out += '<div style="font-size:10.5px;color:var(--text-light);margin-top:8px;">Set by ' + escapeHtml(r.updated_by) + '</div>';
    return out || '<div style="font-size:13px;color:var(--text-light);">No prices entered.</div>';
  }

  window.rsEdit = function (iso) {
    if (!rsCanEdit()) return;
    var existing = rsRateForDate(iso);
    RS.draft = {
      rate_date: iso,
      prices: existing ? Object.assign({}, existing.prices || {}) : {},
      notes: existing ? (existing.notes || '') : ''
    };
    RS.editing = true;
    window.renderRsRates();
  };
  window.rsCancelEdit = function () { RS.editing = false; RS.draft = null; window.renderRsRates(); };
  window.rsDraftDate = function (v) { if (RS.draft) RS.draft.rate_date = v; };
  window.rsDraftPrice = function (k, v) {
    if (!RS.draft) return;
    var n = parseFloat(v);
    if (v === '' || isNaN(n)) { delete RS.draft.prices[k]; } else { RS.draft.prices[k] = n; }
  };
  window.rsDraftNotes = function (v) { if (RS.draft) RS.draft.notes = v; };

  function rsEditFormHtml() {
    var d = RS.draft || { rate_date: rsTodayIso(), prices: {}, notes: '' };
    var groups = {};
    RS_FIELDS.forEach(function (f) { (groups[f.group] = groups[f.group] || []).push(f); });
    var html = '<div style="background:var(--surface);border:1px solid var(--primary);border-radius:14px;padding:16px;margin-bottom:16px;">' +
      '<div style="font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:700;margin-bottom:6px;">Date</div>' +
      '<input type="date" value="' + (d.rate_date || '') + '" onchange="window.rsDraftDate(this.value)" style="width:100%;height:42px;border-radius:10px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-family:inherit;font-size:14px;padding:0 10px;margin-bottom:6px;">';
    Object.keys(groups).forEach(function (g) {
      html += '<div style="font-size:11px;font-weight:700;color:var(--text-muted);margin:14px 0 6px;">' + escapeHtml(g) + '</div>';
      html += '<div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;">';
      groups[g].forEach(function (f) {
        var val = (d.prices && d.prices[f.k] != null) ? d.prices[f.k] : '';
        html += '<div>' +
          '<label style="font-size:11.5px;color:var(--text-muted);display:block;margin-bottom:3px;">' + escapeHtml(f.label) + escapeHtml(f.unit) + '</label>' +
          '<div style="display:flex;align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:9px;padding:0 10px;height:42px;">' +
            '<span style="font-size:14px;color:var(--text-muted);">' + curSym() + '</span>' +
            '<input type="number" inputmode="decimal" step="0.01" value="' + val + '" oninput="window.rsDraftPrice(\'' + f.k + '\',this.value)" placeholder="0.00" style="flex:1;min-width:0;border:none;background:transparent;color:var(--text);font-family:inherit;font-size:15px;outline:none;padding:0 0 0 4px;">' +
          '</div></div>';
      });
      html += '</div>';
    });
    html += '<div style="font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:700;margin:14px 0 5px;">Notes (optional)</div>' +
      '<textarea oninput="window.rsDraftNotes(this.value)" placeholder="e.g. spot dipped, hold firm on coins" style="width:100%;min-height:60px;resize:vertical;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);border-radius:10px;padding:10px 11px;font-family:inherit;font-size:14px;outline:none;">' + escapeHtml(d.notes || '') + '</textarea>' +
      '<div style="display:flex;gap:8px;margin-top:14px;">' +
        '<button onclick="window.rsCancelEdit()" ontouchend="event.preventDefault();window.rsCancelEdit()" style="flex:1;height:46px;border-radius:11px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-family:inherit;font-weight:700;font-size:15px;cursor:pointer;">Cancel</button>' +
        '<button onclick="window.rsSave()" ontouchend="event.preventDefault();window.rsSave()" style="flex:2;height:46px;border-radius:11px;border:none;background:var(--primary);color:#fff;font-family:inherit;font-weight:700;font-size:15px;cursor:pointer;">Save rate</button>' +
      '</div>' +
      '</div>';
    return html;
  }

  window.rsSave = async function () {
    if (!rsCanEdit() || !RS.draft) return;
    var d = RS.draft;
    if (!d.rate_date) { window.toast && window.toast('Pick a date'); return; }
    var rec = {
      country: state.country || 'UK',
      rate_date: d.rate_date,
      prices: d.prices || {},
      notes: d.notes || '',
      updated_by: rsMe(),
      updated_at: new Date().toISOString()
    };
    // Upsert on (country, rate_date).
    try {
      var res = await fetch(REST + '/rs_rates?on_conflict=country,rate_date', {
        method: 'POST',
        headers: Object.assign({}, HDR(), { Prefer: 'resolution=merge-duplicates,return=representation' }),
        body: JSON.stringify(rec)
      });
      if (res.ok) {
        var saved = await res.json();
        var row = (Array.isArray(saved) && saved[0]) ? saved[0] : rec;
        // Replace any existing same-date row in memory, newest first.
        RS.rates = RS.rates.filter(function (r) { return !((r.country || 'UK') === rec.country && r.rate_date === rec.rate_date); });
        RS.rates.push(row);
        RS.rates.sort(function (a, b) { return (a.rate_date < b.rate_date) ? 1 : -1; });
        window.toast && window.toast('Rate saved');
      } else {
        window.toast && window.toast('Save failed (' + res.status + ')');
      }
    } catch (e) {
      window.toast && window.toast('Save failed \u2014 check connection');
    }
    RS.editing = false; RS.draft = null;
    window.renderRsRates();
    // Refresh the hall screen rate card if it's open.
    var hc = document.getElementById('hall-rs-rate');
    if (hc && window.state && window.state.openHallId) {
      var h = (window.state.halls || []).find(function (x) { return x.id === window.state.openHallId; });
      if (h) hc.innerHTML = rsHallCardInner(h);
    }
  };

  // ---- Today's-rate card for the hall screen (read-only for everyone) -------
  function rsHallCardInner(h) {
    var iso = (h && h.eventDate) ? h.eventDate : rsTodayIso();
    var r = rsRateForDate(iso) || rsLatestRate();
    if (!r) {
      return '<div style="font-size:12.5px;color:var(--text-muted);">No roadshow rate set yet.' + (rsCanEdit() ? ' Set one in More \u2192 RS Rates.' : '') + '</div>';
    }
    var sameDay = rsRateForDate(iso) && rsRateForDate(iso).rate_date === iso;
    var head = sameDay ? ('Rate for ' + rsFmtDate(iso)) : ('Latest rate \u00B7 ' + rsFmtDate(r.rate_date));
    return '<div style="font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:700;margin-bottom:8px;">' + head + '</div>' + rsPricesHtml(r);
  }
  window.rsHallCardInner = rsHallCardInner;

  // Make sure rates are loaded so the hall card can render immediately.
  window.rsEnsureLoaded = function (cb) {
    if (RS.loaded) { cb && cb(); return; }
    rsLoad().then(function () { cb && cb(); });
  };

  // =========================================================================
  // VALUATIONS — official item valuation document. Saved record in
  // public.valuations + a branded PDF (download/email, like the receipt).
  // Salesmen CREATE (status 'pending'); ADMIN approves → 'approved' (issued).
  // Shows customer, item rows (metal/carat/weight/spot/value), the BASIS, a
  // client signature and photos. Mirrors the receipt PDF/email plumbing.
  // =========================================================================
  var VAL_METALS = [
    { v: 'gold', label: 'Gold' },
    { v: 'silver', label: 'Silver' },
    { v: 'platinum', label: 'Platinum' },
    { v: 'coin', label: 'Coin' },
    { v: 'watch', label: 'Watch' },
    { v: 'other', label: 'Other' }
  ];
  var VAL = {
    list: [],
    loaded: false,
    view: 'list',     // 'list' | 'form'
    draft: null,      // working valuation
    photos: []        // [{file,dataUrl,path}] for the draft
  };
  function valMe() {
    var p = state.currentProfile || {};
    return p.full_name || p.name || p.email || (function(){ try { return localStorage.getItem('pr_user_name'); } catch (e) { return null; } })() || 'Salesman';
  }
  function valMeId() { var p = state.currentProfile || {}; return p.id || null; }
  function valCanApprove() { return typeof window.isAdminUser === 'function' ? window.isAdminUser() : false; }
  function valNewRef() {
    return 'VAL-' + Date.now().toString(36).toUpperCase() + Math.floor(Math.random() * 36).toString(36).toUpperCase();
  }
  function valItemsTotal(items) {
    return (items || []).reduce(function (a, it) { return a + (Number(it.value) || 0); }, 0);
  }

  async function valLoad() {
    try {
      var url = REST + '/valuations?country=eq.' + encodeURIComponent(state.country || 'UK') + '&order=created_at.desc&limit=80';
      var res = await fetch(url, { headers: HDR() });
      if (res.ok) { VAL.list = await res.json(); VAL.loaded = true; }
    } catch (e) {}
  }

  window.renderValuations = function () {
    var host = document.getElementById('valuations-view');
    if (!host) return;
    if (!VAL.loaded) {
      host.innerHTML = '<div style="padding:20px 2px;color:var(--text-muted);">Loading valuations\u2026</div>';
      valLoad().then(function () { window.renderValuations(); });
      return;
    }
    if (VAL.view === 'form') { host.innerHTML = valFormHtml(); setTimeout(function () { valSigInit(); }, 40); return; }

    var canApprove = valCanApprove();
    var html = '<div style="padding:4px 2px 28px;">' +
      '<div style="display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px;">' +
        '<h2 style="font-family:var(--serif,Georgia);font-size:24px;margin:6px 0 2px;">Valuations</h2>' +
        '<button onclick="window.valNew()" ontouchend="event.preventDefault();window.valNew()" style="height:38px;padding:0 14px;border-radius:10px;border:none;background:var(--primary);color:#fff;font-family:inherit;font-weight:700;font-size:14px;cursor:pointer;margin-top:6px;">+ New</button>' +
      '</div>' +
      '<div style="font-size:13px;color:var(--text-muted);margin-bottom:14px;">Official item valuations. ' + (canApprove ? 'Approve pending ones to issue the certificate.' : 'Create a valuation \u2014 an admin approves it before it\u2019s official.') + '</div>';

    var mine = VAL.list.filter(function (v) { return (v.country || 'UK') === (state.country || 'UK'); });
    if (!mine.length) {
      html += '<div style="color:var(--text-light);font-size:14px;padding:8px 2px;">No valuations yet. Tap <strong>+ New</strong> to create one.</div>';
    } else {
      var pending = mine.filter(function (v) { return v.status === 'pending'; });
      if (canApprove && pending.length) {
        html += '<div style="font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--accent,#C8861A);font-weight:700;margin:6px 0 8px;">Awaiting approval (' + pending.length + ')</div>';
        pending.forEach(function (v) { html += valCardHtml(v, canApprove); });
        html += '<div style="font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:700;margin:16px 0 8px;">All valuations</div>';
      }
      mine.forEach(function (v) { html += valCardHtml(v, canApprove); });
    }
    html += '</div>';
    host.innerHTML = html;
  };

  function valStatusBadge(s) {
    var map = { pending: ['#C8861A', 'Pending'], approved: ['#2B6E4A', 'Approved'], rejected: ['#C53030', 'Rejected'] };
    var m = map[s] || map.pending;
    return '<span style="font-size:10.5px;font-weight:700;color:#fff;background:' + m[0] + ';border-radius:20px;padding:2px 9px;">' + m[1] + '</span>';
  }
  function valCardHtml(v, canApprove) {
    var total = (v.total_value != null) ? v.total_value : valItemsTotal(v.items);
    var itemCount = (v.items || []).length;
    var actions = '';
    if (v.status === 'approved') {
      actions = '<button onclick="window.valPdf(' + v.id + ',\'download\')" ontouchend="event.preventDefault();window.valPdf(' + v.id + ',\'download\')" style="flex:1;height:36px;border-radius:9px;border:1px solid var(--border-strong);background:var(--surface);color:var(--primary);font-family:inherit;font-weight:700;font-size:12.5px;cursor:pointer;">\u2193 PDF</button>' +
        (v.client_email ? '<button onclick="window.valPdf(' + v.id + ',\'email\')" ontouchend="event.preventDefault();window.valPdf(' + v.id + ',\'email\')" style="flex:1;height:36px;border-radius:9px;border:none;background:var(--primary);color:#fff;font-family:inherit;font-weight:700;font-size:12.5px;cursor:pointer;">\u2709 Email</button>' : '');
    } else if (v.status === 'pending') {
      if (canApprove) {
        actions = '<button onclick="window.valApprove(' + v.id + ')" ontouchend="event.preventDefault();window.valApprove(' + v.id + ')" style="flex:1;height:36px;border-radius:9px;border:none;background:var(--primary);color:#fff;font-family:inherit;font-weight:700;font-size:12.5px;cursor:pointer;">Approve</button>' +
          '<button onclick="window.valReject(' + v.id + ')" ontouchend="event.preventDefault();window.valReject(' + v.id + ')" style="flex:1;height:36px;border-radius:9px;border:1px solid var(--danger);background:var(--surface);color:var(--danger);font-family:inherit;font-weight:700;font-size:12.5px;cursor:pointer;">Reject</button>';
      } else {
        actions = '<div style="flex:1;font-size:12px;color:var(--text-muted);align-self:center;">Waiting for admin approval</div>';
      }
    } else if (v.status === 'rejected') {
      actions = '<div style="flex:1;font-size:12px;color:var(--danger);align-self:center;">' + escapeHtml(v.reject_reason || 'Rejected') + '</div>' +
        '<button onclick="window.valEdit(' + v.id + ')" ontouchend="event.preventDefault();window.valEdit(' + v.id + ')" style="flex:0 0 auto;height:36px;padding:0 12px;border-radius:9px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-family:inherit;font-weight:700;font-size:12.5px;cursor:pointer;">Edit</button>';
    }
    return '<div style="background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:13px;margin-bottom:9px;">' +
      '<div style="display:flex;justify-content:space-between;align-items:flex-start;gap:8px;">' +
        '<div style="min-width:0;"><div style="font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">' + escapeHtml(v.client_name || 'No name') + '</div>' +
          '<div style="font-size:12px;color:var(--text-muted);margin-top:2px;">' + escapeHtml(v.ref || '') + ' \u00B7 ' + itemCount + ' item' + (itemCount === 1 ? '' : 's') + ' \u00B7 ' + _fmtDate(v.created_at) + '</div></div>' +
        '<div style="text-align:right;flex:0 0 auto;"><div style="font-weight:800;font-size:16px;color:var(--primary);">' + _money(total) + '</div><div style="margin-top:4px;">' + valStatusBadge(v.status) + '</div></div>' +
      '</div>' +
      (actions ? '<div style="display:flex;gap:7px;margin-top:11px;">' + actions + '</div>' : '') +
      '</div>';
  }

  // ---- Create / edit ----
  window.valNew = function () {
    VAL.draft = {
      id: null, ref: valNewRef(), country: state.country || 'UK', status: 'pending',
      client_name: '', client_email: '', client_phone: '', client_address: '',
      valuer_name: valMe(), val_fee: '',
      items: [{ desc: '', metal: 'gold', carat: '', weight: '', spot: '', value: '' }],
      basis_notes: '', signature: '', sign_name: '', notes: ''
    };
    VAL.photos = [];
    VAL.view = 'form';
    window.renderValuations();
  };
  window.valEdit = function (id) {
    var v = VAL.list.find(function (x) { return x.id === id; });
    if (!v) return;
    VAL.draft = {
      id: v.id, ref: v.ref || valNewRef(), country: v.country || 'UK', status: v.status,
      client_name: v.client_name || '', client_email: v.client_email || '', client_phone: v.client_phone || '', client_address: v.client_address || '',
      valuer_name: v.valuer_name || valMe(), val_fee: (v.val_fee != null ? v.val_fee : ''),
      items: (v.items && v.items.length) ? JSON.parse(JSON.stringify(v.items)) : [{ desc: '', metal: 'gold', carat: '', weight: '', spot: '', value: '' }],
      basis_notes: v.basis_notes || '', signature: v.signature || '', sign_name: v.sign_name || '', notes: v.notes || ''
    };
    VAL.photos = (v.photo_paths || []).map(function (p) { return { path: p, dataUrl: null, file: null }; });
    VAL.view = 'form';
    window.renderValuations();
    // Resolve existing photo thumbnails.
    VAL.photos.forEach(function (ph, i) {
      if (ph.path && !ph.dataUrl && typeof window.getAttachmentUrl === 'function') {
        window.getAttachmentUrl(ph.path).then(function (u) { if (u) { ph.dataUrl = u; var host = document.getElementById('val-thumbs'); if (host) host.innerHTML = valThumbsHtml(); } });
      }
    });
  };
  window.valCancelForm = function () { VAL.view = 'list'; VAL.draft = null; VAL.photos = []; window.renderValuations(); };

  function valFormHtml() {
    var d = VAL.draft;
    var total = valItemsTotal(d.items);
    var metalOpts = function (sel) { return VAL_METALS.map(function (m) { return '<option value="' + m.v + '"' + (m.v === sel ? ' selected' : '') + '>' + m.label + '</option>'; }).join(''); };
    var itemsHtml = d.items.map(function (it, i) {
      return '<div style="border:1px solid var(--border);border-radius:11px;padding:11px;margin-bottom:9px;background:var(--surface-2);">' +
        '<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:7px;"><span style="font-size:11px;font-weight:700;color:var(--text-muted);">ITEM ' + (i + 1) + '</span>' +
          (d.items.length > 1 ? '<button onclick="window.valRemoveItem(' + i + ')" ontouchend="event.preventDefault();window.valRemoveItem(' + i + ')" style="border:none;background:none;color:var(--danger);font-size:12px;font-weight:700;cursor:pointer;">Remove</button>' : '') + '</div>' +
        '<input value="' + escapeHtml(it.desc || '') + '" oninput="window.valItem(' + i + ',\'desc\',this.value)" placeholder="Description (e.g. 9ct gold chain, hallmarked)" style="width:100%;height:40px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);font-family:inherit;font-size:14px;padding:0 10px;margin-bottom:7px;">' +
        '<div style="display:flex;gap:6px;margin-bottom:7px;">' +
          '<select onchange="window.valItem(' + i + ',\'metal\',this.value)" style="flex:1.1;height:40px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);font-family:inherit;font-size:13px;padding:0 6px;">' + metalOpts(it.metal) + '</select>' +
          '<input value="' + escapeHtml(it.carat || '') + '" oninput="window.valItem(' + i + ',\'carat\',this.value)" placeholder="Carat/purity" style="flex:1;min-width:0;height:40px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);font-family:inherit;font-size:13px;padding:0 8px;">' +
        '</div>' +
        '<div style="display:flex;gap:6px;margin-bottom:7px;">' +
          '<input value="' + escapeHtml(it.weight || '') + '" oninput="window.valItem(' + i + ',\'weight\',this.value)" inputmode="decimal" placeholder="Weight (g)" style="flex:1;min-width:0;height:40px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);font-family:inherit;font-size:13px;padding:0 8px;">' +
          '<input value="' + escapeHtml(it.spot || '') + '" oninput="window.valItem(' + i + ',\'spot\',this.value)" inputmode="decimal" placeholder="Spot/basis ' + curSym() + '/g" style="flex:1;min-width:0;height:40px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);font-family:inherit;font-size:13px;padding:0 8px;">' +
        '</div>' +
        '<div style="display:flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--primary);border-radius:9px;padding:0 10px;height:42px;">' +
          '<span style="font-size:11px;font-weight:700;color:var(--text-muted);">VALUE</span>' +
          '<span style="font-size:15px;color:var(--text-muted);">' + curSym() + '</span>' +
          '<input value="' + escapeHtml(it.value || '') + '" oninput="window.valItem(' + i + ',\'value\',this.value)" inputmode="decimal" placeholder="0.00" style="flex:1;min-width:0;border:none;background:transparent;color:var(--text);font-family:inherit;font-size:16px;font-weight:700;outline:none;">' +
        '</div>' +
      '</div>';
    }).join('');

    return '<div style="padding:4px 2px 28px;">' +
      '<div style="display:flex;align-items:center;gap:10px;margin-bottom:12px;">' +
        '<button onclick="window.valCancelForm()" ontouchend="event.preventDefault();window.valCancelForm()" style="border:none;background:none;color:var(--primary);font-family:inherit;font-weight:700;font-size:14px;cursor:pointer;padding:4px 0;">\u2039 Back</button>' +
        '<h2 style="font-family:var(--serif,Georgia);font-size:21px;margin:0;flex:1;">' + (d.id ? 'Edit valuation' : 'New valuation') + '</h2>' +
      '</div>' +
      '<div style="font-size:11px;color:var(--text-muted);margin-bottom:12px;">Ref ' + escapeHtml(d.ref) + '</div>' +

      '<div style="font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:700;margin-bottom:6px;">Customer</div>' +
      '<input value="' + escapeHtml(d.client_name) + '" oninput="window.valField(\'client_name\',this.value)" placeholder="Customer name" style="width:100%;height:42px;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface);color:var(--text);font-family:inherit;font-size:14px;padding:0 11px;margin-bottom:7px;">' +
      '<input value="' + escapeHtml(d.client_email) + '" oninput="window.valField(\'client_email\',this.value)" type="email" placeholder="Email (for emailed certificate)" style="width:100%;height:42px;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface);color:var(--text);font-family:inherit;font-size:14px;padding:0 11px;margin-bottom:7px;">' +
      '<div style="display:flex;gap:7px;margin-bottom:7px;">' +
        '<input value="' + escapeHtml(d.client_phone) + '" oninput="window.valField(\'client_phone\',this.value)" placeholder="Phone" style="flex:1;min-width:0;height:42px;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface);color:var(--text);font-family:inherit;font-size:14px;padding:0 11px;">' +
      '</div>' +
      '<input value="' + escapeHtml(d.client_address) + '" oninput="window.valField(\'client_address\',this.value)" placeholder="Address" style="width:100%;height:42px;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface);color:var(--text);font-family:inherit;font-size:14px;padding:0 11px;margin-bottom:16px;">' +

      '<div style="display:flex;gap:7px;margin-bottom:16px;">' +
        '<div style="flex:1.3;"><label style="font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:700;display:block;margin-bottom:6px;">Valuer (salesman)</label>' +
          '<input value="' + escapeHtml(d.valuer_name || '') + '" oninput="window.valField(\'valuer_name\',this.value)" placeholder="Who did the valuation" style="width:100%;height:42px;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface);color:var(--text);font-family:inherit;font-size:14px;padding:0 11px;"></div>' +
        '<div style="flex:1;"><label style="font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:700;display:block;margin-bottom:6px;">Fee charged</label>' +
          '<div style="display:flex;align-items:center;background:var(--surface);border:1px solid var(--border-strong);border-radius:10px;padding:0 11px;height:42px;"><span style="font-size:15px;color:var(--text-muted);">' + curSym() + '</span>' +
          '<input value="' + escapeHtml(d.val_fee != null ? String(d.val_fee) : '') + '" oninput="window.valField(\'val_fee\',this.value)" inputmode="decimal" placeholder="0.00" style="flex:1;min-width:0;border:none;background:transparent;color:var(--text);font-family:inherit;font-size:15px;outline:none;padding-left:4px;"></div></div>' +
      '</div>' +

      '<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;"><span style="font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:700;">Items</span>' +
        '<span style="font-size:13px;font-weight:800;color:var(--primary);">Total ' + _money(total) + '</span></div>' +
      '<div id="val-items">' + itemsHtml + '</div>' +
      '<button onclick="window.valAddItem()" ontouchend="event.preventDefault();window.valAddItem()" style="width:100%;height:40px;border-radius:10px;border:1px dashed var(--border-strong);background:var(--surface);color:var(--primary);font-family:inherit;font-weight:700;font-size:13.5px;cursor:pointer;margin-bottom:16px;">+ Add item</button>' +

      '<div style="font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:700;margin-bottom:6px;">Basis of valuation</div>' +
      '<textarea oninput="window.valField(\'basis_notes\',this.value)" placeholder="How the figure was reached \u2014 e.g. based on metal weight \u00D7 carat at current spot, retail comparison, condition\u2026" style="width:100%;min-height:64px;resize:vertical;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface);color:var(--text);font-family:inherit;font-size:14px;padding:10px 11px;outline:none;margin-bottom:16px;">' + escapeHtml(d.basis_notes) + '</textarea>' +

      '<div style="font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:700;margin-bottom:6px;">Photos</div>' +
      '<div id="val-thumbs" style="display:flex;flex-wrap:wrap;gap:8px;margin-bottom:9px;">' + valThumbsHtml() + '</div>' +
      '<input id="val-file-cam" type="file" accept="image/*" capture="environment" style="display:none;" onchange="window.valAddPhotos(this.files)">' +
      '<input id="val-file-lib" type="file" accept="image/*" multiple style="display:none;" onchange="window.valAddPhotos(this.files)">' +
      '<div style="display:flex;gap:8px;margin-bottom:16px;">' +
        '<button onclick="document.getElementById(\'val-file-cam\').click()" ontouchend="event.preventDefault();document.getElementById(\'val-file-cam\').click()" style="flex:1;height:42px;border-radius:10px;border:1px dashed var(--border-strong);background:var(--surface);color:var(--primary);font-family:inherit;font-weight:700;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;"><svg viewBox="0 0 24 24" width="17" height="17" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"/><circle cx="12" cy="13" r="4"/></svg>Take photo</button>' +
        '<button onclick="document.getElementById(\'val-file-lib\').click()" ontouchend="event.preventDefault();document.getElementById(\'val-file-lib\').click()" style="flex:1;height:42px;border-radius:10px;border:1px dashed var(--border-strong);background:var(--surface);color:var(--primary);font-family:inherit;font-weight:700;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;"><svg viewBox="0 0 24 24" width="17" height="17" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><path d="M21 15l-5-5L5 21"/></svg>Album</button>' +
      '</div>' +

      '<div style="font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:700;margin-bottom:6px;">Client signature</div>' +
      '<div style="position:relative;border:1px solid var(--border-strong);border-radius:10px;background:#fff;height:130px;margin-bottom:7px;overflow:hidden;">' +
        '<canvas id="val-sig" style="width:100%;height:100%;display:block;touch-action:none;"></canvas>' +
        '<div id="val-sig-hint" style="position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#bbb;font-size:13px;pointer-events:none;">Sign here</div>' +
      '</div>' +
      '<div style="display:flex;gap:7px;margin-bottom:7px;">' +
        '<input value="' + escapeHtml(d.sign_name) + '" oninput="window.valField(\'sign_name\',this.value)" placeholder="Name of signatory" style="flex:1;height:40px;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface);color:var(--text);font-family:inherit;font-size:14px;padding:0 11px;">' +
        '<button onclick="window.valSigClear()" ontouchend="event.preventDefault();window.valSigClear()" style="flex:0 0 auto;height:40px;padding:0 14px;border-radius:10px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text-muted);font-family:inherit;font-weight:700;font-size:13px;cursor:pointer;">Clear</button>' +
      '</div>' +

      '<button onclick="window.valSave()" ontouchend="event.preventDefault();window.valSave()" style="width:100%;height:50px;border-radius:12px;border:none;background:var(--primary);color:#fff;font-family:inherit;font-weight:700;font-size:16px;cursor:pointer;margin-top:8px;">' + (valCanApprove() ? (d.id ? 'Save changes' : 'Save & issue') : (d.id ? 'Save changes' : 'Submit for approval')) + '</button>' +
      '<div style="font-size:10.5px;color:var(--text-muted);margin-top:12px;text-align:center;line-height:1.5;">' + (valCanApprove() ? 'Saved as an approved valuation \u2014 ready to download or email.' : 'An admin reviews and approves before the certificate can be issued.') + '</div>' +
    '</div>';
  }

  function valThumbsHtml() {
    if (!VAL.photos.length) return '<div style="font-size:12.5px;color:var(--text-light);">No photos yet.</div>';
    return VAL.photos.map(function (img, i) {
      var src = img.dataUrl || '';
      return '<div style="position:relative;width:72px;height:72px;border-radius:9px;overflow:hidden;border:1px solid var(--border);background:var(--surface-2);">' +
        (src ? '<img src="' + src + '" style="width:100%;height:100%;object-fit:cover;display:block;">' : '<div style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--text-light);">\u2026</div>') +
        '<button onclick="window.valRemovePhoto(' + i + ')" ontouchend="event.preventDefault();window.valRemovePhoto(' + i + ')" style="position:absolute;top:2px;right:2px;width:19px;height:19px;border-radius:50%;border:none;background:rgba(0,0,0,.6);color:#fff;font-size:12px;line-height:1;cursor:pointer;">\u00D7</button>' +
      '</div>';
    }).join('');
  }

  window.valField = function (k, v) { if (VAL.draft) VAL.draft[k] = v; };
  window.valItem = function (i, k, v) {
    if (!VAL.draft || !VAL.draft.items[i]) return;
    VAL.draft.items[i][k] = v;
    // Live-update the total without a full re-render (keeps focus).
    if (k === 'value') {
      // touch nothing else; total shows on next render. Cheap approach: re-render items header only.
    }
  };
  window.valAddItem = function () {
    if (!VAL.draft) return;
    VAL.draft.items.push({ desc: '', metal: 'gold', carat: '', weight: '', spot: '', value: '' });
    var host = document.getElementById('valuations-view');
    if (host) { host.innerHTML = valFormHtml(); setTimeout(valSigInit, 40); }
  };
  window.valRemoveItem = function (i) {
    if (!VAL.draft) return;
    VAL.draft.items.splice(i, 1);
    if (!VAL.draft.items.length) VAL.draft.items.push({ desc: '', metal: 'gold', carat: '', weight: '', spot: '', value: '' });
    var host = document.getElementById('valuations-view');
    if (host) { host.innerHTML = valFormHtml(); setTimeout(valSigInit, 40); }
  };

  window.valAddPhotos = function (files) {
    if (!files || !files.length) return;
    Array.prototype.slice.call(files).forEach(function (file) {
      if (!file.type || file.type.indexOf('image/') !== 0) return;
      if (file.size > 8 * 1024 * 1024) { window.toast && window.toast('Image too large (max 8MB)'); return; }
      var reader = new FileReader();
      reader.onload = function (ev) {
        VAL.photos.push({ file: file, dataUrl: ev.target.result, path: null });
        var host = document.getElementById('val-thumbs'); if (host) host.innerHTML = valThumbsHtml();
      };
      reader.readAsDataURL(file);
    });
  };
  window.valRemovePhoto = function (i) {
    VAL.photos.splice(i, 1);
    var host = document.getElementById('val-thumbs'); if (host) host.innerHTML = valThumbsHtml();
  };

  // ---- Signature pad (self-contained for the valuation form) ----
  var _vsig = { cv: null, ctx: null, drawing: false, dirty: false, last: null };
  function valSigInit() {
    var cv = document.getElementById('val-sig');
    if (!cv) return;
    _vsig.cv = cv;
    var r = cv.getBoundingClientRect();
    var dpr = window.devicePixelRatio || 1;
    cv.width = Math.max(1, Math.round(r.width * dpr));
    cv.height = Math.max(1, Math.round(r.height * dpr));
    var ctx = cv.getContext('2d');
    ctx.scale(dpr, dpr); ctx.lineWidth = 2.2; ctx.lineCap = 'round'; ctx.lineJoin = 'round'; ctx.strokeStyle = '#163528';
    _vsig.ctx = ctx; _vsig.dirty = false;
    // Restore an existing signature if editing.
    if (VAL.draft && VAL.draft.signature) {
      var img = new Image();
      img.onload = function () { ctx.drawImage(img, 0, 0, r.width, r.height); _vsig.dirty = true; var h = document.getElementById('val-sig-hint'); if (h) h.style.display = 'none'; };
      img.src = VAL.draft.signature;
    }
    if (cv._vbound) return;
    cv._vbound = true;
    function pos(e) { var rr = cv.getBoundingClientRect(); var t = e.touches ? e.touches[0] : e; return { x: t.clientX - rr.left, y: t.clientY - rr.top }; }
    function start(e) { e.preventDefault(); _vsig.drawing = true; _vsig.last = pos(e); if (!_vsig.dirty) { _vsig.dirty = true; var h = document.getElementById('val-sig-hint'); if (h) h.style.display = 'none'; } }
    function move(e) { if (!_vsig.drawing) return; e.preventDefault(); var p = pos(e); _vsig.ctx.beginPath(); _vsig.ctx.moveTo(_vsig.last.x, _vsig.last.y); _vsig.ctx.lineTo(p.x, p.y); _vsig.ctx.stroke(); _vsig.last = p; }
    function end() { _vsig.drawing = false; }
    cv.addEventListener('mousedown', start); cv.addEventListener('mousemove', move); window.addEventListener('mouseup', end);
    cv.addEventListener('touchstart', start, { passive: false }); cv.addEventListener('touchmove', move, { passive: false }); cv.addEventListener('touchend', end);
  }
  window.valSigClear = function () {
    if (_vsig.ctx && _vsig.cv) { _vsig.ctx.clearRect(0, 0, _vsig.cv.width, _vsig.cv.height); _vsig.dirty = false; }
    if (VAL.draft) VAL.draft.signature = '';
    var h = document.getElementById('val-sig-hint'); if (h) h.style.display = '';
  };
  function valSigData() { return (_vsig.dirty && _vsig.cv) ? _vsig.cv.toDataURL('image/png') : (VAL.draft && VAL.draft.signature ? VAL.draft.signature : ''); }

  window.valSave = async function () {
    var d = VAL.draft; if (!d) return;
    if (!d.client_name.trim()) { window.toast && window.toast('Add a customer name'); return; }
    var hasItem = d.items.some(function (it) { return (it.desc && it.desc.trim()) || Number(it.value) > 0; });
    if (!hasItem) { window.toast && window.toast('Add at least one item with a value'); return; }
    d.signature = valSigData();

    // Upload any new photos first.
    var paths = [];
    for (var i = 0; i < VAL.photos.length; i++) {
      var ph = VAL.photos[i];
      if (ph.path) { paths.push(ph.path); continue; }
      if (ph.file && typeof window.uploadAttachment === 'function') {
        try { var p = await window.uploadAttachment('valuation', valMe(), ph.file); if (p) { ph.path = p; paths.push(p); } } catch (e) {}
      }
    }

    var rec = {
      ref: d.ref, country: d.country || 'UK',
      client_name: d.client_name, client_email: d.client_email, client_phone: d.client_phone, client_address: d.client_address,
      valuer_name: d.valuer_name || valMe(),
      val_fee: (d.val_fee === '' || d.val_fee == null || isNaN(parseFloat(d.val_fee))) ? 0 : parseFloat(d.val_fee),
      items: d.items, total_value: valItemsTotal(d.items),
      basis_notes: d.basis_notes, signature: d.signature, sign_name: d.sign_name,
      photo_paths: paths, notes: d.notes
    };

    // Admins & superadmin don't need approval — their valuations issue straight away.
    var autoApprove = valCanApprove();

    try {
      var res, saved;
      if (d.id) {
        if (autoApprove) {
          rec.status = 'approved'; rec.reject_reason = null;
          rec.approved_by = valMe(); rec.approved_at = new Date().toISOString();
        } else {
          // Editing a rejected one resets it to pending.
          rec.status = 'pending'; rec.reject_reason = null;
        }
        res = await fetch(REST + '/valuations?id=eq.' + d.id, {
          method: 'PATCH', headers: Object.assign({}, HDR(), { Prefer: 'return=representation' }), body: JSON.stringify(rec)
        });
      } else {
        rec.created_by = valMe(); rec.created_by_id = valMeId();
        if (autoApprove) {
          rec.status = 'approved'; rec.approved_by = valMe(); rec.approved_at = new Date().toISOString();
        } else {
          rec.status = 'pending';
        }
        res = await fetch(REST + '/valuations', {
          method: 'POST', headers: Object.assign({}, HDR(), { Prefer: 'return=representation' }), body: JSON.stringify(rec)
        });
      }
      if (res.ok) {
        saved = await res.json();
        var row = (Array.isArray(saved) && saved[0]) ? saved[0] : null;
        if (row) {
          VAL.list = VAL.list.filter(function (x) { return x.id !== row.id; });
          VAL.list.unshift(row);
        } else { await valLoad(); }
        window.toast && window.toast(autoApprove ? 'Valuation saved \u2014 ready to issue' : (d.id ? 'Valuation updated \u2014 sent for approval' : 'Submitted for approval'));
        VAL.view = 'list'; VAL.draft = null; VAL.photos = [];
        window.renderValuations();
      } else {
        window.toast && window.toast('Save failed (' + res.status + ')');
      }
    } catch (e) {
      window.toast && window.toast('Save failed \u2014 check connection');
    }
  };

  // ---- Admin approve / reject ----
  window.valApprove = async function (id) {
    if (!valCanApprove()) return;
    try {
      var res = await fetch(REST + '/valuations?id=eq.' + id, {
        method: 'PATCH', headers: Object.assign({}, HDR(), { Prefer: 'return=representation' }),
        body: JSON.stringify({ status: 'approved', approved_by: valMe(), approved_at: new Date().toISOString(), reject_reason: null })
      });
      if (res.ok) {
        var saved = await res.json(); var row = Array.isArray(saved) && saved[0];
        if (row) { VAL.list = VAL.list.map(function (x) { return x.id === id ? row : x; }); }
        window.toast && window.toast('Approved \u2014 certificate can now be issued');
        window.renderValuations();
      } else { window.toast && window.toast('Approve failed (' + res.status + ')'); }
    } catch (e) { window.toast && window.toast('Approve failed'); }
  };
  window.valReject = async function (id) {
    if (!valCanApprove()) return;
    var reason = prompt('Reason for rejecting this valuation? (the salesman will see it)');
    if (reason === null) return;
    try {
      var res = await fetch(REST + '/valuations?id=eq.' + id, {
        method: 'PATCH', headers: Object.assign({}, HDR(), { Prefer: 'return=representation' }),
        body: JSON.stringify({ status: 'rejected', reject_reason: reason || 'Rejected', approved_by: valMe(), approved_at: new Date().toISOString() })
      });
      if (res.ok) {
        var saved = await res.json(); var row = Array.isArray(saved) && saved[0];
        if (row) { VAL.list = VAL.list.map(function (x) { return x.id === id ? row : x; }); }
        window.toast && window.toast('Valuation rejected');
        window.renderValuations();
      } else { window.toast && window.toast('Reject failed (' + res.status + ')'); }
    } catch (e) { window.toast && window.toast('Reject failed'); }
  };

  // ---- PDF (download / email) ----
  // Load a remote image (signed URL) into a JPEG data URL for embedding in PDF.
  function valImgToDataUrl(url) {
    return new Promise(function (resolve) {
      try {
        var img = new Image();
        img.crossOrigin = 'anonymous';
        img.onload = function () {
          try {
            var max = 900;
            var w = img.naturalWidth || img.width, h = img.naturalHeight || img.height;
            var scale = Math.min(1, max / Math.max(w, h));
            var cw = Math.max(1, Math.round(w * scale)), chh = Math.max(1, Math.round(h * scale));
            var cv = document.createElement('canvas'); cv.width = cw; cv.height = chh;
            var cx = cv.getContext('2d'); cx.fillStyle = '#fff'; cx.fillRect(0, 0, cw, chh);
            cx.drawImage(img, 0, 0, cw, chh);
            resolve(cv.toDataURL('image/jpeg', 0.82));
          } catch (e) { resolve(null); }
        };
        img.onerror = function () { resolve(null); };
        img.src = url;
      } catch (e) { resolve(null); }
    });
  }

  async function buildValuationPDF(v) {
    await loadJsPdf();
    var jsPDF = window.jspdf.jsPDF;
    var doc = new jsPDF({ unit: 'pt', format: 'a4' });
    var W = doc.internal.pageSize.getWidth();
    var PH = doc.internal.pageSize.getHeight();
    var M = 48; var y = 56;
    // Header
    doc.setFillColor(22, 53, 40); doc.rect(0, 0, W, 96, 'F');
    doc.setTextColor(255, 255, 255); doc.setFont('times', 'bold'); doc.setFontSize(24);
    doc.text('Jewellery Roadshow', M, 52);
    doc.setFont('helvetica', 'normal'); doc.setFontSize(11); doc.setTextColor(220, 226, 222);
    doc.text('Valuation Certificate', M, 72);

    y = 132;
    doc.setFont('helvetica', 'bold'); doc.setFontSize(10); doc.setTextColor(120, 120, 120);
    doc.text('DATE', M, y);
    doc.setTextColor(40, 40, 40); doc.setFont('helvetica', 'normal'); doc.setFontSize(12);
    doc.text(_fmtDate(v.approved_at || v.created_at || new Date().toISOString()), M, y + 18);
    doc.setFont('helvetica', 'bold'); doc.setFontSize(10); doc.setTextColor(120, 120, 120);
    doc.text('REFERENCE', W - M, y, { align: 'right' });
    doc.setTextColor(40, 40, 40); doc.setFont('helvetica', 'normal'); doc.setFontSize(12);
    doc.text(String(v.ref || '').toUpperCase(), W - M, y + 18, { align: 'right' });
    y += 52; doc.setDrawColor(225, 225, 220); doc.line(M, y, W - M, y); y += 24;

    function field(label, value) {
      if (!value) return;
      doc.setFont('helvetica', 'bold'); doc.setFontSize(9); doc.setTextColor(120, 120, 120);
      doc.text(label.toUpperCase(), M, y);
      doc.setFont('helvetica', 'normal'); doc.setFontSize(12); doc.setTextColor(40, 40, 40);
      var lines = doc.splitTextToSize(String(value), W - M * 2);
      doc.text(lines, M, y + 15); y += 15 + lines.length * 14 + 8;
    }
    field('Customer', v.client_name);
    if (v.client_address) field('Address', v.client_address);
    if (v.client_phone) field('Phone', v.client_phone);
    if (v.client_email) field('Email', v.client_email);

    // Items table
    y += 4;
    doc.setFont('helvetica', 'bold'); doc.setFontSize(9); doc.setTextColor(120, 120, 120);
    doc.text('ITEMS VALUED', M, y); y += 14;
    var cur = curSym();
    (v.items || []).forEach(function (it, idx) {
      if (y > PH - 150) { doc.addPage(); y = 56; }
      doc.setFillColor(245, 243, 236); doc.roundedRect(M, y, W - M * 2, 50, 6, 6, 'F');
      doc.setFont('helvetica', 'bold'); doc.setFontSize(11); doc.setTextColor(40, 40, 40);
      var desc = (it.desc && it.desc.trim()) ? it.desc : ('Item ' + (idx + 1));
      doc.text(doc.splitTextToSize(desc, W - M * 2 - 120), M + 12, y + 18);
      // basis line
      var basisBits = [];
      if (it.metal) basisBits.push(String(it.metal).charAt(0).toUpperCase() + String(it.metal).slice(1));
      if (it.carat) basisBits.push(it.carat);
      if (it.weight) basisBits.push(it.weight + 'g');
      if (it.spot) basisBits.push('@ ' + cur + it.spot + '/g');
      doc.setFont('helvetica', 'normal'); doc.setFontSize(9.5); doc.setTextColor(110, 110, 110);
      doc.text(basisBits.join('  \u00B7  '), M + 12, y + 36);
      doc.setFont('times', 'bold'); doc.setFontSize(15); doc.setTextColor(22, 53, 40);
      doc.text(cur + (Number(it.value) || 0).toLocaleString(undefined, { minimumFractionDigits: 2, maximumFractionDigits: 2 }), W - M - 12, y + 30, { align: 'right' });
      y += 58;
    });

    // Total box
    if (y > PH - 130) { doc.addPage(); y = 56; }
    y += 4;
    doc.setFillColor(22, 53, 40); doc.roundedRect(M, y, W - M * 2, 50, 8, 8, 'F');
    doc.setFont('helvetica', 'bold'); doc.setFontSize(11); doc.setTextColor(220, 226, 222);
    doc.text('TOTAL VALUATION', M + 16, y + 30);
    doc.setFont('times', 'bold'); doc.setFontSize(22); doc.setTextColor(255, 255, 255);
    var total = (v.total_value != null) ? v.total_value : valItemsTotal(v.items);
    doc.text(cur + (Number(total) || 0).toLocaleString(undefined, { minimumFractionDigits: 2, maximumFractionDigits: 2 }), W - M - 16, y + 33, { align: 'right' });
    y += 50 + 22;

    // Valued by + valuation fee
    if (v.valuer_name || (Number(v.val_fee) > 0)) {
      if (y > PH - 110) { doc.addPage(); y = 56; }
      if (v.valuer_name) {
        doc.setFont('helvetica', 'bold'); doc.setFontSize(9); doc.setTextColor(120, 120, 120);
        doc.text('VALUED BY', M, y);
        doc.setFont('helvetica', 'normal'); doc.setFontSize(12); doc.setTextColor(40, 40, 40);
        doc.text(String(v.valuer_name), M, y + 16);
      }
      if (Number(v.val_fee) > 0) {
        doc.setFont('helvetica', 'bold'); doc.setFontSize(9); doc.setTextColor(120, 120, 120);
        doc.text('VALUATION FEE', W - M, y, { align: 'right' });
        doc.setFont('helvetica', 'normal'); doc.setFontSize(12); doc.setTextColor(40, 40, 40);
        doc.text(cur + (Number(v.val_fee) || 0).toLocaleString(undefined, { minimumFractionDigits: 2, maximumFractionDigits: 2 }), W - M, y + 16, { align: 'right' });
      }
      y += 16 + 18;
    }

    // Basis of valuation
    if (v.basis_notes) {
      if (y > PH - 120) { doc.addPage(); y = 56; }
      doc.setFont('helvetica', 'bold'); doc.setFontSize(9); doc.setTextColor(120, 120, 120);
      doc.text('BASIS OF VALUATION', M, y); y += 14;
      doc.setFont('helvetica', 'normal'); doc.setFontSize(10.5); doc.setTextColor(60, 60, 60);
      var bl = doc.splitTextToSize(v.basis_notes, W - M * 2);
      doc.text(bl, M, y); y += bl.length * 13 + 16;
    }

    // Signature
    if (y > PH - 160) { doc.addPage(); y = 56; }
    doc.setFont('helvetica', 'bold'); doc.setFontSize(9); doc.setTextColor(120, 120, 120);
    doc.text('CLIENT SIGNATURE', M, y); y += 10;
    if (v.signature) { try { doc.addImage(v.signature, 'PNG', M, y, 180, 64); } catch (e) {} }
    doc.setDrawColor(180, 180, 175); doc.line(M, y + 66, M + 220, y + 66);
    if (v.sign_name) { doc.setFont('helvetica', 'normal'); doc.setFontSize(11); doc.setTextColor(40, 40, 40); doc.text(v.sign_name, M, y + 82); }
    // Approved-by (right)
    if (v.approved_by) {
      doc.setFont('helvetica', 'bold'); doc.setFontSize(9); doc.setTextColor(120, 120, 120);
      doc.text('APPROVED BY', W - M, y, { align: 'right' });
      doc.setFont('helvetica', 'normal'); doc.setFontSize(11); doc.setTextColor(40, 40, 40);
      doc.text(v.approved_by, W - M, y + 18, { align: 'right' });
    }
    y += 100;

    // Item photos grid (all of them — people may have many items).
    var photoPaths = v.photo_paths || [];
    if (photoPaths.length && typeof window.getAttachmentUrl === 'function') {
      var dataUrls = [];
      for (var pi = 0; pi < photoPaths.length; pi++) {
        try {
          var url = await window.getAttachmentUrl(photoPaths[pi]);
          if (url) {
            var du = await valImgToDataUrl(url);
            if (du) dataUrls.push(du);
          }
        } catch (e) {}
      }
      if (dataUrls.length) {
        if (y > PH - 140) { doc.addPage(); y = 56; }
        doc.setFont('helvetica', 'bold'); doc.setFontSize(9); doc.setTextColor(120, 120, 120);
        doc.text('ITEM PHOTOS', M, y); y += 12;
        var cols = 3, gap = 10, cw = (W - M * 2 - gap * (cols - 1)) / cols, ch = cw * 0.78;
        var col = 0;
        dataUrls.forEach(function (du) {
          if (y + ch > PH - 60) { doc.addPage(); y = 56; col = 0; }
          var x = M + col * (cw + gap);
          try { doc.addImage(du, 'JPEG', x, y, cw, ch); } catch (e) { try { doc.addImage(du, 'PNG', x, y, cw, ch); } catch (e2) {} }
          doc.setDrawColor(220, 220, 215); doc.rect(x, y, cw, ch);
          col++;
          if (col >= cols) { col = 0; y += ch + gap; }
        });
        if (col !== 0) y += ch + gap;
        y += 6;
      }
    }
    doc.setFillColor(245, 243, 236);
    var disc = 'This valuation is an estimate of value at the date shown, based on the information and items presented, and is provided for guidance. It is not an offer to purchase. Values can change with market conditions.';
    var dl = doc.splitTextToSize(disc, W - M * 2 - 24);
    doc.roundedRect(M, y, W - M * 2, dl.length * 12 + 18, 6, 6, 'F');
    doc.setFont('helvetica', 'italic'); doc.setFontSize(9); doc.setTextColor(80, 80, 80);
    doc.text(dl, M + 12, y + 15);

    doc.setFont('helvetica', 'normal'); doc.setFontSize(9); doc.setTextColor(150, 150, 150);
    doc.text('Jewellery Roadshow', M, PH - 36);
    doc.text('www.jewelleryroadshow.com  \u00B7  info@jewelleryroadshow.com', W - M, PH - 36, { align: 'right' });

    var safeName = (v.client_name || 'valuation').replace(/[^a-z0-9]+/gi, '-').toLowerCase();
    return { doc: doc, filename: 'JewelleryRoadshow-Valuation-' + safeName + '.pdf' };
  }

  window.valPdf = async function (id, mode) {
    var v = VAL.list.find(function (x) { return x.id === id; });
    if (!v) return;
    if (v.status !== 'approved') { window.toast && window.toast('Only approved valuations can be issued'); return; }
    window.toast && window.toast(mode === 'email' ? 'Preparing email\u2026' : 'Building PDF\u2026');
    try {
      var out = await buildValuationPDF(v);
      if (mode === 'email') {
        if (!v.client_email) { window.toast && window.toast('No client email on this valuation'); return; }
        var b64 = out.doc.output('datauristring').split(',')[1];
        var ok = await sendValuationEmail(v, b64);
        window.toast && window.toast(ok ? 'Valuation emailed to ' + v.client_email : 'Email failed');
      } else {
        out.doc.save(out.filename);
      }
    } catch (e) {
      window.toast && window.toast('PDF error: ' + (e && e.message ? e.message : 'failed'));
    }
  };

  async function sendValuationEmail(v, pdfBase64) {
    var total = (v.total_value != null) ? v.total_value : valItemsTotal(v.items);
    var payload = {
      to: v.client_email,
      client: v.client_name || '',
      address: v.client_address || '',
      phone: v.client_phone || '',
      items: (v.items || []).map(function (it) { return (it.desc || 'Item') + ' \u2014 ' + curSym() + (Number(it.value) || 0); }).join('; '),
      itemsList: (v.items || []).map(function (it) { return { desc: it.desc || 'Item', metal: it.metal || '', carat: it.carat || '', weight: it.weight || '', value: Number(it.value) || 0 }; }),
      amount: Number(total) || 0,
      fee: Number(v.val_fee) || 0,
      valuer: v.valuer_name || '',
      basis: v.basis_notes || '',
      currency: curSym(),
      date: _fmtDate(v.approved_at || v.created_at),
      reference: String(v.ref || '').toUpperCase(),
      kind: 'valuation',
      subject: 'Your valuation certificate \u2014 Jewellery Roadshow',
      pdfBase64: pdfBase64,
      pdfFilename: 'JewelleryRoadshow-Valuation.pdf'
    };
    try {
      var r = await fetch(SUPA_URL + '/functions/v1/send-email', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json', 'Authorization': 'Bearer ' + (authedSession ? authedSession.access_token : SUPA_KEY), 'apikey': SUPA_KEY },
        body: JSON.stringify(payload)
      });
      if (!r.ok) { var t = await r.text().catch(function(){return '';}); throw new Error('send-email ' + r.status + ' ' + t); }
      return true;
    } catch (e) { console.warn('[Valuation email] failed:', e); return false; }
  }

  function wxBuildMap(data, win) {
    var el = document.getElementById('wx-map');
    if (!el || typeof L === 'undefined') return;
    if (_wxMap) { try { _wxMap.remove(); } catch (e) {} _wxMap = null; }
    _wxMarkers = [];
    _wxMap = L.map(el, { zoomControl: true, attributionControl: false }).setView([53.0, -1.5], 6);
    L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { maxZoom: 18 }).addTo(_wxMap);
    var pts = [];
    var places = WX_CITIES.slice();
    if (state.myLocation && state.myLocation.lat != null) places.push({ name: 'Your area', lat: state.myLocation.lat, lng: state.myLocation.lng, mine: true });
    if (WEATHER.searched && WEATHER.searched.lat != null) places.push({ name: WEATHER.searched.name, lat: WEATHER.searched.lat, lng: WEATHER.searched.lng, searched: true });
    places.forEach(function (c) {
      var loc = data[_wxKey(c.lat, c.lng)];
      var s = loc ? wxSummary(loc, win) : null;
      var icon = icoSvg(s ? s.icon : 'cloud', 14, '#1F4733');
      var temp = s && s.temp != null ? s.temp + '\u00B0' : '';
      var ring = c.searched ? '#D9A441' : (c.mine ? '#2563EB' : (s && s.rain ? '#4593c4' : '#fff'));
      var bw = c.searched ? '3px' : '2px';
      var html = '<div style="display:flex;flex-direction:column;align-items:center;transform:translateY(-6px);">' +
        '<div style="background:#fff;border:' + bw + ' solid ' + ring + ';border-radius:20px;padding:2px 7px;box-shadow:0 1px 4px rgba(0,0,0,0.3);font-size:13px;font-weight:700;white-space:nowrap;color:#1A1A1F;display:flex;align-items:center;gap:3px;">' +
        icon + ' ' + temp + '</div></div>';
      var ic = L.divIcon({ className: 'wx-pin', html: html, iconSize: [60, 30], iconAnchor: [30, 30] });
      var mk = L.marker([c.lat, c.lng], { icon: ic }).addTo(_wxMap);
      mk.bindPopup('<strong>' + escapeHtml(c.name) + '</strong><br>' + (s ? (s.label + (s.temp != null ? ' \u00B7 ' + s.temp + '\u00B0C' : '') + (s.rainProb != null ? '<br>' + s.rainProb + '% rain' : '')) : 'No data'));
      _wxMarkers.push(mk);
      pts.push([c.lat, c.lng]);
    });
    // If a city was searched, focus the map on it; otherwise fit all points.
    if (WEATHER.searched && WEATHER.searched.lat != null) {
      try { _wxMap.setView([WEATHER.searched.lat, WEATHER.searched.lng], 9); } catch (e) {}
    } else if (pts.length) {
      try { _wxMap.fitBounds(pts, { padding: [30, 30], maxZoom: 8 }); } catch (e) {}
    }
    setTimeout(function () { try { _wxMap.invalidateSize(); } catch (e) {} }, 120);
  }

  // =========================================================================
  // TEAM CHAT (text + photo + location + voice notes) and one-tap calling.
  // Backed by team_messages. Conversations: 'team' (group) or 'dm:<a>|<b>'.
  // Polls every 8s while open; lighter background poll for the unread badge.
  // =========================================================================
  var CHAT = {
    convo: 'team',        // currently open conversation key
    messages: [],         // messages in the open convo
    pollTimer: null,
    lastSeen: {},         // convo -> last-read message id (localStorage-backed)
    unreadTotal: 0,
    recording: null,      // MediaRecorder while recording a voice note
    recChunks: [],
    groups: [],
    sigCache: {},         // media path -> signed url
    _alertHighWater: 0,   // highest message id we've already alerted on (this session)
    _alertPrimed: false   // becomes true after first poll, so we don't alert on the backlog at startup
  };
  try { CHAT.lastSeen = JSON.parse(localStorage.getItem('pr_chat_lastseen') || '{}'); } catch (e) { CHAT.lastSeen = {}; }

  function chatMyId() { return (authedSession && authedSession.user && authedSession.user.id) || (authedProfile && authedProfile.id) || (state.salesman || 'me'); }
  function chatMyName() { return (authedProfile && (authedProfile.salesman || authedProfile.full_name)) || state.salesman || 'You'; }

  // Stable 1-to-1 key: two ids sorted so both sides resolve the same convo.
  function dmKey(idA, idB) { return 'dm:' + [String(idA), String(idB)].sort().join('|'); }

  async function chatApi(path, opts) {
    opts = opts || {};
    opts.headers = Object.assign({}, HDR(), opts.headers || {});
    var r = await fetch(REST + path, opts);
    if (!r.ok) throw new Error('Chat API ' + r.status + ': ' + await r.text());
    if (r.status === 204) return null;
    var ct = r.headers.get('content-type') || '';
    return ct.includes('application/json') ? await r.json() : await r.text();
  }

  async function chatFetchMessages(convo) {
    try {
      var rows = await chatApi('/team_messages?select=*&convo=eq.' + encodeURIComponent(convo) + '&order=created_at.asc&limit=300');
      return rows || [];
    } catch (e) { console.warn('[Chat] fetch failed', e); return []; }
  }

  async function chatSend(fields) {
    var body = Object.assign({
      convo: CHAT.convo,
      from_salesman: chatMyName(),
      from_id: chatMyId(),
      kind: 'text'
    }, fields);
    try {
      await chatApi('/team_messages', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json', 'Prefer': 'return=minimal' },
        body: JSON.stringify(body)
      });
      await chatLoadAndRender(true);
    } catch (e) {
      window.toast && window.toast('Message failed to send');
    }
  }

  // Count unread across all conversations the user is part of (group + DMs to me).
  async function chatRefreshUnread() {
    try {
      var myId = chatMyId();
      var rows = await chatApi('/team_messages?select=id,convo,from_id,from_salesman,to_id,kind,body&order=id.desc&limit=200');
      var unread = 0;
      var incoming = []; // messages to me, not from me, newer than our high-water
      (rows || []).forEach(function (m) {
        var mine = m.from_id === myId;
        if (mine) return;
        var inMyDm = m.convo === 'team' || (m.to_id === myId) || (m.convo.indexOf(String(myId)) >= 0);
        if (!inMyDm) return;
        var seen = CHAT.lastSeen[m.convo] || 0;
        if (m.id > seen) unread++;
        if (m.id > CHAT._alertHighWater) incoming.push(m);
      });
      CHAT.unreadTotal = unread;
      var badge = document.getElementById('more-chat-badge');
      if (badge) { badge.textContent = unread; badge.style.display = unread > 0 ? '' : 'none'; }
      var badge2 = document.getElementById('burger-chat-badge');
      if (badge2) { badge2.textContent = unread; badge2.style.display = unread > 0 ? '' : 'none'; }
      var navDot = document.getElementById('chat-nav-dot');
      if (navDot) navDot.style.display = unread > 0 ? '' : 'none';
      // Surface unread on the header burger dot too (chat lives in the menu now).
      var bDot = document.getElementById('burger-dot');
      if (bDot) bDot.style.display = unread > 0 ? '' : 'none';

      // Fire an in-app pop-up for genuinely new incoming messages. On the very
      // first poll we just prime the high-water mark so we don't blast an alert
      // for every backlog message at startup.
      var maxId = CHAT._alertHighWater;
      incoming.forEach(function (m) { if (m.id > maxId) maxId = m.id; });
      if (!CHAT._alertPrimed) {
        CHAT._alertPrimed = true;
        CHAT._alertHighWater = maxId;
        return;
      }
      if (incoming.length) {
        CHAT._alertHighWater = maxId;
        // Don't pop an alert for the conversation that's already open on screen.
        var paneOpen = !!document.getElementById('chat-pane');
        var newest = incoming.sort(function (a, b) { return b.id - a.id; })[0];
        var suppress = paneOpen && newest.convo === CHAT.convo;
        if (!suppress) {
          var preview = msgPreviewText(newest);
          var who = newest.from_salesman || 'Team';
          if (newest.convo === 'team' && incoming.length === 1) who = (newest.from_salesman || 'Someone') + ' · Team';
          else if (incoming.length > 1) {
            who = incoming.length + ' new messages';
            preview = 'Tap to open chat';
          }
          showMessageAlert(who, preview, newest.convo, newest.from_id, newest.from_salesman);
        }
      }
    } catch (e) {}
  }

  function msgPreviewText(m) {
    if (!m) return '';
    if (m.kind === 'image' || m.kind === 'photo') return icoSvg('camera',13,'currentColor') + ' Photo';
    if (m.kind === 'voice' || m.kind === 'audio') return icoSvg('mic',13,'currentColor') + ' Voice note';
    if (m.kind === 'location') return icoSvg('pin',13,'currentColor') + ' Location';
    var b = (m.body || '').toString().trim();
    return b || 'New message';
  }

  // In-app message pop-up banner with sound + vibrate. Tapping it opens the
  // conversation; it auto-dismisses after a few seconds.
  function showMessageAlert(name, text, convo, fromId, fromName) {
    try {
      var existing = document.getElementById('msg-alert');
      if (existing) existing.remove();
      var initial = (name || '?').trim().charAt(0).toUpperCase() || '?';
      var el = document.createElement('div');
      el.id = 'msg-alert';
      el.className = 'msg-alert';
      el.innerHTML =
        '<div class="ma-avatar">' + escapeHtml(initial) + '</div>' +
        '<div class="ma-body">' +
          '<div class="ma-name">' + escapeHtml(name || 'New message') + '</div>' +
          '<div class="ma-text">' + escapeHtml(text || '') + '</div>' +
        '</div>' +
        '<button class="ma-close" aria-label="Dismiss">&times;</button>';
      document.body.appendChild(el);
      // sound + vibrate (respects the user's Sound/Haptics toggles)
      try { if (window.PRFB) window.PRFB.feedback('connected'); } catch (e) {}
      // If the app is backgrounded (tab hidden) but still alive, also raise a
      // real OS notification so it shows on the lock screen / notification shade.
      // (Full push when the app is fully closed is handled by the service worker.)
      try {
        if (document.visibilityState === 'hidden' && typeof tryBrowserNotification === 'function') {
          tryBrowserNotification(name || 'New message', text || '', {});
        }
      } catch (e) {}
      requestAnimationFrame(function () { el.classList.add('show'); });
      var dismiss = function () {
        el.classList.remove('show');
        setTimeout(function () { if (el && el.parentNode) el.remove(); }, 300);
      };
      var timer = setTimeout(dismiss, 5000);
      el.querySelector('.ma-close').addEventListener('click', function (ev) {
        ev.stopPropagation(); clearTimeout(timer); dismiss();
      });
      el.addEventListener('click', function () {
        clearTimeout(timer); dismiss();
        // Open the right destination.
        try {
          if (convo === '__approvals__') {
            if (typeof window.switchTab === 'function') window.switchTab('approvals');
          } else if (convo === 'team') {
            if (typeof openConvo === 'function') openConvo('team', 'Team', '');
          } else if (typeof openConvo === 'function') {
            // Look up the sender's phone for the WhatsApp/call buttons.
            var prof = (state.profiles || []).find(function (p) { return p.id === fromId; });
            openConvo(convo, fromName || 'Chat', (prof && prof.phone) || '');
          }
        } catch (e) {}
      });
    } catch (e) {}
  }
  window.showMessageAlert = showMessageAlert;

  function chatMarkSeen(convo) {
    var max = 0;
    CHAT.messages.forEach(function (m) { if (m.id > max) max = m.id; });
    if (max > 0) {
      CHAT.lastSeen[convo] = max;
      try { localStorage.setItem('pr_chat_lastseen', JSON.stringify(CHAT.lastSeen)); } catch (e) {}
    }
  }

  // ---- Render: conversation list + open thread ----
  async function chatFetchGroups() {
    try {
      var rows = await chatApi('/team_groups?select=*&order=created_at.desc');
      CHAT.groups = rows || [];
    } catch (e) { CHAT.groups = []; }
    return CHAT.groups;
  }

  async function renderChat() {
    closeChatPane();
    var host = document.getElementById('chat-view');
    if (!host) return;
    // Ask for notification permission the first time the user enters messaging,
    // so new-message alerts can show on the lock screen. No-op if already
    // granted or previously denied.
    try { if (typeof requestNotifPermission === 'function') requestNotifPermission(); } catch (e) {}
    var me = chatMyId();
    var others = (state.profiles || []).filter(function (p) { return p.id !== me && !p.disabled; });
    await chatFetchGroups();

    var listHtml = '<div style="display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border);">' +
      '<div style="font-family:var(--serif,Georgia);font-size:22px;">Chat</div>' +
      '<button id="chat-new-group" style="border:none;background:var(--primary);color:#fff;border-radius:18px;height:34px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;"><svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>New group</button>' +
      '</div>';

    // Whole-team group
    listHtml += chatRowHtml('team', 'Team (everyone)', 'Group chat', null, '__people__', 'var(--primary)');

    // Custom groups the user belongs to (or created)
    (CHAT.groups || []).forEach(function (g) {
      var mem = Array.isArray(g.members) ? g.members : [];
      if (mem.indexOf(me) < 0 && g.created_by !== me) return; // not a member
      listHtml += chatRowHtml('grp:' + g.id, g.name, mem.length + ' members', g.image_url || null, '__people__', '#6366F1', g.id);
    });

    // 1-to-1 with each teammate
    others.forEach(function (p) {
      var convo = dmKey(me, p.id);
      listHtml += '<button class="chat-convo-row" data-convo="' + convo + '" data-name="' + escapeHtml(p.full_name || p.salesman) + '" data-phone="' + escapeHtml(p.phone || '') + '" style="display:flex;align-items:center;gap:12px;width:100%;padding:14px;border:none;border-bottom:1px solid var(--border);background:var(--surface);cursor:pointer;text-align:left;">' +
        '<div style="width:42px;height:42px;border-radius:50%;background:var(--surface-3);color:var(--text);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;flex-shrink:0;">' + escapeHtml((p.full_name || p.salesman || '?').slice(0,1).toUpperCase()) + '</div>' +
        '<div style="flex:1;min-width:0;"><div style="font-weight:700;font-size:15px;">' + escapeHtml(p.full_name || p.salesman) + '</div>' +
        '<div style="font-size:12px;color:var(--text-muted);">' + escapeHtml(p.job_role || 'Tap to message') + '</div></div>' +
        '</button>';
    });
    host.innerHTML = '<div id="chat-list">' + listHtml + '</div>';
    var ng = document.getElementById('chat-new-group');
    if (ng) ng.addEventListener('click', function () { openGroupManage(null); });
    host.querySelectorAll('.chat-convo-row').forEach(function (b) {
      bindButton(b, function () { openConvo(b.dataset.convo, b.dataset.name || 'Team', b.dataset.phone || ''); });
    });
    // Resolve group images
    host.querySelectorAll('img[data-gimg]').forEach(async function (img) {
      var url = await getAttachmentUrl(img.dataset.gimg);
      if (url) img.src = url;
    });
  }
  window.renderChat = renderChat;

  function chatRowHtml(convo, name, sub, imgPath, fallbackEmoji, bg, gid) {
    var avatar = imgPath
      ? '<img data-gimg="' + escapeHtml(imgPath) + '" style="width:42px;height:42px;border-radius:50%;object-fit:cover;flex-shrink:0;" />'
      : '<div style="width:42px;height:42px;border-radius:50%;background:' + bg + ';color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;">' + (fallbackEmoji === '__people__' ? icoSvg('people', 20, '#fff') : fallbackEmoji) + '</div>';
    return '<button class="chat-convo-row" data-convo="' + convo + '" data-name="' + escapeHtml(name) + '"' + (gid ? ' data-gid="' + gid + '"' : '') + ' style="display:flex;align-items:center;gap:12px;width:100%;padding:14px;border:none;border-bottom:1px solid var(--border);background:var(--surface);cursor:pointer;text-align:left;">' +
      avatar +
      '<div style="flex:1;min-width:0;"><div style="font-weight:700;font-size:15px;">' + escapeHtml(name) + '</div>' +
      '<div style="font-size:12px;color:var(--text-muted);">' + escapeHtml(sub) + '</div></div></button>';
  }

  // ---- Group create / manage sheet ----
  // groupKeyOrNull: 'grp:<id>' to edit existing, or null to create new.
  CHAT.editGroup = null;
  async function openGroupManage(groupKeyOrNull) {
    var me = chatMyId();
    var editing = null;
    if (groupKeyOrNull && groupKeyOrNull.indexOf('grp:') === 0) {
      var gid = groupKeyOrNull.slice(4);
      editing = (CHAT.groups || []).find(function (g) { return String(g.id) === String(gid); }) || null;
    }
    CHAT.editGroup = editing;
    var members = editing && Array.isArray(editing.members) ? editing.members.slice() : [me];
    if (members.indexOf(me) < 0) members.push(me);
    var others = (state.profiles || []).filter(function (p) { return !p.disabled; });

    var memberRows = others.map(function (p) {
      var on = members.indexOf(p.id) >= 0;
      var isMe = p.id === me;
      return '<label style="display:flex;align-items:center;gap:10px;padding:10px 4px;border-bottom:1px solid var(--border);cursor:' + (isMe ? 'default' : 'pointer') + ';">' +
        '<input type="checkbox" class="grp-member" value="' + p.id + '" ' + (on ? 'checked' : '') + (isMe ? ' disabled' : '') + ' style="width:20px;height:20px;" />' +
        '<div style="width:34px;height:34px;border-radius:50%;background:var(--surface-3);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;">' + escapeHtml((p.full_name || p.salesman || '?').slice(0,1).toUpperCase()) + '</div>' +
        '<div style="flex:1;"><div style="font-weight:600;font-size:14px;">' + escapeHtml(p.full_name || p.salesman) + (isMe ? ' (you)' : '') + '</div></div>' +
        '</label>';
    }).join('');

    var existing = document.getElementById('grp-manage-backdrop');
    if (existing) existing.remove();
    var html = '<div id="grp-manage-backdrop" class="modal-backdrop open" style="z-index:1600;">' +
      '<div class="modal" style="max-width:520px;">' +
        '<div class="modal-head"><h2>' + (editing ? 'Manage group' : 'New group') + '</h2>' +
          '<button class="icon-btn" id="grp-close"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></button>' +
        '</div>' +
        '<div class="modal-body">' +
          '<div style="display:flex;align-items:center;gap:14px;margin-bottom:16px;">' +
            '<button id="grp-img-btn" style="width:64px;height:64px;border-radius:50%;border:1px dashed var(--border-strong);background:var(--surface-2);cursor:pointer;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;">' +
              '<img id="grp-img-preview" style="width:100%;height:100%;object-fit:cover;display:none;" />' +
              '<svg id="grp-img-icon" viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="var(--text-muted)" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"/><circle cx="12" cy="13" r="4"/></svg>' +
            '</button>' +
            '<input type="file" id="grp-img-input" accept="image/*" style="display:none;" />' +
            '<input type="text" id="grp-name" placeholder="Group name" value="' + escapeHtml(editing ? editing.name : '') + '" style="flex:1;height:44px;border:1px solid var(--border);border-radius:8px;padding:0 12px;font-family:inherit;font-size:15px;" />' +
          '</div>' +
          '<div style="font-size:12px;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-muted);font-weight:700;margin-bottom:6px;">Members</div>' +
          '<div style="max-height:300px;overflow-y:auto;">' + memberRows + '</div>' +
        '</div>' +
        '<div class="modal-foot">' +
          (editing ? '<button class="btn btn-danger" id="grp-delete" style="margin-right:auto;">Delete group</button>' : '') +
          '<button class="btn btn-secondary" id="grp-cancel">Cancel</button>' +
          '<button class="btn btn-primary" id="grp-save">' + (editing ? 'Save' : 'Create') + '</button>' +
        '</div>' +
      '</div></div>';
    document.body.insertAdjacentHTML('beforeend', html);

    var newImagePath = editing ? (editing.image_url || null) : null;
    // Show existing image
    if (newImagePath) { getAttachmentUrl(newImagePath).then(function (u) { if (u) { var pv = document.getElementById('grp-img-preview'); var ic = document.getElementById('grp-img-icon'); if (pv) { pv.src = u; pv.style.display = 'block'; } if (ic) ic.style.display = 'none'; } }); }
    var imgInput = document.getElementById('grp-img-input');
    document.getElementById('grp-img-btn').addEventListener('click', function () { imgInput.click(); });
    imgInput.addEventListener('change', async function (e) {
      var f = e.target.files[0]; if (!f) return;
      if (f.size > 8 * 1024 * 1024) { window.toast && window.toast('Image too large'); return; }
      window.toast && window.toast('Uploading\u2026');
      var path = await uploadAttachment('group', me, f);
      if (path) {
        newImagePath = path;
        var u = await getAttachmentUrl(path);
        if (u) { var pv = document.getElementById('grp-img-preview'); var ic = document.getElementById('grp-img-icon'); pv.src = u; pv.style.display = 'block'; ic.style.display = 'none'; }
      }
    });
    function closeSheet() { var b = document.getElementById('grp-manage-backdrop'); if (b) b.remove(); }
    document.getElementById('grp-close').addEventListener('click', closeSheet);
    document.getElementById('grp-cancel').addEventListener('click', closeSheet);
    document.getElementById('grp-save').addEventListener('click', async function () {
      var name = (document.getElementById('grp-name').value || '').trim();
      if (!name) { window.toast && window.toast('Give the group a name'); return; }
      var picked = [];
      document.querySelectorAll('.grp-member:checked').forEach(function (c) { picked.push(c.value); });
      if (picked.indexOf(me) < 0) picked.push(me);
      var bodyObj = { name: name, image_url: newImagePath, members: picked };
      try {
        if (editing) {
          await chatApi('/team_groups?id=eq.' + editing.id, { method: 'PATCH', headers: { 'Content-Type': 'application/json', 'Prefer': 'return=minimal' }, body: JSON.stringify(bodyObj) });
        } else {
          bodyObj.created_by = me;
          await chatApi('/team_groups', { method: 'POST', headers: { 'Content-Type': 'application/json', 'Prefer': 'return=minimal' }, body: JSON.stringify(bodyObj) });
        }
        closeSheet();
        window.toast && window.toast(editing ? 'Group updated' : 'Group created');
        await renderChat();
      } catch (e) { window.toast && window.toast('Could not save group'); }
    });
    var delBtn = document.getElementById('grp-delete');
    if (delBtn) delBtn.addEventListener('click', async function () {
      if (!confirm('Delete this group for everyone? Messages will remain but the group disappears.')) return;
      try {
        await chatApi('/team_groups?id=eq.' + editing.id, { method: 'DELETE', headers: { 'Prefer': 'return=minimal' } });
        closeSheet();
        closeChatPane();
        window.toast && window.toast('Group deleted');
        await renderChat();
      } catch (e) { window.toast && window.toast('Could not delete group'); }
    });
  }
  window.openGroupManage = openGroupManage;

  // Delete a single message (long-press / tap the ⋯ on your own messages).
  async function chatDeleteMessage(id) {
    if (!confirm('Delete this message?')) return;
    try {
      await chatApi('/team_messages?id=eq.' + id, { method: 'DELETE', headers: { 'Prefer': 'return=minimal' } });
      CHAT.messages = CHAT.messages.filter(function (m) { return m.id !== id; });
      await chatLoadAndRender(false);
    } catch (e) { window.toast && window.toast('Could not delete'); }
  }
  window.chatDeleteMessage = chatDeleteMessage;

  async function openConvo(convo, title, phone) {
    CHAT.convo = convo;
    var host = document.getElementById('chat-view');
    if (!host) return;
    var isGroup = convo === 'team';
    var ICN = {
      back: '<svg viewBox="0 0 24 24" width="22" height="22" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"/></svg>',
      phone: '<svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z"/></svg>',
      wa: '<svg viewBox="0 0 24 24" width="20" height="20" fill="currentColor"><path d="M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.45 1.32 4.95L2 22l5.25-1.38c1.45.79 3.08 1.21 4.79 1.21 5.46 0 9.91-4.45 9.91-9.91C21.95 6.45 17.5 2 12.04 2zm5.8 14.04c-.24.68-1.42 1.31-1.95 1.36-.5.05-1.13.24-3.66-.77-3.08-1.21-5.06-4.34-5.21-4.54-.15-.2-1.25-1.66-1.25-3.17 0-1.51.79-2.25 1.07-2.56.28-.31.61-.39.81-.39.2 0 .41 0 .58.01.19.01.44-.07.69.53.24.6.83 2.07.9 2.22.07.15.12.33.02.53-.1.2-.15.32-.3.5-.15.18-.31.4-.45.53-.15.15-.3.31-.13.61.17.3.76 1.25 1.63 2.02 1.12.99 2.06 1.3 2.36 1.45.3.15.47.13.64-.08.17-.2.74-.86.94-1.16.2-.3.4-.25.67-.15.27.1 1.71.81 2 .96.3.15.5.22.57.34.07.12.07.71-.17 1.39z"/></svg>',
      camera: '<svg viewBox="0 0 24 24" width="22" height="22" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"/><circle cx="12" cy="13" r="4"/></svg>',
      pin: '<svg viewBox="0 0 24 24" width="21" height="21" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>',
      mic: '<svg viewBox="0 0 24 24" width="22" height="22" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z"/><path d="M19 10v2a7 7 0 0 1-14 0v-2"/><line x1="12" y1="19" x2="12" y2="23"/><line x1="8" y1="23" x2="16" y2="23"/></svg>',
      send: '<svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="19" x2="12" y2="5"/><polyline points="5 12 12 5 19 12"/></svg>'
    };
    var callBtns = '';
    if (!isGroup && phone) {
      var clean = phone.replace(/[^0-9+]/g, '');
      callBtns = '<a href="tel:' + encodeURIComponent(phone) + '" style="text-decoration:none;width:38px;height:38px;border-radius:50%;background:var(--success);color:#fff;display:flex;align-items:center;justify-content:center;">' + ICN.phone + '</a>' +
        '<a href="https://wa.me/' + clean.replace(/^\+/, '') + '" target="_blank" style="text-decoration:none;width:38px;height:38px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;">' + ICN.wa + '</a>';
    } else if (!isGroup && !phone) {
      callBtns = '<span style="font-size:11px;color:var(--text-muted);">No number</span>';
    }
    // Mount the chat pane on <body> (not inside the scrolling workspace) so
    // position:fixed truly fills the viewport — an ancestor's overflow/transform
    // was clipping it before, hiding the composer below the fold. Use dvh so the
    // iOS dynamic toolbar doesn't push the input off-screen.
    var existingPane = document.getElementById('chat-pane');
    if (existingPane) existingPane.remove();
    var paneHtml =
      '<div id="chat-pane" style="position:fixed;left:0;right:0;top:0;height:100dvh;display:flex;flex-direction:column;background:var(--surface-2);z-index:1500;">' +
        '<div style="display:flex;align-items:center;gap:8px;padding:12px 12px;padding-top:calc(12px + env(safe-area-inset-top,0px));border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;">' +
          '<button id="chat-back" style="border:none;background:transparent;cursor:pointer;color:var(--text);display:flex;align-items:center;padding:4px;">' + ICN.back + '</button>' +
          '<div style="flex:1;min-width:0;font-weight:700;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">' + escapeHtml(title) + '</div>' +
          (isGroup ? '<button id="chat-group-manage" style="border:none;background:transparent;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;padding:6px;"><svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1.6"/><circle cx="19" cy="12" r="1.6"/><circle cx="5" cy="12" r="1.6"/></svg></button>' : '') +
          callBtns +
        '</div>' +
        '<div id="chat-messages" style="flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:14px;"></div>' +
        '<div style="display:flex;align-items:center;gap:4px;padding:8px 8px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);background:var(--surface);flex-shrink:0;">' +
          '<button id="chat-attach" title="Photo" style="border:none;background:transparent;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;padding:6px;">' + ICN.camera + '</button>' +
          '<button id="chat-loc" title="Share location" style="border:none;background:transparent;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;padding:6px;">' + ICN.pin + '</button>' +
          '<input type="text" id="chat-input" placeholder="Message\u2026" autocomplete="off" style="flex:1;min-width:0;height:42px;border:1px solid var(--border);border-radius:21px;padding:0 14px;font-family:inherit;font-size:15px;background:var(--surface-2);color:var(--text);outline:none;" />' +
          '<button id="chat-voice" title="Hold to record" style="border:none;background:transparent;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;padding:6px;transition:transform .12s;">' + ICN.mic + '</button>' +
          '<button id="chat-send" style="border:none;background:var(--primary);color:#fff;width:42px;height:42px;border-radius:50%;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;">' + ICN.send + '</button>' +
          '<input type="file" id="chat-photo-input" accept="image/*" style="display:none;" />' +
        '</div>' +
      '</div>';
    document.body.insertAdjacentHTML('beforeend', paneHtml);
    var _voiceIcon = ICN.mic;
    if (isGroup) {
      var gm = document.getElementById('chat-group-manage');
      if (gm) gm.addEventListener('click', function () { openGroupManage(convo); });
    }
    document.getElementById('chat-back').addEventListener('click', function () { closeChatPane(); renderChat(); });
    var input = document.getElementById('chat-input');
    var sendBtn = document.getElementById('chat-send');
    function doSend() {
      var v = input.value.trim();
      if (!v) return;
      input.value = '';
      chatSend({ kind: 'text', body: v });
    }
    sendBtn.addEventListener('click', doSend);
    input.addEventListener('keydown', function (e) { if (e.key === 'Enter') doSend(); });
    // Photo
    var photoInput = document.getElementById('chat-photo-input');
    document.getElementById('chat-attach').addEventListener('click', function () { photoInput.click(); });
    photoInput.addEventListener('change', async function (e) {
      var f = e.target.files[0]; if (!f) return;
      if (f.size > 8 * 1024 * 1024) { window.toast && window.toast('Photo too large (max 8MB)'); return; }
      window.toast && window.toast('Sending photo\u2026');
      var path = await uploadAttachment('chat', chatMyId(), f);
      if (path) chatSend({ kind: 'photo', media_url: path });
    });
    // Location
    document.getElementById('chat-loc').addEventListener('click', function () {
      if (!navigator.geolocation) { window.toast && window.toast('Location not available'); return; }
      window.toast && window.toast('Sharing location\u2026');
      navigator.geolocation.getCurrentPosition(function (pos) {
        chatSend({ kind: 'location', lat: pos.coords.latitude, lng: pos.coords.longitude });
      }, function () { window.toast && window.toast('Location permission denied'); }, { enableHighAccuracy: true, timeout: 10000 });
    });
    // Voice note — press & hold to record.
    var voiceBtn = document.getElementById('chat-voice');
    var startRec = async function (ev) {
      ev.preventDefault();
      if (!navigator.mediaDevices || !window.MediaRecorder) { window.toast && window.toast('Voice notes not supported on this device'); return; }
      try {
        var stream = await navigator.mediaDevices.getUserMedia({ audio: true });
        CHAT.recChunks = [];
        // Pick a MIME the device can both record AND play back. iOS Safari
        // records mp4/aac (not webm) and can't play webm — forcing webm was
        // why voice notes showed "Error". Probe for a supported type.
        var mime = '';
        var candidates = ['audio/mp4', 'audio/aac', 'audio/webm;codecs=opus', 'audio/webm', 'audio/ogg'];
        for (var ci = 0; ci < candidates.length; ci++) {
          if (window.MediaRecorder.isTypeSupported && window.MediaRecorder.isTypeSupported(candidates[ci])) { mime = candidates[ci]; break; }
        }
        CHAT.recMime = mime;
        CHAT.recording = mime ? new MediaRecorder(stream, { mimeType: mime }) : new MediaRecorder(stream);
        CHAT.recChunks = [];
        CHAT.recording.ondataavailable = function (e) { if (e.data.size) CHAT.recChunks.push(e.data); };
        CHAT.recording.onstop = async function () {
          stream.getTracks().forEach(function (t) { t.stop(); });
          var useType = CHAT.recording.mimeType || CHAT.recMime || 'audio/mp4';
          var ext = useType.indexOf('mp4') >= 0 || useType.indexOf('aac') >= 0 ? 'm4a'
                  : useType.indexOf('ogg') >= 0 ? 'ogg' : 'webm';
          var blob = new Blob(CHAT.recChunks, { type: useType });
          if (blob.size < 800) { window.toast && window.toast('Recording too short'); return; }
          var file = new File([blob], 'voice.' + ext, { type: useType });
          window.toast && window.toast('Sending voice note\u2026');
          var path = await uploadAttachment('chat', chatMyId(), file);
          if (path) chatSend({ kind: 'voice', media_url: path });
        };
        CHAT.recording.start();
        voiceBtn.style.transform = 'scale(1.35)';
        voiceBtn.style.color = '#C53030';
      } catch (e) { window.toast && window.toast('Mic permission denied'); }
    };
    var stopRec = function (ev) {
      if (ev) ev.preventDefault();
      voiceBtn.style.transform = '';
      voiceBtn.style.color = 'var(--text-muted)';
      if (CHAT.recording && CHAT.recording.state !== 'inactive') { try { CHAT.recording.stop(); } catch (e) {} }
      CHAT.recording = null;
    };
    voiceBtn.addEventListener('touchstart', startRec, { passive: false });
    voiceBtn.addEventListener('touchend', stopRec);
    voiceBtn.addEventListener('mousedown', startRec);
    voiceBtn.addEventListener('mouseup', stopRec);

    await chatLoadAndRender(true);
    startChatPoll();
  }

  async function chatLoadAndRender(scroll) {
    CHAT.messages = await chatFetchMessages(CHAT.convo);
    chatMarkSeen(CHAT.convo);
    var box = document.getElementById('chat-messages');
    if (!box) return;
    var me = chatMyId();
    var html = '';
    var lastDay = '';
    for (var i = 0; i < CHAT.messages.length; i++) {
      var m = CHAT.messages[i];
      var day = (m.created_at || '').slice(0, 10);
      if (day !== lastDay) { html += '<div style="text-align:center;font-size:11px;color:var(--text-muted);margin:10px 0;">' + _chatDay(day) + '</div>'; lastDay = day; }
      var mine = m.from_id === me;
      html += chatBubble(m, mine);
    }
    box.innerHTML = html || '<div style="text-align:center;color:var(--text-muted);font-size:13px;padding:30px;">No messages yet. Say hello</div>';
    // Resolve signed URLs for any photo/voice bubbles.
    box.querySelectorAll('[data-media]').forEach(async function (el) {
      var path = el.dataset.media;
      var url = CHAT.sigCache[path] || await getAttachmentUrl(path);
      if (url) {
        CHAT.sigCache[path] = url;
        if (el.tagName === 'IMG') el.src = url;
        else if (el.tagName === 'AUDIO') el.src = url;
      }
    });
    if (scroll) box.scrollTop = box.scrollHeight;
    box.querySelectorAll('.chat-del').forEach(function (b) {
      b.addEventListener('click', function () { chatDeleteMessage(parseInt(b.dataset.mid, 10)); });
    });
    chatRefreshUnread();
  }

  function chatBubble(m, mine) {
    var align = mine ? 'flex-end' : 'flex-start';
    var bg = mine ? 'var(--primary)' : 'var(--surface)';
    var fg = mine ? '#fff' : 'var(--text)';
    var inner = '';
    if (m.kind === 'photo') {
      inner = '<img data-media="' + escapeHtml(m.media_url || '') + '" style="max-width:200px;border-radius:10px;display:block;" />' + (m.body ? '<div style="margin-top:4px;">' + escapeHtml(m.body) + '</div>' : '');
    } else if (m.kind === 'voice') {
      inner = '<audio data-media="' + escapeHtml(m.media_url || '') + '" controls style="max-width:220px;height:36px;"></audio>';
    } else if (m.kind === 'location') {
      var ll = Number(m.lat).toFixed(5) + ',' + Number(m.lng).toFixed(5);
      inner = '<a href="https://www.google.com/maps/search/?api=1&query=' + ll + '" target="_blank" style="color:' + fg + ';text-decoration:underline;display:inline-flex;align-items:center;gap:5px;">' + icoSvg('pin', 13, 'currentColor') + 'Shared a location</a><div style="font-size:10px;opacity:0.8;">' + ll + '</div>';
    } else {
      inner = escapeHtml(m.body || '');
    }
    var who = mine ? '' : '<div style="font-size:10px;color:var(--text-muted);margin:0 0 2px 4px;">' + escapeHtml(m.from_salesman || '') + '</div>';
    var time = '<div style="font-size:9px;opacity:0.7;margin-top:3px;text-align:right;">' + _chatTime(m.created_at) + '</div>';
    var delBtn = mine ? '<button class="chat-del" data-mid="' + m.id + '" title="Delete" style="border:none;background:transparent;color:var(--text-muted);cursor:pointer;padding:2px 4px;align-self:flex-end;margin-bottom:2px;"><svg viewBox="0 0 24 24" width="15" height="15" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="3 6 5 6 21 6"/><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/></svg></button>' : '';
    var bubble = '<div style="max-width:78%;background:' + bg + ';color:' + fg + ';border:1px solid var(--border);border-radius:14px;padding:8px 11px;font-size:14px;line-height:1.4;word-break:break-word;">' + inner + time + '</div>';
    var rowInner = mine ? (delBtn + bubble) : bubble;
    return '<div style="display:flex;flex-direction:column;align-items:' + align + ';margin-bottom:8px;">' + who +
      '<div style="display:flex;align-items:flex-end;gap:2px;max-width:100%;">' + rowInner + '</div></div>';
  }

  function _chatDay(d) {
    if (!d) return '';
    var today = new Date().toISOString().slice(0, 10);
    if (d === today) return 'Today';
    var y = new Date(Date.now() - 86400000).toISOString().slice(0, 10);
    if (d === y) return 'Yesterday';
    try { return new Date(d).toLocaleDateString(undefined, { weekday: 'short', day: 'numeric', month: 'short' }); } catch (e) { return d; }
  }
  function _chatTime(ts) {
    try { return new Date(ts).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }); } catch (e) { return ''; }
  }

  function startChatPoll() {
    stopChatPoll();
    CHAT.pollTimer = setInterval(function () {
      if (state.currentTab === 'chat' && document.getElementById('chat-messages')) {
        chatLoadAndRender(false);
      }
    }, 8000);
  }
  function stopChatPoll() { if (CHAT.pollTimer) { clearInterval(CHAT.pollTimer); CHAT.pollTimer = null; } }
  function closeChatPane() {
    stopChatPoll();
    var p = document.getElementById('chat-pane');
    if (p) p.remove();
  }
  window.closeChatPane = closeChatPane;
  window.chatRefreshUnread = chatRefreshUnread;

  function renderList() {
    if (state.selectionMode) { renderListSelection(); return; }
    const list = document.getElementById('list-view');
    if (!list) return;
    const parks = visibleParks();
    if (parks.length === 0) {
      const noTypes = !state.selectedTypes || state.selectedTypes.length === 0;
      // V-316: if a STATUS tab (To-do/Working/Done) is what's hiding everything,
      // say so and offer a one-tap jump to All — the exact field confusion where
      // a park you're standing at is hidden because "Working" is selected.
      let statusHint = '';
      if (!noTypes && !state.search && state.filter && state.filter !== 'all') {
        const types3 = state.selectedTypes || [];
        const ignoringStatusCount = state.parks.filter(p => {
          if (p.status === 'in_progress') return true;
          return parkHasType(p, types3);
        }).length;
        if (ignoringStatusCount > 0) {
          const fLabel = state.filter === 'todo' ? 'To-do' : state.filter === 'working' ? 'Working' : 'Done';
          statusHint =
            'No <b>' + fLabel + '</b> locations in this type — but there are <b>' + ignoringStatusCount + '</b> on other status tabs.' +
            '<div><button onclick="window.setStatusFilter && window.setStatusFilter(\'all\')" ' +
            'style="margin-top:14px;height:40px;padding:0 20px;border-radius:20px;border:none;background:var(--primary);color:#fff;font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;">Show all ' + ignoringStatusCount + '</button></div>';
        }
      }
      list.innerHTML = '<div style="padding:32px 16px;text-align:center;color:var(--text-muted);line-height:1.5;">' +
        (statusHint
          ? statusHint
          : (noTypes
            ? 'No type selected. Tap Parks, Retirement Homes, Chalets, Council or Housing Assoc above to view items.'
            : (state.search ? 'No data found for "' + escapeHtml(state.search) + '".' : 'No data found. Try changing the filters or selecting a different type.'))) +
        '</div>';
      return;
    }
    // A single park row's HTML (shared across grouping modes).
    function _parkRowHtml(p) {
      const col = ratingColor(p.rating);
      const dot = col ? '<span style="display:inline-block;width:10px;height:10px;border-radius:50%;background:' + col + ';margin-right:8px;flex-shrink:0;"></span>' : '<span style="display:inline-block;width:10px;height:10px;border-radius:50%;background:transparent;border:1.5px solid var(--border);margin-right:8px;flex-shrink:0;"></span>';
      const statusBadge = p.status === 'done' ? '<span class="park-row-status done">Done</span>' :
                          p.status === 'in_progress' ? '<span class="park-row-status working">Working</span>' : '';
      const fav = p.favorite ? '★ ' : '';
      const doorsTag = (p.doorsTotal != null && p.doorsTotal !== '') ? icoSvg('door', 12, 'currentColor') + ' ' + p.doorsTotal + ' · ' : '';
      const roundBadge = (p.currentRound && p.currentRound > 1)
        ? '<span style="background:#2B6E4A;color:#fff;border-radius:6px;padding:1px 6px;font-size:10px;font-weight:700;margin-right:6px;letter-spacing:0.3px;">R' + p.currentRound + '</span>' : '';
      const wxHint = wxHintForPark(p);
      const wxSpan = wxHint ? '<span style="margin-left:8px;color:var(--text-muted);">' + wxHint + '</span>' : '';
      const noLocSpan = (p.lat == null || p.lng == null || p.lat === '' || p.lng === '')
        ? '<span style="margin-left:8px;color:#C53030;font-size:11px;display:inline-flex;align-items:center;gap:3px;">' + icoSvg('warning', 11, '#C53030') + 'No location</span>' : '';
      // In Done "most recent" mode, show when it was completed on the sub-line.
      const doneSpan = (state.filter === 'done' && state.doneSort === 'recent' && p.doneAt)
        ? '<span style="margin-left:8px;color:var(--text-muted);">✓ ' + _fmtDate(p.doneAt) + '</span>' : '';
      return '<div class="park-row" data-id="' + escapeHtml(p.id) + '">' +
        '<div style="display:flex;align-items:center;flex:1;min-width:0;">' + dot +
        '<div style="flex:1;min-width:0;">' +
        '<div class="park-row-name">' + roundBadge + fav + escapeHtml(p.name) + '</div>' +
        '<div class="park-row-sub">' + doorsTag + escapeHtml(p.town) + (p.notes ? ' · ' + escapeHtml(p.notes.split('\n')[0]).slice(0,40) : '') + wxSpan + doneSpan + noLocSpan + '</div>' +
        '</div></div>' + statusBadge + '</div>';
    }

    let html = '';

    // Done view gets a sort control: Most recent / By trip / By date(county).
    if (state.filter === 'done') {
      const sorts = [['recent','Most recent'],['trip','By trip'],['county','By county']];
      html += '<div style="display:flex;gap:6px;padding:4px 2px 12px;flex-wrap:wrap;">' +
        sorts.map(function(s){
          var active = (state.doneSort || 'recent') === s[0];
          return '<button type="button" class="_done-sort" data-s="' + s[0] + '" style="font-size:12px;padding:6px 13px;border-radius:999px;border:1px solid ' + (active?'var(--primary)':'var(--border)') + ';background:' + (active?'var(--primary)':'var(--surface)') + ';color:' + (active?'#fff':'var(--text)') + ';cursor:pointer;font-weight:' + (active?'600':'400') + ';">' + s[1] + '</button>';
        }).join('') + '</div>';

      if (state.doneSort === 'recent') {
        // Flat list, newest completion first.
        const sorted = parks.slice().sort(function(a,b){ return String(b.doneAt||'').localeCompare(String(a.doneAt||'')); });
        html += '<div class="county-group">' + sorted.map(_parkRowHtml).join('') + '</div>';
        list.innerHTML = html;
        list.querySelectorAll('.park-row').forEach(function(row){ row.addEventListener('click', function(){ openPark(row.dataset.id); }); });
        list.querySelectorAll('._done-sort').forEach(function(b){ b.addEventListener('click', function(){ state.doneSort = b.dataset.s; renderList(); }); });
        return;
      }
      if (state.doneSort === 'trip') {
        // Group by the trip each park belongs to (most recent trip first).
        const tripOf = {};
        (state.trips || []).slice()
          .sort(function(a,b){ return String(b.startDate||'').localeCompare(String(a.startDate||'')); })
          .forEach(function(t){ (t.parkIds||[]).forEach(function(pid){ if (!tripOf[pid]) tripOf[pid] = t; }); });
        const groups = {}; const order = [];
        parks.forEach(function(p){
          const t = tripOf[p.id];
          const key = t ? t.id : '__none__';
          if (!groups[key]) { groups[key] = { trip: t, parks: [] }; order.push(key); }
          groups[key].parks.push(p);
        });
        // Trips already in recent-first order via tripOf build; __none__ goes last.
        order.sort(function(a,b){
          if (a === '__none__') return 1; if (b === '__none__') return -1;
          return String((groups[b].trip||{}).startDate||'').localeCompare(String((groups[a].trip||{}).startDate||''));
        });
        order.forEach(function(key){
          const g = groups[key];
          const title = g.trip ? escapeHtml(g.trip.name || 'Trip') + (g.trip.startDate ? ' · ' + _fmtDate(g.trip.startDate) : '') : 'Not in a trip';
          html += '<div class="county-group"><div class="county-head" style="font-size:20px;">' + title + ' <span class="county-count">' + g.parks.length + '</span></div>' +
            g.parks.map(_parkRowHtml).join('') + '</div>';
        });
        list.innerHTML = html;
        list.querySelectorAll('.park-row').forEach(function(row){ row.addEventListener('click', function(){ openPark(row.dataset.id); }); });
        list.querySelectorAll('._done-sort').forEach(function(b){ b.addEventListener('click', function(){ state.doneSort = b.dataset.s; renderList(); }); });
        return;
      }
      // else fall through to county grouping below (state.doneSort === 'county')
    }

    // Group by county; fall back to region or town so a location with any
    // place info never gets dumped into a generic "Other" bucket.
    const byCounty = {};
    parks.forEach(p => {
      const c = p.county || p.region || p.town || 'Other';
      (byCounty[c] = byCounty[c] || []).push(p);
    });
    const counties = Object.keys(byCounty).sort();
    counties.forEach(c => {
      html += '<div class="county-group"><div class="county-head">' + escapeHtml(c) + ' <span class="county-count">' + byCounty[c].length + '</span></div>';
      byCounty[c].forEach(p => { html += _parkRowHtml(p); });
      html += '</div>';
    });
    list.innerHTML = html;
    // bind clicks
    list.querySelectorAll('.park-row').forEach(row => {
      row.addEventListener('click', () => openPark(row.dataset.id));
    });
    list.querySelectorAll('._done-sort').forEach(function(b){ b.addEventListener('click', function(){ state.doneSort = b.dataset.s; renderList(); }); });
    // Fetch weather for the parks shown (one batched request, 30-min cache),
    // then refresh the hints once it's back. Capped so we never over-fetch.
    if (window.state && state.weatherHintsOn !== false) {
      const wxPts = parks.filter(p => p.lat != null && p.lng != null).slice(0, 60).map(p => ({ lat: p.lat, lng: p.lng }));
      if (wxPts.length) {
        fetchWeatherBatch(wxPts).then(function (got) {
          if (got && Object.keys(got).length && state.currentTab === 'parks' && state.view === 'list') {
            // Update only the sub-line hints in place (cheap), no full re-render.
            list.querySelectorAll('.park-row').forEach(function (row) {
              var p = state.parks.find(function (x) { return x.id === row.dataset.id; });
              if (!p) return;
              var hint = wxHintForPark(p);
              if (!hint) return;
              var sub = row.querySelector('.park-row-sub');
              if (sub && sub.querySelector('.wx-hint') == null) {
                sub.insertAdjacentHTML('beforeend', '<span class="wx-hint" style="margin-left:8px;color:var(--text-muted);">' + hint + '</span>');
              }
            });
          }
        });
      }
    }
  }

  // =========================================================================
  // PARK PANEL
  // =========================================================================
  function openPark(id) {
    const p = getParkById(id);
    if (!p) return;
    state.openParkId = id;
    const panel = document.getElementById('park-panel');
    const back = document.getElementById('panel-backdrop');
    if (back) back.classList.add('open');
    if (panel) panel.classList.add('open');
    renderPanel();
  }
  window.openPark = openPark;

  window.closePanel = function() {
    state.openParkId = null;
    const panel = document.getElementById('park-panel');
    const back = document.getElementById('panel-backdrop');
    if (back) back.classList.remove('open');
    if (panel) panel.classList.remove('open');
  };

  function renderPanel() {
    const p = getParkById(state.openParkId);
    if (!p) return;
    setText('panel-name', p.name);
    setText('panel-loc', [p.town, p.county].filter(Boolean).join(', '));
    // V-265: fill the editable name/town/county fields too.
    var enName = document.getElementById('panel-edit-name');
    if (enName && document.activeElement !== enName) enName.value = p.name || '';
    var enTown = document.getElementById('panel-edit-town');
    if (enTown && document.activeElement !== enTown) enTown.value = p.town || '';
    var enCounty = document.getElementById('panel-edit-county');
    if (enCounty && document.activeElement !== enCounty) enCounty.value = p.county || '';
    var pinStatus = document.getElementById('panel-pin-status');
    if (pinStatus) pinStatus.textContent = '';
    // Sync favorite star visual state
    const favBtn = document.getElementById('panel-favorite');
    if (favBtn) favBtn.classList.toggle('favorited', !!p.favorite);
    const modEl = document.getElementById('panel-modified-by');
    if (modEl) {
      if (p.modifiedBy && p.modifiedAt) {
        modEl.style.display = '';
        modEl.textContent = 'Last edited by ' + p.modifiedBy + ' · ' + relTime(p.modifiedAt);
      } else {
        modEl.style.display = 'none';
      }
    }
    // Property type buttons (V-268: highlight ALL active types for mixed areas)
    var activeTypes = Array.isArray(p.propertyTypes) && p.propertyTypes.length
      ? p.propertyTypes
      : [p.propertyType || 'park'];
    document.querySelectorAll('.panel-type-btn').forEach(b => {
      const a = activeTypes.indexOf(b.dataset.ptype) >= 0;
      b.style.background = a ? 'var(--primary)' : 'var(--surface)';
      b.style.color = a ? '#fff' : 'var(--text)';
      b.style.borderColor = a ? 'var(--primary)' : 'var(--border)';
    });
    // Status grid
    document.querySelectorAll('#status-grid .status-btn').forEach(b => {
      const v = b.dataset.val;
      const isActive = (v === 'progress' && p.status === 'in_progress') ||
                       (v === 'done' && p.status === 'done') ||
                       (v === 'new' && p.status === 'new') ||
                       (v === 'skip' && p.status === 'skip');
      b.classList.toggle('active', isActive);
    });
    // Rating
    document.querySelectorAll('#panel-rating-grid .rating-btn').forEach(b => {
      const isActive = b.dataset.rating === p.rating;
      b.classList.toggle('active', isActive);
      // Strong visual feedback (don't rely solely on CSS class)
      b.style.boxShadow = isActive ? '0 0 0 3px var(--text, #1A1A1F)' : 'none';
      b.style.transform = isActive ? 'scale(1.04)' : 'scale(1)';
      b.style.transition = 'transform 0.12s ease, box-shadow 0.12s ease';
      const check = b.querySelector('.rb-check');
      if (check) {
        check.textContent = isActive ? '✓' : '';
        check.style.fontWeight = '700';
        check.style.color = '#fff';
      }
    });
    // Notes
    const n = document.getElementById('panel-notes');
    if (n) n.value = p.notes || '';
    // Park size (doors total)
    const dt = document.getElementById('panel-doors-total');
    if (dt) dt.value = (p.doorsTotal != null && p.doorsTotal !== '') ? p.doorsTotal : '';
    // Doors
    window.syncDoorsUI(p);
    // Weather icons (always visible so you can tag conditions whenever you work here)
    renderPanelWeather(p);
    // Listing link
    const link = document.getElementById('btn-open-listing');
    if (link) {
      if (p.url) { link.href = p.url; link.style.display = ''; }
      else { link.style.display = 'none'; }
    }
    // Navigation: only offer maps/route if we have a REAL location. Town-centre
    // fallbacks were cleared (coords null), so anything without coords shows
    // "Address not found — search manually" instead of a misleading pin.
    var _hasRealLoc = p.lat != null && p.lng != null && p.lat !== '' && p.lng !== '';
    var navWrap = document.getElementById('nav-buttons-wrap');
    var navNone = document.getElementById('nav-no-location');
    if (navWrap) navWrap.style.display = _hasRealLoc ? '' : 'none';
    if (navNone) navNone.style.display = _hasRealLoc ? 'none' : '';
    if (!_hasRealLoc) {
      var smBtn = document.getElementById('btn-search-manual');
      if (smBtn) {
        smBtn.onclick = function () {
          var q = [p.name, p.town, p.county, p.postcode, 'UK'].filter(Boolean).join(' ');
          window.open('https://www.google.com/maps/search/?api=1&query=' + encodeURIComponent(q), '_blank');
        };
      }
    }
    // Location accuracy section
    if (typeof renderFixLocStatus === 'function') renderFixLocStatus(p);
    // Deals at park
    renderPanelDeals(p);
    // Visit history
    renderPanelHistory(p);
    // Round buttons + history
    renderRoundUI(p);
  }

  function renderRoundUI(p) {
    const cur = p.currentRound || 1;
    document.querySelectorAll('.round-btn').forEach(b => {
      const r = Number(b.dataset.round);
      const isActive = r === cur;
      const hasHistory = !!(p.rounds && p.rounds[r]);
      b.classList.toggle('active', isActive);
      b.style.background = isActive ? '#2B6E4A' : 'var(--surface-2)';
      b.style.color = isActive ? '#fff' : 'var(--text)';
      b.style.borderColor = isActive ? '#2B6E4A' : (hasHistory ? '#2B6E4A' : 'var(--border)');
      b.style.opacity = (isActive || hasHistory || r <= cur + 1) ? '1' : '0.6';
    });
    const box = document.getElementById('round-history');
    if (!box) return;
    const rounds = p.rounds || {};
    const keys = Object.keys(rounds).map(Number).sort();
    if (keys.length === 0) { box.innerHTML = ''; return; }
    box.innerHTML =
      '<div style="font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:6px;">Past rounds</div>' +
      keys.map(r => {
        const d = rounds[r];
        const col = ratingColor(d.rating);
        const dot = col
          ? '<span style="display:inline-block;width:8px;height:8px;border-radius:50%;background:' + col + ';margin-right:6px;flex-shrink:0;"></span>'
          : '<span style="display:inline-block;width:8px;height:8px;border-radius:50%;border:1px solid var(--border);margin-right:6px;flex-shrink:0;"></span>';
        const dateStr = d.doneAt ? new Date(d.doneAt).toLocaleDateString('en-GB') :
                        d.archivedAt ? new Date(d.archivedAt).toLocaleDateString('en-GB') : '';
        return '<div style="padding:8px 10px;background:var(--surface-2);border-radius:8px;margin-bottom:4px;font-size:12px;display:flex;align-items:center;">' +
          dot +
          '<span><strong>' + ordinal(r) + ' round</strong> · ' + (d.rating || 'no rating') +
          (d.doorsCovered ? ' · ' + d.doorsCovered + '% doors' : '') +
          (dateStr ? ' · ' + dateStr : '') + '</span>' +
          '</div>';
      }).join('');
  }

  window.syncDoorsUI = function(p) {
    const lbl = document.getElementById('panel-doors-label');
    if (lbl) lbl.textContent = p.doorsCovered ? '· ' + p.doorsCovered + '%' : '';
    const bar = document.getElementById('doors-bar-fill');
    if (bar) bar.style.width = (p.doorsCovered || 0) + '%';
    const info = document.getElementById('panel-doors-info');
    if (info) {
      info.textContent = p.doorsCovered
        ? p.doorsCovered + '% of doors were unanswered on the last visit.'
        : '';
    }
    const clear = document.getElementById('btn-clear-doors');
    if (clear) clear.style.display = p.doorsCovered ? '' : 'none';
    document.querySelectorAll('#panel-doors-grid .door-btn').forEach(b => {
      b.classList.toggle('active', Number(b.dataset.pct) === Number(p.doorsCovered));
    });
  };

  window.setPanelPropertyType = function(t) {
    if (!state.openParkId) return;
    // V-268: multi-type. A location can be a mixed area (e.g. council + houses +
    // housing assoc). We keep propertyType as the PRIMARY (first selected, so
    // everything that reads a single type still works) and store the full set in
    // propertyTypes. Tapping toggles a type in/out; you can't remove the last one.
    var p = getParkById(state.openParkId);
    if (!p) return;
    var types = Array.isArray(p.propertyTypes) && p.propertyTypes.length
      ? p.propertyTypes.slice()
      : [p.propertyType || 'park'];
    var i = types.indexOf(t);
    if (i >= 0) {
      if (types.length === 1) return;   // keep at least one
      types.splice(i, 1);
    } else {
      types.push(t);
    }
    window.updatePark(state.openParkId, { propertyType: types[0], propertyTypes: types });
  };

  // --- Type filter toggle (multi-select) ---------------------------------
  // Each tap toggles that type on/off independently. Empty selection is
  // allowed and renders the "no items" empty state.
  window.toggleTypeFilter = function(type) {
    // Ignore taps that were actually horizontal swipes of the chip row.
    if (window._typeChipSwiping) { window._typeChipSwiping = false; return; }
    const sel = (state.selectedTypes || []).slice();
    const i = sel.indexOf(type);
    if (i >= 0) sel.splice(i, 1); else sel.push(type);
    state.selectedTypes = sel;
    state.currentType = sel[0] || null;
    try { localStorage.setItem(LS.selectedTypes, JSON.stringify(sel)); } catch(e) {}
    syncTypeButtonStyles();
    window.render && window.render();
  };

  function syncTypeButtonStyles() {
    const sel = state.selectedTypes || [];
    document.querySelectorAll('.type-btn[data-type]').forEach(b => {
      const a = sel.indexOf(b.dataset.type) >= 0;
      b.style.background = a ? 'var(--primary)' : 'var(--surface)';
      b.style.color = a ? '#fff' : 'var(--text)';
      b.style.borderColor = a ? 'var(--primary)' : 'var(--border)';
      b.classList.toggle('active', a);
    });
  }
  window.syncTypeButtonStyles = syncTypeButtonStyles;

  window.openInMaps = function(p) {
    if (!p) return;
    let q = '';
    if (p.lat && p.lng) q = p.lat + ',' + p.lng;
    else q = encodeURIComponent([p.name, p.town, p.county, p.postcode].filter(Boolean).join(', '));
    const ios = /iPad|iPhone|iPod/.test(navigator.userAgent);
    const url = ios
      ? 'maps://?q=' + q
      : 'https://www.google.com/maps/search/?api=1&query=' + q;
    window.open(url, '_blank');
  };

  // Open specifically in GOOGLE MAPS, regardless of the phone's default map app.
  // Uses the SAME location as openInMaps (coords when known, else the address).
  // On iOS we try the Google Maps app's own URL scheme first (comgooglemaps://);
  // if the app isn't installed that silently fails, so we fall back to the
  // google.com/maps universal link a moment later (which opens the app if it's
  // there, otherwise the website). On Android/desktop the universal link is
  // enough — Android hands it straight to the Google Maps app when installed.
  window.openInGoogleMaps = function(p) {
    if (!p) return;
    const hasCoords = p.lat != null && p.lng != null && p.lat !== '' && p.lng !== '';
    const coordQ = hasCoords ? (p.lat + ',' + p.lng) : '';
    const addrQ = encodeURIComponent([p.name, p.town, p.county, p.postcode].filter(Boolean).join(', '));
    const webUrl = 'https://www.google.com/maps/search/?api=1&query=' + (hasCoords ? coordQ : addrQ);
    const ios = /iPad|iPhone|iPod/.test(navigator.userAgent);
    if (ios) {
      // Try the Google Maps app via its URL scheme. If the app opens, the page
      // is hidden — we listen for that and cancel the web fallback. If nothing
      // happens within a short window (app not installed), open the web link,
      // which shows the map in Safari and offers to open the app.
      const appUrl = 'comgooglemaps://?q=' + (hasCoords ? coordQ : addrQ);
      let opened = false;
      const onHide = function () { opened = true; };
      document.addEventListener('visibilitychange', onHide, { once: true });
      const fallback = setTimeout(function () {
        document.removeEventListener('visibilitychange', onHide);
        if (!opened && !document.hidden) window.open(webUrl, '_blank');
      }, 1200);
      try {
        window.location.href = appUrl;
      } catch (e) {
        clearTimeout(fallback);
        document.removeEventListener('visibilitychange', onHide);
        window.open(webUrl, '_blank');
      }
    } else {
      // Android/desktop: the universal link opens the Google Maps app when
      // installed, otherwise the website.
      window.open(webUrl, '_blank');
    }
  };

  // =========================================================================
  // DEALS
  // =========================================================================
  window.openDealFormForCurrentPark = function() {
    if (!state.openParkId) return;
    openDealModal(state.openParkId, null);
  };

  // Adds Park search + Trip selector at the top of the deal modal (once)
  function ensureDealParkTripFields() {
    if (document.getElementById('deal-park-input')) {
      // Fields already built — just refresh the trip list in case trips changed.
      refreshDealTripsSelect();
      return;
    }
    const body = document.querySelector('#deal-backdrop .modal-body');
    if (!body) return;
    const html =
      '<div style="margin-bottom:14px;">' +
        '<label style="display:block;font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:4px;font-weight:600;">Location (optional)</label>' +
        '<div class="dealpark-wrap" id="deal-park-wrap" style="position:relative;">' +
          '<input type="search" id="deal-park-input" placeholder="Search, tap the pin, or leave blank" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" style="width:100%;padding:10px 44px 10px 12px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;background:var(--surface);color:var(--text);box-sizing:border-box;" />' +
          '<button type="button" id="deal-park-gps" title="Show locations nearest to me" aria-label="Show locations nearest to me" style="position:absolute;top:0;right:0;height:100%;width:42px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--primary);padding:0;">' +
            '<svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="10" r="3"/><path d="M12 2a8 8 0 0 0-8 8c0 5.4 8 12 8 12s8-6.6 8-12a8 8 0 0 0-8-8z"/></svg>' +
          '</button>' +
          '<input type="hidden" id="deal-park-id" value="" />' +
          '<div class="dealpark-results" id="deal-park-results"></div>' +
        '</div>' +
        '<div id="deal-park-hint" style="font-size:11px;color:var(--text-muted);margin-top:4px;display:none;">Leave blank if it\u2019s not a saved location.</div>' +
      '</div>' +
      '<div style="margin-bottom:14px;">' +
        '<label style="display:block;font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:4px;font-weight:600;">Assign to trip (optional)</label>' +
        '<select id="deal-trip" style="width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;background:var(--surface);color:var(--text);box-sizing:border-box;">' +
          '<option value="">— No trip —</option>' +
        '</select>' +
      '</div>';
    body.insertAdjacentHTML('afterbegin', html);
    refreshDealTripsSelect();
    _wireDealParkPicker();
  }

  // Singular type labels + class suffix for the picker rows.
  const _DEAL_PARK_TYPE_LABEL = {
    'park': 'Park',
    'retirement-home': 'Retirement Home',
    'chalet': 'Chalet',
    'council': 'Council',
    'housing-assoc': 'Housing Assoc',
    'house': 'House',
    'bungalow': 'Bungalow'
  };
  function _dealParkTypeLabel(t) { return _DEAL_PARK_TYPE_LABEL[t] || 'Park'; }

  // Parks that have had deals, most-recent first (deduped). Used as the default
  // "Recently done" suggestions when the search box is empty/focused.
  function _recentDealParks(limit) {
    limit = limit || 8;
    const seen = {};
    const out = [];
    const byDate = state.deals.slice().sort((a, b) =>
      (b.date || '').localeCompare(a.date || '') ||
      (b.createdAt || '').localeCompare(a.createdAt || ''));
    for (const d of byDate) {
      if (!d.parkId || seen[d.parkId]) continue;
      const p = getParkById(d.parkId);
      if (!p) continue;
      seen[d.parkId] = true;
      out.push(p);
      if (out.length >= limit) break;
    }
    return out;
  }

  // V-268: locations you're currently WORKING (status in_progress). When adding
  // a deal these are most likely where it belongs, so they head the picker.
  function _workingDealParks(limit) {
    limit = limit || 12;
    var out = (state.parks || []).filter(function (p) { return p && p.status === 'in_progress'; });
    // Most-recently-touched first if we have a modified time.
    out.sort(function (a, b) {
      return String((b.modifiedAt || '')).localeCompare(String(a.modifiedAt || ''));
    });
    return out.slice(0, limit);
  }

  // V-293: locations nearest to where you're physically standing, all types,
  // closest first. Solves finding hard-to-spell foreign place names — you find
  // by location, not by typing. Populated when the GPS pin is tapped.
  var _dealNearActive = false;
  function _nearestDealParks(lat, lng, limit) {
    limit = limit || 15;
    var out = [];
    for (var i = 0; i < (state.parks || []).length; i++) {
      var p = state.parks[i];
      if (!p || p.lat == null || p.lng == null) continue;
      out.push({ p: p, d: haversine(lat, lng, p.lat, p.lng) });
    }
    out.sort(function (a, b) { return a.d - b.d; });
    return out.slice(0, limit);
  }

  // Filter parks by query across name/town/county. Ranks exact-prefix on name
  // highest, then name-contains, then town/county-contains. Capped for speed.
  function _filterDealParks(query, limit) {
    limit = limit || 40;
    const q = query.trim().toLowerCase();
    if (!q) return [];
    const starts = [], nameHas = [], otherHas = [];
    for (const p of state.parks) {
      const name = (p.name || '').toLowerCase();
      const town = (p.town || '').toLowerCase();
      const county = (p.county || '').toLowerCase();
      if (name.indexOf(q) === 0) { starts.push(p); }
      else if (name.indexOf(q) >= 0) { nameHas.push(p); }
      else if (town.indexOf(q) >= 0 || county.indexOf(q) >= 0) { otherHas.push(p); }
      if (starts.length >= limit) break;
    }
    return starts.concat(nameHas, otherHas).slice(0, limit);
  }

  function _dealParkRowHtml(p, isRecent, distMiles) {
    const type = p.propertyType || 'park';
    const sub = [p.town, p.county].filter(Boolean).join(', ');
    var distChip = '';
    if (distMiles != null && isFinite(distMiles)) {
      var dTxt = distMiles < 0.1 ? 'here' : (distMiles < 10 ? distMiles.toFixed(1) : Math.round(distMiles)) + ' mi';
      distChip = '<span class="dealpark-dist" style="font-size:11px;font-weight:700;color:var(--primary);white-space:nowrap;margin-left:8px;">' + dTxt + '</span>';
    }
    return '<div class="dealpark-row" data-park-id="' + escapeHtml(p.id) + '">' +
      (isRecent ? '<span class="dealpark-recent-dot" title="Recently done"></span>' : '') +
      '<div class="dealpark-row-main">' +
        '<div class="dealpark-row-name">' + escapeHtml(p.name || '(unnamed)') + '</div>' +
        (sub ? '<div class="dealpark-row-sub">' + escapeHtml(sub) + '</div>' : '') +
      '</div>' +
      distChip +
      '<span class="dealpark-type t-' + type + '">' + escapeHtml(_dealParkTypeLabel(type)) + '</span>' +
    '</div>';
  }

  // Render the dropdown. Empty query → nearest (if GPS tapped) / working /
  // recently done. Otherwise → matches.
  function renderDealParkResults(query) {
    const panel = document.getElementById('deal-park-results');
    if (!panel) return;
    let html = '';
    // V-293: if the GPS pin populated a "nearest" list, show that at the top.
    if (_dealNearActive && state.myLocation && state.myLocation.lat != null && (!query || !query.trim())) {
      var near = _nearestDealParks(state.myLocation.lat, state.myLocation.lng, 15);
      if (near.length) {
        html += '<div class="dealpark-group-label">Nearest to you</div>';
        html += near.map(function (n) { return _dealParkRowHtml(n.p, false, n.d); }).join('');
        html += '<div class="dealpark-empty" style="border-top:1px solid var(--border);margin-top:4px;padding-top:8px;">Or type to search all ' +
          state.parks.length.toLocaleString() + ' places…</div>';
        panel.innerHTML = html;
        panel.classList.add('open');
        return;
      }
    }
    if (!query || !query.trim()) {
      // V-268: order = currently working → recently done → (type to search DB).
      var working = _workingDealParks(12);
      var workingIds = {};
      working.forEach(function (p) { workingIds[p.id] = true; });
      if (working.length) {
        html += '<div class="dealpark-group-label">Currently working</div>';
        html += working.map(function (p) { return _dealParkRowHtml(p, false); }).join('');
      }
      const recents = _recentDealParks(8).filter(function (p) { return !workingIds[p.id]; });
      if (recents.length) {
        html += '<div class="dealpark-group-label">Recently done</div>';
        html += recents.map(p => _dealParkRowHtml(p, true)).join('');
      }
      if (!working.length && !recents.length) {
        html += '<div class="dealpark-empty">Tap the pin for nearest, or type to search ' +
          state.parks.length.toLocaleString() + ' places…</div>';
      } else {
        html += '<div class="dealpark-empty" style="border-top:1px solid var(--border);margin-top:4px;padding-top:8px;">Or tap the pin for nearest, or type to search all ' +
          state.parks.length.toLocaleString() + ' places…</div>';
      }
    } else {
      const matches = _filterDealParks(query, 40);
      if (matches.length) {
        html += matches.map(p => _dealParkRowHtml(p, false)).join('');
      } else {
        html += '<div class="dealpark-empty">No match for “' + escapeHtml(query.trim()) + '”.</div>';
      }
    }
    panel.innerHTML = html;
    panel.classList.add('open');
  }

  function _hideDealParkResults() {
    const panel = document.getElementById('deal-park-results');
    if (panel) panel.classList.remove('open');
  }

  function _selectDealPark(parkId) {
    const p = getParkById(parkId);
    if (!p) return;
    _dealNearActive = false;
    const inp = document.getElementById('deal-park-input');
    const idEl = document.getElementById('deal-park-id');
    if (inp) inp.value = p.name + (p.town ? ' — ' + p.town : '');
    if (idEl) idEl.value = p.id;
    const hint = document.getElementById('deal-park-hint');
    if (hint) hint.style.display = 'none';
    _hideDealParkResults();
  }

  let _dealParkPickerWired = false;
  function _wireDealParkPicker() {
    const inp = document.getElementById('deal-park-input');
    const panel = document.getElementById('deal-park-results');
    const wrap = document.getElementById('deal-park-wrap');
    if (!inp || !panel || !wrap) return;

    // Typing → clear any prior id selection + re-render matches.
    inp.addEventListener('input', () => {
      const idEl = document.getElementById('deal-park-id');
      if (idEl) idEl.value = '';   // free-typing invalidates a prior pick
      _dealNearActive = false;     // typing exits "nearest" mode
      const hint = document.getElementById('deal-park-hint');
      if (hint) hint.style.display = 'none';
      renderDealParkResults(inp.value);
    });
    // Focus → open with recents (or current matches if text present).
    // If a valid pick is already in place, show recents rather than filtering
    // by the full "Name — Town" label (which wouldn't match anything).
    inp.addEventListener('focus', () => {
      const idEl = document.getElementById('deal-park-id');
      renderDealParkResults(idEl && idEl.value ? '' : inp.value);
    });

    // Select a row. Use mousedown/touchstart with preventDefault so the tap
    // doesn't blur the input before we register it (reliable on iOS Safari).
    const pick = (e) => {
      const row = e.target.closest('.dealpark-row');
      if (!row) return;
      e.preventDefault();
      _selectDealPark(row.getAttribute('data-park-id'));
    };
    panel.addEventListener('mousedown', pick);
    panel.addEventListener('touchstart', pick, { passive: false });

    // V-293: GPS pin → get current position, then show saved locations
    // nearest-first. Reuses the app's geolocation pattern (state.myLocation).
    const gpsBtn = document.getElementById('deal-park-gps');
    if (gpsBtn && !gpsBtn._wired) {
      gpsBtn._wired = true;
      const runNear = (e) => {
        if (e) e.preventDefault();
        const showNow = () => {
          _dealNearActive = true;
          const idEl = document.getElementById('deal-park-id');
          if (idEl) idEl.value = '';
          if (inp) inp.value = '';
          renderDealParkResults('');
        };
        if (state.myLocation && state.myLocation.lat != null) { showNow(); return; }
        if (!navigator.geolocation) { window.toast && window.toast('Location not available on this device'); return; }
        const svg = gpsBtn.querySelector('svg');
        if (svg) svg.style.opacity = '0.4';
        window.toast && window.toast('Finding your location…');
        navigator.geolocation.getCurrentPosition(function (pos) {
          state.myLocation = { lat: pos.coords.latitude, lng: pos.coords.longitude };
          if (svg) svg.style.opacity = '';
          showNow();
        }, function () {
          if (svg) svg.style.opacity = '';
          window.toast && window.toast('Couldn\u2019t get your location — check location permissions');
        }, { enableHighAccuracy: true, timeout: 10000, maximumAge: 60000 });
      };
      gpsBtn.addEventListener('click', runNear);
      gpsBtn.addEventListener('touchend', runNear);
    }

    // Bind document-level outside-tap once: closes the panel.
    if (!_dealParkPickerWired) {
      document.addEventListener('mousedown', (e) => {
        const w = document.getElementById('deal-park-wrap');
        if (w && !w.contains(e.target)) _hideDealParkResults();
      });
      document.addEventListener('keydown', (e) => {
        if (e.key === 'Escape') _hideDealParkResults();
      });
      _dealParkPickerWired = true;
    }
  }

  function refreshDealTripsSelect(selectedId) {
    const sel = document.getElementById('deal-trip');
    if (!sel) return;
    const trips = state.trips.slice().sort((a, b) =>
      (b.startDate || '').localeCompare(a.startDate || '') ||
      (b.createdAt || '').localeCompare(a.createdAt || ''));
    let html = '<option value="">— No trip —</option>';
    trips.forEach(t => {
      const d = t.startDate ? ' · ' + t.startDate : '';
      html += '<option value="' + escapeHtml(t.id) + '">' + escapeHtml(t.name) + d + '</option>';
    });
    sel.innerHTML = html;
    if (selectedId) sel.value = selectedId;
  }

  function resolveDealPark() {
    // 1) Preferred: an id captured when the user tapped a picker result.
    const idEl = document.getElementById('deal-park-id');
    if (idEl && idEl.value) {
      const byId = getParkById(idEl.value);
      if (byId) return byId;
    }
    // 2) Fallback: text matching (covers prefilled values / pasted text).
    const inp = document.getElementById('deal-park-input');
    if (!inp || !inp.value) return null;
    const v = inp.value.trim();
    // "Name — Town" exact match
    const m = v.match(/^(.+?)\s+—\s+(.+)$/);
    if (m) {
      const name = m[1].trim();
      const town = m[2].trim();
      const p = state.parks.find(x => x.name === name && x.town === town);
      if (p) return p;
    }
    // Exact name match
    const exact = state.parks.find(x => x.name.toLowerCase() === v.toLowerCase());
    if (exact) return exact;
    return null;
  }

  // Lock/unlock the signature pad based on the T&Cs tick. When locked, the pad
  // is dimmed and non-interactive and a prompt shows; ticking enables signing.
  window.syncDealSignLock = function () {
    var terms = document.getElementById('deal-accept-terms');
    var wrap = document.getElementById('deal-sign-wrap');
    var lock = document.getElementById('deal-sign-lock');
    var nameInp = document.getElementById('deal-sign-name');
    var ok = terms && terms.checked;
    if (wrap) {
      wrap.style.opacity = ok ? '1' : '0.4';
      wrap.style.pointerEvents = ok ? '' : 'none';
    }
    if (nameInp) nameInp.disabled = !ok;
    if (lock) lock.style.display = ok ? 'none' : '';
  };

  // Fill the "Bought by" dropdown from team profiles, selecting `selected`.
  // Falls back to the known salesmen if profiles haven't loaded.
  function populateDealSalesman(selected) {
    var sel = document.getElementById('deal-salesman');
    if (!sel) return;
    var names = [];
    (state.profiles || []).forEach(function (p) {
      if (p.disabled) return;
      var nm = p.salesman || p.full_name;
      if (nm && names.indexOf(nm) < 0) names.push(nm);
    });
    // Make sure the currently-selected and current user always appear.
    if (selected && names.indexOf(selected) < 0) names.push(selected);
    if (state.salesman && names.indexOf(state.salesman) < 0) names.push(state.salesman);
    if (!names.length) names = ['Lorri Haines', 'Lewis Mundy'];
    sel.innerHTML = names.map(function (n) {
      return '<option value="' + escapeHtml(n) + '"' + (n === selected ? ' selected' : '') + '>' + escapeHtml(n) + '</option>';
    }).join('');
  }

  // ---------------------------------------------------------------------------
  // DEAL ADDRESS SEARCH (V-252) — keyless OSM Nominatim geocoder. Lets the
  // salesman verify/correct the client address against real map data (handles
  // typos and roads not matching the parks DB) and stores coordinates on the
  // deal for later mapping. Worldwide, so it covers UK, Channel Islands and AU.
  // ---------------------------------------------------------------------------
  var _dealGeo = null;            // {lat, lon, display} picked for the current deal
  var _dealAddrSearching = false;
  async function dealAddressSearch() {
    var inp = document.getElementById('deal-client-address');
    var box = document.getElementById('deal-address-results');
    var status = document.getElementById('deal-address-status');
    if (!inp || !box || !status) return;
    var q = (inp.value || '').trim();
    if (q.length < 3) { status.style.display = 'block'; status.textContent = 'Type at least 3 characters to search.'; return; }
    if (_dealAddrSearching) return;
    _dealAddrSearching = true;
    status.style.display = 'block'; status.textContent = 'Searching the map…';
    box.style.display = 'none'; box.innerHTML = '';
    // Bias the search to the active country (UK covers GG/JE/IM; AU = Australia).
    var cc = (state.country === 'AU') ? 'au' : 'gb,gg,je,im';
    var url = 'https://nominatim.openstreetmap.org/search?format=jsonv2&addressdetails=1&limit=6&countrycodes=' +
      cc + '&q=' + encodeURIComponent(q);
    try {
      var res = await fetch(url, { headers: { 'Accept': 'application/json' } });
      if (!res.ok) throw new Error('geocode ' + res.status);
      var rows = await res.json();
      if (!Array.isArray(rows) || !rows.length) {
        status.textContent = 'No matches found. You can still type the address manually.';
        _dealAddrSearching = false;
        return;
      }
      status.style.display = 'none';
      box.style.display = 'block';
      box.innerHTML = rows.map(function (r, i) {
        var name = r.display_name || '';
        return '<button type="button" data-addr-idx="' + i + '" style="display:block;width:100%;text-align:left;padding:9px 11px;border:none;border-bottom:1px solid var(--border);background:var(--surface);color:var(--text);font-family:inherit;font-size:12.5px;line-height:1.4;cursor:pointer;">' +
          '<svg viewBox="0 0 24 24" width="13" height="13" fill="none" stroke="#B8842C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="vertical-align:-2px;margin-right:6px;"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>' +
          escapeHtml(name) + '</button>';
      }).join('');
      // Wire each suggestion: fill the field + store coords on _dealGeo.
      box.querySelectorAll('[data-addr-idx]').forEach(function (btn) {
        btn.addEventListener('click', function () {
          var r = rows[parseInt(btn.getAttribute('data-addr-idx'), 10)];
          if (!r) return;
          inp.value = r.display_name || inp.value;
          _dealGeo = { lat: parseFloat(r.lat), lon: parseFloat(r.lon), display: r.display_name || '' };
          box.style.display = 'none'; box.innerHTML = '';
          status.style.display = 'block';
          status.innerHTML = '<span style="color:#2B6E4A;font-weight:700;">✓ Address verified on map</span>';
        });
      });
    } catch (e) {
      console.warn('[DealAddr] search failed:', e);
      status.style.display = 'block';
      status.textContent = 'Search unavailable right now — type the address manually.';
    }
    _dealAddrSearching = false;
  }
  window.dealAddressSearch = dealAddressSearch;

  function openDealModal(parkId, dealId, prefill) {
    const back = document.getElementById('deal-backdrop');
    if (!back) return;
    ensureDealParkTripFields();
    const t = document.getElementById('deal-modal-title');
    const del = document.getElementById('btn-delete-deal');
    const today = new Date().toISOString().slice(0,10);
    document.getElementById('deal-date').value = today;
    populateDealSalesman(state.salesman || '');
    document.getElementById('deal-client-name').value = '';
    document.getElementById('deal-client-address').value = '';
    // V-252: clear any previously stored geocoded coords + result UI.
    _dealGeo = null;
    (function () {
      var rs = document.getElementById('deal-address-results'); if (rs) { rs.style.display = 'none'; rs.innerHTML = ''; }
      var st = document.getElementById('deal-address-status'); if (st) { st.style.display = 'none'; st.textContent = ''; }
    })();
    document.getElementById('deal-client-phone').value = '';
    document.getElementById('deal-client-email').value = '';
    document.getElementById('deal-items').value = '';
    document.getElementById('deal-amount').value = '';
    document.getElementById('deal-notes').value = '';
    document.getElementById('deal-sign-name').value = '';
    PRSig.init('deal-sign-pad', 'deal-sign-hint');
    PRSig.clear();
    // Reset safeguarding / T&Cs controls.
    var _nv = document.getElementById('deal-not-vulnerable'); if (_nv) _nv.checked = false;
    var _vq = document.getElementById('deal-vuln-questions'); if (_vq) _vq.style.display = 'block';
    var _at = document.getElementById('deal-accept-terms'); if (_at) _at.checked = false;
    var _sn = document.getElementById('deal-safeguard-note'); if (_sn) _sn.value = '';
    document.querySelectorAll('.vuln-btn').forEach(function (b) { b.classList.remove('active'); });
    if (window.syncDealSignLock) window.syncDealSignLock();
    document.querySelectorAll('#pay-grid button, #pay-grid .pay-btn').forEach(b => b.classList.remove('active'));
    // V-252: wire the address Search button + Enter-to-search (bind once).
    (function () {
      var sb = document.getElementById('deal-address-search-btn');
      if (sb && !sb._addrBound) { sb._addrBound = true; sb.addEventListener('click', function () { dealAddressSearch(); }); }
      var ai = document.getElementById('deal-client-address');
      if (ai && !ai._addrBound) { ai._addrBound = true; ai.addEventListener('keydown', function (e) { if (e.key === 'Enter') { e.preventDefault(); dealAddressSearch(); } }); }
    })();

    // Reset ID / proof-of-age controls + photo holder, and wire the uploader.
    _dealIdPhotos = [];
    ['deal-id-seen','deal-id-over18','deal-id-genuine'].forEach(function (id) { var el = document.getElementById(id); if (el) el.checked = false; });
    var _idTy = document.getElementById('deal-id-type'); if (_idTy) _idTy.value = '';
    var _idNum = document.getElementById('deal-id-number'); if (_idNum) _idNum.value = '';
    _wireDealIdPhotos();
    _renderDealIdPhotos();

    // Reset receipt photo holder + wire its uploader.
    _dealReceiptPhotos = [];
    _wireDealReceiptPhotos();
    _renderDealReceiptPhotos();

    // Reset AU compliance fields (DOB, proof-of-address, SA flags, risk) + wire.
    _dealProofAddrPhotos = [];
    var _dob0 = document.getElementById('deal-client-dob'); if (_dob0) _dob0.value = '';
    var _pat0 = document.getElementById('deal-proof-addr-type'); if (_pat0) _pat0.value = '';
    document.querySelectorAll('.deal-sa-flag').forEach(function (c) { c.checked = false; });
    document.querySelectorAll('#deal-risk-grid .risk-btn').forEach(function (b) { b.classList.remove('active'); });
    var _rib0 = document.getElementById('deal-risk-info-box'); if (_rib0) _rib0.style.display = 'none';
    var _cv0 = document.getElementById('deal-collectable-value'); if (_cv0) _cv0.value = '';
    var _cn0 = document.getElementById('deal-collectable-note'); if (_cn0) _cn0.value = '';
    _wireDealProofAddrPhotos();
    _renderDealProofAddrPhotos();
    _wireDealRiskAndSA();

    // Park input
    _dealNearActive = false;   // V-293: each new deal starts out of "nearest" mode
    const parkInp = document.getElementById('deal-park-input');
    const parkIdEl = document.getElementById('deal-park-id');
    if (parkInp) {
      if (parkId) {
        const p = getParkById(parkId);
        parkInp.value = p ? (p.name + (p.town ? ' — ' + p.town : '')) : '';
        if (parkIdEl) parkIdEl.value = p ? p.id : '';
      } else {
        parkInp.value = '';
        if (parkIdEl) parkIdEl.value = '';
      }
    }
    _hideDealParkResults();
    const hint = document.getElementById('deal-park-hint');
    if (hint) hint.style.display = 'none';

    // Trip select (refresh in case trips changed)
    let tripId = '';

    if (dealId) {
      const d = state.deals.find(x => x.id === dealId);
      if (d) {
        if (t) t.textContent = 'Edit deal';
        document.getElementById('deal-date').value = d.date || today;
        populateDealSalesman(d.salesman || state.salesman || '');
        document.getElementById('deal-client-name').value = d.client || '';
        document.getElementById('deal-client-address').value = d.address || '';
        _dealGeo = d.addressGeo || null;
        document.getElementById('deal-client-phone').value = d.phone || '';
        document.getElementById('deal-client-email').value = d.email || '';
        document.getElementById('deal-items').value = d.items || '';
        document.getElementById('deal-amount').value = d.amount || '';
        document.getElementById('deal-notes').value = d.notes || '';
        document.getElementById('deal-sign-name').value = d.signName || '';
        if (d.signature) {
          PRSig.init('deal-sign-pad','deal-sign-hint');
          if (window.isDataUrl && window.isDataUrl(d.signature)) {
            PRSig.load(d.signature);
          } else {
            // Storage path → resolve to a signed URL first.
            (window.resolveSignatureSrc ? window.resolveSignatureSrc(d.signature) : Promise.resolve('')).then(function (u) { if (u) PRSig.load(u); });
          }
        }
        // Restore safeguarding / T&Cs state.
        var sg = d.safeguard || {};
        var _nv2 = document.getElementById('deal-not-vulnerable');
        var _vq2 = document.getElementById('deal-vuln-questions');
        if (_nv2) _nv2.checked = !!sg.notVulnerable;
        if (_vq2) _vq2.style.display = sg.notVulnerable ? 'none' : 'block';
        var _at2 = document.getElementById('deal-accept-terms');
        if (_at2) _at2.checked = !!(d.termsAccepted || sg.notVulnerable || d.signature);
        var _sn2 = document.getElementById('deal-safeguard-note');
        if (_sn2) _sn2.value = sg.note || '';
        if (sg.answers) {
          Object.keys(sg.answers).forEach(function (q) {
            var v = sg.answers[q];
            var btn = document.querySelector('.vuln-btn[data-q="' + q + '"][data-v="' + v + '"]');
            if (btn) btn.classList.add('active');
          });
        }
        if (window.syncDealSignLock) window.syncDealSignLock();
        // Restore ID / proof-of-age.
        var idc = d.idCheck || {};
        var _se = document.getElementById('deal-id-seen'); if (_se) _se.checked = !!idc.idSeen;
        var _o18 = document.getElementById('deal-id-over18'); if (_o18) _o18.checked = !!idc.over18;
        var _gen = document.getElementById('deal-id-genuine'); if (_gen) _gen.checked = !!idc.genuine;
        var _ty = document.getElementById('deal-id-type'); if (_ty) _ty.value = idc.idType || '';
        var _num = document.getElementById('deal-id-number'); if (_num) _num.value = idc.idNumber || '';
        _dealIdPhotos = Array.isArray(idc.photos) ? idc.photos.slice() : [];
        _renderDealIdPhotos();
        _dealReceiptPhotos = Array.isArray(d.receiptPhotos) ? d.receiptPhotos.slice() : [];
        _renderDealReceiptPhotos();
        // Restore AU compliance (DOB, proof-of-address, SA flags, risk score).
        var aml = d.aml || {};
        var _dob2 = document.getElementById('deal-client-dob'); if (_dob2) _dob2.value = aml.dob || '';
        var _pat2 = document.getElementById('deal-proof-addr-type'); if (_pat2) _pat2.value = aml.proofAddrType || '';
        _dealProofAddrPhotos = Array.isArray(aml.proofAddrPhotos) ? aml.proofAddrPhotos.slice() : [];
        _renderDealProofAddrPhotos();
        var saf = aml.sa || {};
        document.querySelectorAll('.deal-sa-flag').forEach(function (c) { c.checked = !!saf[c.dataset.sa]; });
        if (aml.riskScore) {
          var _rb = document.querySelector('#deal-risk-grid .risk-btn[data-risk="' + aml.riskScore + '"]');
          if (_rb) _rb.classList.add('active');
        }
        var _col = d.collectable || {};
        var _cv2 = document.getElementById('deal-collectable-value'); if (_cv2) _cv2.value = (_col.value != null ? _col.value : '');
        var _cn2 = document.getElementById('deal-collectable-note'); if (_cn2) _cn2.value = (_col.note || '');
        if (d.payment) {
          const btn = document.querySelector('#pay-grid [data-pay="' + d.payment + '"]');
          if (btn) btn.classList.add('active');
        }
        tripId = d.tripId || '';
        if (del) del.style.display = '';
        if (del) del.onclick = () => { deleteDeal(dealId); closeAllModals(); };
      }
    } else {
      if (t) t.textContent = 'Add deal';
      if (del) del.style.display = 'none';
      // V-268: prefill a NEW deal from a callback (convert-to-deal). Seed the
      // client details we already captured so nothing is re-typed.
      if (prefill && typeof prefill === 'object') {
        var setV = function (id, v) { var el = document.getElementById(id); if (el && v != null && v !== '') el.value = v; };
        setV('deal-client-name', prefill.client);
        setV('deal-client-phone', prefill.phone);
        setV('deal-client-email', prefill.email);
        setV('deal-client-address', prefill.address);
        setV('deal-notes', prefill.notes);
        setV('deal-sign-name', prefill.client);
        if (prefill.tripId) tripId = prefill.tripId;
        if (prefill._fromCallbackId) back.dataset.fromCallbackId = prefill._fromCallbackId;
      }
    }
    refreshDealTripsSelect(tripId);

    back.dataset.dealId = dealId || '';
    back.classList.add('open');

    // If FAB-initiated (no park preset), focus the park search
    if (!parkId && parkInp) {
      setTimeout(() => parkInp.focus(), 200);
    }
  }

  // V-268: convert a callback into a deal with fields pre-populated.
  window.convertCallbackToDeal = function (c) {
    if (!c) return;
    var parkId = (c.park_id && getParkById(c.park_id)) ? c.park_id : null;
    var prefill = {
      client: c.contact_name || '',
      phone: c.phone || '',
      email: c.email || '',
      address: c.address || '',
      notes: c.notes || '',
      tripId: c.trip_id || (state.openTripId || ''),
      _fromCallbackId: c.id
    };
    if (typeof switchTab === 'function') switchTab('parks');
    openDealModal(parkId, null, prefill);
    window.toast && window.toast('Filled from callback — check details and save');
  };

  // ID / proof-of-age photos for the deal currently being edited (paths in the
  // attachments bucket under 'deal-id/'). Held here during the form session.
  let _dealIdPhotos = [];
  function _wireDealIdPhotos() {
    const btn = document.getElementById('deal-id-add-photo');
    const inp = document.getElementById('deal-id-file');
    if (!btn || !inp || btn._wired) return;
    btn._wired = true;
    btn.addEventListener('click', () => inp.click());
    inp.addEventListener('change', async (e) => {
      const files = Array.from(e.target.files || []);
      if (!files.length) return;
      if (!sbClient) { window.toast && window.toast('Not signed in — cannot upload'); return; }
      btn.disabled = true; btn.textContent = 'Uploading…';
      for (const f of files) {
        const path = await uploadAttachment('deal-id', (authedProfile && authedProfile.id) || state.salesman || 'user', f);
        if (path) _dealIdPhotos.push(path);
      }
      inp.value = '';
      btn.disabled = false; btn.textContent = '+ Add ID photo';
      _renderDealIdPhotos();
    });
  }
  function _renderDealIdPhotos() {
    const grid = document.getElementById('deal-id-photos');
    if (!grid) return;
    grid.innerHTML = (_dealIdPhotos || []).map((p, i) =>
      '<div style="position:relative;aspect-ratio:1;background:var(--surface-2);border-radius:8px;overflow:hidden;">' +
        '<img data-deal-id-photo="' + escapeHtml(p) + '" style="width:100%;height:100%;object-fit:cover;display:block;"/>' +
        '<button type="button" data-deal-id-remove="' + i + '" style="position:absolute;top:2px;right:2px;width:22px;height:22px;border:none;border-radius:50%;background:rgba(0,0,0,0.6);color:#fff;font-size:13px;cursor:pointer;line-height:1;">✕</button>' +
      '</div>').join('');
    grid.querySelectorAll('img[data-deal-id-photo]').forEach(async img => {
      const url = await getAttachmentUrl(img.getAttribute('data-deal-id-photo'));
      if (url) img.src = url;
    });
    grid.querySelectorAll('[data-deal-id-remove]').forEach(btn => {
      btn.addEventListener('click', () => {
        const i = parseInt(btn.dataset.dealIdRemove, 10);
        const removed = (_dealIdPhotos || []).splice(i, 1)[0];
        if (removed) { try { deleteAttachment(removed); } catch (e) {} }
        _renderDealIdPhotos();
      });
    });
  }

  // --- Paper receipt photo (attach only; no OCR / no pre-fill) ---
  let _dealReceiptPhotos = [];
  function _wireDealReceiptPhotos() {
    const btn = document.getElementById('deal-receipt-add-photo');
    const inp = document.getElementById('deal-receipt-file');
    if (!btn || !inp || btn._wired) return;
    btn._wired = true;
    btn.addEventListener('click', () => inp.click());
    inp.addEventListener('change', async (e) => {
      const files = Array.from(e.target.files || []);
      if (!files.length) return;
      if (!sbClient) { window.toast && window.toast('Not signed in — cannot upload'); return; }
      btn.disabled = true; btn.textContent = 'Uploading…';
      for (const f of files) {
        const path = await uploadAttachment('deal-receipt', (authedProfile && authedProfile.id) || state.salesman || 'user', f);
        if (path) _dealReceiptPhotos.push(path);
      }
      inp.value = '';
      btn.disabled = false; btn.textContent = '+ Add receipt photo';
      _renderDealReceiptPhotos();
    });
  }
  function _renderDealReceiptPhotos() {
    const grid = document.getElementById('deal-receipt-photos');
    if (!grid) return;
    grid.innerHTML = (_dealReceiptPhotos || []).map((p, i) =>
      '<div style="position:relative;aspect-ratio:1;background:var(--surface-2);border-radius:8px;overflow:hidden;">' +
        '<img data-deal-receipt-photo="' + escapeHtml(p) + '" style="width:100%;height:100%;object-fit:cover;display:block;"/>' +
        '<button type="button" data-deal-receipt-remove="' + i + '" style="position:absolute;top:2px;right:2px;width:22px;height:22px;border:none;border-radius:50%;background:rgba(0,0,0,0.6);color:#fff;font-size:13px;cursor:pointer;line-height:1;">✕</button>' +
      '</div>').join('');
    grid.querySelectorAll('img[data-deal-receipt-photo]').forEach(async img => {
      const url = await getAttachmentUrl(img.getAttribute('data-deal-receipt-photo'));
      if (url) img.src = url;
    });
    grid.querySelectorAll('[data-deal-receipt-remove]').forEach(btn => {
      btn.addEventListener('click', () => {
        const i = parseInt(btn.dataset.dealReceiptRemove, 10);
        const removed = (_dealReceiptPhotos || []).splice(i, 1)[0];
        if (removed) { try { deleteAttachment(removed); } catch (e) {} }
        _renderDealReceiptPhotos();
      });
    });
  }

  // --- AU proof-of-address photo (AML record; AU only) ---
  let _dealProofAddrPhotos = [];
  function _wireDealProofAddrPhotos() {
    const btn = document.getElementById('deal-proof-addr-add-photo');
    const inp = document.getElementById('deal-proof-addr-file');
    if (!btn || !inp || btn._wired) return;
    btn._wired = true;
    btn.addEventListener('click', () => inp.click());
    inp.addEventListener('change', async (e) => {
      const files = Array.from(e.target.files || []);
      if (!files.length) return;
      if (!sbClient) { window.toast && window.toast('Not signed in — cannot upload'); return; }
      btn.disabled = true; btn.textContent = 'Uploading…';
      for (const f of files) {
        const path = await uploadAttachment('deal-proof-addr', (authedProfile && authedProfile.id) || state.salesman || 'user', f);
        if (path) _dealProofAddrPhotos.push(path);
      }
      inp.value = '';
      btn.disabled = false; btn.textContent = '+ Add proof-of-address photo';
      _renderDealProofAddrPhotos();
    });
  }
  function _renderDealProofAddrPhotos() {
    const grid = document.getElementById('deal-proof-addr-photos');
    if (!grid) return;
    grid.innerHTML = (_dealProofAddrPhotos || []).map((p, i) =>
      '<div style="position:relative;aspect-ratio:1;background:var(--surface-2);border-radius:8px;overflow:hidden;">' +
        '<img data-deal-pa-photo="' + escapeHtml(p) + '" style="width:100%;height:100%;object-fit:cover;display:block;"/>' +
        '<button type="button" data-deal-pa-remove="' + i + '" style="position:absolute;top:2px;right:2px;width:22px;height:22px;border:none;border-radius:50%;background:rgba(0,0,0,0.6);color:#fff;font-size:13px;cursor:pointer;line-height:1;">✕</button>' +
      '</div>').join('');
    grid.querySelectorAll('img[data-deal-pa-photo]').forEach(async img => {
      const url = await getAttachmentUrl(img.getAttribute('data-deal-pa-photo'));
      if (url) img.src = url;
    });
    grid.querySelectorAll('[data-deal-pa-remove]').forEach(btn => {
      btn.addEventListener('click', () => {
        const i = parseInt(btn.dataset.dealPaRemove, 10);
        const removed = (_dealProofAddrPhotos || []).splice(i, 1)[0];
        if (removed) { try { deleteAttachment(removed); } catch (e) {} }
        _renderDealProofAddrPhotos();
      });
    });
  }
  // Risk-score 1-5 selector + info toggle (AU only). One-time wiring.
  function _wireDealRiskAndSA() {
    const grid = document.getElementById('deal-risk-grid');
    if (grid && !grid._wired) {
      grid._wired = true;
      grid.querySelectorAll('.risk-btn').forEach(function (b) {
        b.addEventListener('click', function () {
          grid.querySelectorAll('.risk-btn').forEach(function (x) { x.classList.remove('active'); });
          b.classList.add('active');
        });
      });
    }
    const info = document.getElementById('deal-risk-info');
    const box = document.getElementById('deal-risk-info-box');
    if (info && box && !info._wired) {
      info._wired = true;
      info.addEventListener('click', function () {
        box.style.display = (box.style.display === 'none' || !box.style.display) ? 'block' : 'none';
      });
    }
  }

  var _savingDeal = false;
  async function saveDeal() {
    const back = document.getElementById('deal-backdrop');
    if (!back) return;
    // V-252: triple-tap guard. saveDeal is async (signature upload etc.), so a
    // fast triple-tap previously fired it 3× and saved 3 duplicate deals. Block
    // re-entry and visually disable the button until this save settles.
    if (_savingDeal) {
      window.toast && window.toast('This deal is already saving — please wait…');
      return;
    }
    _savingDeal = true;
    var _asyncRelease = false; // approval path releases in an async .then, not the finally
    if (window.showSaving) window.showSaving('Saving deal…');
    var _saveBtn = document.getElementById('btn-save-deal');
    var _saveBtnLabel = _saveBtn ? _saveBtn.textContent : '';
    if (_saveBtn) { _saveBtn.disabled = true; _saveBtn.style.opacity = '0.6'; _saveBtn.style.pointerEvents = 'none'; _saveBtn.textContent = 'Saving…'; }
    var _releaseSave = function (ok) {
      _savingDeal = false;
      if (_saveBtn) { _saveBtn.disabled = false; _saveBtn.style.opacity = ''; _saveBtn.style.pointerEvents = ''; _saveBtn.textContent = _saveBtnLabel || 'Save deal'; }
      // V-309: confirm visibly on success, clear immediately on failure so the
      // user can retry. ok===false → error path; anything else treated as done.
      if (ok === false) { if (window.hideSaving) window.hideSaving(); }
      else { if (window.doneSaving) window.doneSaving('Deal saved \u2713'); }
    };
    try {
    // Park is OPTIONAL — when knocking random houses/estates there may be no
    // saved location to pick. If nothing is chosen, the deal saves with no park.
    const resolved = resolveDealPark();
    const parkId = resolved ? resolved.id : null;
    const dealId = back.dataset.dealId;
    const tripSel = document.getElementById('deal-trip');
    let tripId = tripSel ? (tripSel.value || null) : null;
    // V-250/V-307: if no trip was picked (e.g. added via the quick £+ button
    // with no trip context), infer it so the deal is never left unallocated.
    // We realistically only ever have ONE open trip, so resolve in priority:
    //   1. park's own trip if it's open  2. the single open trip (active now)
    //   3. any trip listing this park (most recent)  4. most recent trip overall.
    if (!tripId) {
      var _todayStr = (typeof _todayISO === 'function') ? _todayISO() : new Date().toISOString().slice(0, 10);
      var _open = function (t) { return t && t.startDate && t.startDate <= _todayStr && (!t.endDate || t.endDate >= _todayStr); };
      var _hasPark = function (t) { return t && Array.isArray(t.parkIds) && parkId && t.parkIds.indexOf(parkId) >= 0; };
      var _all = state.trips || [];
      var _host =
        _all.find(function (t) { return _hasPark(t) && _open(t); }) ||
        (typeof _activeTrip === 'function' ? _activeTrip() : _all.find(_open)) ||
        _all.filter(_hasPark).sort(function (a, b) { return (b.startDate || '').localeCompare(a.startDate || ''); })[0] ||
        _all.slice().sort(function (a, b) { return (b.startDate || '').localeCompare(a.startDate || ''); })[0];
      if (_host) tripId = _host.id;
    }
    const payActive = document.querySelector('#pay-grid .active');

    // V-255 — SAVE-LOCAL-FIRST. The old flow awaited the signature UPLOAD
    // (a slow network call) BEFORE the deal object was even built or persisted,
    // so a freeze/network hang mid-upload lost the entire deal (this is what
    // killed the Mr Arthur deal). Now we capture the signature INLINE (instant,
    // no network), build + persist the deal locally immediately, then upload the
    // signature to Storage in the BACKGROUND and swap the path in. If the upload
    // fails or the app dies, the deal is already saved with the inline signature
    // as a permanent fallback — nothing is lost.
    const _existingDeal = dealId ? state.deals.find(x => x.id === dealId) : null;
    let _sigValue = '';            // what we persist right now (inline data URL, or existing path)
    let _sigNeedsUpload = false;   // true if _sigValue is a fresh inline drawing to upload in bg
    if (!PRSig.isEmpty()) {
      const _drawn = PRSig.toDataURL();
      if (_existingDeal && _existingDeal.signature && _drawn === PRSig._loadedDataUrl) {
        _sigValue = _existingDeal.signature; // unchanged, already a path
      } else {
        _sigValue = _drawn;          // keep the inline drawing NOW; upload after save
        _sigNeedsUpload = true;
      }
    } else if (_existingDeal && _existingDeal.signature) {
      _sigValue = _existingDeal.signature; // editing, pad untouched: keep existing
    }

    const deal = {
      id: dealId || ('d_' + Math.random().toString(36).slice(2,10)),
      parkId: parkId,
      tripId: tripId,
      round: resolved ? (resolved.currentRound || 1) : 1,
      date: document.getElementById('deal-date').value,
      client: document.getElementById('deal-client-name').value.trim(),
      address: document.getElementById('deal-client-address').value.trim(),
      addressGeo: _dealGeo || (_existingDeal && _existingDeal.addressGeo) || null,
      phone: document.getElementById('deal-client-phone').value.trim(),
      email: document.getElementById('deal-client-email').value.trim(),
      items: document.getElementById('deal-items').value.trim(),
      amount: parseFloat(document.getElementById('deal-amount').value) || 0,
      payment: payActive ? payActive.dataset.pay : 'cash',
      notes: document.getElementById('deal-notes').value.trim(),
      signName: document.getElementById('deal-sign-name').value.trim(),
      signature: _sigValue,
      termsAccepted: !!(document.getElementById('deal-accept-terms') && document.getElementById('deal-accept-terms').checked),
      safeguard: (function () {
        var nv = document.getElementById('deal-not-vulnerable');
        var note = document.getElementById('deal-safeguard-note');
        var answers = {};
        document.querySelectorAll('.vuln-btn.active').forEach(function (b) { answers[b.dataset.q] = b.dataset.v; });
        return {
          notVulnerable: !!(nv && nv.checked),
          answers: answers,
          note: note ? note.value.trim() : '',
          checkedAt: new Date().toISOString(),
          checkedBy: state.salesman || 'You'
        };
      })(),
      salesman: (function () {
        var sel = document.getElementById('deal-salesman');
        return (sel && sel.value) ? sel.value : (state.salesman || 'You');
      })(),
      idCheck: (function () {
        var seen = document.getElementById('deal-id-seen');
        var o18 = document.getElementById('deal-id-over18');
        var gen = document.getElementById('deal-id-genuine');
        var ty = document.getElementById('deal-id-type');
        var num = document.getElementById('deal-id-number');
        return {
          idSeen: !!(seen && seen.checked),
          over18: !!(o18 && o18.checked),
          genuine: !!(gen && gen.checked),
          idType: ty ? ty.value : '',
          idNumber: num ? num.value.trim() : '',
          photos: (_dealIdPhotos || []).slice(),
          checkedBy: state.salesman || 'You',
          checkedAt: new Date().toISOString()
        };
      })(),
      receiptPhotos: (_dealReceiptPhotos || []).slice(),
      aml: (function () {
        // AU compliance snapshot — captured for every deal but only enforced/used
        // when the active country is AU. Harmless no-op data on UK deals.
        var dobEl = document.getElementById('deal-client-dob');
        var patEl = document.getElementById('deal-proof-addr-type');
        var sa = {};
        document.querySelectorAll('.deal-sa-flag').forEach(function (c) { sa[c.dataset.sa] = !!c.checked; });
        var riskBtn = document.querySelector('#deal-risk-grid .risk-btn.active');
        return {
          dob: dobEl ? dobEl.value : '',
          proofAddrType: patEl ? patEl.value : '',
          proofAddrPhotos: (_dealProofAddrPhotos || []).slice(),
          sa: sa,
          riskScore: riskBtn ? parseInt(riskBtn.dataset.risk, 10) : null
        };
      })(),
      collectable: (function () {
        // Reference-only collectable/card value. NEVER used in gold valuation,
        // stock, or trip profit — purely an informational note on the deal.
        var vEl = document.getElementById('deal-collectable-value');
        var nEl = document.getElementById('deal-collectable-note');
        var val = vEl && vEl.value !== '' ? (parseFloat(vEl.value) || null) : null;
        var note = nEl ? nEl.value.trim() : '';
        if (val == null && !note) return null;
        return { value: val, note: note || null };
      })(),
      // V-312: createdAt preserved across edits; updatedAt stamped on EVERY save.
      // updatedAt is the keystone for the never-overwrite merge — mergeById uses
      // it to keep the newest version of a record when two devices both edited it.
      createdAt: (_existingDeal && _existingDeal.createdAt) || new Date().toISOString(),
      updatedAt: new Date().toISOString(),
      updatedBy: (state.salesman || (authedProfile && authedProfile.name) || 'You')
    };

    // ===== AU COMPLIANCE GATE (buying side only; UK untouched) =====
    if (typeof isAU === 'function' && isAU()) {
      var _hasAddr = !!deal.address;
      var _hasIdProof = !!(deal.idCheck && deal.idCheck.idSeen && (deal.idCheck.idNumber || (deal.idCheck.photos && deal.idCheck.photos.length)));
      var _amt = deal.amount || 0;
      // Hard block at $500+: must have client address + proof of ID.
      if (_amt >= 500 && (!_hasAddr || !_hasIdProof)) {
        var _missing = [];
        if (!_hasAddr) _missing.push('client address');
        if (!_hasIdProof) _missing.push('proof of ID (tick “seen ID” and add an ID number or photo)');
        window.toast && window.toast('Cannot save: AU buys of $500+ require ' + _missing.join(' and ') + '.');
        _releaseSave();
        return;
      }
      // Soft warn under $500 if the same is missing — allow, but advise.
      if (_amt < 500 && (!_hasAddr || !_hasIdProof)) {
        window.toast && window.toast('Heads up: address / proof of ID missing — allowed under $500, but record it if you can.');
      }
      // Cash-preference warning (over $1,000 cash → prefer bank transfer).
      if (deal.payment === 'cash' && _amt > 1000) {
        window.toast && window.toast('Cash over $1,000 — bank transfer is preferred for AML.');
      }
      // Rolling 12-month total paid to this ID number (this deal included).
      var _idKey = (deal.idCheck && deal.idCheck.idNumber || '').trim().toUpperCase();
      var _cutoff = new Date(); _cutoff.setMonth(_cutoff.getMonth() - 12);
      var _rolling = _amt;
      if (_idKey) {
        (state.deals || []).forEach(function (x) {
          if (!x || x.id === deal.id) return;
          var xk = (x.idCheck && x.idCheck.idNumber || '').trim().toUpperCase();
          if (xk !== _idKey) return;
          var xd = x.date ? new Date(x.date) : (x.createdAt ? new Date(x.createdAt) : null);
          if (xd && xd >= _cutoff) _rolling += (x.amount || 0);
        });
      }
      var _over10k = _rolling > 10000;
      // Did the salesman tick any suspicious-activity flag?
      var _saAny = !!(deal.aml && deal.aml.sa && Object.keys(deal.aml.sa).some(function (k) { return deal.aml.sa[k]; }));
      // Stamp the flag state onto the deal's aml snapshot.
      deal.aml.rolling12moTotal = _rolling;
      deal.aml.over10k = _over10k;
      var _flagReasons = [];
      if (_over10k) _flagReasons.push('Rolling 12-month total to this ID exceeds AUD $10,000 ($' + Math.round(_rolling).toLocaleString() + ')');
      if (_saAny) _flagReasons.push('Suspicious-activity flag raised by ' + (deal.salesman || 'staff'));
      deal.aml.flagged = _flagReasons.length > 0;
      deal.aml.flagReason = _flagReasons.join('; ');
      if (deal.aml.flagged) {
        window.toast && window.toast('⚠ Flagged for AML review: ' + deal.aml.flagReason);
      }
      // Mirror to the aml_register table (fire-and-forget; deal save never blocks on it).
      try { if (typeof amlUpsertFromDeal === 'function') amlUpsertFromDeal(deal); } catch (e) { console.warn('[AML] upsert failed', e); }
    }

    // writing straight into the live model. Superadmins save directly.
    if (!dealId && window.needsApproval && window.needsApproval('deal')) {
      _asyncRelease = true; // release happens in the async .then below, not finally
      window.submitForApproval('deal', deal, 'Deal').then(function (ok) {
        if (ok) { if (window.doneSaving) window.doneSaving('Sent for approval \u2713'); closeAllModals(); }
        _releaseSave(ok ? true : false);
      }).catch(function () { _releaseSave(false); });
      return;
    }

    if (dealId) {
      const i = state.deals.findIndex(x => x.id === dealId);
      if (i >= 0) state.deals[i] = deal;
    } else {
      state.deals.push(deal);
    }
    lsSet(LS.deals, state.deals);
    state.dirty = true;

    // V-255: deal is now safe in local storage. Upload the signature to Storage
    // in the BACKGROUND and swap the inline data URL for the returned path, then
    // re-persist + re-sync. If this fails the deal keeps its inline signature and
    // nothing is lost. Fire-and-forget so the UI never blocks on the network.
    if (_sigNeedsUpload && _sigValue && typeof uploadSignatureDataUrl === 'function') {
      (function (dealRef, inlineSig) {
        const _owner = (authedProfile && authedProfile.id) || state.salesman || 'user';
        Promise.resolve(uploadSignatureDataUrl(inlineSig, _owner)).then(function (path) {
          if (!path) return; // upload failed — keep inline; it's already saved
          var cur = (state.deals || []).find(function (x) { return x.id === dealRef.id; });
          if (cur && cur.signature === inlineSig) {
            cur.signature = path;
            lsSet(LS.deals, state.deals);
            state.dirty = true;
            if (typeof scheduleSync === 'function') scheduleSync();
          }
        }).catch(function (e) { console.warn('[Deal] bg signature upload failed, keeping inline:', e); });
      })(deal, _sigValue);
    }

    // If trip assigned and a park was chosen, add the park to the trip.
    if (tripId && parkId) {
      const t = state.trips.find(x => x.id === tripId);
      if (t && (t.parkIds || []).indexOf(parkId) < 0) {
        t.parkIds = (t.parkIds || []).concat([parkId]);
        updateTrip(t.id, { parkIds: t.parkIds });
      }
    }

    // Mirror onto park
    const p = getParkById(parkId);
    if (p) {
      p.deals = state.deals.filter(d => d.parkId === parkId);
      window.updatePark(parkId, { deals: p.deals });
    }
    // V-268: if this deal was converted from a callback, mark that callback
    // complete now that the deal is saved.
    try {
      var _fromCb = back.dataset.fromCallbackId;
      if (_fromCb) {
        back.dataset.fromCallbackId = '';
        if (typeof completeCallback === 'function') completeCallback(_fromCb);
      }
    } catch (e) {}
    // V-269: a signed deal must reach the cloud (and its real-time backup) the
    // INSTANT Save is tapped — not after the 3s debounce. Flush now. The deal is
    // already in local storage (save-local-first), so if this push fails it
    // stays queued + the 20s retry loop + 30s pull keep trying.
    if (typeof window.pushNow === 'function') { window.pushNow(); }
    else { scheduleSync(); }
    closeAllModals();
    const tname = tripId ? (state.trips.find(t => t.id === tripId) || {}).name : null;
    try { PRFB.feedback('swoop'); } catch (e) {}
    window.toast(tname ? 'Deal saved · added to ' + tname : 'Deal saved');
    // Live JV auto-ledger: if the Financials screen is open, refresh it so the
    // balance reflects this deal immediately (Trip 14+).
    if (document.getElementById('stats-content') && typeof renderStatsContent === 'function') {
      try { renderStatsContent(); } catch (e) {}
    }
    // Receipt: offer download / email confirmation for newly created deals.
    if (!dealId && typeof window.showReceiptScreen === 'function') {
      setTimeout(function () { window.showReceiptScreen(deal.id); }, 250);
    }
    } catch (_saveErr) {
      console.error('[saveDeal] failed:', _saveErr);
      window.toast && window.toast('Couldn\u2019t save — please try again');
      _releaseSave(false);
      return;
    } finally {
      // Success confirm, UNLESS the approval path already took over the release
      // asynchronously, or the catch already released.
      if (_savingDeal && !_asyncRelease) _releaseSave(true);
    }
  }

  function deleteDeal(id) {
    if (!window.isSuperAdmin()) { window.toast && window.toast('Only a super admin can delete deals'); return; }
    if (window.tombstone) window.tombstone('deals', id);
    state.deals = state.deals.filter(d => d.id !== id);
    lsSet(LS.deals, state.deals);
    if (state.openParkId) {
      const p = getParkById(state.openParkId);
      if (p) {
        p.deals = state.deals.filter(d => d.parkId === p.id);
        window.updatePark(p.id, { deals: p.deals });
      }
    }
    state.dirty = true;
    scheduleSync();
    renderPanel();
    window.toast('Deal deleted');
  }

  function renderPanelDeals(p) {
    const box = document.getElementById('panel-deals');
    if (!box) return;
    const ds = state.deals.filter(d => d.parkId === p.id);
    const total = ds.reduce((a, d) => a + (Number(d.amount) || 0), 0);
    const totalEl = document.getElementById('panel-deals-total');
    if (totalEl) totalEl.textContent = ds.length ? (ds.length + (ds.length === 1 ? ' deal · ' : ' deals · ') + curSym() + total.toFixed(2)) : '';
    if (ds.length === 0) {
      box.innerHTML = 'No deals logged here yet. Tap \u201c+ Add a deal\u201d below to log one against this location.';
    } else {
      box.innerHTML = ds.slice().sort(function(a,b){ return (b.date||'').localeCompare(a.date||''); }).map(d =>
        '<div class="deal-row" data-id="' + escapeHtml(d.id) + '" style="padding:8px 0;border-bottom:1px solid var(--border);cursor:pointer;">' +
        '<div style="display:flex;justify-content:space-between;font-size:14px;font-weight:600;color:var(--text);"><span>' + escapeHtml(d.client || 'Unknown') + '</span><span>' + curSym() + Number(d.amount || 0).toFixed(2) + '</span></div>' +
        '<div style="font-size:12px;color:var(--text-muted);">' + escapeHtml(d.items || '') + '</div>' +
        '<div style="font-size:11px;color:var(--text-muted);margin-top:2px;">' + escapeHtml(d.date || '') + ' · ' + escapeHtml(d.payment || '') + ' · ' + escapeHtml(d.salesman || '') + '</div>' +
        '</div>'
      ).join('');
      box.querySelectorAll('.deal-row').forEach(r => {
        r.addEventListener('click', () => openDealModal(p.id, r.dataset.id));
      });
    }
    // Bottom deals summary in panel
    setText('deals-total', curSym() + total.toFixed(2));
    setText('deals-count', ds.length ? (ds.length + ' deal' + (ds.length > 1 ? 's' : '')) : 'No deals yet');
    const dl = document.getElementById('deals-list');
    if (dl) dl.innerHTML = box.innerHTML;
  }

  function renderPanelHistory(p) {
    const box = document.getElementById('panel-history');
    if (!box) return;
    const visits = (p.visits || []).slice().sort().reverse();
    if (visits.length === 0) {
      box.innerHTML = 'No visits logged yet.';
    } else {
      box.innerHTML = visits.map(v =>
        '<div style="padding:6px 0;border-bottom:1px solid var(--border);font-size:13px;">' +
        new Date(v).toLocaleString() + '</div>'
      ).join('');
    }
  }

  // =========================================================================
  // VISIT WEATHER (Option B): when a park is marked Working/Done or added to a
  // trip, capture the weather experienced so outcomes can later be correlated
  // with conditions. Five field-friendly conditions, written to park_visits.
  // =========================================================================
  var WEATHER_OPTS = [
    { val: 'freezing', label: 'Freezing', color: '#3B82F6',
      icon: '<svg viewBox="0 0 24 24" width="26" height="26" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="2" x2="12" y2="22"/><line x1="2" y1="12" x2="22" y2="12"/><line x1="5" y1="5" x2="19" y2="19"/><line x1="19" y1="5" x2="5" y2="19"/></svg>' },
    { val: 'cold', label: 'Cold', color: '#0EA5E9',
      icon: '<svg viewBox="0 0 24 24" width="26" height="26" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M14 14.76V3.5a2.5 2.5 0 0 0-5 0v11.26a4.5 4.5 0 1 0 5 0z"/></svg>' },
    { val: 'warm', label: 'Warm', color: '#F59E0B',
      icon: '<svg viewBox="0 0 24 24" width="26" height="26" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="4"/><line x1="12" y1="2" x2="12" y2="5"/><line x1="12" y1="19" x2="12" y2="22"/><line x1="2" y1="12" x2="5" y2="12"/><line x1="19" y1="12" x2="22" y2="12"/><line x1="4.9" y1="4.9" x2="7" y2="7"/><line x1="17" y1="17" x2="19.1" y2="19.1"/><line x1="4.9" y1="19.1" x2="7" y2="17"/><line x1="17" y1="7" x2="19.1" y2="4.9"/></svg>' },
    { val: 'red-hot', label: 'Red Hot', color: '#EF4444',
      icon: '<svg viewBox="0 0 24 24" width="26" height="26" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z"/></svg>' },
    { val: 'rain', label: 'Rain', color: '#64748B',
      icon: '<svg viewBox="0 0 24 24" width="26" height="26" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><line x1="8" y1="19" x2="8" y2="21"/><line x1="8" y1="13" x2="8" y2="15"/><line x1="16" y1="19" x2="16" y2="21"/><line x1="16" y1="13" x2="16" y2="15"/><line x1="12" y1="21" x2="12" y2="23"/><line x1="12" y1="15" x2="12" y2="17"/><path d="M20 16.58A5 5 0 0 0 18 7h-1.26A8 8 0 1 0 4 15.25"/></svg>' }
  ];

  // Write a park_visits row stamped with the chosen weather. Best-effort: if it
  // fails (e.g. not signed in), we don't block the status change that triggered it.
  async function recordVisitWeather(parkId, weather) {
    try {
      var row = {
        park_id: parkId,
        weather: weather,
        visited_at: new Date().toISOString(),
        country: state.country || 'UK'
      };
      if (authedProfile && authedProfile.id) row.rep_id = authedProfile.id;
      await queuedWrite({ table: 'park_visits', verb: 'insert', row: row });
    } catch (e) {
      console.warn('[VisitWeather] save failed:', e);
    }
  }

  // Show the 5-icon weather picker. Calls onPick(value) when chosen, or onPick(null)
  // if skipped/dismissed. Non-blocking overlay so the field flow stays quick.
  function askVisitWeather(onPick) {
    var existing = document.getElementById('weather-pick-backdrop');
    if (existing) existing.remove();
    var btns = WEATHER_OPTS.map(function (o) {
      return '<button class="wx-pick-btn" data-val="' + o.val + '" style="display:flex;flex-direction:column;align-items:center;gap:6px;border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:14px 8px;cursor:pointer;flex:1;min-width:0;color:' + o.color + ';">' +
        o.icon +
        '<span style="font-size:11px;font-weight:700;color:var(--text);white-space:nowrap;">' + o.label + '</span>' +
        '</button>';
    }).join('');
    var html = '<div id="weather-pick-backdrop" class="modal-backdrop open" style="z-index:1650;align-items:flex-end;">' +
      '<div class="modal" style="max-width:520px;width:100%;border-radius:20px 20px 0 0;">' +
        '<div class="modal-head"><h2 style="font-size:17px;">What\'s the weather like?</h2>' +
          '<button class="icon-btn" id="wx-pick-skip"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></button>' +
        '</div>' +
        '<div class="modal-body">' +
          '<div style="font-size:12.5px;color:var(--text-muted);margin-bottom:12px;">Tag the conditions while you worked here — we use it to learn how weather affects results.</div>' +
          '<div style="display:flex;gap:8px;">' + btns + '</div>' +
        '</div>' +
        '<div class="modal-foot"><button class="btn btn-ghost" id="wx-pick-none" style="width:100%;">Skip — don\'t record weather</button></div>' +
      '</div></div>';
    document.body.insertAdjacentHTML('beforeend', html);
    function done(val) {
      var b = document.getElementById('weather-pick-backdrop');
      if (b) b.remove();
      if (onPick) onPick(val);
    }
    document.querySelectorAll('#weather-pick-backdrop .wx-pick-btn').forEach(function (b) {
      b.addEventListener('click', function () { done(b.dataset.val); });
    });
    document.getElementById('wx-pick-skip').addEventListener('click', function () { done(null); });
    document.getElementById('wx-pick-none').addEventListener('click', function () { done(null); });
  }
  window.askVisitWeather = askVisitWeather;
  window.recordVisitWeather = recordVisitWeather;

  // Render the five weather icons into the open park panel and wire taps.
  // Tapping logs a park_visits row stamped with that weather, right then.
  function renderPanelWeather(p) {
    var grid = document.getElementById('panel-weather-grid');
    if (!grid) return;
    grid.innerHTML = WEATHER_OPTS.map(function (o) {
      return '<button type="button" class="panel-wx-btn" data-val="' + o.val + '" title="' + o.label + '" ' +
        'style="flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px;border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:10px 4px;cursor:pointer;color:' + o.color + ';">' +
        o.icon +
        '<span style="font-size:10px;font-weight:700;color:var(--text);white-space:nowrap;">' + o.label + '</span>' +
        '</button>';
    }).join('');
    grid.querySelectorAll('.panel-wx-btn').forEach(function (b) {
      b.addEventListener('click', function () {
        if (!state.openParkId) return;
        // visual confirm
        grid.querySelectorAll('.panel-wx-btn').forEach(function (x) { x.style.boxShadow = 'none'; x.style.transform = 'scale(1)'; });
        b.style.boxShadow = '0 0 0 3px var(--text,#1A1A1F)';
        b.style.transform = 'scale(1.05)';
        recordVisitWeather(state.openParkId, b.dataset.val);
        var noteEl = document.getElementById('panel-weather-note');
        if (noteEl) {
          var lbl = (WEATHER_OPTS.find(function (o) { return o.val === b.dataset.val; }) || {}).label || b.dataset.val;
          noteEl.style.display = '';
          noteEl.textContent = 'Logged: ' + lbl + ' \u00B7 ' + new Date().toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });
        }
        window.toast && window.toast('Weather noted');
      });
    });
  }
  window.renderPanelWeather = renderPanelWeather;

  function logVisit() {
    if (!state.openParkId) return;
    const p = getParkById(state.openParkId);
    if (!p) return;
    p.visits = (p.visits || []).concat([new Date().toISOString()]);
    window.updatePark(p.id, { visits: p.visits });

    // Auto-extend work session for everyone currently "on the clock"
    // (multi-salesman: if Lewis is also active, his session extends too).
    // If no one is active, fall back to current user as a sensible default.
    try {
      let active = (typeof getActiveSalesmen === 'function') ? getActiveSalesmen() : [];
      if (active.length === 0 && state.salesman) active = [state.salesman];
      active.forEach(sm => {
        if (sm && typeof ensureActiveSession === 'function') {
          ensureActiveSession(sm).catch(e => console.warn('[Visit] auto-extend failed for', sm, e));
        }
      });
    } catch (e) { console.warn('[Visit] auto-extend wrapper failed:', e); }

    window.toast('Visit logged');
  }

  // =========================================================================
  // MAP (Leaflet)
  // =========================================================================
  function ensureMap() {
    if (state.map) return state.map;
    if (typeof L === 'undefined') { console.warn('Leaflet not loaded'); return null; }
    const mapEl = document.getElementById('map');
    if (!mapEl) return null;
    state.map = L.map('map').setView([54.0, -2.5], 6);
    L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
      maxZoom: 18,
      attribution: '© OpenStreetMap'
    }).addTo(state.map);
    // Custom pane for the heat canvas: above tiles, below markers.
    if (!state.map.getPane('heat')) {
      state.map.createPane('heat');
      const hp = state.map.getPane('heat');
      hp.style.zIndex = 400;          // tiles=200, overlay=400, marker=600
      hp.style.pointerEvents = 'none';
    }
    return state.map;
  }

  // Canvas-based heat overlay. Replaces the old blurred-SVG pane, which OOM-crashed
  // the mobile renderer when the map was touched (re-rasterising a big blur+blend GPU
  // layer every pan frame). A single canvas with radial gradients gives the same glow
  // far more cheaply and survives pan/zoom.
  function ensureHeatCanvas(m) {
    if (state._heatCanvas) return state._heatCanvas;
    const pane = m.getPane('heat');
    const cv = L.DomUtil.create('canvas', 'pr-heat-canvas', pane);
    cv.style.position = 'absolute';
    cv.style.pointerEvents = 'none';
    state._heatCanvas = cv;
    return cv;
  }
  function clearHeatCanvas() {
    const cv = state._heatCanvas;
    if (!cv) return;
    const ctx = cv.getContext('2d');
    if (ctx) ctx.clearRect(0, 0, cv.width, cv.height);
    cv.style.display = 'none';
  }
  function drawHeatCanvas(m, tagged) {
    if (!tagged || !tagged.length) { clearHeatCanvas(); return; }
    const cv = ensureHeatCanvas(m);
    cv.style.display = '';
    const size = m.getSize();
    // Anchor the canvas to the current viewport's top-left (in layer coords) so it
    // pans WITH the map; we redraw on moveend to reproject after zoom/pan.
    const topLeft = m.containerPointToLayerPoint([0, 0]);
    L.DomUtil.setPosition(cv, topLeft);
    const dpr = Math.min(window.devicePixelRatio || 1, 2);
    cv.width = Math.round(size.x * dpr);
    cv.height = Math.round(size.y * dpr);
    cv.style.width = size.x + 'px';
    cv.style.height = size.y + 'px';
    const ctx = cv.getContext('2d');
    ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
    ctx.clearRect(0, 0, size.x, size.y);
    ctx.globalCompositeOperation = 'multiply';
    const R = 58;
    tagged.forEach(p => {
      const col = ratingColor(p.rating);
      if (!col) return;
      const pt = m.latLngToContainerPoint([p.lat, p.lng]);
      if (pt.x < -R || pt.y < -R || pt.x > size.x + R || pt.y > size.y + R) return; // off-screen
      const g = ctx.createRadialGradient(pt.x, pt.y, 0, pt.x, pt.y, R);
      g.addColorStop(0, hexAlpha(col, 0.85));
      g.addColorStop(0.45, hexAlpha(col, 0.40));
      g.addColorStop(1, hexAlpha(col, 0));
      ctx.fillStyle = g;
      ctx.fillRect(pt.x - R, pt.y - R, R * 2, R * 2);
    });
    ctx.globalCompositeOperation = 'source-over';
  }

  function updateMapPins(opts) {
    opts = opts || {};
    const m = ensureMap();
    if (!m) return;
    // Clear old markers
    state.mapMarkers.forEach(mk => m.removeLayer(mk));
    state.mapMarkers = [];
    state.heatMarkers = [];
    const allParks = visibleParks().filter(p => p.lat && p.lng);

    // Fit to the full filtered set on explicit (re)render — not on pan-triggered
    // re-renders (opts.fit === false), which would otherwise fight the user.
    if (opts.fit !== false && allParks.length && allParks.length < 9000) {
      try { m.fitBounds(allParks.map(p => [p.lat, p.lng]), { padding: [20, 20], maxZoom: 10 }); } catch (e) {}
    }

    // === Viewport culling + hard caps ===
    // Drawing a marker for every park (6,000+) would be heavy; cap + cull to what's
    // in view so the set stays bounded regardless of dataset size.
    const MAX_PINS = 1200;   // markers rendered at once
    const MAX_HEAT = 500;    // tagged parks that draw heat blobs at once
    const culling = allParks.length > MAX_PINS;
    state._mapCulling = culling;
    let inView = allParks;
    if (culling) {
      let bounds = null;
      try { bounds = m.getBounds().pad(0.3); } catch (e) {}
      if (bounds) inView = allParks.filter(p => bounds.contains([p.lat, p.lng]));
      if (inView.length > MAX_PINS) {
        // Don't blindly slice — that could drop a Working/rated park. Keep all
        // meaningful pins (rated or in_progress) and fill the rest up to the cap.
        const important = inView.filter(p => p.rating || p.status === 'in_progress');
        const rest = inView.filter(p => !(p.rating || p.status === 'in_progress'));
        inView = important.concat(rest).slice(0, Math.max(MAX_PINS, important.length));
      }
    }

    // === HEAT (cheap canvas overlay; drawn under the pins) ===
    if (state.heatMode) {
      let tagged = inView.filter(p => p.rating && ratingColor(p.rating));
      if (tagged.length > MAX_HEAT) tagged = tagged.slice(0, MAX_HEAT);
      drawHeatCanvas(m, tagged);
    } else {
      clearHeatCanvas();
    }

    // Draw order matters: Leaflet paints later markers on top. In dense areas
    // a grey "not done" pin could otherwise cover an orange "Working" or a rated
    // pin sitting at almost the same spot, making it look grey. Sort so the
    // meaningful markers (Working + rated) are drawn LAST, on top, and give them
    // a higher z so they win any overlap.
    const _pinRank = function (p) {
      if (ratingColor(p && p.rating)) return 2;        // rated — most important
      if (p && p.status === 'in_progress') return 1;   // Working
      return 0;                                         // not done / done-unrated
    };
    const _drawOrder = inView.slice().sort(function (a, b) { return _pinRank(a) - _pinRank(b); });
    _drawOrder.forEach(p => {
      const col = markerColorForPark(p);
      const rank = _pinRank(p);
      // When heat is on, shrink the pin so the glow shows through
      const pinSize = state.heatMode ? 10 : 14;
      const ic = L.divIcon({
        className: 'pr-pin',
        html: '<div style="width:' + pinSize + 'px;height:' + pinSize + 'px;border-radius:50%;background:' + col + ';border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,0.3);"></div>',
        iconSize: [pinSize, pinSize]
      });
      const mk = L.marker([p.lat, p.lng], { icon: ic, zIndexOffset: rank * 1000 }).addTo(m);
      const _wxh = wxHintForPark(p);
      mk.bindPopup('<strong>' + escapeHtml(p.name) + '</strong><br>' + escapeHtml(p.town || '') + (_wxh ? '<br>' + _wxh : ''));
      mk.on('click', () => openPark(p.id));
      state.mapMarkers.push(mk);
    });
    // Batched weather for the pins in view (cached 30 min), refresh popups after.
    if (state.weatherHintsOn !== false) {
      const _wxMapPts = _drawOrder.filter(p => p.lat != null && p.lng != null).slice(0, 80).map(p => ({ lat: p.lat, lng: p.lng }));
      if (_wxMapPts.length) fetchWeatherBatch(_wxMapPts);
    }

    // Blue "You" dot — your current position, matching the COLOR GUIDE legend.
    // Drawn last with a very high z so it sits on top of every park pin.
    if (state.myLocation && state.myLocation.lat != null) {
      const youIc = L.divIcon({
        className: 'pr-pin-you',
        html: '<div style="width:16px;height:16px;border-radius:50%;background:#2563EB;border:2px solid #fff;box-shadow:0 0 0 3px rgba(37,99,235,0.30),0 1px 4px rgba(0,0,0,0.35);"></div>',
        iconSize: [16, 16]
      });
      const you = L.marker([state.myLocation.lat, state.myLocation.lng], { icon: youIc, zIndexOffset: 10000 }).addTo(m);
      you.bindPopup('<strong>You</strong>' + (state.myLocation.fromPark ? '<br>' + escapeHtml(state.myLocation.fromPark) : ''));
      state.mapMarkers.push(you);
    } else if (!state._mapLocReqd && navigator.geolocation) {
      // First time on the map with no known position: ask once, then re-render
      // so the blue dot appears without the user doing anything.
      state._mapLocReqd = true;
      try {
        navigator.geolocation.getCurrentPosition(function (pos) {
          state.myLocation = { lat: pos.coords.latitude, lng: pos.coords.longitude };
          if (state.view === 'map') updateMapPins({ fit: false });
        }, function () {}, { enableHighAccuracy: true, timeout: 8000, maximumAge: 60000 });
      } catch (e) {}
    }

    // Re-cull markers + reproject the heat canvas as the user pans/zooms (debounced).
    if (!state._mapMoveBound) {
      state._mapMoveBound = true;
      m.on('moveend', () => {
        if (state.view !== 'map') return;
        if (!state._mapCulling && !state.heatMode) return;
        clearTimeout(state._mapMoveTimer);
        state._mapMoveTimer = setTimeout(() => updateMapPins({ fit: false }), 140);
      });
    }

    // Let the user know not every pin is shown (only on explicit renders, not pans).
    if (culling && opts.fit !== false && window.toast) {
      window.toast('Showing ' + inView.length + ' of ' + allParks.length + ' pins in view — zoom in for more');
    }

    setTimeout(() => m.invalidateSize(), 100);
  }

  // =========================================================================
  // MODALS / TOAST
  // =========================================================================
  window.closeAllModals = function() {
    document.querySelectorAll('.modal-backdrop').forEach(b => b.classList.remove('open'));
  };
  // Robust modal dismissal for iOS Safari: the close (X) buttons only had onclick,
  // which can fail to register on touch — leaving the user stuck in e.g. the Stats
  // panel with no way back. This delegated handler closes on (a) tapping any
  // [data-close-modal] control via touch OR click, and (b) tapping the dark
  // backdrop outside the modal.
  (function bindRobustModalClose() {
    function maybeClose(e) {
      const t = e.target;
      if (!t || !t.closest) return;
      if (t.closest('[data-close-modal]')) {
        if (e.type === 'touchend') e.preventDefault(); // avoid a duplicate click
        window.closeAllModals();
      } else if (t.classList && t.classList.contains('modal-backdrop') && t.classList.contains('open')) {
        window.closeAllModals();
      }
    }
    document.addEventListener('click', maybeClose, true);
    document.addEventListener('touchend', maybeClose, true);
  })();
  function openModal(id) {
    const m = document.getElementById(id);
    if (m) m.classList.add('open');
  }
  window.toast = function(msg) {
    const t = document.getElementById('toast');
    if (!t) return;
    t.textContent = msg;
    t.classList.add('show');
    clearTimeout(window._toastT);
    window._toastT = setTimeout(() => t.classList.remove('show'), 2400);
  };

  // V-309: prominent saving overlay so a save is never silent (the old subtle
  // "Saving…" button label was missable, leading to repeat taps + duplicates).
  window.showSaving = function (msg) {
    var ov = document.getElementById('saving-overlay');
    var card = document.getElementById('saving-card');
    var sp = document.getElementById('saving-spinner');
    var tx = document.getElementById('saving-text');
    if (!ov) return;
    if (card) card.classList.remove('done');
    if (sp) sp.style.display = '';
    if (tx) tx.textContent = msg || 'Saving deal…';
    ov.classList.add('show');
  };
  // Flip to a green "Saved ✓" tick briefly, then hide.
  window.doneSaving = function (msg) {
    var ov = document.getElementById('saving-overlay');
    var card = document.getElementById('saving-card');
    var sp = document.getElementById('saving-spinner');
    var tx = document.getElementById('saving-text');
    if (!ov) return;
    if (!ov.classList.contains('show')) return; // nothing was showing
    if (card) card.classList.add('done');
    if (sp) sp.style.display = 'none';
    if (tx) tx.textContent = msg || 'Saved \u2713';
    clearTimeout(window._savingT);
    window._savingT = setTimeout(function () { ov.classList.remove('show'); }, 800);
  };
  // Immediate hide (used on error so the user can retry without waiting).
  window.hideSaving = function () {
    var ov = document.getElementById('saving-overlay');
    if (ov) ov.classList.remove('show');
    clearTimeout(window._savingT);
  };

  // Profile image upload handler
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', setupProfileImageUpload);
  } else {
    setupProfileImageUpload();
  }

  function setupProfileImageUpload() {
    var uploadBtn = document.getElementById('btn-upload-img');
    var fileInput = document.getElementById('profile-image-input');
    var saveBtn = document.getElementById('btn-save-profile');
    
    if (uploadBtn) {
      uploadBtn.addEventListener('click', function() { fileInput.click(); });
    }
    
    if (fileInput) {
      fileInput.addEventListener('change', async function(e) {
        var file = e.target.files[0];
        if (!file) return;
        if (file.size > 5 * 1024 * 1024) {
          window.toast && window.toast('Image too large (max 5MB)');
          return;
        }
        var imagePath = await window.uploadProfileImage(file);
        if (imagePath) {
          state.currentProfile = state.currentProfile || {};
          state.currentProfile.image_url = imagePath;
          var preview = document.getElementById('profile-modal-img');
          var reader = new FileReader();
          reader.onload = function(evt) {
            preview.src = evt.target.result;
            preview.style.display = 'block';
            document.getElementById('profile-modal-icon').style.display = 'none';
          };
          reader.readAsDataURL(file);
        }
      });
    }
    
    if (saveBtn) {
      saveBtn.addEventListener('click', window.saveProfileData);
    }
  }

  // =========================================================================
  // SEARCH / FILTERS / TABS
  // =========================================================================
  function onSearch(e) {
    state.search = e.target.value;
    window.render();
  }

  // "Search my area" button: get the user's position, reverse-geocode it to a
  // town, and drop that into the search box so the local list comes up — saves
  // typing the same town every day in the field.
  async function searchMyArea() {
    const btn = document.getElementById('btn-my-location');
    const input = document.getElementById('search');
    if (!navigator.geolocation) { window.toast && window.toast('Location not available on this device'); return; }
    // Spin the icon while we locate.
    if (btn) btn.style.opacity = '0.5';
    window.toast && window.toast('Finding your area…');
    navigator.geolocation.getCurrentPosition(async function (pos) {
      const lat = pos.coords.latitude, lng = pos.coords.longitude;
      state.myLocation = { lat: lat, lng: lng };
      let town = '';
      try {
        // postcodes.io reverse lookup → nearest postcode gives admin_ward/parish/town.
        const r = await fetch('https://api.postcodes.io/postcodes?lon=' + lng + '&lat=' + lat);
        if (r.ok) {
          const j = await r.json();
          const res = j && j.result && j.result[0];
          if (res) town = res.parish || res.admin_ward || res.admin_district || res.region || '';
          // Prefer a town that actually matches a town in our data, if possible.
          const cand = [res && res.admin_district, res && res.parish, res && res.admin_ward].filter(Boolean);
          for (const c of cand) {
            if (state.parks.some(p => (p.town || '').toLowerCase() === String(c).toLowerCase())) { town = c; break; }
          }
        }
      } catch (e) {}
      if (btn) btn.style.opacity = '';
      if (town) {
        state.search = town;
        if (input) input.value = town;
        window.render();
        window.toast && window.toast('Showing locations in ' + town);
      } else {
        // Couldn't name the town — fall back to the Near tab which sorts by distance.
        window.toast && window.toast('Couldn\u2019t name your town — opening Near (sorted by distance)');
        if (window.switchTab) window.switchTab('nearby');
      }
    }, function () {
      if (btn) btn.style.opacity = '';
      window.toast && window.toast('Location permission denied — allow location to use this');
    }, { enableHighAccuracy: true, timeout: 10000, maximumAge: 60000 });
  }
  window.searchMyArea = searchMyArea;
  function injectWorkingChip() {
    if (document.querySelector('.chip[data-filter="working"]')) return;
    const doneChip = document.querySelector('.chip[data-filter="done"]');
    if (!doneChip) return;
    const html = '<button class="chip" data-filter="working">Working <span class="count" id="count-working">0</span></button>';
    doneChip.insertAdjacentHTML('beforebegin', html);
  }

  function bindFilters() {
    injectWorkingChip();
    document.querySelectorAll('.chip[data-filter]').forEach(c => {
      bindButton(c, () => {
        state.filter = c.dataset.filter;
        document.querySelectorAll('.chip[data-filter]').forEach(b => b.classList.toggle('active', b === c));
        window.render();
        updateFilterIndicator();
      });
    });
    document.querySelectorAll('.color-chip[data-color]').forEach(c => {
      bindButton(c, () => {
        if (state.colorFilter === c.dataset.color) {
          state.colorFilter = null;
          c.classList.remove('active');
        } else {
          state.colorFilter = c.dataset.color;
          document.querySelectorAll('.color-chip').forEach(b => b.classList.toggle('active', b === c));
        }
        window.render();
        updateFilterIndicator();
      });
    });
    // Source chips (e.g. Park.org). Toggle on/off; combines with status/rating.
    document.querySelectorAll('.chip[data-source]').forEach(c => {
      bindButton(c, () => {
        if (state.sourceFilter === c.dataset.source) {
          state.sourceFilter = null;
          c.classList.remove('active');
        } else {
          state.sourceFilter = c.dataset.source;
          document.querySelectorAll('.chip[data-source]').forEach(b => b.classList.toggle('active', b === c));
        }
        window.render();
        updateFilterIndicator();
      });
    });
    updateFilterIndicator();
    // Restore the panel's open/closed state from last session.
    try {
      if (localStorage.getItem('pr_filters_open') === '1') {
        const panel = document.getElementById('filter-collapse');
        const btn = document.getElementById('filter-toggle-btn');
        const chev = document.getElementById('filter-toggle-chev');
        if (panel) panel.style.display = '';
        if (btn) btn.classList.add('open');
        if (chev) chev.textContent = '▴';
      }
    } catch (e) {}
  }

  // Status + rating chips live in a collapsible panel to keep the header clean.
  // A dot on the toggle signals when a non-default filter is active.
  // V-316: programmatic status-tab change used by the smart empty-state
  // "Show all" button, so a hidden park you're standing at is one tap away.
  window.setStatusFilter = function (f) {
    state.filter = f || 'all';
    document.querySelectorAll('.chip[data-filter]').forEach(b =>
      b.classList.toggle('active', b.dataset.filter === state.filter));
    window.render();
    try { updateFilterIndicator(); } catch (e) {}
  };

  function updateFilterIndicator() {
    const dot = document.getElementById('filter-active-dot');
    if (!dot) return;
    const active = (state.filter && state.filter !== 'all') || !!state.colorFilter || !!state.sourceFilter;
    dot.style.display = active ? '' : 'none';
  }
  window.toggleFilterPanel = function() {
    const panel = document.getElementById('filter-collapse');
    const btn = document.getElementById('filter-toggle-btn');
    const chev = document.getElementById('filter-toggle-chev');
    if (!panel) return;
    const open = panel.style.display === 'none';
    panel.style.display = open ? '' : 'none';
    if (btn) btn.classList.toggle('open', open);
    if (chev) chev.textContent = open ? '▴' : '▾';
    try { localStorage.setItem('pr_filters_open', open ? '1' : '0'); } catch (e) {}
  };

  // Toggle between the two sub-views of the merged Stock/Spot tab.
  function setStockSpotView(v) {
    if (v !== 'stock' && v !== 'spot') v = 'stock';
    state.stockSpotView = v;
    const sv = document.getElementById('stock-view');
    const pv = document.getElementById('spot-view');
    if (sv) sv.style.display = v === 'stock' ? '' : 'none';
    if (pv) pv.style.display = v === 'spot' ? '' : 'none';
    document.querySelectorAll('.stockspot-seg-btn').forEach(b =>
      b.classList.toggle('active', b.dataset.ss === v));
    if (v === 'stock') renderStockTab();
    else renderSpotTab();
  }
  window.setStockSpotView = setStockSpotView;

  window.switchTab = function(tab) {
    // Accountant role: read-only finance access. Allowed tabs only (Stock/Spot);
    // anything else shows the "No Access Rights" overlay instead of navigating.
    if (window.isAccountant() && !window.accountantCanAccess(tab)) {
      if (typeof window.showNoAccessOverlay === 'function') window.showNoAccessOverlay();
      return;
    }
    // Role gate: salesmen cannot open Stock or Spot (finance) tabs.
    if ((tab === 'stock' || tab === 'spot') && !window.isAdminUser() && !window.isAccountant()) {
      window.toast && window.toast('Stock & financials are admin-only');
      return;
    }
    // Approvals tab is admin/superadmin only.
    if (tab === 'approvals' && !window.isAdminUser()) {
      window.toast && window.toast('Approvals are admin-only');
      return;
    }
    // Stock and Spot are separate tabs that share one content container.
    if (state.selectionMode && tab !== 'parks') exitSelectionMode();
    state.currentTab = tab;
    // Close the More sheet whenever we navigate.
    if (typeof window.closeMoreSheet === 'function') window.closeMoreSheet();
    // Also close the header burger menu, then recompute overlay state so the
    // floating controls are never left hidden (or the menu left covering them).
    if (typeof window.closeHeaderMenu === 'function') window.closeHeaderMenu();
    if (typeof window.syncOverlayState === 'function') window.syncOverlayState();
    // Hide filterbar on Near Me tab (it has its own filter row), show on Locations
    const filterbar = document.querySelector('.filterbar');
    if (filterbar) filterbar.style.display = (tab === 'parks') ? '' : 'none';
    // Sync body class so CSS can scope per-tab UI (e.g. hide floating
    // buttons + view-switch on tabs other than Parks).
    document.body.classList.remove('tab-parks','tab-trips','tab-nearby','tab-team','tab-time','tab-calls','tab-stock','tab-spot','tab-mentions','tab-planner','tab-competitors','tab-hotspots','tab-weather','tab-chat','tab-approvals','tab-deals','tab-bugs','tab-translate','tab-auth','tab-fuel','tab-food','tab-rsrates','tab-valuations','tab-gadgets','tab-market');
    // map-mode is the Locations(parks) full-screen map overlay. It must never
    // persist onto another tab, or the parks #map paints on top of (or behind)
    // the new tab's content — e.g. it was stacking over the Near screen. Clear
    // it on any switch away from parks.
    if (tab !== 'parks') document.body.classList.remove('map-mode');
    try { var _sv = document.getElementById('spot-view'); if (_sv) { _sv._prFlashed = false; _sv._prRinged = false; } } catch (e) {}
    document.body.classList.add('tab-' + tab);
    document.querySelectorAll('.tab-btn').forEach(b =>
      b.classList.toggle('active', b.dataset.tab === tab));
    // Sync the bottom nav bar (Locations/Near/My Route/Trips) + "More".
    if (typeof window.syncBottomNav === 'function') window.syncBottomNav(tab);
    document.getElementById('tab-parks').style.display = tab === 'parks' ? '' : 'none';
    document.getElementById('tab-trips').style.display = tab === 'trips' ? '' : 'none';
    document.getElementById('tab-nearby').style.display = tab === 'nearby' ? '' : 'none';
    const tabTeam = document.getElementById('tab-team');
    if (tabTeam) tabTeam.style.display = tab === 'team' ? '' : 'none';
    const tabTime = document.getElementById('tab-time');
    if (tabTime) tabTime.style.display = tab === 'time' ? '' : 'none';
    const tabCalls = document.getElementById('tab-calls');
    if (tabCalls) tabCalls.style.display = tab === 'calls' ? '' : 'none';
    const tabStock = document.getElementById('tab-stock');
    // The stock container hosts both Stock and Spot sub-views.
    if (tabStock) tabStock.style.display = (tab === 'stock' || tab === 'spot') ? '' : 'none';
    const tabPlanner = document.getElementById('tab-planner');
    if (tabPlanner) tabPlanner.style.display = tab === 'planner' ? '' : 'none';
    const tabMentions = document.getElementById('tab-mentions');
    if (tabMentions) tabMentions.style.display = tab === 'mentions' ? '' : 'none';
    const tabCompetitors = document.getElementById('tab-competitors');
    if (tabCompetitors) tabCompetitors.style.display = tab === 'competitors' ? '' : 'none';
    const tabHotspots = document.getElementById('tab-hotspots');
    if (tabHotspots) tabHotspots.style.display = tab === 'hotspots' ? '' : 'none';
    const tabWeather = document.getElementById('tab-weather');
    if (tabWeather) tabWeather.style.display = tab === 'weather' ? '' : 'none';
    const tabChat = document.getElementById('tab-chat');
    if (tabChat) tabChat.style.display = tab === 'chat' ? '' : 'none';
    // Belt-and-braces: explicitly hide the deal FAB + List/Map switch on tabs
    // where they don't belong (chat/weather), in case CSS specificity misses.
    var _hideChrome = (tab === 'chat' || tab === 'weather' || tab === 'translate' || tab === 'auth' || tab === 'fuel' || tab === 'food' || tab === 'rsrates' || tab === 'valuations' || tab === 'gadgets' || tab === 'aml' || tab === 'refinery' || tab === 'tasks' || tab === 'market' || tab === 'collectables');
    // Leaving chat entirely: tear down any open conversation pane.
    if (tab !== 'chat' && typeof window.closeChatPane === 'function') window.closeChatPane();
    // Leaving Translate: stop any active mic capture or read-aloud.
    if (tab !== 'translate') {
      if (typeof window.trStopMic === 'function') window.trStopMic();
      try { if (window.speechSynthesis) window.speechSynthesis.cancel(); } catch (e) {}
    }
    var _df = document.getElementById('btn-deal-fab');
    if (_df) _df.style.display = _hideChrome ? 'none' : '';
    var _vs = document.querySelector('.view-switch');
    if (_vs) {
      if (_hideChrome) _vs.style.display = 'none';
      else _vs.style.display = ''; // let CSS rules decide per-tab
    }
    // The map colour-guide legend belongs ONLY to the Parks tab's map view.
    // Its visibility is driven by setView() inline-style, which can leave a
    // stale display:'' behind when you leave Parks in map mode and return in
    // list mode (legend then floats over the list — the "stuck side chart" bug).
    // Fix: clear the inline style when leaving Parks, and re-sync the correct
    // view (list/map) when entering Parks so the legend matches state.view.
    var _legend = document.getElementById('map-legend');
    if (tab === 'parks') {
      if (typeof setView === 'function') setView(state.view || 'list');
    } else if (_legend) {
      _legend.style.display = 'none';
    }
    const tabApprovals = document.getElementById('tab-approvals');
    if (tabApprovals) tabApprovals.style.display = tab === 'approvals' ? '' : 'none';
    const tabDeals = document.getElementById('tab-deals');
    if (tabDeals) tabDeals.style.display = tab === 'deals' ? '' : 'none';
    const tabBugs = document.getElementById('tab-bugs');
    if (tabBugs) tabBugs.style.display = tab === 'bugs' ? '' : 'none';
    const tabReceipts = document.getElementById('tab-receipts');
    if (tabReceipts) tabReceipts.style.display = tab === 'receipts' ? '' : 'none';
    const tabClients = document.getElementById('tab-clients');
    if (tabClients) tabClients.style.display = tab === 'clients' ? '' : 'none';
    const tabTranslate = document.getElementById('tab-translate');
    if (tabTranslate) tabTranslate.style.display = tab === 'translate' ? '' : 'none';
    const tabAuth = document.getElementById('tab-auth');
    if (tabAuth) tabAuth.style.display = tab === 'auth' ? '' : 'none';
    const tabFuel = document.getElementById('tab-fuel');
    if (tabFuel) tabFuel.style.display = tab === 'fuel' ? '' : 'none';
    const tabFood = document.getElementById('tab-food');
    if (tabFood) tabFood.style.display = tab === 'food' ? '' : 'none';
    const tabRsrates = document.getElementById('tab-rsrates');
    if (tabRsrates) tabRsrates.style.display = tab === 'rsrates' ? '' : 'none';
    const tabVals = document.getElementById('tab-valuations');
    if (tabVals) tabVals.style.display = tab === 'valuations' ? '' : 'none';
    const tabGadgets = document.getElementById('tab-gadgets');
    if (tabGadgets) tabGadgets.style.display = tab === 'gadgets' ? '' : 'none';
    const tabMarket = document.getElementById('tab-market');
    if (tabMarket) tabMarket.style.display = tab === 'market' ? '' : 'none';
    const tabTasks = document.getElementById('tab-tasks');
    if (tabTasks) tabTasks.style.display = tab === 'tasks' ? '' : 'none';
    const tabAml = document.getElementById('tab-aml');
    if (tabAml) tabAml.style.display = tab === 'aml' ? '' : 'none';
    const tabRefinery = document.getElementById('tab-refinery');
    if (tabRefinery) tabRefinery.style.display = tab === 'refinery' ? '' : 'none';
    const tabCollectables = document.getElementById('tab-collectables');
    if (tabCollectables) tabCollectables.style.display = tab === 'collectables' ? '' : 'none';
    const tdv = document.getElementById('trip-detail-view');
    if (tab !== 'trips' && tdv) {
      tdv.style.display = 'none';
      state.openTripId = null;
      // Restore the trips list container so returning to Trips isn't blank
      // (opening a trip had hidden trips-view; we must show it again).
      var _tv = document.getElementById('trips-view');
      if (_tv) _tv.style.display = '';
    }
    const selBtn = document.getElementById('btn-select');
    if (selBtn) selBtn.style.display = tab === 'parks' ? '' : 'none';
    if (tab === 'trips') {
      // Always land on the list, never a stale/blank detail view.
      var _td2 = document.getElementById('trip-detail-view');
      var _tv2 = document.getElementById('trips-view');
      if (state.openTripId) { state.openTripId = null; }
      state.openHallId = null;
      state.openMeltId = null;
      if (_td2) _td2.style.display = 'none';
      if (_tv2) _tv2.style.display = '';
      renderTrips();
    }
    if (tab === 'nearby') renderNearby();
    if (tab === 'team') renderTeamTab();
    if (tab === 'time') renderTimeTab();
    if (tab === 'calls') renderCallsTab();
    if (tab === 'stock') setStockSpotView('stock');
    if (tab === 'spot') setStockSpotView('spot');
    if (tab === 'planner') renderPlanner();
    if (tab === 'competitors' && typeof window.renderCompetitors === 'function') window.renderCompetitors();
    if (tab === 'hotspots' && typeof window.renderHotspots === 'function') window.renderHotspots();
    if (tab === 'weather' && typeof window.renderWeather === 'function') window.renderWeather();
    if (tab === 'chat' && typeof window.renderChat === 'function') window.renderChat();
    if (tab === 'approvals' && typeof window.renderApprovals === 'function') window.renderApprovals();
    if (tab === 'deals' && typeof window.renderDeals === 'function') window.renderDeals();
    if (tab === 'receipts' && typeof window.renderReceiptsTab === 'function') window.renderReceiptsTab();
    if (tab === 'clients' && typeof window.renderClientsTab === 'function') window.renderClientsTab();
    if (tab === 'bugs' && typeof window.renderBugs === 'function') window.renderBugs();
    if (tab === 'translate' && typeof window.renderTranslate === 'function') window.renderTranslate();
    if (tab === 'auth' && typeof window.renderAuth === 'function') window.renderAuth();
    if (tab === 'fuel' && typeof window.renderFuel === 'function') window.renderFuel();
    if (tab === 'food' && typeof window.renderFood === 'function') window.renderFood();
    if (tab === 'rsrates' && typeof window.renderRsRates === 'function') window.renderRsRates();
    if (tab === 'valuations' && typeof window.renderValuations === 'function') window.renderValuations();
    if (tab === 'gadgets' && typeof window.renderGadgets === 'function') window.renderGadgets();
    if (tab === 'market' && typeof window.renderMarket === 'function') window.renderMarket();
    if (tab === 'tasks' && typeof window.renderTasks === 'function') window.renderTasks();
    if (tab === 'aml' && typeof window.renderAML === 'function') window.renderAML();
    if (tab === 'refinery' && typeof window.renderRefinery === 'function') window.renderRefinery();
    if (tab === 'collectables' && typeof window.renderCollectables === 'function') window.renderCollectables();
    if (tab === 'mentions') {
      // Pull latest so we see new messages from teammates
      if (!state.dirty) pullSync().then(() => { renderMentions(); updateBellBadge(); });
      else renderMentions();
    }
    // "‹ More" back chip: show only when this tab was opened from the More sheet.
    try {
      var _chip = document.getElementById('back-to-more-chip');
      if (_chip) {
        var _isMoreFeature = window._cameFromMore && (window._MORE_FEATURE_TABS || []).indexOf(tab) >= 0;
        _chip.style.display = _isMoreFeature ? 'inline-flex' : 'none';
        if (!_isMoreFeature) window._cameFromMore = false;
      }
    } catch (e) {}
  };

  // ============================================================
  // COMPETITORS TAB  (Competition feature)
  // Reads public.competitors via the app's authed REST helpers,
  // partitioned by state.country. No anon key — uses HDR()/JWT.
  // ============================================================
  var CMP = { data: [], loaded: false, city: 'All', buyersOnly: false, seg: 'shops', current: null,
              adverts: [], advLoaded: false, advEdit: null };

  function cmpKind(n) {
    var s = (n || '').toLowerCase();
    if (/bullion/.test(s))   return { k:'Bullion',    c:'#7a5a14', bg:'#F1E7CF' };
    if (/pawn/.test(s))      return { k:'Pawnbroker', c:'#5a3c6b', bg:'#ECE1F1' };
    if (/refin/.test(s))     return { k:'Refiner',    c:'#A03A2D', bg:'#F3E0E0' };
    if (/diamond/.test(s))   return { k:'Diamond',    c:'#2c5f68', bg:'#DFF0F1' };
    if (/gold|scrap/.test(s))return { k:'Gold buyer', c:'#1F4733', bg:'#DCE6DE' };
    if (/jewell|jewel/.test(s)) return { k:'Jeweller',c:'#5b5320', bg:'#EFEBD2' };
    return { k:'Buyer', c:'#1F4733', bg:'#DCE6DE' };
  }
  function cmpStars(r) {
    if (!r) return '';
    var pct = (r / 5 * 100).toFixed(1);
    return '<span class="cmp-stars"><span class="bg">★★★★★</span><span class="fg" style="width:' + pct + '%">★★★★★</span></span>';
  }
  function cmpEsc(s){ return (s==null?'':String(s)).replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;'); }

  async function cmpFetch() {
    try {
      var url = REST + '/competitors?country=eq.' + encodeURIComponent(state.country) +
                '&select=*&order=city.asc,rating_count.desc.nullslast';
      var res = await fetch(url, { headers: HDR() });
      if (!res.ok) throw new Error('HTTP ' + res.status);
      CMP.data = await res.json();
      CMP.loaded = true;
    } catch (e) {
      CMP.data = []; CMP.loaded = true;
      if (window.toast) window.toast('Could not load competitors');
    }
  }

  window.renderCompetitors = async function () {
    var host = document.getElementById('competitors-view');
    if (!host) return;
    if (!CMP.loaded) {
      host.innerHTML = '<div class="cmp-empty">Loading competitors…</div>';
      await cmpFetch();
    }
    cmpRenderShell();
  };

  function cmpShops() { return CMP.data.filter(function (d) { return (d.channel || 'local_shop') === 'local_shop'; }); }

  // V-264: Find jewellers / gold buyers / pawnbrokers near the user's GPS via the
  // keyless OSM Overpass engine (poiFetch), then SAVE any new ones into the
  // competitors table by coordinates so the database grows as you travel — no
  // bulk scraping needed. Dedupes against what's already saved (by source_id),
  // so re-scanning the same area won't create duplicates.
  function cmpClassifyShopType(t) {
    if (!t) return { shop_type: 'jeweller', relevance: 'check' };
    if (t.shop === 'pawnbroker') return { shop_type: 'pawnbroker', relevance: 'check' };
    if (t.shop === 'gold_buyer' || t.craft === 'gold_buyer') return { shop_type: 'gold_buyer', relevance: 'buyer' };
    if (t.shop === 'jewelry' || t.shop === 'jewellery') return { shop_type: 'jeweller', relevance: 'check' };
    if (t.shop === 'second_hand' || t.shop === 'charity') return { shop_type: 'other', relevance: 'check' };
    return { shop_type: 'jeweller', relevance: 'check' };
  }

  window.cmpFindNearMe = function () {
    var btn = document.getElementById('cmp-nearme');
    var out = document.getElementById('cmp-nearme-results');
    var setBtn = function (txt, dis) { if (btn) { btn.textContent = txt; btn.disabled = !!dis; btn.style.opacity = dis ? '0.6' : ''; } };

    var run = async function (center) {
      setBtn('Searching nearby…', true);
      if (out) out.innerHTML = '';
      // Jewellers, pawnbrokers, gold buyers, second-hand within ~8 miles (12.8km).
      var radius = 12800;
      var filters = ['["shop"="jewelry"]', '["shop"="pawnbroker"]', '["shop"="gold_buyer"]', '["craft"="gold_buyer"]', '["shop"="second_hand"]'];
      var found = [];
      for (var i = 0; i < filters.length; i++) {
        try {
          var batch = await poiFetch(center, radius, filters[i]);
          if (batch && batch.length) found = found.concat(batch);
        } catch (e) {}
      }
      // De-dupe within this scan by OSM id.
      var seen = {}; found = found.filter(function (p) { if (!p.name) return false; if (seen[p.id]) return false; seen[p.id] = 1; return true; });
      if (!found.length) {
        if (out) out.innerHTML = '<div style="background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px;color:var(--text-muted);font-size:13px;">No jewellers or buyers found within 8 miles on OpenStreetMap. They may not be mapped here yet.</div>';
        setBtn('Find jewellers / buyers near me', false);
        return;
      }
      // Which are already in our competitors DB (by source_id)?
      var existingIds = {};
      (CMP.data || []).forEach(function (d) { if (d.source_id) existingIds[d.source_id] = 1; });
      var fresh = found.filter(function (p) { return !existingIds['osm:' + p.id]; });

      // Save the new ones to the competitors table (upsert-style insert).
      var savedCount = 0;
      try { if (typeof ensureFreshToken === 'function') await ensureFreshToken(); } catch (e) {}
      for (var j = 0; j < fresh.length; j++) {
        var p = fresh[j]; var t = p.tags || {};
        var cls = cmpClassifyShopType(t);
        var addrParts = [t['addr:housenumber'], t['addr:street']].filter(Boolean).join(' ');
        var row = {
          name: p.name,
          channel: 'local_shop',
          shop_type: cls.shop_type,
          relevance: cls.relevance,
          city: t['addr:city'] || t['addr:town'] || t['addr:suburb'] || null,
          address: addrParts || null,
          postcode: t['addr:postcode'] || null,
          lat: p.lat, lng: p.lng,
          website: t.website || t['contact:website'] || null,
          phone: t.phone || t['contact:phone'] || null,
          source: 'osm',
          source_id: 'osm:' + p.id,
          country: state.country,
          marketing: {},
          ad_channels: []
        };
        try {
          var res = await fetch(REST + '/competitors?on_conflict=country,source_id', {
            method: 'POST',
            headers: Object.assign({}, HDR(), { 'Content-Type': 'application/json', 'Prefer': 'resolution=ignore-duplicates,return=minimal' }),
            body: JSON.stringify(row)
          });
          if (res.ok) savedCount++;
        } catch (e) {}
      }
      // Reload from DB so the new rows appear with their proper records.
      await cmpFetch();
      // Build a quick nearby list (sorted by distance) for immediate display.
      found.forEach(function (p) { p._mi = poiMiles(poiHaversine(center, { lat: p.lat, lng: p.lng })); });
      found.sort(function (a, b) { return a._mi - b._mi; });
      if (out) {
        out.innerHTML =
          '<div style="background:rgba(31,71,51,0.06);border:1px solid rgba(31,71,51,0.25);border-radius:12px;padding:12px 14px;margin-bottom:10px;">' +
            '<div style="font-weight:800;font-size:13px;color:var(--primary);margin-bottom:6px;">Found ' + found.length + ' nearby · ' + savedCount + ' new saved</div>' +
            found.slice(0, 12).map(function (p) {
              var cls = cmpClassifyShopType(p.tags);
              return '<div style="display:flex;justify-content:space-between;gap:8px;padding:5px 0;border-top:1px solid rgba(31,71,51,0.12);font-size:12.5px;">' +
                '<span style="color:var(--text);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">' + cmpEsc(p.name) + '</span>' +
                '<span style="color:var(--text-muted);flex-shrink:0;">' + cls.shop_type.replace('_', ' ') + ' · ' + p._mi.toFixed(1) + ' mi</span>' +
              '</div>';
            }).join('') +
          '</div>';
      }
      setBtn('Find jewellers / buyers near me', false);
      cmpRenderShops(); // refresh stats + list with the newly-saved competitors
    };

    if (state.myLocation && state.myLocation.lat != null) { run({ lat: state.myLocation.lat, lng: state.myLocation.lng }); return; }
    if (!navigator.geolocation) { if (out) out.innerHTML = '<div style="color:var(--danger);font-size:13px;padding:8px;">Location not available on this device.</div>'; return; }
    setBtn('Getting location…', true);
    navigator.geolocation.getCurrentPosition(function (pos) {
      state.myLocation = { lat: pos.coords.latitude, lng: pos.coords.longitude };
      run({ lat: pos.coords.latitude, lng: pos.coords.longitude });
    }, function () {
      setBtn('Find jewellers / buyers near me', false);
      if (out) out.innerHTML = '<div style="color:var(--danger);font-size:13px;padding:8px;">Location permission denied. Enable location to scan nearby.</div>';
    }, { enableHighAccuracy: true, timeout: 12000 });
  };

  function cmpRenderShell() {
    var host = document.getElementById('competitors-view'); if (!host) return;
    var shops = cmpShops();
    var shopsOn = CMP.seg === 'shops';
    var advCount = CMP.advLoaded ? ' <span class="c">' + CMP.adverts.length + '</span>' : '';
    host.innerHTML =
      '<div class="cmp-head"><h2>Competition</h2><div class="cmp-sub">Who else is buying gold &amp; jewellery near your ' + state.country + ' routes.</div></div>' +
      '<div class="cmp-segs">' +
        '<button class="cmp-seg ' + (shopsOn ? 'active' : '') + '" onclick="window.cmpSetSeg(\'shops\')">Local Shops <span class="c">' + shops.length + '</span></button>' +
        '<button class="cmp-seg ' + (!shopsOn ? 'active' : '') + '" onclick="window.cmpSetSeg(\'adverts\')">Adverts &amp; Halls' + advCount + '</button>' +
      '</div>' +
      '<div id="cmp-body"></div>';
    if (shopsOn) cmpRenderShops(); else cmpRenderAdverts();
  }

  function cmpRenderShops() {
    var body = document.getElementById('cmp-body'); if (!body) return;
    var shops = cmpShops();
    var cities = Array.from(new Set(shops.map(function (d) { return d.city; }))).filter(Boolean).sort();
    var nCheck = shops.filter(function (d) { return d.relevance === 'check'; }).length;
    var chips = '<button class="cmp-chip ' + (CMP.city === 'All' ? 'active' : '') + '" onclick="window.cmpSetCity(\'All\')">All</button>';
    cities.forEach(function (c) {
      chips += '<button class="cmp-chip ' + (CMP.city === c ? 'active' : '') + '" onclick="window.cmpSetCity(\'' + c.replace(/'/g, "\\'") + '\')">' + cmpEsc(c.replace(' upon Tyne','')) + '</button>';
    });
    chips += '<button class="cmp-chip toggle ' + (CMP.buyersOnly ? 'active' : '') + '" onclick="window.cmpToggleBuyers()">' + (CMP.buyersOnly ? '✓ Buyers only' : 'Buyers only') + '</button>';
    body.innerHTML =
      '<div class="cmp-stats">' +
        '<div class="cmp-stat"><div class="n">' + shops.length + '</div><div class="l">Shops</div></div>' +
        '<div class="cmp-stat"><div class="n">' + cities.length + '</div><div class="l">Cities</div></div>' +
        '<div class="cmp-stat flag"><div class="n">' + nCheck + '</div><div class="l">To check</div></div>' +
      '</div>' +
      '<button id="cmp-nearme" onclick="window.cmpFindNearMe()" ontouchend="event.preventDefault();window.cmpFindNearMe()" ' +
        'style="width:100%;display:flex;align-items:center;justify-content:center;gap:8px;height:46px;margin-bottom:10px;' +
        'background:var(--primary);color:#fff;border:none;border-radius:12px;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;">' +
        '<svg viewBox="0 0 24 24" width="17" height="17" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>' +
        'Find jewellers / buyers near me</button>' +
      '<div id="cmp-nearme-results"></div>' +
      '<div class="cmp-search"><svg viewBox="0 0 24 24" stroke-linecap="round"><circle cx="11" cy="11" r="7"/><path d="m20 20-3.5-3.5"/></svg>' +
        '<input id="cmp-q" placeholder="Search name, area or postcode…" autocomplete="off" oninput="window.cmpRenderList()"></div>' +
      '<div class="cmp-chips">' + chips + '</div>' +
      '<div class="cmp-list" id="cmp-list"></div>';
    cmpRenderList();
  }

  // ---- Adverts & Halls ----
  var CMP_ADV_TYPES = {
    shop:     { label:'Shop',      c:'#7a4a1e', bg:'#F0E3D4', ic:'shop' },
    radio:    { label:'Radio',     c:'#2c5f68', bg:'#DFF0F1', ic:'radio' },
    tv:       { label:'TV',        c:'#5a3c6b', bg:'#ECE1F1', ic:'tv' },
    townhall: { label:'Town hall', c:'#1F4733', bg:'#DCE6DE', ic:'building' },
    leaflet:  { label:'Leaflet',   c:'#B8842C', bg:'#F5E7CB', ic:'leaflet' },
    online:   { label:'Online',    c:'#5b5320', bg:'#EFEBD2', ic:'laptop' }
  };
  // Sighting types — multi-select on a sighting (a place can be shop + radio + leaflet).
  var CMP_ADV_TYPE_LIST = [
    { v:'shop',     ic:'shop',     label:'Shop' },
    { v:'townhall', ic:'building', label:'Town-hall buy-in' },
    { v:'radio',    ic:'radio',    label:'Radio advert' },
    { v:'tv',       ic:'tv',       label:'TV advert' },
    { v:'leaflet',  ic:'leaflet',  label:'Leaflet drop' },
    { v:'online',   ic:'laptop',   label:'Online' }
  ];
  function cmpRenderAdvTypeGrid(selected){
    selected = Array.isArray(selected) ? selected : [];
    return '<div class="cmp-chan-grid" id="cmp-adv-type-grid">' + CMP_ADV_TYPE_LIST.map(function(ch){
      var on = selected.indexOf(ch.v) >= 0;
      return '<button type="button" class="cmp-chan' + (on?' on':'') + '" data-chan="' + ch.v + '" ' +
        'onclick="window.cmpToggleChan(this)" ontouchend="event.preventDefault();window.cmpToggleChan(this)">' +
        '<span class="tick"><svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"/></svg></span>' +
        '<span style="display:inline-flex;align-items:center;gap:5px;">' + icoSvg(ch.ic,14,'currentColor') + ch.label + '</span></button>';
    }).join('') + '</div>';
  }
  function cmpReadAdvTypeGrid(){
    var out = [];
    document.querySelectorAll('#cmp-adv-type-grid .cmp-chan.on').forEach(function(b){ out.push(b.dataset.chan); });
    return out;
  }
  // Marketing channels a competitor uses — multi-select on the competitor record.
  var CMP_CHANNELS = [
    { v:'radio',    ic:'radio',    label:'Radio' },
    { v:'tv',       ic:'tv',       label:'TV' },
    { v:'townhall', ic:'building', label:'Town-hall' },
    { v:'leaflet',  ic:'leaflet',  label:'Leaflet' },
    { v:'facebook', ic:'facebook', label:'Facebook' },
    { v:'google',   ic:'globe',    label:'Google ads' },
    { v:'online',   ic:'laptop',   label:'Online' }
  ];
  function cmpChanLabel(v){ for (var i=0;i<CMP_CHANNELS.length;i++){ if (CMP_CHANNELS[i].v===v) return icoSvg(CMP_CHANNELS[i].ic,13,'currentColor')+' '+CMP_CHANNELS[i].label; } return v; }
  function cmpRenderChannelGrid(selected){
    selected = Array.isArray(selected) ? selected : [];
    return '<div class="cmp-chan-grid" id="cmp-chan-grid">' + CMP_CHANNELS.map(function(ch){
      var on = selected.indexOf(ch.v) >= 0;
      return '<button type="button" class="cmp-chan' + (on?' on':'') + '" data-chan="' + ch.v + '" ' +
        'onclick="window.cmpToggleChan(this)" ontouchend="event.preventDefault();window.cmpToggleChan(this)">' +
        '<span class="tick"><svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"/></svg></span>' +
        '<span style="display:inline-flex;align-items:center;gap:5px;">' + icoSvg(ch.ic,14,'currentColor') + ch.label + '</span></button>';
    }).join('') + '</div>';
  }
  window.cmpToggleChan = function(btn){ btn.classList.toggle('on'); };
  function cmpReadChannelGrid(){
    var out = [];
    document.querySelectorAll('#cmp-chan-grid .cmp-chan.on').forEach(function(b){ out.push(b.dataset.chan); });
    return out;
  }
  function cmpAdverts() { return CMP.adverts; }
  async function cmpFetchAdverts() {
    try {
      var url = REST + '/competition_adverts?country=eq.' + encodeURIComponent(state.country) +
                '&select=*&order=seen_on.desc.nullslast,created_at.desc';
      var res = await fetch(url, { headers: HDR() });
      if (!res.ok) throw new Error('HTTP ' + res.status);
      CMP.adverts = await res.json(); CMP.advLoaded = true;
    } catch (e) { CMP.adverts = []; CMP.advLoaded = true; if (window.toast) window.toast('Could not load adverts'); }
  }
  async function cmpRenderAdverts() {
    var body = document.getElementById('cmp-body'); if (!body) return;
    if (!CMP.advLoaded) { body.innerHTML = '<div class="cmp-empty">Loading sightings…</div>'; await cmpFetchAdverts(); cmpRenderShell(); return; }
    var rows = CMP.adverts;
    var intro =
      '<div style="background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:13px 14px;margin-bottom:14px;font-size:13px;color:var(--text-muted);line-height:1.5">' +
        'The harder channel — radio/TV adverts, <b>town-hall buy-ins</b> (Royal Mail leaflet drop then a hall hire) and leaflet drops. Not on Google, so log them by hand for ' + state.country + '.' +
      '</div>' +
      '<button class="cmp-save" style="margin-bottom:16px" onclick="window.cmpOpenAddAdvert()">+ Log a sighting</button>';
    if (!rows.length) {
      body.innerHTML = intro +
        '<div class="cmp-adv" style="padding-top:8px"><div class="ic"><svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#B8842C" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M3 11l18-5v12L3 14v-3z"/><path d="M11.6 16.8a3 3 0 0 1-5.8-1.1V14"/></svg></div>' +
        '<h3>No sightings logged yet</h3><p>When you hear a rival\'s radio advert, spot a town-hall buy-in or get a leaflet through the door, tap <b>Log a sighting</b> above.</p></div>';
      return;
    }
    var cards = rows.map(function (a) {
      var types = (Array.isArray(a.ad_types) && a.ad_types.length) ? a.ad_types : (a.ad_type ? [a.ad_type] : ['townhall']);
      var t = CMP_ADV_TYPES[types[0]] || CMP_ADV_TYPES.townhall;
      var idx = CMP.adverts.indexOf(a);
      var when = a.seen_on ? new Date(a.seen_on).toLocaleDateString('en-GB', { day:'numeric', month:'short', year:'numeric' }) : '';
      var sub = [a.venue, a.area].filter(Boolean).map(cmpEsc).join(' · ');
      var extra = types.slice(1).map(function(v){ var d = CMP_ADV_TYPES[v]; return '<span class="cmp-chan-tag">' + (d ? icoSvg(d.ic,12,'currentColor') + ' ' + d.label : v) + '</span>'; }).join('');
      return '<div class="cmp-card" style="--cmp-accent:' + t.c + '" onclick="window.cmpOpenAdvert(' + idx + ')">' +
        '<div class="top"><div class="nm">' + cmpEsc(a.competitor || 'Unknown advertiser') + '</div>' +
          '<div class="cmp-kind" style="color:' + t.c + ';background:' + t.bg + '">' + icoSvg(t.ic,12,'currentColor') + ' ' + t.label + '</div></div>' +
        (sub ? '<div class="cmp-meta">' + sub + '</div>' : '') +
        '<div class="cmp-rowb">' + (when ? '<span style="font-size:12px;color:var(--text-light);font-weight:600">' + when + '</span>' : '') +
          (a.detail ? '<span style="font-size:12.5px;color:var(--text-muted)">' + cmpEsc(a.detail) + '</span>' : '') + '</div>' +
        (extra ? '<div class="cmp-chan-tags">' + extra + '</div>' : '') +
      '</div>';
    }).join('');
    body.innerHTML = intro + '<div class="cmp-list">' + cards + '</div>';
  }

  window.cmpOpenAddAdvert = function () { CMP.advEdit = null; cmpFillAdvForm({}); document.getElementById('cmp-adv-title').textContent = 'Log a sighting'; cmpOpenSheet('cmp-adv'); };
  window.cmpOpenAdvert = function (idx) {
    var a = CMP.adverts[idx]; if (!a) return;
    CMP.advEdit = a.id || ('local-' + idx); CMP._advIdx = idx;
    cmpFillAdvForm(a); document.getElementById('cmp-adv-title').textContent = 'Edit sighting'; cmpOpenSheet('cmp-adv');
  };
  function cmpFillAdvForm(a) {
    var sel = (Array.isArray(a.ad_types) && a.ad_types.length) ? a.ad_types : (a.ad_type ? [a.ad_type] : []);
    var host = document.getElementById('cmp-adv-type-host'); if (host) host.innerHTML = cmpRenderAdvTypeGrid(sel);
    document.getElementById('cmp-adv-comp').value = a.competitor || '';
    document.getElementById('cmp-adv-venue').value = a.venue || '';
    document.getElementById('cmp-adv-area').value = a.area || '';
    document.getElementById('cmp-adv-date').value = a.seen_on || '';
    document.getElementById('cmp-adv-detail').value = a.detail || '';
    document.getElementById('cmp-adv-notes').value = a.notes || '';
  }
  window.cmpSaveAdvert = async function () {
    var types = cmpReadAdvTypeGrid();
    if (!types.length) { if (window.toast) window.toast('Pick at least one type'); return; }
    var rec = {
      country: state.country,
      ad_type: types[0],
      ad_types: types,
      competitor: document.getElementById('cmp-adv-comp').value.trim(),
      venue: document.getElementById('cmp-adv-venue').value.trim(),
      area: document.getElementById('cmp-adv-area').value.trim(),
      seen_on: document.getElementById('cmp-adv-date').value || null,
      detail: document.getElementById('cmp-adv-detail').value.trim(),
      notes: document.getElementById('cmp-adv-notes').value.trim()
    };
    if (!rec.competitor && !rec.venue) { if (window.toast) window.toast('Add who or where first'); return; }
    var editing = CMP.advEdit && String(CMP.advEdit).indexOf('local-') !== 0;
    try {
      if (editing) {
        await fetch(REST + '/competition_adverts?id=eq.' + CMP.advEdit, {
          method: 'PATCH', headers: Object.assign({}, HDR(), { Prefer: 'return=minimal' }),
          body: JSON.stringify(Object.assign({}, rec, { updated_at: new Date().toISOString() }))
        });
        if (CMP._advIdx != null) CMP.adverts[CMP._advIdx] = Object.assign({}, CMP.adverts[CMP._advIdx], rec);
      } else {
        var res = await fetch(REST + '/competition_adverts', {
          method: 'POST', headers: Object.assign({}, HDR(), { Prefer: 'return=representation' }),
          body: JSON.stringify(rec)
        });
        var saved = await res.json();
        if (Array.isArray(saved) && saved[0]) CMP.adverts.unshift(saved[0]); else CMP.adverts.unshift(rec);
      }
    } catch (e) {
      if (!editing) CMP.adverts.unshift(rec);
      if (window.toast) window.toast('Saved locally (sync failed)');
    }
    cmpCloseSheets(); cmpRenderShell();
    if (window.toast) window.toast(editing ? 'Sighting updated' : 'Sighting logged');
  };
  window.cmpFabAdd = function () { if (CMP.seg === 'adverts') window.cmpOpenAddAdvert(); else window.cmpOpenAdd('local_shop'); };

  window.cmpSetSeg = function (s) { CMP.seg = s; cmpRenderShell(); };
  window.cmpSetCity = function (c) { CMP.city = c; cmpRenderShell(); };
  window.cmpToggleBuyers = function () { CMP.buyersOnly = !CMP.buyersOnly; cmpRenderShell(); };

  window.cmpRenderList = function () {
    var list = document.getElementById('cmp-list');
    if (!list) return;
    var qel = document.getElementById('cmp-q');
    var q = qel ? qel.value.trim().toLowerCase() : '';
    var rows = cmpShops().filter(function (d) {
      if (CMP.city !== 'All' && d.city !== CMP.city) return false;
      if (CMP.buyersOnly && d.relevance !== 'buyer') return false;
      if (q && (((d.name||'') + ' ' + (d.address||'') + ' ' + (d.postcode||'')).toLowerCase().indexOf(q) < 0)) return false;
      return true;
    });
    if (!rows.length) { list.innerHTML = '<div class="cmp-empty">No competitors match.<br>Try a different city or clear the search.</div>'; return; }
    list.innerHTML = rows.map(function (d) {
      var k = cmpKind(d.name);
      var idx = CMP.data.indexOf(d);
      var chans = Array.isArray(d.ad_channels) ? d.ad_channels : [];
      var chanTags = chans.length ? '<div class="cmp-chan-tags">' + chans.map(function(c){ return '<span class="cmp-chan-tag">' + cmpChanLabel(c) + '</span>'; }).join('') + '</div>' : '';
      var ppg = d.pay_per_gram ? '<span class="cmp-ppg">' + icoSvg('scale',13,'currentColor') + ' ' + cmpEsc(d.pay_per_gram) + '</span>' : '';
      return '<div class="cmp-card" style="--cmp-accent:' + k.c + '" onclick="window.cmpOpenDetail(' + idx + ')">' +
        '<div class="top"><div class="nm">' + cmpEsc(d.name) + '</div>' +
          '<div class="cmp-kind" style="color:' + k.c + ';background:' + k.bg + '">' + k.k + '</div></div>' +
        '<div class="cmp-meta"><span>' + cmpEsc((d.city||'').replace(' upon Tyne','')) + '</span><span class="dot"></span><span>' + cmpEsc(d.postcode||'') + '</span></div>' +
        '<div class="cmp-rowb"><span class="cmp-rating">' + cmpStars(d.rating) + ' ' + (d.rating ? Number(d.rating).toFixed(1) : '—') + ' <span class="ct">(' + (d.rating_count||0) + ')</span></span>' +
          (ppg || '') +
          (d.relevance === 'check' ? '<span class="cmp-flag">Check</span>' : '') + '</div>' +
        chanTags +
      '</div>';
    }).join('');
  };

  window.cmpOpenDetail = function (idx) {
    CMP.current = idx;
    var d = CMP.data[idx]; if (!d) return;
    var k = cmpKind(d.name);
    var maps = 'https://www.google.com/maps/search/?api=1&query=' + d.lat + ',' + d.lng + '&query_place_id=' + (d.place_id || '');
    var tel = d.phone ? 'tel:' + String(d.phone).replace(/\s/g, '') : '';
    var m = d.marketing || {};
    function mrow(label, val, warn) {
      return '<div class="cmp-mrow"><span class="ml">' + label + '</span>' + (warn ? '<span class="cmp-warn" title="Not checked"></span>' : '') +
        '<span class="mv ' + (val ? '' : 'unknown') + '">' + (val || 'Not checked yet') + '</span></div>';
    }
    document.getElementById('cmp-detail-body').innerHTML =
      '<button class="cmp-back" onclick="window.cmpCloseSheets()" ontouchend="event.preventDefault();window.cmpCloseSheets()"><svg viewBox="0 0 24 24"><path d="M15 18l-6-6 6-6"/></svg>Back</button>' +
      '<div class="cmp-sh-kind" style="color:' + k.c + '">' + k.k + ' · ' + cmpEsc((d.city||'').replace(' upon Tyne','')) + '</div>' +
      '<div class="cmp-sh-name">' + cmpEsc(d.name) + '</div>' +
      '<div class="cmp-sh-rating">' + cmpStars(d.rating) + ' <b>' + (d.rating ? Number(d.rating).toFixed(1) : '—') + '</b> <span style="color:var(--text-light);font-weight:500">' + (d.rating_count||0) + ' reviews</span></div>' +
      '<div class="cmp-sh-addr"><svg viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round"><path d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z"/><circle cx="12" cy="10" r="2.6"/></svg><div>' + cmpEsc(d.address) + '</div></div>' +
      '<div class="cmp-actions">' +
        '<a class="cmp-abtn ' + (tel ? '' : 'dis') + '" href="' + tel + '"><svg viewBox="0 0 24 24"><path d="M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3 19.5 19.5 0 0 1-6-6 19.8 19.8 0 0 1-3-8.6A2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.2a2 2 0 0 1 2.1-.5c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2Z"/></svg>Call</a>' +
        '<a class="cmp-abtn ghost" href="' + maps + '" target="_blank" rel="noopener"><svg viewBox="0 0 24 24"><path d="M9 20 3 17V4l6 3 6-3 6 3v13l-6-3-6 3Z"/><path d="M9 7v13M15 4v13"/></svg>Maps</a>' +
        '<a class="cmp-abtn ghost ' + (m.website ? '' : 'dis') + '" href="' + (m.website || '#') + '" target="_blank" rel="noopener"><svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="9"/><path d="M3 12h18M12 3a15 15 0 0 1 0 18M12 3a15 15 0 0 0 0 18"/></svg>Website</a>' +
      '</div>' +
      '<div class="cmp-sect">Marketing presence</div>' +
      '<div class="cmp-mkt">' +
        mrow(icoSvg('globe',13,'currentColor') + ' Website', m.website ? '<a href="' + m.website + '" target="_blank" rel="noopener">Visit</a>' : '', !m.website) +
        mrow(icoSvg('facebook',13,'currentColor') + ' Facebook', m.facebook ? '<a href="' + m.facebook + '" target="_blank" rel="noopener">Page</a>' : '', !m.facebook) +
        mrow(icoSvg('instagram',13,'currentColor') + ' Instagram', m.instagram ? '<a href="' + m.instagram + '" target="_blank" rel="noopener">Profile</a>' : '', !m.instagram) +
        mrow(icoSvg('facebook',13,'currentColor') + ' Running FB ads', m.fb_ads_active === true ? 'Yes' : (m.fb_ads_active === false ? 'No' : ''), m.fb_ads_active == null) +
        mrow(icoSvg('globe',13,'currentColor') + ' Running Google ads', m.google_ads_active === true ? 'Yes' : (m.google_ads_active === false ? 'No' : ''), m.google_ads_active == null) +
      '</div>' +
      '<div class="cmp-sect">Marketing channels <span style="font-weight:500;color:var(--text-light);text-transform:none;letter-spacing:0">(tick all that apply)</span></div>' +
      cmpRenderChannelGrid(d.ad_channels) +
      '<div class="cmp-sect">Estimated pay / gram</div>' +
      '<input class="cmp-notes" id="cmp-ppg" style="min-height:0;height:46px" placeholder="e.g. £20–£35/g (estimate)" value="' + cmpEsc(d.pay_per_gram || '') + '">' +
      '<div class="cmp-sect">Your notes</div>' +
      '<textarea class="cmp-notes" id="cmp-note" placeholder="% over spot, opening times, who runs it…">' + cmpEsc(d.notes || '') + '</textarea>' +
      '<div class="cmp-sect">Status</div>' +
      '<div class="cmp-rel" id="cmp-rel">' +
        '<button class="cmp-relb ' + (d.relevance === 'buyer' ? 'on' : '') + '" data-v="buyer" onclick="window.cmpSetRel(\'buyer\')">Real buyer</button>' +
        '<button class="cmp-relb ' + (d.relevance === 'check' ? 'on' : '') + '" data-v="check" onclick="window.cmpSetRel(\'check\')">Needs check</button>' +
        '<button class="cmp-relb ' + (d.relevance === 'hide' ? 'on' : '') + '" data-v="hide" onclick="window.cmpSetRel(\'hide\')">Not relevant</button>' +
      '</div>' +
      '<button class="cmp-save" onclick="window.cmpSaveDetail()">Save changes</button>';
    cmpOpenSheet('cmp-detail');
  };

  window.cmpSetRel = function (v) {
    if (CMP.current == null) return;
    CMP.data[CMP.current].relevance = v;
    document.querySelectorAll('#cmp-rel .cmp-relb').forEach(function (b) { b.classList.toggle('on', b.dataset.v === v); });
  };

  window.cmpSaveDetail = async function () {
    var d = CMP.data[CMP.current]; if (!d) return;
    var note = document.getElementById('cmp-note');
    d.notes = note ? note.value : d.notes;
    d.ad_channels = cmpReadChannelGrid();
    var ppg = document.getElementById('cmp-ppg');
    d.pay_per_gram = ppg ? ppg.value.trim() : d.pay_per_gram;
    if (d.id) {
      try {
        await fetch(REST + '/competitors?id=eq.' + d.id, {
          method: 'PATCH',
          headers: Object.assign({}, HDR(), { Prefer: 'return=minimal' }),
          body: JSON.stringify({ notes: d.notes, relevance: d.relevance, ad_channels: d.ad_channels, pay_per_gram: d.pay_per_gram || null, updated_at: new Date().toISOString() })
        });
      } catch (e) { if (window.toast) window.toast('Saved locally (sync failed)'); }
    }
    cmpCloseSheets(); cmpRenderShell();
    if (window.toast) window.toast('Saved');
  };

  window.cmpOpenAdd = function () {
    document.getElementById('cmp-add-kind').textContent = 'New local shop';
    ['cmp-a-name','cmp-a-city','cmp-a-addr','cmp-a-phone','cmp-a-ppg'].forEach(function (id) { var el = document.getElementById(id); if (el) el.value = ''; });
    var host = document.getElementById('cmp-a-chan-host'); if (host) host.innerHTML = cmpRenderChannelGrid([]);
    cmpOpenSheet('cmp-add');
  };

  window.cmpSaveNew = async function () {
    var ppgEl = document.getElementById('cmp-a-ppg');
    var rec = {
      name: document.getElementById('cmp-a-name').value.trim(),
      city: document.getElementById('cmp-a-city').value.trim(),
      address: document.getElementById('cmp-a-addr').value.trim(),
      phone: document.getElementById('cmp-a-phone').value.trim(),
      ad_channels: cmpReadChannelGrid(),
      pay_per_gram: ppgEl ? (ppgEl.value.trim() || null) : null,
      channel: 'local_shop',
      country: state.country, source: 'manual', relevance: 'buyer', rating_count: 0
    };
    if (!rec.name) { if (window.toast) window.toast('Add a name first'); return; }
    try {
      var res = await fetch(REST + '/competitors', {
        method: 'POST',
        headers: Object.assign({}, HDR(), { Prefer: 'return=representation' }),
        body: JSON.stringify(rec)
      });
      var saved = await res.json();
      if (Array.isArray(saved) && saved[0]) CMP.data.unshift(saved[0]); else CMP.data.unshift(rec);
    } catch (e) { CMP.data.unshift(rec); if (window.toast) window.toast('Saved locally (sync failed)'); }
    cmpCloseSheets(); cmpRenderShell();
    if (window.toast) window.toast('Competitor added');
  };

  function cmpOpenSheet(id) { document.getElementById('cmp-bd').classList.add('open'); document.getElementById(id).classList.add('open'); }
  window.cmpCloseSheets = function () {
    document.getElementById('cmp-bd').classList.remove('open');
    document.getElementById('cmp-detail').classList.remove('open');
    document.getElementById('cmp-add').classList.remove('open');
    var av = document.getElementById('cmp-adv'); if (av) av.classList.remove('open');
  };

  // ---- Bottom nav bar + "More" sheet ----
  // Tabs that live under the "More" sheet rather than on the bar itself.
  var MORE_TABS = ['stock','spot','calls','time','team','mentions','competitors','hotspots','approvals'];
  window.syncBottomNav = function(tab) {
    document.querySelectorAll('.bottom-nav-btn[data-tab]').forEach(function (b) {
      b.classList.toggle('active', b.dataset.tab === tab);
    });
    var moreBtn = document.getElementById('bottom-nav-more');
    if (moreBtn) moreBtn.classList.toggle('active', MORE_TABS.indexOf(tab) >= 0);
    document.querySelectorAll('.more-item[data-tab]').forEach(function (b) {
      // 'mentions' lives inside the Team item.
      var match = b.dataset.tab === tab || (tab === 'mentions' && b.dataset.tab === 'team');
      b.classList.toggle('active', match);
    });
  };
  // Single source of truth for "is some overlay covering the screen?".
  // Toggles body.overlay-open, which hides every floating control (deal FAB,
  // List/Map toggles, colour-guide legend, competitors FAB) so they can never
  // sit on top of an open menu/sheet and block taps. Called on every open/close.
  window.syncOverlayState = function() {
    var ids = ['more-backdrop', 'more-sheet', 'burger-backdrop', 'burger-sheet'];
    var open = ids.some(function(id) {
      var el = document.getElementById(id);
      return el && el.classList.contains('open');
    });
    document.body.classList.toggle('overlay-open', open);
  };

  // --- Light / Dark theme -------------------------------------------------
  // Theme class lives on <html> (applied pre-paint by the head script too).
  // Persisted in localStorage('pr_theme'). Updates the menu label, the iOS
  // status-bar theme-color, and nudges any Leaflet map to repaint so the
  // dark-tile filter applies cleanly without stale tiles.
  window.applyThemeLabel = function() {
    var dark = document.documentElement.classList.contains('dark');
    var lbl = document.querySelector('#btn-theme-toggle .theme-label');
    if (lbl) lbl.textContent = dark ? 'Light mode' : 'Dark mode';
    var meta = document.querySelector('meta[name="theme-color"]');
    if (meta) meta.setAttribute('content', dark ? '#14161A' : '#1F4733');
  };
  window.toggleTheme = function() {
    var root = document.documentElement;
    var dark = !root.classList.contains('dark');
    root.classList.toggle('dark', dark);
    try { localStorage.setItem('pr_theme', dark ? 'dark' : 'light'); } catch (e) {}
    window.applyThemeLabel();
    // Repaint Leaflet maps so tiles re-filter without leaving blank gaps.
    try {
      [state.map, state.nearbyMap, (typeof _plannerMap !== 'undefined' ? _plannerMap : null), (typeof _wxMap !== 'undefined' ? _wxMap : null), (typeof FUEL !== 'undefined' ? FUEL.map : null), (typeof FOOD !== 'undefined' ? FOOD.map : null)]
        .forEach(function(m) {
          if (m && typeof m.invalidateSize === 'function') {
            setTimeout(function(){ try { m.invalidateSize(); } catch(e){} }, 60);
          }
        });
    } catch (e) {}
    if (window.toast) window.toast(dark ? 'Dark mode on' : 'Light mode on');
  };
  window.openMoreSheet = function() {
    if (typeof window.syncMoreBadges === 'function') window.syncMoreBadges();
    var bd = document.getElementById('more-backdrop');
    var sh = document.getElementById('more-sheet');
    if (bd) bd.classList.add('open');
    if (sh) { sh.classList.add('open'); }
    window.syncOverlayState();
  };
  window.closeMoreSheet = function() {
    var bd = document.getElementById('more-backdrop');
    var sh = document.getElementById('more-sheet');
    if (bd) bd.classList.remove('open');
    if (sh) sh.classList.remove('open');
    window.syncOverlayState();
  };

  // Simple swipe-down-to-close on the grab handle. We do NOT drag/transform the
  // sheet (that kept sticking) — we just detect a downward swipe and call the
  // normal close (same path as tapping outside), which animates cleanly via CSS.
  function _wireSheetSwipe(zoneId, sheetId, closeFn) {
    var zone = document.getElementById(zoneId);
    if (!zone || zone._swipeWired) return;
    zone._swipeWired = true;
    var startY = null;
    zone.addEventListener('touchstart', function (e) {
      startY = e.touches && e.touches[0] ? e.touches[0].clientY : null;
    }, { passive: true });
    zone.addEventListener('touchend', function (e) {
      if (startY == null) return;
      var endY = (e.changedTouches && e.changedTouches[0]) ? e.changedTouches[0].clientY : startY;
      if (endY - startY > 40) closeFn(); // a downward swipe closes it
      startY = null;
    });
    // Tapping the handle itself also closes (small affordance).
    zone.addEventListener('click', function () { closeFn(); });
  }
  function _wireAllSheetSwipes() {
    _wireSheetSwipe('more-drag-zone', 'more-sheet', window.closeMoreSheet);
    _wireSheetSwipe('burger-drag-zone', 'burger-sheet', function () { if (window.closeHeaderMenu) window.closeHeaderMenu(); });
  }
  window._wireAllSheetSwipes = _wireAllSheetSwipes;
  // Tabs that live inside the More sheet — used to show the "‹ More" back chip.
  window._MORE_FEATURE_TABS = ['stock','spot','calls','deals','receipts','clients','melt','time','team','competitors','hotspots','weather','translate','auth','fuel','food','rsrates','valuations','gadgets','market'];
  window.moreGo = function(tab) {
    window._cameFromMore = true;
    window.closeMoreSheet();
    window.switchTab(tab);
  };
  // Return from a More feature back to the More sheet.
  window.backToMore = function() {
    window._cameFromMore = false;
    var chip = document.getElementById('back-to-more-chip');
    if (chip) chip.style.display = 'none';
    // Go back to the home tab underneath, then pop the More sheet open.
    if (state.currentTab !== 'parks') window.switchTab('parks');
    window.openMoreSheet();
  };

  // ============================================================
  // BUGS TAB  (in-app bug reporter → super-admin triage)
  // Reporter side: any user submits a description + up to 5 images.
  // Stored in public.bug_reports; images go to the 'attachments' bucket
  // under a bug/ prefix (reuses uploadAttachment / getAttachmentUrl).
  // Triage side lives in Settings → Bugs & Fixes (super admin only).
  // ============================================================
  var BUGS = { mine: [], pending: [], submitting: false, urlCache: {} };
  var BUG_STATUS = { open: ['Open', '#C53030'], in_progress: ['In progress', '#D97706'], fixed: ['Fixed', '#2B6E4A'] };

  function bugEsc(s){ return (s==null?'':String(s)).replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;'); }
  function bugAppVersion(){
    var m = document.querySelector('meta[name="app-version"]');
    return (m && m.getAttribute('content')) || '';
  }
  function bugMyId(){ return (authedSession && authedSession.user && authedSession.user.id) || (authedProfile && authedProfile.id) || (state.salesman || 'anon'); }
  function bugMyName(){ return (authedProfile && (authedProfile.salesman || authedProfile.full_name)) || state.salesman || 'Anonymous'; }

  async function bugFetchMine(){
    try {
      var id = encodeURIComponent(bugMyId());
      var rows = await chatApi('/bug_reports?reporter_id=eq.' + id + '&order=created_at.desc&limit=50');
      BUGS.mine = rows || [];
    } catch (e) { BUGS.mine = []; }
  }

  window.renderBugs = async function(){
    var host = document.getElementById('bugs-view');
    if (!host) return;
    host.innerHTML = '<div style="padding:32px 16px;text-align:center;color:var(--text-muted);">Loading…</div>';
    await bugFetchMine();
    bugRenderReporter();
  };

  function bugRenderReporter(){
    var host = document.getElementById('bugs-view');
    if (!host) return;
    BUGS._pickedFiles = BUGS._pickedFiles || [];
    var mineHtml = '';
    if (BUGS.mine.length) {
      mineHtml = '<div style="margin-top:26px;"><div style="font-weight:700;font-size:14px;margin-bottom:10px;">Your reports</div>' +
        BUGS.mine.map(function(b){
          var st = BUG_STATUS[b.status] || BUG_STATUS.open;
          var imgs = (b.images || []).length;
          return '<div style="border:1px solid var(--border);border-radius:12px;padding:12px;margin-bottom:8px;background:var(--surface);">' +
            '<div style="display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px;">' +
              '<span style="display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:#fff;background:' + st[1] + ';padding:3px 9px;border-radius:999px;">' + st[0] + '</span>' +
              '<span style="font-size:11px;color:var(--text-light);">' + relTime(b.created_at) + '</span>' +
            '</div>' +
            '<div style="font-size:13.5px;color:var(--text);white-space:pre-wrap;">' + bugEsc(b.description) + '</div>' +
            (imgs ? '<div style="font-size:11px;color:var(--text-muted);margin-top:5px;">' + icoSvg('clip',12,'currentColor') + ' ' + imgs + ' image' + (imgs>1?'s':'') + '</div>' : '') +
            (b.fix_note ? '<div style="font-size:12.5px;color:var(--primary);margin-top:6px;border-top:1px dashed var(--border);padding-top:6px;">' + icoSvg('tool',13,'currentColor') + ' ' + bugEsc(b.fix_note) + '</div>' : '') +
          '</div>';
        }).join('') + '</div>';
    }
    host.innerHTML =
      '<div style="padding:14px 4px 8px;">' +
        '<h2 style="font-family:\'Fraunces\',serif;font-size:24px;font-weight:500;margin:0 0 4px;">Report a bug</h2>' +
        '<div style="font-size:13px;color:var(--text-muted);margin-bottom:16px;">Spotted something broken or an idea to improve the app? Tell us and attach screenshots — it goes straight to the team.</div>' +
        '<label style="display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-muted);margin-bottom:6px;">What happened?</label>' +
        '<textarea id="bug-desc" placeholder="Describe the bug or issue. What were you doing? What did you expect?" style="width:100%;min-height:120px;padding:12px;border:1px solid var(--border);border-radius:10px;font-family:inherit;font-size:14px;background:var(--surface);color:var(--text);box-sizing:border-box;resize:vertical;"></textarea>' +
        '<label style="display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-muted);margin:14px 0 6px;">Screenshots (up to 5)</label>' +
        '<div id="bug-thumbs" style="display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px;"></div>' +
        '<button type="button" id="bug-add-img" class="btn btn-secondary" style="width:100%;touch-action:manipulation;">+ Add image</button>' +
        '<input type="file" id="bug-file-input" accept="image/*" multiple style="display:none;" />' +
        '<button type="button" id="bug-submit" class="btn btn-primary" style="width:100%;margin-top:14px;touch-action:manipulation;">Send report</button>' +
        mineHtml +
      '</div>';
    bugRenderThumbs();
    var addBtn = document.getElementById('bug-add-img');
    var fileInput = document.getElementById('bug-file-input');
    if (addBtn) bindButton(addBtn, function(){
      if (BUGS._pickedFiles.length >= 5) { window.toast && window.toast('Max 5 images'); return; }
      fileInput.click();
    });
    if (fileInput) fileInput.addEventListener('change', function(e){
      var files = Array.prototype.slice.call(e.target.files || []);
      files.forEach(function(f){
        if (BUGS._pickedFiles.length >= 5) return;
        if (f.size > 8 * 1024 * 1024) { window.toast && window.toast(f.name + ' is too large (max 8MB)'); return; }
        BUGS._pickedFiles.push(f);
      });
      fileInput.value = '';
      bugRenderThumbs();
    });
    var submitBtn = document.getElementById('bug-submit');
    if (submitBtn) bindButton(submitBtn, bugSubmit);
  }

  function bugRenderThumbs(){
    var wrap = document.getElementById('bug-thumbs');
    if (!wrap) return;
    BUGS._pickedFiles = BUGS._pickedFiles || [];
    if (!BUGS._pickedFiles.length) { wrap.innerHTML = ''; return; }
    wrap.innerHTML = '';
    BUGS._pickedFiles.forEach(function(f, i){
      var cell = document.createElement('div');
      cell.style.cssText = 'position:relative;width:64px;height:64px;border-radius:8px;overflow:hidden;border:1px solid var(--border);';
      var img = document.createElement('img');
      img.style.cssText = 'width:100%;height:100%;object-fit:cover;';
      var rdr = new FileReader();
      rdr.onload = function(ev){ img.src = ev.target.result; };
      rdr.readAsDataURL(f);
      var x = document.createElement('button');
      x.textContent = '\u00d7';
      x.style.cssText = 'position:absolute;top:2px;right:2px;width:20px;height:20px;border:none;border-radius:50%;background:rgba(0,0,0,0.6);color:#fff;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;';
      x.addEventListener('click', function(){ BUGS._pickedFiles.splice(i,1); bugRenderThumbs(); });
      cell.appendChild(img); cell.appendChild(x);
      wrap.appendChild(cell);
    });
  }

  async function bugSubmit(){
    if (BUGS.submitting) return;
    var descEl = document.getElementById('bug-desc');
    var desc = descEl ? descEl.value.trim() : '';
    if (!desc) { window.toast && window.toast('Please describe the bug first'); return; }
    BUGS.submitting = true;
    var btn = document.getElementById('bug-submit');
    if (btn) { btn.textContent = 'Sending…'; btn.style.opacity = '0.6'; }
    try {
      // Upload images first (reuses the attachments bucket).
      var paths = [];
      for (var i = 0; i < BUGS._pickedFiles.length; i++) {
        try {
          var p = await window.uploadAttachment('bug', bugMyId(), BUGS._pickedFiles[i]);
          if (p) paths.push(p);
        } catch (e) { /* skip a failed image, keep the report */ }
      }
      var body = {
        reporter_id: bugMyId(),
        reporter_name: bugMyName(),
        description: desc,
        images: paths,
        status: 'open',
        app_version: bugAppVersion(),
        country: state.country || null
      };
      await chatApi('/bug_reports', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json', 'Prefer': 'return=minimal' },
        body: JSON.stringify(body)
      });
      BUGS._pickedFiles = [];
      window.toast && window.toast('Bug report sent — thank you!');
      try { if (window.PRFB) window.PRFB.feedback('connected'); } catch(e){}
      await window.renderBugs();
      if (window.refreshBugBadge) window.refreshBugBadge();
    } catch (e) {
      window.toast && window.toast('Could not send report — try again');
    } finally {
      BUGS.submitting = false;
      var b2 = document.getElementById('bug-submit');
      if (b2) { b2.textContent = 'Send report'; b2.style.opacity = ''; }
    }
  }

  // ---- Super-admin triage (rendered into Settings → Bugs & Fixes) ----
  async function bugFetchAll(statusFilter){
    var q = '/bug_reports?order=created_at.desc&limit=200';
    if (statusFilter && statusFilter !== 'all') q = '/bug_reports?status=eq.' + statusFilter + '&order=created_at.desc&limit=200';
    try { return (await chatApi(q)) || []; } catch (e) { return []; }
  }

  window.renderBugTriage = async function(){
    var host = document.getElementById('bug-triage-body');
    if (!host) return;
    if (!window.isSuperAdmin()) { host.innerHTML = '<div style="color:var(--text-muted);font-size:13px;">Super admin only.</div>'; return; }
    BUGS._triageFilter = BUGS._triageFilter || 'open';
    host.innerHTML = '<div style="color:var(--text-muted);font-size:13px;padding:12px 0;">Loading…</div>';
    var rows = await bugFetchAll(BUGS._triageFilter);
    BUGS.pending = rows;
    var filters = ['open','in_progress','fixed','all'];
    var fLabel = { open:'Open', in_progress:'In progress', fixed:'Fixed', all:'All' };
    var chips = '<div style="display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px;">' +
      filters.map(function(f){
        var active = BUGS._triageFilter === f;
        return '<button type="button" class="bug-filter-chip" data-f="' + f + '" style="font-size:12px;padding:5px 12px;border-radius:999px;border:1px solid ' + (active?'var(--primary)':'var(--border)') + ';background:' + (active?'var(--primary)':'var(--surface)') + ';color:' + (active?'#fff':'var(--text)') + ';cursor:pointer;">' + fLabel[f] + '</button>';
      }).join('') + '</div>';
    var list;
    if (!rows.length) {
      list = '<div style="color:var(--text-muted);font-size:13px;padding:16px 0;text-align:center;">No ' + (BUGS._triageFilter==='all'?'':fLabel[BUGS._triageFilter].toLowerCase()+' ') + 'reports.</div>';
    } else {
      list = rows.map(function(b){
        var st = BUG_STATUS[b.status] || BUG_STATUS.open;
        var imgChips = (b.images || []).map(function(path, idx){
          return '<img class="bug-img-thumb" data-path="' + bugEsc(path) + '" style="width:56px;height:56px;object-fit:cover;border-radius:6px;border:1px solid var(--border);cursor:pointer;background:var(--surface-2);" />';
        }).join('');
        var btns = '';
        if (b.status !== 'open') btns += '<button type="button" class="bug-set-status btn btn-ghost" data-id="' + b.id + '" data-s="open" style="font-size:12px;height:30px;padding:0 10px;">Reopen</button>';
        if (b.status !== 'in_progress') btns += '<button type="button" class="bug-set-status btn btn-secondary" data-id="' + b.id + '" data-s="in_progress" style="font-size:12px;height:30px;padding:0 10px;">In progress</button>';
        if (b.status !== 'fixed') btns += '<button type="button" class="bug-set-status btn btn-primary" data-id="' + b.id + '" data-s="fixed" style="font-size:12px;height:30px;padding:0 10px;">Mark fixed</button>';
        return '<div style="border:1px solid var(--border);border-radius:12px;padding:12px;margin-bottom:10px;background:var(--surface);">' +
          '<div style="display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;">' +
            '<span style="font-size:11px;font-weight:700;color:#fff;background:' + st[1] + ';padding:3px 9px;border-radius:999px;">' + st[0] + '</span>' +
            '<span style="font-size:11px;color:var(--text-light);">' + bugEsc(b.reporter_name || 'Anon') + ' · ' + relTime(b.created_at) + (b.app_version?' · '+bugEsc(b.app_version):'') + '</span>' +
          '</div>' +
          '<div style="font-size:13.5px;color:var(--text);white-space:pre-wrap;margin-bottom:8px;">' + bugEsc(b.description) + '</div>' +
          (imgChips ? '<div style="display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px;">' + imgChips + '</div>' : '') +
          '<input type="text" class="bug-fix-note" data-id="' + b.id + '" value="' + bugEsc(b.fix_note || '') + '" placeholder="Fix note (optional)" style="width:100%;height:34px;padding:0 10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:13px;background:var(--surface-2);color:var(--text);box-sizing:border-box;margin-bottom:8px;" />' +
          '<div style="display:flex;gap:6px;flex-wrap:wrap;">' + btns + '</div>' +
        '</div>';
      }).join('');
    }
    host.innerHTML = chips + list;
    host.querySelectorAll('.bug-filter-chip').forEach(function(c){
      c.addEventListener('click', function(){ BUGS._triageFilter = c.dataset.f; window.renderBugTriage(); });
    });
    host.querySelectorAll('.bug-set-status').forEach(function(btn){
      btn.addEventListener('click', function(){
        var noteEl = host.querySelector('.bug-fix-note[data-id="' + btn.dataset.id + '"]');
        bugSetStatus(btn.dataset.id, btn.dataset.s, noteEl ? noteEl.value.trim() : '');
      });
    });
    // Lazy-load image thumbs via signed URLs.
    host.querySelectorAll('.bug-img-thumb').forEach(async function(img){
      var path = img.dataset.path;
      try {
        var u = BUGS.urlCache[path] || await window.getAttachmentUrl(path);
        if (u) { BUGS.urlCache[path] = u; img.src = u; img.addEventListener('click', function(){ window.open(u, '_blank'); }); }
      } catch(e){}
    });
  };

  async function bugSetStatus(id, status, note){
    try {
      var patch = { status: status, updated_at: new Date().toISOString(), fix_note: note || null };
      if (status === 'fixed') { patch.resolved_at = new Date().toISOString(); patch.resolved_by = bugMyName(); }
      else { patch.resolved_at = null; patch.resolved_by = null; }
      await chatApi('/bug_reports?id=eq.' + encodeURIComponent(id), {
        method: 'PATCH',
        headers: { 'Content-Type': 'application/json', 'Prefer': 'return=minimal' },
        body: JSON.stringify(patch)
      });
      window.toast && window.toast('Updated');
      window.renderBugTriage();
      if (window.refreshBugBadge) window.refreshBugBadge();
    } catch (e) { window.toast && window.toast('Update failed'); }
  }

  // Open-bug count badge for the Settings row (super admin only).
  window.refreshBugBadge = async function(){
    if (!window.isSuperAdmin()) return;
    try {
      var rows = await chatApi('/bug_reports?status=eq.open&select=id&limit=200');
      var n = (rows || []).length;
      var badge = document.getElementById('bug-open-badge');
      if (badge) { badge.textContent = n; badge.style.display = n > 0 ? '' : 'none'; }
    } catch (e) {}
  };

  // ============================================================
  // HOTSPOTS TAB
  // Reads public.hotspot_scores (scoring view) + public.parks
  // (to list stored locations inside an area). Country-partitioned.
  // ============================================================
  var HS = { rows: [], loaded: false, origin: null, hours: 3, open: null,
             kmh: { UK: 70, AU: 90, US: 90, CA: 90 },
             searchMiles: 0,
             search: '', geo: null, types: ['park','retirement-home','chalet','council','housing-assoc'] };

  var HS_TYPES = ['park','retirement-home','chalet','council','housing-assoc'];
  var HS_TYPE_LABEL = { 'park':'Parks', 'retirement-home':'Retirement', 'chalet':'Chalets', 'council':'Council', 'housing-assoc':'Housing Assoc', 'house':'Houses', 'bungalow':'Bungalows' };

  var HS_RATING = { good:['Good','#2B6E4A'], ok:['OK','#D97706'],
                    notgreat:['Not great','#EAB308'], rubbish:['Rubbish','#C53030'],
                    awful:['Awful','#1A1A1F'] };

  function hsLight(s){ return s>=67?['#2B6E4A','GREEN']:s>=45?['#D97706','AMBER']:['#C53030','RED']; }
  function hsEsc(s){ return (s==null?'':String(s)).replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;'); }

  function hsHaversine(a,b){
    if(!a||!b||a.lat==null||b.lat==null) return Infinity;
    var R=6371, tr=function(d){return d*Math.PI/180;};
    var dLat=tr(b.lat-a.lat), dLng=tr(b.lng-a.lng);
    var x=Math.sin(dLat/2)*Math.sin(dLat/2)+Math.cos(tr(a.lat))*Math.cos(tr(b.lat))*Math.sin(dLng/2)*Math.sin(dLng/2);
    return R*2*Math.atan2(Math.sqrt(x),Math.sqrt(1-x));
  }

  async function hsFetch(){
    try{
      var url = REST + '/hotspot_scores?country=eq.' + encodeURIComponent(state.country) +
                '&select=*&order=blended_score.desc';
      var res = await fetch(url,{headers:HDR()});
      if(!res.ok) throw new Error('HTTP '+res.status);
      HS.rows = await res.json();
      HS.loaded = true;
      if(!HS.origin && HS.rows.length) HS.origin = HS.rows[0].area;
    }catch(e){ HS.rows=[]; HS.loaded=true; if(window.toast) window.toast('Could not load hotspots'); }
  }

  window.renderHotspots = async function(){
    var host=document.getElementById('hotspots-view'); if(!host) return;
    if(!HS.loaded){ host.innerHTML='<div class="cmp-empty" style="padding:32px 16px;text-align:center;color:var(--text-muted);">Loading hotspots…</div>'; await hsFetch(); }
    hsRender();
  };

  function hsRender(){
    var host=document.getElementById('hotspots-view'); if(!host) return;
    if(!HS.rows.length){
      host.innerHTML='<div class="cmp-head"><h2><span style="display:inline-flex;align-items:center;gap:6px;">' + icoSvg('flame',20,'currentColor') + 'Hotspots</span></h2><div class="cmp-sub">No scored areas yet for '+state.country+'. Add area_meta rows and competitor data, then re-open.</div></div>';
      return;
    }
    var kmh=HS.kmh[state.country]||75, radiusKm=HS.hours*kmh;

    // Origin: either the user's GPS location (if "Use my location" active) or a
    // chosen area. Distances are measured from whichever is active.
    var originPoint, originLabel;
    if (HS.geo) {
      originPoint = HS.geo;
      originLabel = 'your location';
    } else {
      var orig = HS.rows.find(function(r){return r.area===HS.origin;}) || HS.rows[0];
      originPoint = orig; originLabel = orig ? orig.area : '';
    }

    // City search filters by area name. When searching, the user is explicitly
    // looking for a place — so the search bypasses the drive-radius filter and
    // shows matches regardless of distance. With no search, the radius applies.
    var q = (HS.search||'').trim().toLowerCase();
    // City search: geocode the typed place to a point, then show ALL hotspot
    // areas sorted nearest-first (each still shows its score). Never empty.
    // Falls back to text match only if the place can't be geocoded at all.
    var searchPoint = null;
    if (q) {
      var g = (typeof planGeocode === 'function') ? planGeocode(HS.search.trim()) : null;
      if (g && g.lat != null) searchPoint = { lat: g.lat, lng: g.lng };
    }
    var hsTextMatch = function(r){
      if(!q) return true;
      var fields = [r.area, r.county, r.region, r.town, r.nearest_town, r.district];
      for(var i=0;i<fields.length;i++){
        if(fields[i] && String(fields[i]).toLowerCase().indexOf(q) >= 0) return true;
      }
      return false;
    };
    var list;
    if (q && searchPoint) {
      // Geocoded: areas measured from the searched city, nearest first.
      // The slider acts as a miles radius (0 = show all).
      var maxKm = HS.searchMiles > 0 ? HS.searchMiles * 1.60934 : Infinity;
      list = HS.rows
        .map(function(r){ return Object.assign({}, r, {dist: Math.round(hsHaversine(searchPoint, r))}); })
        .filter(function(r){ return r.dist <= maxKm; })
        .sort(function(a,b){ return a.dist - b.dist; });
    } else if (q) {
      // Couldn't geocode — fall back to text match on area/county/region.
      list = HS.rows
        .map(function(r){ return Object.assign({}, r, {dist: originPoint?Math.round(hsHaversine(originPoint,r)):0}); })
        .filter(hsTextMatch)
        .sort(function(a,b){ return (b.master_score??b.blended_score)-(a.master_score??a.blended_score); });
    } else {
      list = HS.rows
        .map(function(r){ return Object.assign({}, r, {dist: originPoint?Math.round(hsHaversine(originPoint,r)):0}); })
        .filter(function(r){ return r.dist<=radiusKm; })
        .sort(function(a,b){ return (b.master_score??b.blended_score)-(a.master_score??a.blended_score); });
    }

    // Area dropdown options (filtered by search too, for quick pick).
    var opts=HS.rows
      .filter(function(r){ return !q || hsTextMatch(r); })
      .map(function(r){
        return '<option '+(!HS.geo && r.area===HS.origin?'selected':'')+'>'+hsEsc(r.area)+'</option>';
      }).join('');

    // Type filter chips
    var typeChips = HS_TYPES.map(function(t){
      var on = HS.types.indexOf(t) >= 0;
      return '<button type="button" class="hs-typebtn'+(on?' active':'')+'" onclick="window.hsToggleType(\''+t+'\')" ontouchend="event.preventDefault();window.hsToggleType(\''+t+'\')">'+hsEsc(HS_TYPE_LABEL[t])+'</button>';
    }).join('');

    host.innerHTML =
      '<div class="cmp-head"><h2><span style="display:inline-flex;align-items:center;gap:6px;">' + icoSvg('flame',20,'currentColor') + 'Hotspots</span></h2><div class="cmp-sub">Best areas to knock, ranked by one master score: proven yield, retirement/park density, age profile, revisit timing &amp; competition gap.</div></div>'+
      '<div class="hs-query">'+
        // City search
        '<div class="hs-search-wrap">'+
          '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>'+
          '<input type="search" id="hs-search" placeholder="Search city or area…" value="'+hsEsc(HS.search||'')+'" autocomplete="off">'+
        '</div>'+
        // Use my location
        '<button type="button" class="hs-geo-btn'+(HS.geo?'':' ghost')+'" onclick="window.hsUseLocation()" ontouchend="event.preventDefault();window.hsUseLocation()">'+
          '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="10" r="3"/><path d="M12 2a8 8 0 0 0-8 8c0 5.4 8 12 8 12s8-6.6 8-12a8 8 0 0 0-8-8z"/></svg>'+
          (HS.geo ? 'Using your location · tap to switch back' : 'Use my location') +
        '</button>'+
        // Origin dropdown (hidden when using GPS)
        (HS.geo ? '' :
          '<label class="hs-lab">I\'m near</label>'+
          '<select class="hs-sel" onchange="window.hsSetOrigin(this.value)">'+opts+'</select>') +
        '<label class="hs-lab" id="hs-radius-lab" style="margin-top:9px;">'+
          (q
            ? (searchPoint
                ? (HS.searchMiles>0 ? 'Within '+HS.searchMiles+' mile'+(HS.searchMiles===1?'':'s')+' of "'+hsEsc(HS.search.trim())+'"' : 'Showing all areas near "'+hsEsc(HS.search.trim())+'" (slide to limit by miles)')
                : 'Drive radius ignored while searching')
            : 'Within '+HS.hours+' hr drive (~'+Math.round(radiusKm)+' km of '+hsEsc(originLabel)+')')+
        '</label>'+
        (q && searchPoint
          ? '<input type="range" min="0" max="100" step="1" value="'+HS.searchMiles+'" oninput="window.hsSetSearchMiles(this.value)" style="width:100%;accent-color:var(--primary);">'
          : '<input type="range" min="1" max="8" step="1" value="'+HS.hours+'" '+(q?'disabled style="width:100%;accent-color:var(--primary);opacity:0.45;"':'oninput="window.hsSetHours(this.value)" style="width:100%;accent-color:var(--primary);"')+'>')+
        // Type filter
        '<label class="hs-lab" style="margin-top:11px;">Show location types</label>'+
        '<div class="hs-typerow">'+typeChips+'</div>'+
      '</div>'+
      '<div class="hs-count">'+list.length+' hotspot'+(list.length!==1?'s':'')+(q?(searchPoint?(HS.searchMiles>0?' within '+HS.searchMiles+' mi of "'+hsEsc(HS.search.trim())+'"':' near "'+hsEsc(HS.search.trim())+'", nearest first'):' matching "'+hsEsc(HS.search.trim())+'"'):' in range')+'</div>'+
      (list.length ? list.map(hsCard).join('') : '<div class="hs-empty" style="padding:16px 2px;">'+(q?(searchPoint?'No areas within '+HS.searchMiles+' miles of "'+hsEsc(HS.search.trim())+'". Slide the radius wider.':'Couldn\'t find "'+hsEsc(HS.search.trim())+'". Try a nearby city or town name.'):'No hotspots in range. Widen the drive time or switch location.')+'</div>') +
      '<div class="hs-foot">Scores recompute live from Supabase as ratings, deals and shop data change. Shop years-trading (est_year) sharpen this once scraped.</div>';

    // Wire search (keeps focus; list-only concerns handled by full re-render is
    // fine here since the input is re-created with its value).
    var sEl=document.getElementById('hs-search');
    if(sEl){ sEl.addEventListener('input', function(e){ HS.search=e.target.value; if(!HS.search.trim()) HS.searchMiles=0; hsRenderDebounced(); }); }
  }

  // Light debounce so typing in the city search doesn't rebuild on every key in
  // a way that loses focus; we re-focus the field after a rebuild.
  var _hsSearchTimer=null;
  function hsRenderDebounced(){
    clearTimeout(_hsSearchTimer);
    _hsSearchTimer=setTimeout(function(){
      hsRender();
      var s=document.getElementById('hs-search');
      if(s){ s.focus(); try{ s.setSelectionRange(s.value.length,s.value.length); }catch(e){} }
    }, 200);
  }

  function hsCard(r,i){
    var score=(r.master_score!==null&&r.master_score!==undefined)?r.master_score:r.blended_score;
    var L=hsLight(score), open=HS.open===r.area;
    var dash=(score/100*138).toFixed(0);
    var conf=r.confidence, confC=conf==='High'?'var(--primary)':conf==='Medium'?'var(--warn)':'var(--text-light)';
    var head =
      '<button class="hs-cardhead" onclick="window.hsToggle(\''+String(r.area).replace(/'/g,"\\'")+'\')">'+
        '<span class="hs-ring"><svg width="50" height="50" style="transform:rotate(-90deg)">'+
          '<circle cx="25" cy="25" r="21" fill="none" stroke="var(--surface-2)" stroke-width="6"/>'+
          '<circle cx="25" cy="25" r="21" fill="none" stroke="'+L[0]+'" stroke-width="6" stroke-linecap="round" stroke-dasharray="'+dash+' 138"/>'+
        '</svg><span class="hs-ringn" style="color:'+L[0]+'">'+score+'</span></span>'+
        '<span class="hs-meta"><span class="hs-name">'+(i+1)+'. '+hsEsc(r.area)+
          ' <span class="hs-badge" style="background:'+L[0]+'">'+L[1]+'</span></span>'+
          '<span class="hs-sub2">'+r.dist+' km · '+r.shop_count+' shops · <b style="color:'+confC+'">'+conf+' confidence</b></span></span>'+
        '<span class="hs-chev'+(open?' o':'')+'">›</span>'+
      '</button>';
    if(!open) return '<div class="hs-card">'+head+'</div>';

    // Master-score sub-scores. Each is 0-100 or null (no data yet). Order =
    // weighting in the master score, biggest first.
    var subDefs=[
      ['Proven yield', r.yield_score],
      ['Retirement / park density', r.park_density_score],
      ['Age profile (65+/75+)', r.age_score],
      ['Bungalow density', r.bungalow_score],
      ['Revisit timing', r.revisit_timing_score],
      ['Ownership / residency', r.ownership_score],
      ['Competition gap', r.competition_gap_score],
      ['Cash pressure (deprivation)', r.pressure_score]
    ];
    var bars=subDefs.map(function(b){
      var v=b[1];
      if(v===null||v===undefined||v===''){
        // No data yet — greyed out placeholder.
        return '<div class="hs-bar hs-bar-empty"><div class="hs-barlab"><span>'+b[0]+'</span><span>No data yet</span></div>'+
               '<div class="hs-bartrk"><div class="hs-barfil" style="width:0%"></div></div></div>';
      }
      var n=Math.round(+v), bl=hsLight(n);
      return '<div class="hs-bar"><div class="hs-barlab"><span>'+b[0]+'</span><span>'+n+'</span></div>'+
             '<div class="hs-bartrk"><div class="hs-barfil" style="width:'+n+'%;background:'+bl[0]+'"></div></div></div>';
    }).join('');

    var bits=[];
    bits.push(r.shop_count+' shops (avg '+r.avg_years+' yrs)');
    if(r.deals>0) bits.push(r.deals+' past deals · £'+Math.round(r.total_paid)+' paid');
    if(r.high_asset_parks>0) bits.push(r.high_asset_parks+' retirement/park sites');
    bits.push(r.pct_65+'% over-65 ('+r.pct_75+'% over-75)');
    var why='<div class="hs-h">Why this score</div>'+
      '<div class="hs-why">'+bits.join(' · ')+'</div>';

    var locId='hs-locs-'+String(r.area).replace(/[^a-z0-9]/gi,'');
    var locHtml='<div class="hs-h">Our locations here</div><div id="'+locId+'" class="hs-locs">Loading…</div>';
    setTimeout(function(){ hsLoadLocs(r.area); }, 0);

    return '<div class="hs-card open">'+head+'<div class="hs-detail">'+bars+why+locHtml+'</div></div>';
  }

  // How many location rows to show per batch inside an expanded hotspot.
  var HS_LOC_BATCH = 8;
  // Cache of the full fetched location list + how many are currently shown,
  // keyed by area, so "Load more" can reveal the rest without re-fetching.
  var _hsLocCache = {};

  async function hsLoadLocs(area){
    var safe = String(area).replace(/[^a-z0-9]/gi,'');
    var el=document.getElementById('hs-locs-'+safe); if(!el) return;
    try{
      // Fetch parks in this area AND the surrounding county. The hotspot area
      // is usually a town (e.g. "Nottingham"); matching town alone misses parks
      // in nearby towns of the same county (Beeston, Mansfield, Newark…). We
      // match town exactly OR county containing the area name, so the list
      // covers the wider area. Shown in batches via Load more. Explicit high
      // limit so PostgREST never silently caps the page.
      // If the area name contains characters that break PostgREST's or() syntax
      // (commas/parens), fall back to a plain town match.
      var enc = encodeURIComponent(area);
      var encLike = encodeURIComponent('*' + area + '*');
      var sel = '&select=slug,name,property_type,rating,latitude,longitude,town,county&order=rating.asc&limit=500';
      var url;
      if (/[(),*]/.test(area)) {
        url = REST+'/parks?town=eq.'+enc+'&country=eq.'+encodeURIComponent(state.country)+sel;
      } else {
        url = REST+'/parks?or=(town.eq.'+enc+',county.ilike.'+encLike+')'+
              '&country=eq.'+encodeURIComponent(state.country)+sel;
      }
      var res=await fetch(url,{headers:HDR()}); var locs=res.ok?await res.json():[];
      // Apply the active type filter.
      locs = locs.filter(function(l){ return HS.types.indexOf(l.property_type||'park') >= 0; });
      // De-dupe by slug in case town+county both matched the same row.
      var seen = {};
      locs = locs.filter(function(l){ var k=l.slug||(l.name+'|'+l.town); if(seen[k]) return false; seen[k]=1; return true; });
      // Rank parks in the exact area town first (most relevant to this hotspot),
      // then the rest of the surrounding county, keeping rating order within each.
      var areaLc = String(area).toLowerCase();
      locs.sort(function(a,b){
        var aTown = (a.town||'').toLowerCase()===areaLc ? 0 : 1;
        var bTown = (b.town||'').toLowerCase()===areaLc ? 0 : 1;
        if (aTown !== bTown) return aTown - bTown;
        return 0;
      });
      if(!locs.length){ el.innerHTML='<div class="hs-empty">No '+(HS.types.length<HS_TYPES.length?'matching ':'')+'locations here yet — open territory.</div>'; return; }
      _hsLocCache[safe] = { area: area, list: locs, shown: HS_LOC_BATCH };
      hsRenderLocs(safe);
    }catch(e){ el.innerHTML='<div class="hs-empty">Could not load locations.</div>'; }
  }

  // Render the currently-shown slice for an area, plus a Load more button if
  // there are more parks beyond what's visible.
  function hsRenderLocs(safe){
    var cache = _hsLocCache[safe]; if(!cache) return;
    var el = document.getElementById('hs-locs-'+safe); if(!el) return;
    var area = cache.area;
    var total = cache.list.length;
    var shown = Math.min(cache.shown, total);
    var visible = cache.list.slice(0, shown);
    var rowsHtml = visible.map(function(l){
      var rt=HS_RATING[l.rating]||['Untagged','#9A9486'];
      var slug=hsEsc(l.slug||'');
      // Status comes from the live in-memory park (reflects the user's edits).
      var parkData = state.parks.find(function(p){ return p.id===l.slug || p.slug===l.slug; });
      var status = parkData ? (parkData.status || 'new') : 'new';
      var statusLabel = status === 'done' ? 'Done' : (status === 'in_progress' ? 'Working' : 'To-do');
      return '<div class="hs-loc clickable" data-slug="'+slug+'" data-name="'+hsEsc(l.name)+'" data-town="'+hsEsc(l.town||area)+'">'+
             '<span class="hs-dot" style="background:'+rt[1]+'"></span>'+
             '<span class="hs-locn" style="display:flex;flex-direction:column;line-height:1.25;">'+
               '<span>'+hsEsc(l.name)+'</span>'+
               '<span style="font-size:11px;color:var(--text-muted);font-weight:400;">'+hsEsc(l.town||'')+'</span>'+
             '</span>'+
             '<span class="hs-loctag">'+hsEsc(l.property_type||'')+'</span>'+
             '<span class="hs-locstatus" style="font-size:11px;font-weight:600;color:'+(status==='done'?'#2B6E4A':status==='in_progress'?'#B8842C':'#999')+';text-transform:uppercase;letter-spacing:0.03em;">'+statusLabel+'</span>'+
             '<span class="hs-locr" style="color:'+rt[1]+'">'+rt[0]+'</span>'+
             '<button class="hs-loc-open" title="Open" aria-label="Open location" data-open-slug="'+slug+'">'+
               '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"/></svg>'+
             '</button>'+
             '</div>';
    }).join('');
    // Count line + optional Load more button.
    var countLine = '<div class="hs-loc-count" style="font-size:11px;color:var(--text-muted);padding:2px 2px 6px;">Showing '+shown+' of '+total+' park'+(total===1?'':'s')+'</div>';
    var moreBtn = '';
    if (total > shown) {
      var remaining = total - shown;
      moreBtn = '<button class="hs-loc-more" data-area="'+safe+'" style="width:100%;margin-top:8px;height:40px;border-radius:10px;border:1px solid var(--border-strong);background:var(--surface);color:var(--primary);font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;">Load more parks ('+remaining+' more)</button>';
    }
    el.innerHTML = countLine + rowsHtml + moreBtn;
    // Wire: tapping a row (or its open button) opens the full location panel.
    el.querySelectorAll('.hs-loc.clickable').forEach(function(row){
      bindButton(row, function(){ hsOpenLocation(row.dataset.slug, row.dataset.name, row.dataset.town); });
    });
    var mb = el.querySelector('.hs-loc-more');
    if (mb) bindButton(mb, function(){
      cache.shown += HS_LOC_BATCH;
      hsRenderLocs(safe);
    });
  }

  // Open a hotspot location in the standard park panel. Matches by slug first,
  // then by name+town, against the in-memory parks. The panel provides map,
  // favourite, add-to-trip and add-to-route, so the user can act on it directly.
  function hsOpenLocation(slug, name, town){
    var p = null;
    if (slug) p = state.parks.find(function(x){ return x.id===slug || x.slug===slug; });
    if (!p && name) {
      var nm=String(name).toLowerCase(), tw=String(town||'').toLowerCase();
      p = state.parks.find(function(x){ return (x.name||'').toLowerCase()===nm && (!tw || (x.town||'').toLowerCase()===tw); });
    }
    if (p && typeof openPark === 'function') { openPark(p.id); }
    else if (window.toast) { window.toast('Location not in your list yet'); }
  }
  window.hsOpenLocation = hsOpenLocation;

  window.hsSetOrigin=function(v){ HS.open=null; HS.geo=null; HS.origin=v; hsRender(); };
  window.hsSetHours =function(v){
    HS.hours=+v;
    // Update just the label live (cheap), debounce the full list rebuild so a
    // fast drag doesn't fire dozens of full re-renders and crash the page.
    var labEl=document.getElementById('hs-radius-lab');
    if(labEl && !( (HS.search||'').trim() )){
      var kmh=HS.kmh[state.country]||75, radiusKm=HS.hours*kmh;
      var orig=HS.geo?'your location':((HS.rows.find(function(r){return r.area===HS.origin;})||HS.rows[0]||{}).area||'');
      labEl.textContent='Within '+HS.hours+' hr drive (~'+Math.round(radiusKm)+' km of '+orig+')';
    }
    clearTimeout(_hsHoursTimer);
    _hsHoursTimer=setTimeout(function(){ hsRender(); }, 220);
  };
  var _hsHoursTimer=null;
  window.hsSetSearchMiles=function(v){
    HS.searchMiles=+v;
    var labEl=document.getElementById('hs-radius-lab');
    if(labEl){
      var qn=(HS.search||'').trim();
      labEl.textContent = HS.searchMiles>0
        ? 'Within '+HS.searchMiles+' mile'+(HS.searchMiles===1?'':'s')+' of "'+qn+'"'
        : 'Showing all areas near "'+qn+'" (slide to limit by miles)';
    }
    clearTimeout(_hsMilesTimer);
    _hsMilesTimer=setTimeout(function(){ hsRender(); }, 220);
  };
  var _hsMilesTimer=null;
  window.hsToggle   =function(a){ HS.open=HS.open===a?null:a; hsRender(); };

  window.hsToggleType=function(t){
    var i=HS.types.indexOf(t);
    if(i>=0){ if(HS.types.length>1) HS.types.splice(i,1); }   // keep at least one
    else HS.types.push(t);
    // Re-render; expanded card's location list re-fetches with the new filter.
    hsRender();
  };

  // Use my location as the hotspot origin. Toggles off (back to area pick) if
  // already active. Uses the browser geolocation, mirroring the Near page.
  window.hsUseLocation=function(){
    if(HS.geo){ HS.geo=null; hsRender(); return; }
    if(state.myLocation && state.myLocation.lat){
      HS.geo={lat:state.myLocation.lat, lng:state.myLocation.lng}; HS.open=null; hsRender(); return;
    }
    if(!navigator.geolocation){ window.toast && window.toast('Location not available'); return; }
    window.toast && window.toast('Locating…');
    navigator.geolocation.getCurrentPosition(
      function(pos){
        HS.geo={lat:pos.coords.latitude, lng:pos.coords.longitude};
        state.myLocation={lat:pos.coords.latitude, lng:pos.coords.longitude};
        HS.open=null; hsRender();
      },
      function(err){ window.toast && window.toast('Could not get location: '+err.message); }
    );
  };

  // Mirror the Calls + mentions badges into the More bar/sheet.
  window.syncMoreBadges = function() {
    try {
      var unread = (typeof countUnreadNotifs === 'function') ? countUnreadNotifs() : 0;
      var callsSrc = document.getElementById('calls-tab-badge');
      var callsN = callsSrc && callsSrc.style.display !== 'none' ? (callsSrc.textContent || '') : '';
      function setBadge(id, val) {
        var el = document.getElementById(id); if (!el) return;
        if (val) { el.textContent = val; el.style.display = 'flex'; } else { el.style.display = 'none'; }
      }
      setBadge('more-calls-badge', callsN);
      setBadge('more-team-badge', unread > 0 ? (unread > 9 ? '9+' : String(unread)) : '');
      // The "More" bar badge shows the combined count so field users see it without opening the sheet.
      var total = (unread || 0) + (callsN ? (parseInt(callsN, 10) || 0) : 0);
      setBadge('more-bn-badge', total > 0 ? (total > 9 ? '9+' : String(total)) : '');
    } catch (e) {}
  };

  function setView(v) {
    state.view = v;
    document.getElementById('tab-parks').style.display = v === 'list' ? '' : 'none';
    document.getElementById('map').style.display = v === 'map' ? '' : 'none';
    document.getElementById('map-legend').style.display = v === 'map' ? '' : 'none';
    const heatBtn = document.getElementById('map-heat-toggle');
    if (heatBtn) heatBtn.style.display = v === 'map' ? '' : 'none';
    document.getElementById('view-list').classList.toggle('active', v === 'list');
    document.getElementById('view-map').classList.toggle('active', v === 'map');
    if (v === 'map') updateMapPins();
  }

  function toggleHeatMap() {
    state.heatMode = !state.heatMode;
    const btn = document.getElementById('map-heat-toggle');
    if (btn) {
      btn.classList.toggle('active', state.heatMode);
      btn.setAttribute('aria-pressed', state.heatMode ? 'true' : 'false');
    }
    if (state.view === 'map') updateMapPins();
    if (window.toast) {
      const tagged = state.parks.filter(p => p.rating).length;
      window.toast(state.heatMode
        ? ('Heat map on · ' + tagged + ' tagged park' + (tagged !== 1 ? 's' : ''))
        : 'Heat map off');
    }
  }

  // =========================================================================
  // STATUS / RATING / NOTES (panel button bindings)
  // =========================================================================
  // Helper: bind a tap that works reliably on iOS (touch + mouse).
  // Avoids double-firing by debouncing click after touchend.
  // Extract a lat/lng from a pasted Google/Apple Maps URL or a raw "lat,lng"
  // string. Handles the common Google formats (@lat,lng,zoom and !3dlat!4dlng),
  // Apple Maps (?ll=lat,lng), and a bare "53.1, -1.4" the user types in.
  function parseLatLng(raw) {
    if (!raw) return null;
    const s = String(raw).trim();
    // Bare "lat,lng"
    let m = s.match(/^(-?\d{1,3}(?:\.\d+)?)\s*,\s*(-?\d{1,3}(?:\.\d+)?)$/);
    if (m) return validCoord(+m[1], +m[2]);
    // geo: URI  geo:52.1,-0.46
    m = s.match(/geo:(-?\d{1,3}\.\d+),(-?\d{1,3}\.\d+)/i);
    if (m) return validCoord(+m[1], +m[2]);
    // Google "@lat,lng,zoom"
    m = s.match(/@(-?\d{1,3}\.\d+),(-?\d{1,3}\.\d+)/);
    if (m) return validCoord(+m[1], +m[2]);
    // Google place "!3dLAT!4dLNG"
    m = s.match(/!3d(-?\d{1,3}\.\d+)!4d(-?\d{1,3}\.\d+)/);
    if (m) return validCoord(+m[1], +m[2]);
    // Apple "coordinate=lat,lng" (Apple's share-via-copy sometimes uses this)
    m = s.match(/[?&]coordinate=(-?\d{1,3}\.\d+),(-?\d{1,3}\.\d+)/i);
    if (m) return validCoord(+m[1], +m[2]);
    // Apple/Google "?ll=" / "&ll=" / "q=" / "sll=" / "center=" / "daddr=" with lat,lng
    m = s.match(/[?&](?:ll|q|sll|center|daddr|saddr)=(-?\d{1,3}\.\d+),(-?\d{1,3}\.\d+)/);
    if (m) return validCoord(+m[1], +m[2]);
    // Generic fallback: first "number,number" anywhere in the string
    m = s.match(/(-?\d{1,3}\.\d+),\s*(-?\d{1,3}\.\d+)/);
    if (m) return validCoord(+m[1], +m[2]);
    return null;
  }
  function validCoord(lat, lng) {
    if (!isFinite(lat) || !isFinite(lng)) return null;
    if (lat < -90 || lat > 90 || lng < -180 || lng > 180) return null;
    return { lat: lat, lng: lng };
  }
  // Apply a corrected location to the open park: writes lat/lng into the park,
  // marks data quality as exact-address, and persists via updatePark so it
  // becomes an overlay in parks_changed (syncs to Lewis, survives DB rebuilds).
  function applyLocationFix(lat, lng) {
    if (!state.openParkId) return;
    const c = validCoord(lat, lng);
    if (!c) { window.toast && window.toast('Those coordinates don\'t look right'); return; }
    const p = getParkById(state.openParkId);
    if (!p) return;
    p.lat = c.lat; p.lng = c.lng; p.dataQuality = 'exact-address';
    window.updatePark(state.openParkId, { lat: c.lat, lng: c.lng, dataQuality: 'exact-address' });
    if (typeof renderFixLocStatus === 'function') renderFixLocStatus(p);
    if (typeof renderPanel === 'function') renderPanel();
    window.toast && window.toast('Location updated & marked exact');
  }
  // Show the current accuracy state in the panel's Location accuracy section.
  function renderFixLocStatus(p) {
    const el = document.getElementById('fix-loc-status');
    if (!el || !p) return;
    const hasLoc = p.lat != null && p.lng != null;
    const q = p.dataQuality || '';
    let txt;
    if (!hasLoc) {
      txt = 'No location set yet. Stand at the park and tap below, or paste a Maps link.';
    } else if (q === 'exact-address' || q === 'verified') {
      txt = 'Exact location set (' + p.lat.toFixed(5) + ', ' + p.lng.toFixed(5) + ').';
    } else {
      txt = 'Approximate location (likely town centre). Set the real spot below.';
    }
    if (hasLoc) {
      // Text + an ✕ to clear the pin (removes lat/lng so it stops showing in Near Me).
      el.innerHTML = '<span style="display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;">' +
        '<span>' + escapeHtml(txt) + '</span>' +
        '<button type="button" id="btn-clear-loc" title="Clear this pin" style="display:inline-flex;align-items:center;gap:4px;border:1px solid var(--border-strong);background:var(--surface);color:var(--danger);border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700;cursor:pointer;font-family:inherit;">' +
          '<svg viewBox="0 0 24 24" width="12" height="12" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>' +
          'Clear pin</button>' +
        '</span>';
      var clrBtn = document.getElementById('btn-clear-loc');
      if (clrBtn) clrBtn.addEventListener('click', function () { window.clearParkPin(p.id); });
    } else {
      el.textContent = txt;
    }
  }
  window.renderFixLocStatus = renderFixLocStatus;

  // Remove a location's coordinates (so it no longer appears in Near Me).
  // Keeps the location itself; only the pin is cleared. Confirms first.
  window.clearParkPin = function (parkId) {
    var p = getParkById(parkId) || (state.parks || []).find(function (x) { return x.id === parkId; });
    if (!p) return;
    if (!confirm('Clear the map pin for "' + (p.name || 'this location') + '"?\n\nThe location stays in your list, but it won\u2019t show in Near Me until you set a pin again.')) return;
    window.updatePark(parkId, { lat: null, lng: null, dataQuality: '' });
    if (state.overlays && state.overlays[parkId]) { state.overlays[parkId].lat = null; state.overlays[parkId].lng = null; }
    state.dirty = true;
    scheduleSync();
    var pp = getParkById(parkId); if (pp) renderFixLocStatus(pp);
    window.toast && window.toast('Pin cleared');
  };

  function bindButton(el, fn) {
    if (!el || el._bp_bound) return;
    el._bp_bound = true;
    try { el.style.touchAction = 'manipulation'; } catch (e) {}
    let lastTouch = 0;
    // Scroll-vs-tap detection: record where the finger lands, and only treat
    // it as a tap if it lifts close to the same spot. A drag (scroll) moves
    // more than the threshold and is ignored — this stops scrolling from
    // accidentally triggering buttons / ticking the wrong things.
    let sx = 0, sy = 0, moved = false;
    const MOVE_TOL = 12; // px of finger travel allowed before it counts as a scroll
    el.addEventListener('touchstart', (e) => {
      const t = e.touches && e.touches[0];
      sx = t ? t.clientX : 0;
      sy = t ? t.clientY : 0;
      moved = false;
    }, { passive: true });
    el.addEventListener('touchmove', (e) => {
      const t = e.touches && e.touches[0];
      if (!t) return;
      if (Math.abs(t.clientX - sx) > MOVE_TOL || Math.abs(t.clientY - sy) > MOVE_TOL) {
        moved = true; // finger is scrolling, not tapping
      }
    }, { passive: true });
    el.addEventListener('touchend', (e) => {
      if (moved) return; // was a scroll — do nothing
      if (e.cancelable) e.preventDefault();
      lastTouch = Date.now();
      // Haptic confirmation on a real tap (respects the Haptics toggle).
      try { if (window.PRFB && window.PRFB.hapticOn() && navigator.vibrate) navigator.vibrate(12); } catch (err) {}
      fn(e);
    }, { passive: false });
    el.addEventListener('click', (e) => {
      if (Date.now() - lastTouch < 600) return;
      fn(e);
    });
  }

  function bindPanelControls() {
    injectRoundSection();
    document.querySelectorAll('.round-btn').forEach(b => {
      bindButton(b, () => {
        if (!state.openParkId) return;
        tapRoundButton(Number(b.dataset.round));
      });
    });
    document.querySelectorAll('#status-grid .status-btn').forEach(b => {
      bindButton(b, () => {
        if (!state.openParkId) return;
        const v = b.dataset.val;
        let dbStatus = 'new';
        if (v === 'progress') dbStatus = 'in_progress';
        else if (v === 'done') dbStatus = 'done';
        else if (v === 'skip') dbStatus = 'skip';
        else dbStatus = 'new';
        const p = getParkById(state.openParkId);
        if (dbStatus === 'done' && !p.rating) {
          window.toast('Pick a colour tag first');
          return;
        }
        const patch = { status: dbStatus };
        // When moving OFF "done" (e.g. tapping New), clear the completion
        // timestamp too — otherwise a leftover doneAt keeps the park showing as
        // DONE in Hotspots/Recent even though its status changed.
        if (dbStatus === 'done') patch.doneAt = new Date().toISOString();
        else patch.doneAt = null;
        window.updatePark(state.openParkId, patch);
        window.toast(dbStatus === 'done' ? 'Marked done' :
                     dbStatus === 'in_progress' ? 'Marked working' :
                     dbStatus === 'skip' ? 'Skipped' : 'Status reset');
        // Option B: prompt for weather at the completion moment (Done only).
        // Working and ad-hoc tagging use the always-visible icon row in the panel.
        if (dbStatus === 'done') {
          var _pid = state.openParkId;
          askVisitWeather(function (wx) {
            if (wx) {
              recordVisitWeather(_pid, wx);
              window.toast && window.toast('Weather noted');
              if (state.openParkId === _pid) renderPanelWeather(state.parks.find(function(x){return x.id===_pid;}) || {});
            }
          });
        }
      });
    });
    document.querySelectorAll('#panel-rating-grid .rating-btn').forEach(b => {
      bindButton(b, () => {
        if (!state.openParkId) return;
        const labels = { good: 'Good', ok: 'OK', notgreat: 'Not great', rubbish: 'Rubbish', awful: 'Awful' };
        window.updatePark(state.openParkId, { rating: b.dataset.rating });
        window.toast('Colour set: ' + (labels[b.dataset.rating] || b.dataset.rating));
      });
    });
    const clearR = document.getElementById('btn-clear-rating');
    if (clearR) bindButton(clearR, () => {
      if (!state.openParkId) return;
      window.updatePark(state.openParkId, { rating: null });
      window.toast('Colour tag cleared');
    });
    const clearD = document.getElementById('btn-clear-doors');
    if (clearD) bindButton(clearD, () => {
      if (!state.openParkId) return;
      window.updatePark(state.openParkId, { doorsCovered: 0 });
    });
    const notes = document.getElementById('panel-notes');
    if (notes) {
      let nt = null;
      notes.addEventListener('input', () => {
        if (!state.openParkId) return;
        if (nt) clearTimeout(nt);
        nt = setTimeout(() => {
          window.updatePark(state.openParkId, { notes: notes.value });
        }, 500);
      });
    }
    // Park size (doors total) — save debounced
    const doorsTotal = document.getElementById('panel-doors-total');
    if (doorsTotal) {
      let dtT = null;
      doorsTotal.addEventListener('input', () => {
        if (!state.openParkId) return;
        if (dtT) clearTimeout(dtT);
        dtT = setTimeout(() => {
          const raw = doorsTotal.value.trim();
          const val = raw === '' ? null : Math.max(0, parseInt(raw, 10) || 0);
          window.updatePark(state.openParkId, { doorsTotal: val });
        }, 500);
      });
    }
    const logBtn = document.getElementById('btn-log-visit');
    if (logBtn) bindButton(logBtn, logVisit);
    const cbBtn = document.getElementById('btn-add-callback');
    if (cbBtn) bindButton(cbBtn, () => {
      if (!state.openParkId) return;
      // openCallbackForm reads state.openParkId to pre-fill park
      if (typeof openCallbackForm === 'function') openCallbackForm(null);
    });
    // --- Fix location (GPS + paste Maps URL) ---
    const gpsBtn = document.getElementById('btn-fix-loc-gps');
    if (gpsBtn) bindButton(gpsBtn, () => {
      if (!state.openParkId) return;
      if (!navigator.geolocation) { window.toast && window.toast('Location not available on this device'); return; }
      // If this location already has a pin, warn before overwriting it — this
      // prevents accidentally moving a London estate onto your Guernsey spot.
      var _pNow = getParkById(state.openParkId);
      if (_pNow && _pNow.lat != null && _pNow.lng != null) {
        if (!confirm('This location already has a pin set.\n\nOverwrite it with where you are right now?')) return;
      }
      window.toast && window.toast('Getting your location…');
      navigator.geolocation.getCurrentPosition(function (pos) {
        applyLocationFix(pos.coords.latitude, pos.coords.longitude);
      }, function (err) {
        window.toast && window.toast('Couldn\'t get location — allow location access and try again');
      }, { enableHighAccuracy: true, timeout: 15000, maximumAge: 0 });
    });
    const urlBtn = document.getElementById('btn-fix-loc-url');
    if (urlBtn) bindButton(urlBtn, () => {
      if (!state.openParkId) return;
      const inp = document.getElementById('fix-loc-url');
      const raw = inp ? inp.value.trim() : '';
      if (!raw) { window.toast && window.toast('Paste a Maps link or lat,lng first'); return; }
      const c = parseLatLng(raw);
      if (!c) {
        // Apple /p/ and Google goo.gl short links carry no coordinates (the
        // map app resolves them server-side and blocks others), so tell the
        // user how to get coordinates that DO work.
        var isShortLink = /maps\.apple\/p\/|maps\.app\.goo\.gl|goo\.gl\/maps/i.test(raw);
        window.toast && window.toast(isShortLink
          ? 'That short link has no coordinates in it. In Maps, tap the place, scroll to the coordinates and copy those (e.g. 52.13, -0.46), or drop a pin and copy its lat,lng.'
          : 'Couldn\'t read coordinates — paste as "lat,lng" (e.g. 52.13, -0.46)');
        return;
      }
      applyLocationFix(c.lat, c.lng);
      if (inp) inp.value = '';
    });
    const delBtn = document.getElementById('btn-delete');
    if (delBtn) bindButton(delBtn, () => {
      if (!state.openParkId) return;
      if (!confirm('Delete this park\'s overlay (notes, status, deals)?')) return;
      delete state.overlays[state.openParkId];
      lsSet(LS.overlays, state.overlays);
      (state.deals || []).filter(d => d.parkId === state.openParkId)
        .forEach(d => { if (window.tombstone) window.tombstone('deals', d.id); });
      state.deals = state.deals.filter(d => d.parkId !== state.openParkId);
      lsSet(LS.deals, state.deals);
      const p = getParkById(state.openParkId);
      if (p) {
        Object.assign(p, { status: 'new', rating: null, notes: '', doorsCovered: 0, deals: [], visits: [], doneAt: null, modifiedAt: null, modifiedBy: null });
      }
      state.dirty = true;
      scheduleSync();
      window.closePanel();
      window.render();
      window.toast('Park reset');
    });
    const closeBtn = document.getElementById('panel-close');
    if (closeBtn) bindButton(closeBtn, window.closePanel);
    const favBtn = document.getElementById('panel-favorite');
    if (favBtn) bindButton(favBtn, function() {
      if (!state.openParkId) return;
      const p = getParkById(state.openParkId);
      if (!p) return;
      const next = !p.favorite;
      window.updatePark(state.openParkId, { favorite: next });
      // Visual update is immediate via renderPanel() inside window.render(),
      // but also flip the class right away for snappier feel:
      favBtn.classList.toggle('favorited', next);
      window.toast(next ? 'Added to favorites' : 'Removed from favorites');
      // If settings is open, refresh the favorites list
      if (typeof window.renderFavorites === 'function') window.renderFavorites();
    });
    const backBtn = document.getElementById('panel-back-to-map');
    if (backBtn) bindButton(backBtn, window.closePanel);
    const addTripBtn = document.getElementById('btn-panel-add-trip');
    if (addTripBtn) bindButton(addTripBtn, function() {
      if (state.openParkId) openPanelAddTrip(state.openParkId);
    });
    const backdrop = document.getElementById('panel-backdrop');
    if (backdrop) backdrop.addEventListener('click', window.closePanel);
  }

  // Pick-a-trip sheet for a single park (used from the park panel — reachable
  // from Locations, Near, and Hotspots). Adds the park to the chosen trip, or
  // creates a new trip containing it.
  function openPanelAddTrip(parkId){
    const p = getParkById(parkId);
    if (!p) return;
    const trips = (state.trips || []).slice().sort((a,b) => (b.startDate||'').localeCompare(a.startDate||''));
    const wrap = document.createElement('div');
    wrap.className = 'modal-backdrop open';
    wrap.id = '_panel-addtrip-modal';
    const tripRows = trips.length
      ? trips.map(t => {
          const inTrip = (t.parkIds||[]).indexOf(parkId) >= 0;
          const dateTxt = t.startDate ? _tripFormatDate(t.startDate) : '';
          const count = (t.parkIds||[]).length;
          return '<button class="btn" data-trip-id="'+escapeHtml(t.id)+'" '+(inTrip?'disabled':'')+' style="width:100%;justify-content:space-between;height:auto;padding:11px 13px;margin-bottom:8px;background:var(--surface);border:1px solid var(--border);color:var(--text);'+(inTrip?'opacity:0.55;':'')+'">'+
            '<span style="text-align:left;"><span style="display:block;font-weight:600;font-size:14px;">'+escapeHtml(t.name||t.id)+'</span>'+
            '<span style="display:block;font-size:11.5px;color:var(--text-muted);">'+(dateTxt?dateTxt+' · ':'')+count+' location'+(count===1?'':'s')+'</span></span>'+
            '<span style="font-size:12px;color:'+(inTrip?'var(--text-muted)':'var(--primary)')+';font-weight:600;">'+(inTrip?'Already in':'Add')+'</span>'+
          '</button>';
        }).join('')
      : '<div style="font-size:13px;color:var(--text-muted);padding:8px 2px 12px;">No trips yet — create one to add this location to.</div>';
    wrap.innerHTML =
      '<div class="modal" style="max-width:440px;">' +
        '<div class="modal-head"><h2>Add to a trip</h2>' +
          '<button class="icon-btn" id="_pat-close"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></button>' +
        '</div>' +
        '<div class="modal-body">' +
          '<div style="font-size:13px;color:var(--text);font-weight:600;margin-bottom:2px;">' + escapeHtml(p.name) + '</div>' +
          '<div style="font-size:12px;color:var(--text-muted);margin-bottom:14px;">' + escapeHtml([p.town, p.county].filter(Boolean).join(', ')) + '</div>' +
          tripRows +
          '<button class="btn btn-primary" id="_pat-new" style="width:100%;height:44px;margin-top:4px;">+ New trip with this location</button>' +
        '</div>' +
      '</div>';
    document.body.appendChild(wrap);
    const close = () => wrap.remove();
    document.getElementById('_pat-close').addEventListener('click', close);
    wrap.addEventListener('click', e => { if (e.target === wrap) close(); });
    wrap.querySelectorAll('[data-trip-id]').forEach(btn => {
      if (btn.disabled) return;
      btn.addEventListener('click', () => {
        const t = state.trips.find(x => x.id === btn.dataset.tripId);
        if (!t) return;
        const merged = (t.parkIds||[]).concat([parkId]).filter((v,i,a)=>a.indexOf(v)===i);
        updateTrip(t.id, { parkIds: merged });
        close();
        window.toast && window.toast('Added to ' + (t.name||'trip'));
      });
    });
    const newBtn = document.getElementById('_pat-new');
    if (newBtn) newBtn.addEventListener('click', () => {
      close();
      // createTrip() ignores args and opens the new trip; grab the newest trip
      // afterwards and add this park to it.
      const before = new Set((state.trips||[]).map(t => t.id));
      if (typeof window.createTrip === 'function') {
        window.createTrip();
        const newTrip = (state.trips||[]).find(t => !before.has(t.id));
        if (newTrip) {
          const merged = (newTrip.parkIds||[]).concat([parkId]).filter((v,i,a)=>a.indexOf(v)===i);
          updateTrip(newTrip.id, { parkIds: merged });
          window.toast && window.toast('New trip created with ' + escapeHtml(p.name));
        }
      } else {
        window.toast && window.toast('Open Trips to create a new trip');
      }
    });
  }
  window.openPanelAddTrip = openPanelAddTrip;

  // =========================================================================
  // TRIPS & NEARBY (basic)
  // =========================================================================
  // ===== Trip date/label helpers =====
  function _tripMonthLabel(yyyymm) {
    const parts = yyyymm.split('-');
    const names = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
    const m = parseInt(parts[1], 10);
    return (names[m-1] || '') + ' ' + parts[0];
  }
  function _tripFormatDate(iso) {
    if (!iso) return '';
    const d = new Date(iso + 'T00:00:00');
    if (isNaN(d.getTime())) return iso;
    const names = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
    return d.getDate() + ' ' + names[d.getMonth()] + ' ' + String(d.getFullYear()).slice(2);
  }
  function _renderSalesmanRow(name, count, idx) {
    return '<div class="salesman-row" data-row-idx="' + idx + '" style="display:flex;gap:6px;margin-bottom:6px;align-items:center;">' +
      '<input type="text" class="deals-salesman-name" placeholder="Salesman name" value="' + escapeHtml(name) + '" style="flex:1;height:36px;padding:0 10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:13px;background:var(--surface);color:var(--text);box-sizing:border-box;" />' +
      '<input type="number" min="0" step="1" class="deals-salesman-count" placeholder="0" value="' + (count || '') + '" style="width:72px;height:36px;padding:0 10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:13px;background:var(--surface);color:var(--text);box-sizing:border-box;text-align:right;font-weight:600;" />' +
      '<button type="button" class="btn-remove-salesman" data-row-idx="' + idx + '" style="width:36px;height:36px;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text-muted);font-size:18px;cursor:pointer;flex-shrink:0;line-height:1;" aria-label="Remove">×</button>' +
      '</div>';
  }

  // ===== TRIPS: shell (search + chips) + list ======
  function renderTrips() {
    const box = document.getElementById('trips-view');
    if (!box) return;
    state.tripsShown = 3;        // show last 3 trips on entry; "Load more" adds 3 at a time
    state.recentShown = 5;       // recent activity collapsed to 5 on entry

    // Pull JV settlement balance in the background — list re-renders when it lands.
    // AU is single-entity ('The Jewellery Road Show'), so skip this fetch entirely.
    if (isUK() && !JVS.loaded && !JVS.loading) {
      fetchJVSettlements().then(() => {
        if (state.currentTab === 'trips') _renderTripsList();
      });
    }

    // V-250: refresh pending approvals so the "Pending approval" banner at the
    // top of the list is current — for EVERY role, not just admins (a salesman
    // should see their own submitted-but-not-yet-approved deal sitting there).
    if (typeof fetchApprovals === 'function') {
      fetchApprovals().then(function () {
        if (state.currentTab === 'trips' && typeof _renderTripsList === 'function') _renderTripsList();
      }).catch(function () {});
    }

    // Build the shell once per render of the trips tab
    box.innerHTML =
      '<div class="trips-filterbar">' +
        // Financials now live on their own page (Stats icon → Financials). The
        // Trips page is purely trips: search, filters, +New trip, and the list.
        // Search input (mirrors parks search bar)
        '<div class="search-wrap" style="position:relative;">' +
          '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>' +
          '<input type="search" id="trip-search" class="search-input" placeholder="Search trips by name or notes…" value="' + escapeHtml(state.tripSearch || '') + '" autocomplete="off" style="padding-right:42px;"/>' +
          '<button type="button" id="trip-search-clear" class="' + (state.tripSearch ? 'show' : '') + '" aria-label="Clear search">' +
            '<svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>' +
          '</button>' +
        '</div>' +
        // Date range row
        '<div style="display:flex;gap:6px;align-items:center;">' +
          '<input type="date" id="trip-date-from" value="' + escapeHtml(state.tripDateFrom || '') + '" style="flex:1;height:36px;padding:0 10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:13px;background:var(--surface);color:var(--text);box-sizing:border-box;" placeholder="From" />' +
          '<span style="color:var(--text-muted);font-size:13px;flex-shrink:0;">→</span>' +
          '<input type="date" id="trip-date-to" value="' + escapeHtml(state.tripDateTo || '') + '" style="flex:1;height:36px;padding:0 10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:13px;background:var(--surface);color:var(--text);box-sizing:border-box;" placeholder="To" />' +
          '<button type="button" id="btn-trip-date-clear" style="height:36px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text-muted);font-size:12px;cursor:pointer;font-family:inherit;flex-shrink:0;' + ((state.tripDateFrom || state.tripDateTo) ? '' : 'opacity:0.5;') + '" aria-label="Clear dates">Clear</button>' +
        '</div>' +
        // Filter chips + New trip button
        '<div class="chip-row">' +
          '<button class="chip trip-chip' + (state.tripFilter === 'all' ? ' active' : '') + '" data-trip-filter="all">All <span class="count" id="trip-count-all">0</span></button>' +
          '<button class="chip trip-chip' + (state.tripFilter === 'active' ? ' active' : '') + '" data-trip-filter="active">Active <span class="count" id="trip-count-active">0</span></button>' +
          '<button class="chip trip-chip' + (state.tripFilter === 'completed' ? ' active' : '') + '" data-trip-filter="completed">Completed <span class="count" id="trip-count-completed">0</span></button>' +
          '<button class="btn btn-primary" id="btn-new-trip">+ New trip</button>' +
          '<button class="btn btn-secondary" id="btn-trip-add-location">+ Location</button>' +
        '</div>' +
      '</div>' +
      '<div id="trips-list"></div>';

    // Paint the list
    _renderTripsList();

    // Wire shell events (each tap is its own micro-handler so search retains focus)
    const searchEl = document.getElementById('trip-search');
    const searchClearEl = document.getElementById('trip-search-clear');
    if (searchEl) {
      // Debounced: with 1,000+ parks scanned per repaint, re-rendering on every
      // keystroke is what made search feel laggy. Wait for a ~180ms pause.
      let _searchTimer = null;
      searchEl.addEventListener('input', e => {
        state.tripSearch = e.target.value;
        if (searchClearEl) searchClearEl.classList.toggle('show', !!e.target.value);
        if (_searchTimer) clearTimeout(_searchTimer);
        _searchTimer = setTimeout(() => { _searchTimer = null; _renderTripsList(); }, 180);
      });
    }
    if (searchClearEl) {
      searchClearEl.addEventListener('click', () => {
        state.tripSearch = '';
        if (searchEl) { searchEl.value = ''; searchEl.focus(); }
        searchClearEl.classList.remove('show');
        _renderTripsList();
      });
    }
    const dateFromEl = document.getElementById('trip-date-from');
    if (dateFromEl) {
      dateFromEl.addEventListener('change', e => {
        state.tripDateFrom = e.target.value;
        _renderTripsList();
        _refreshDateClearVisual();
      });
    }
    const dateToEl = document.getElementById('trip-date-to');
    if (dateToEl) {
      dateToEl.addEventListener('change', e => {
        state.tripDateTo = e.target.value;
        _renderTripsList();
        _refreshDateClearVisual();
      });
    }
    const dateClearBtn = document.getElementById('btn-trip-date-clear');
    if (dateClearBtn) bindButton(dateClearBtn, () => {
      state.tripDateFrom = '';
      state.tripDateTo = '';
      const f = document.getElementById('trip-date-from');
      const t2 = document.getElementById('trip-date-to');
      if (f) f.value = '';
      if (t2) t2.value = '';
      _renderTripsList();
      _refreshDateClearVisual();
    });
    function _refreshDateClearVisual() {
      const btn = document.getElementById('btn-trip-date-clear');
      if (btn) btn.style.opacity = (state.tripDateFrom || state.tripDateTo) ? '1' : '0.5';
    }
    box.querySelectorAll('.trip-chip').forEach(c => {
      bindButton(c, () => {
        state.tripFilter = c.dataset.tripFilter;
        state.tripsShown = 3;
        box.querySelectorAll('.trip-chip').forEach(b =>
          b.classList.toggle('active', b === c));
        _renderTripsList();
      });
    });
    const newBtn = document.getElementById('btn-new-trip');
    if (newBtn) bindButton(newBtn, function(){ window.openNewTripOrHallChooser(); });
    const addLocBtn = document.getElementById('btn-trip-add-location');
    if (addLocBtn) bindButton(addLocBtn, function(){ window.openAddLocation(); });
  }

  function _renderTripsList() {
    try {
      _renderTripsListInner();
    } catch (e) {
      console.error('[Trips list] render failed:', e);
      var list = document.getElementById('trips-list');
      if (list) list.innerHTML = '<div style="padding:24px;text-align:center;color:var(--text-muted);">' +
        '<div style="font-weight:700;color:var(--text);margin-bottom:6px;">Couldn\u2019t load the trips list</div>' +
        '<div style="font-size:13px;">An error occurred building the list. Try reloading the app.</div></div>';
    }
  }
  // Label helpers so a trip's count reflects what's actually in it
  // (estate / housing assoc / retirement home / park / chalet) instead of
  // always saying "park". Singular + plural per property type.
  var TRIP_TYPE_WORDS = {
    'park':            { one: 'park',            many: 'parks' },
    'retirement-home': { one: 'retirement home', many: 'retirement homes' },
    'housing-assoc':   { one: 'housing assoc',   many: 'housing assocs' },
    'council':         { one: 'estate',          many: 'estates' },
    'chalet':          { one: 'chalet',          many: 'chalets' },
    'house':           { one: 'house',           many: 'houses' },
    'bungalow':        { one: 'bungalow',        many: 'bungalows' }
  };
  // Given an array of park objects (or ids), return e.g. "1 estate",
  // "3 retirement homes", or "5 locations" when the trip mixes types.
  function tripCountLabel(parks) {
    var arr = (parks || []).map(function (p) {
      if (p && typeof p === 'object') return p;
      return (typeof getParkById === 'function') ? getParkById(p) : null;
    }).filter(Boolean);
    var n = arr.length;
    if (!n) return '0 locations';
    var types = {};
    arr.forEach(function (p) { var t = (p.propertyType || 'park'); types[t] = (types[t] || 0) + 1; });
    var keys = Object.keys(types);
    if (keys.length === 1) {
      var w = TRIP_TYPE_WORDS[keys[0]] || TRIP_TYPE_WORDS.park;
      return n + ' ' + (n === 1 ? w.one : w.many);
    }
    return n + ' location' + (n === 1 ? '' : 's'); // mixed types
  }
  // Just the noun for a count + type (used by the detail stat card).
  function tripCountWord(parks) {
    var arr = (parks || []).map(function (p) {
      if (p && typeof p === 'object') return p;
      return (typeof getParkById === 'function') ? getParkById(p) : null;
    }).filter(Boolean);
    var n = arr.length;
    var types = {};
    arr.forEach(function (p) { var t = (p.propertyType || 'park'); types[t] = (types[t] || 0) + 1; });
    var keys = Object.keys(types);
    if (keys.length === 1) {
      var w = TRIP_TYPE_WORDS[keys[0]] || TRIP_TYPE_WORDS.park;
      return (n === 1 ? w.one : w.many);
    }
    if (keys.length === 0) return 'Locations';
    return 'Locations';
  }

  function _renderTripsListInner() {
    const list = document.getElementById('trips-list');
    if (!list) return;

    // Compute per-trip stats
    const today = new Date().toISOString().slice(0,10);
    // Build a deals lookup ONCE per render instead of scanning state.deals for
    // every trip (that O(trips × deals) loop was the main Trips lag). One pass
    // groups deal totals + counts by parkId and by tripId.
    const _dealsByPark = new Map();   // parkId -> {sum, count}
    const _dealsByTrip = new Map();   // tripId -> {sum, count}
    {
      const allDeals = state.deals || [];
      for (let i = 0; i < allDeals.length; i++) {
        const d = allDeals[i];
        const amt = Number(d.amount) || 0;
        if (d.parkId != null) {
          let e = _dealsByPark.get(d.parkId);
          if (!e) { e = { sum: 0, count: 0 }; _dealsByPark.set(d.parkId, e); }
          e.sum += amt; e.count += 1;
        }
        if (d.tripId != null) {
          let t = _dealsByTrip.get(d.tripId);
          if (!t) { t = { sum: 0, count: 0 }; _dealsByTrip.set(d.tripId, t); }
          t.sum += amt; t.count += 1;
        }
      }
    }

    const tripStats = state.trips.map(t => {
      const parkIds = t.parkIds || [];
      // Sum deals across this trip's parks + any deals tagged directly to the
      // trip, de-duping a deal that is both in a trip park AND tagged to the
      // trip (count it once via a small set only when both indexes could hit).
      let dealsRaw = 0, dealsCount = 0;
      const _seen = (parkIds.length && _dealsByTrip.has(t.id)) ? new Set() : null;
      for (let i = 0; i < parkIds.length; i++) {
        const e = _dealsByPark.get(parkIds[i]);
        if (e) { dealsRaw += e.sum; dealsCount += e.count; }
      }
      const tt = _dealsByTrip.get(t.id);
      if (tt) {
        // Only add trip-tagged deals that weren't already counted via a park.
        // Cheap heuristic: if the trip has no parks, all trip-tagged deals are
        // additive; otherwise we accept a tiny double-count risk only when a
        // deal is tagged to BOTH a trip-park and the trip (rare) — to stay
        // exact we recompute those precisely below.
        if (!parkIds.length) { dealsRaw += tt.sum; dealsCount += tt.count; }
        else {
          // Precise path (rare): add trip-tagged deals whose park isn't in the trip.
          const pset = new Set(parkIds);
          const allDeals = state.deals || [];
          for (let i = 0; i < allDeals.length; i++) {
            const d = allDeals[i];
            if (d.tripId === t.id && !(d.parkId != null && pset.has(d.parkId))) {
              dealsRaw += (Number(d.amount) || 0); dealsCount += 1;
            }
          }
        }
      }
      const tripCogs = Number(t.tripCogs || 0);
      const dealsTotal = dealsRaw + tripCogs;
      const expensesTotal = (t.expenses || []).reduce((a, e) => a + (Number(e.amount) || 0), 0);
      const profitAdj = Number(t.profitAdjustment || 0);
      const grossOverride = Number(t.grossOverride || 0);
      const effectiveGross = grossOverride > 0 ? grossOverride : dealsTotal;
      const net = effectiveGross - expensesTotal + profitAdj;
      const isActive = t.completed ? false : (!t.endDate || t.endDate >= today);
      const dealsCountOverride = Number(t.dealsCountOverride || 0);
      const effectiveDealsCount = dealsCountOverride > 0 ? dealsCountOverride : dealsCount;
      return { trip: t, parksCount: parkIds.length, dealsCount: effectiveDealsCount,
               dealsTotal: dealsTotal, expensesTotal: expensesTotal,
               profitAdj: profitAdj, grossOverride: grossOverride,
               effectiveGross: effectiveGross, net: net, isActive: isActive };
    });

    // (Recent-activity scan removed in V-248 — Trips tab no longer shows it,
    // so we no longer scan/sort the parks array here at all.)

    // Counts now combine trips + park-level activity so chips always show real numbers
    // Counts reflect TRIPS only (the recent-activity list below is separate and
    // intentionally not counted here).
    const counts = {
      all:       tripStats.length,
      active:    tripStats.filter(s => s.isActive).length,
      completed: tripStats.filter(s => !s.isActive).length
    };
    setText('trip-count-all', counts.all);
    setText('trip-count-active', counts.active);
    setText('trip-count-completed', counts.completed);

    // Apply filter + search to BOTH lists so the visible numbers match the chip count
    const search = (state.tripSearch || '').toLowerCase().trim();
    const tripFilter = state.tripFilter || 'all';
    const dateFrom = state.tripDateFrom || '';
    const dateTo = state.tripDateTo || '';
    // Trip overlaps the [dateFrom, dateTo] window if any part of it falls inside.
    // We compare against startDate (and endDate when present) since they're the
    // user's intended trip window.
    const tripInDateRange = (t) => {
      if (!dateFrom && !dateTo) return true;
      const start = t.startDate || '';
      const end = t.endDate || t.startDate || '';
      if (!start) return false; // can't place undated trips in a date filter
      if (dateFrom && end && end < dateFrom) return false;
      if (dateTo && start > dateTo) return false;
      return true;
    };

    const filteredTrips = tripStats.filter(s => {
      if (tripFilter === 'active' && !s.isActive) return false;
      if (tripFilter === 'completed' && s.isActive) return false;
      if (!tripInDateRange(s.trip)) return false;
      if (search) {
        const hay = ((s.trip.name || '') + ' ' + (s.trip.notes || '')).toLowerCase();
        if (hay.indexOf(search) < 0) return false;
      }
      return true;
    });

    let html = '';

    // === PENDING APPROVAL BANNER (V-250) ===
    // Deals submitted for approval live in the `approvals` table, not the deals
    // array, so they used to be completely invisible until approved — you
    // couldn't see a pending deal anywhere in Trips. Surface them here so every
    // pending deal is findable at any time, with its target trip and amount.
    try {
      var _pend = (typeof _approvalsCache !== 'undefined' ? _approvalsCache : [])
        .filter(function (a) { return a && a.status === 'pending' && a.entity === 'deal'; });
      if (_pend.length) {
        var _tripName = function (tid) {
          var t = (state.trips || []).find(function (x) { return x.id === tid; });
          return t ? (t.name || 'trip') : null;
        };
        var rows = _pend.map(function (a) {
          var p = (a.amended_payload && typeof a.amended_payload === 'object')
            ? Object.assign({}, a.payload || {}, a.amended_payload) : (a.payload || {});
          var who = a.submitted_by || p.salesman || 'someone';
          var amt = (Number(p.amount) || 0);
          var tn = _tripName(p.tripId);
          var sub = escapeHtml(who) + (tn ? ' · ' + escapeHtml(tn) : ' · no trip set');
          return '<div style="display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;border-top:1px solid rgba(217,119,6,0.25);">' +
              '<div style="min-width:0;">' +
                '<div style="font-weight:700;font-size:13px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">' + escapeHtml(p.client || 'Unnamed') + '</div>' +
                '<div style="font-size:11px;color:var(--text-muted);">' + sub + '</div>' +
              '</div>' +
              '<div style="font-weight:700;font-size:13px;color:#D97706;flex-shrink:0;">' + curSym() + amt.toFixed(0) + '</div>' +
            '</div>';
        }).join('');
        var tapAttr = window.isAdminUser()
          ? ' onclick="window.switchTab && window.switchTab(\'approvals\')" ontouchend="event.preventDefault();window.switchTab && window.switchTab(\'approvals\')" style="cursor:pointer;"'
          : '';
        html += '<div' + tapAttr + ' style="margin:4px 16px 12px;padding:12px 14px;border-radius:12px;background:rgba(217,119,6,0.08);border:1px solid rgba(217,119,6,0.35);">' +
            '<div style="display:flex;align-items:center;gap:6px;font-weight:800;font-size:12px;letter-spacing:0.04em;color:#D97706;text-transform:uppercase;">' +
              'Pending approval (' + _pend.length + ')' +
              (window.isAdminUser() ? '<span style="margin-left:auto;font-weight:700;font-size:11px;text-transform:none;">Review →</span>' : '') +
            '</div>' +
            rows +
          '</div>';
      }
    } catch (e) { /* never let the banner break the list */ }
    if (filteredTrips.length === 0 && tripStats.length === 0) {
      // No trips exist at all → show inline create CTA instead of empty list
      {
        // Nothing at all to show
        const msg = search
          ? 'Nothing matches "' + escapeHtml(state.tripSearch || '') + '".'
          : (tripFilter === 'all'
              ? 'No trips yet. Tap "+ New trip" to create your first.'
              : 'Nothing ' + tripFilter + ' yet.');
        html += '<div style="padding:32px 16px;text-align:center;color:var(--text-muted);">' + msg + '</div>';
      }
      // else: skip the "no trips" block entirely — recent activity below will show
    } else if (filteredTrips.length > 0) {
      // Show only the most recent N trips (default 3, incl. the current one) with
      // a "Load more" button that reveals 3 more each tap. When searching or
      // filtering, show all matches (the user has narrowed it themselves).
      const tripsShown = state.tripsShown || 3;
      const capActive = !search && !dateFrom && !dateTo
        && filteredTrips.length > tripsShown;
      const TRIP_LIMIT = capActive ? tripsShown : filteredTrips.length;
      let _shown = 0;

      // Group by month/year of startDate
      const groups = {};
      filteredTrips.forEach(s => {
        const d = s.trip.startDate || (s.trip.createdAt || '').slice(0, 10);
        const key = (d && d.length >= 7) ? d.slice(0, 7) : 'No date';
        (groups[key] = groups[key] || []).push(s);
      });
      const sortedKeys = Object.keys(groups).sort((a, b) => {
        if (a === 'No date') return 1;
        if (b === 'No date') return -1;
        return b.localeCompare(a);
      });
      sortedKeys.forEach(key => {
        if (capActive && _shown >= TRIP_LIMIT) return; // stop emitting groups once capped
        const items = groups[key].sort((a, b) =>
          (b.trip.startDate || '').localeCompare(a.trip.startDate || ''));
        const visibleItems = capActive ? items.slice(0, TRIP_LIMIT - _shown) : items;
        if (visibleItems.length === 0) return;
        const label = key === 'No date' ? 'No date' : _tripMonthLabel(key);
        html += '<div class="county-group"><div class="county-head">' + escapeHtml(label) +
          ' <span class="county-count">' + items.length + '</span></div>';
        visibleItems.forEach(s => {
          _shown++;
          const t = s.trip;
          const dotColor = s.isActive ? '#D97706' : '#2B6E4A';
          const dot = '<span style="display:inline-block;width:10px;height:10px;border-radius:50%;background:' + dotColor + ';margin-right:8px;flex-shrink:0;"></span>';
          const statusBadge = s.isActive
            ? '<span class="park-row-status working">Active</span>'
            : '<span class="park-row-status done">Done</span>';
          const datesStr = t.startDate
            ? _tripFormatDate(t.startDate) + (t.endDate ? ' → ' + _tripFormatDate(t.endDate) : '')
            : 'No dates set';
          const subBits = datesStr + ' · ' +
            tripCountLabel((s.trip && s.trip.parkIds) || []) + ' · ' +
            s.dealsCount + ' deal' + (s.dealsCount === 1 ? '' : 's');
          // A deal's "amount" is what we PAID for the goods (cost of goods),
          // not profit — profit isn't known until the gold is sold/refined.
          // So for a live buying trip we show SPENT (COGS). Only once a trip has
          // been reconciled with a real sold figure (grossOverride) or a manual
          // profit adjustment do we show actual PROFIT/LOSS.
          const _reconciled = (Number(t.grossOverride || 0) > 0) || (Number(t.profitAdjustment || 0) !== 0);
          let netCol, netStr, netLabel;
          if (_reconciled) {
            netCol = s.net > 0 ? '#2B6E4A' : (s.net < 0 ? '#C53030' : 'var(--text-muted)');
            netStr = (s.net >= 0 ? curSym() : '−' + curSym()) + Math.abs(s.net).toFixed(0);
            netLabel = s.net >= 0 ? 'PROFIT' : 'LOSS';
          } else {
            const spent = s.dealsTotal + s.expensesTotal;
            netCol = 'var(--text)';
            netStr = curSym() + spent.toFixed(0);
            netLabel = 'SPENT';
          }
          html += '<div class="park-row" data-trip-id="' + escapeHtml(t.id) + '">' +
            '<div style="display:flex;align-items:center;flex:1;min-width:0;">' + dot +
              '<div style="flex:1;min-width:0;">' +
                '<div class="park-row-name">' + escapeHtml(t.name) + '</div>' +
                '<div class="park-row-sub">' + escapeHtml(subBits) + '</div>' +
              '</div>' +
            '</div>' +
            '<div style="display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0;margin-right:6px;">' +
              '<div style="font-weight:700;font-size:14px;color:' + netCol + ';line-height:1;">' + netStr + '</div>' +
              '<div style="font-size:8.5px;color:var(--text-muted);font-weight:700;letter-spacing:0.06em;">' + netLabel + '</div>' +
              statusBadge +
            '</div>' +
            '</div>';
        });
        html += '</div>';
      });
      if (capActive) {
        const remaining = filteredTrips.length - _shown;
        const next = Math.min(3, remaining);
        html += '<button id="btn-trips-showmore" class="btn btn-ghost" style="width:calc(100% - 32px);margin:4px 16px 8px;height:40px;">' +
          'Load more (' + next + ' of ' + remaining + ' more trip' + (remaining === 1 ? '' : 's') + ')</button>';
      }
    }
    // If trips exist but none match this filter, show a small hint.
    if (tripStats.length > 0 && filteredTrips.length === 0) {
      html += '<div style="padding:14px 16px 4px;color:var(--text-muted);font-size:13px;">No ' + tripFilter + ' trips.</div>';
    }

    // NOTE: Recent-activity, Hall events and Melt & sell blocks were REMOVED from
    // the Trips tab (V-248). They scanned parks/halls/melt datasets on every
    // render and don't belong here — Trips is just the trip list now. Halls and
    // Melt & sell each have their own place (More menu / their own hubs).

    list.innerHTML = html;

    // Wire row clicks — trips only.
    list.querySelectorAll('.park-row[data-trip-id]').forEach(r =>
      r.addEventListener('click', () => openTrip(r.dataset.tripId)));

    const showMoreBtn = document.getElementById('btn-trips-showmore');
    if (showMoreBtn) bindButton(showMoreBtn, () => { state.tripsShown = (state.tripsShown || 3) + 3; _renderTripsList(); });
  }

  // Type filter applied ON the Near page. Independent of the Locations-tab
  // type selection so the field user can quickly switch what they're hunting
  // for near them (council / housing assoc / retirement homes / parks / chalets)
  // without touching the main list. Defaults to whatever the Locations tab has.
  const NEAR_TYPES = ['park','retirement-home','chalet','council','housing-assoc','house','bungalow'];
  const NEAR_TYPE_LABEL = { 'park': 'Parks', 'retirement-home': 'Retirement Homes', 'chalet': 'Chalets', 'council': 'Council', 'housing-assoc': 'Housing Assoc', 'house': 'Houses', 'bungalow': 'Bungalows' };

  function nearGetTypes() {
    if (!state.nearbyTypes) {
      // Seed from the Locations selection on first open, falling back to Parks.
      const seed = (state.selectedTypes && state.selectedTypes.length) ? state.selectedTypes.slice() : ['park'];
      state.nearbyTypes = seed.filter(t => NEAR_TYPES.indexOf(t) >= 0);
      if (!state.nearbyTypes.length) state.nearbyTypes = ['park'];
    }
    return state.nearbyTypes;
  }

  window.toggleNearbyType = function(t) {
    const cur = nearGetTypes();
    const i = cur.indexOf(t);
    if (i >= 0) { if (cur.length > 1) cur.splice(i, 1); }   // keep at least one selected
    else cur.push(t);
    state.nearbyTypes = cur;
    renderNearby();
  };

  // Radius slider lives on-screen now (in addition to Settings). Both write the
  // same stored value (settings.radius, in miles) so they stay in sync.
  window.setNearbyRadius = function(displayVal) {
    const s = lsGet(LS.settings, {});
    s.radius = distFromUnit(Number(displayVal)) || 10;
    lsSet(LS.settings, s);
    // Keep the Settings input mirrored if present.
    const setInput = document.getElementById('set-radius');
    if (setInput) setInput.value = Math.round(distToUnit(s.radius));
    // Live label + re-filter without rebuilding the whole control bar (keeps
    // the slider thumb under the finger).
    const lbl = document.getElementById('near-radius-val');
    if (lbl) lbl.textContent = Math.round(Number(displayVal)) + ' ' + distUnit();
    renderNearbyResults();
  };

  // V-257: Near-me status filter — All / To do / Working / Done. Lets the user
  // hide locations they've already done (the common case: "I've done these, I
  // only want the ones left"). Maps UI statuses to the park status values.
  window.setNearbyStatus = function (s) {
    state.nearbyStatus = s || 'all';
    renderNearbyControls();
    renderNearbyResults();
  };
  // True if a park matches the active status filter.
  function nearbyStatusMatch(p) {
    var f = state.nearbyStatus || 'all';
    if (f === 'all') return true;
    var st = p.status || 'new';
    if (f === 'todo') return st === 'new' || st === 'todo' || st === 'callback';
    if (f === 'working') return st === 'in_progress';
    if (f === 'done') return st === 'done';
    return true;
  }

  window.setNearbyView = function(v) {
    state.nearbyView = v;
    const listBtn = document.getElementById('near-view-list');
    const mapBtn = document.getElementById('near-view-map');
    if (listBtn) listBtn.classList.toggle('active', v === 'list');
    if (mapBtn) mapBtn.classList.toggle('active', v === 'map');
    const listEl = document.getElementById('nearby-view');
    const mapEl = document.getElementById('nearby-map');
    if (listEl) listEl.style.display = v === 'map' ? 'none' : '';
    if (mapEl) mapEl.style.display = v === 'map' ? '' : 'none';
    renderNearbyResults();
  };

  // Build the sticky control bar (radius slider + type chips). Rebuilt only when
  // the page (re)opens or types change — NOT on every slider tick.
  function renderNearbyControls() {
    const host = document.getElementById('nearby-controls');
    if (!host) return;
    if (!state.myLocation) { host.innerHTML = ''; return; }
    const radiusMi = lsGet(LS.settings, {}).radius || 10;
    const radiusDisp = Math.round(distToUnit(radiusMi));
    const maxDisp = isAU() ? 80 : 50;
    const types = nearGetTypes();
    host.innerHTML =
      '<div class="near-controls">' +
        '<div class="near-radius-row">' +
          '<label>Radius</label>' +
          '<input type="range" id="near-radius-slider" min="2" max="' + maxDisp + '" step="1" value="' + radiusDisp + '" ' +
            'oninput="window.setNearbyRadius(this.value)">' +
          '<span class="near-radius-val" id="near-radius-val">' + radiusDisp + ' ' + distUnit() + '</span>' +
        '</div>' +
        '<div class="near-type-row">' +
          NEAR_TYPES.map(t =>
            '<button type="button" class="near-type-btn' + (types.indexOf(t) >= 0 ? ' active' : '') + '" ' +
            'onclick="window.toggleNearbyType(\'' + t + '\')" ontouchend="event.preventDefault();window.toggleNearbyType(\'' + t + '\')">' +
            escapeHtml(NEAR_TYPE_LABEL[t]) + '</button>'
          ).join('') +
        '</div>' +
        '<div class="near-type-row" style="margin-top:6px;">' +
          [['all','All'],['todo','To do'],['working','Working'],['done','Done']].map(function (pair) {
            var active = (state.nearbyStatus || 'all') === pair[0];
            return '<button type="button" class="near-type-btn' + (active ? ' active' : '') + '" ' +
              'onclick="window.setNearbyStatus(\'' + pair[0] + '\')" ontouchend="event.preventDefault();window.setNearbyStatus(\'' + pair[0] + '\')">' +
              pair[1] + '</button>';
          }).join('') +
        '</div>' +
      '</div>';
  }

  // Compute the in-radius, in-type, sorted set near the user.
  function nearbySet() {
    const here = state.myLocation;
    if (!here) return [];
    const radius = lsGet(LS.settings, {}).radius || 10;
    const types = nearGetTypes();
    return state.parks
      .filter(p => p.lat && p.lng)
      .filter(p => parkHasType(p, types))
      .filter(p => nearbyStatusMatch(p))
      .map(p => Object.assign({}, p, { _dist: haversine(here.lat, here.lng, p.lat, p.lng) }))
      .filter(p => p._dist <= radius)
      .sort((a, b) => a._dist - b._dist);
  }

  function nearbyTypeLabel() {
    const types = nearGetTypes();
    const LB = { 'park': 'parks', 'retirement-home': 'retirement homes', 'chalet': 'chalets', 'council': 'council', 'housing-assoc': 'housing assoc' };
    const names = types.map(t => LB[t] || t);
    if (names.length === 1) return names[0];
    if (names.length === 2) return names[0] + ' & ' + names[1];
    return names.slice(0, -1).join(', ') + ' & ' + names[names.length - 1];
  }

  // Render just the results area (list or map) — used on first render and on
  // every radius/type/view change.
  function renderNearbyResults() {
    const box = document.getElementById('nearby-view');
    if (!box || !state.myLocation) return;
    const here = state.myLocation;
    const radius = lsGet(LS.settings, {}).radius || 10;
    const typeLabel = nearbyTypeLabel();
    const near = nearbySet();
    const view = state.nearbyView || 'list';

    if (view === 'map') {
      renderNearbyMap(near);
      return;
    }

    const heading = '<div style="padding:12px 12px 8px;font-size:13px;color:var(--text-muted);">' +
      near.length + ' ' + escapeHtml(typeLabel) + ' within ' + distToUnit(radius).toFixed(0) + ' ' + distUnitLong() +
      (here.fromPark ? ' of ' + escapeHtml(here.fromPark) : '') + '</div>';

    if (near.length === 0) {
      // V-316: instead of a dead-end "nothing in range", work out WHY it's empty
      // and tell the user exactly what to do — the #1 field confusion is the
      // Working/Done status tab hiding a brand-new park you're standing next to.
      const here2 = state.myLocation;
      const radius2 = lsGet(LS.settings, {}).radius || 10;
      const types2 = nearGetTypes();
      // Same set but IGNORING the status tab (type + radius still apply):
      const ignoringStatus = state.parks
        .filter(p => p.lat && p.lng)
        .filter(p => parkHasType(p, types2))
        .map(p => Object.assign({}, p, { _d: haversine(here2.lat, here2.lng, p.lat, p.lng) }))
        .filter(p => p._d <= radius2);
      // Same again but ALSO ignoring type (just radius), to catch "wrong type chip":
      const ignoringStatusAndType = state.parks
        .filter(p => p.lat && p.lng)
        .map(p => Object.assign({}, p, { _d: haversine(here2.lat, here2.lng, p.lat, p.lng) }))
        .filter(p => p._d <= radius2);
      const statusF = state.nearbyStatus || 'all';
      let msg, action = '';
      if (statusF !== 'all' && ignoringStatus.length > 0) {
        // The status tab is what's hiding them — most common case.
        const n = ignoringStatus.length;
        msg = 'No <b>' + escapeHtml(statusF === 'todo' ? 'to-do' : statusF) + '</b> ' + escapeHtml(typeLabel) +
              ' in range — but there ' + (n === 1 ? 'is' : 'are') + ' <b>' + n + '</b> nearby on other status tabs.';
        action = '<button onclick="window.setNearbyStatus && window.setNearbyStatus(\'all\')" ' +
                 'style="margin-top:14px;height:40px;padding:0 20px;border-radius:20px;border:none;background:var(--primary);color:#fff;font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;">Show all ' + n + ' nearby</button>';
      } else if (ignoringStatusAndType.length > 0 && ignoringStatus.length === 0) {
        // Right radius, but the TYPE chip is excluding everything nearby.
        const n = ignoringStatusAndType.length;
        msg = 'No <b>' + escapeHtml(typeLabel) + '</b> in range — but there ' + (n === 1 ? 'is' : 'are') +
              ' <b>' + n + '</b> location' + (n === 1 ? '' : 's') + ' nearby of other types. Try another type chip above.';
      } else {
        // Genuinely nothing within the radius — the honest original case.
        msg = 'Nothing in range. Drag the radius up to search a wider area.';
      }
      box.innerHTML = heading +
        '<div style="padding:24px 20px 32px;text-align:center;color:var(--text-muted);line-height:1.5;">' +
        msg + (action ? '<div>' + action + '</div>' : '') + '</div>';
      return;
    }
    box.innerHTML = '<div style="padding:16px 12px 12px;">' + heading +
      near.map(p => {
        var status = p.status || 'new';
        var rCol = ratingColor(p.rating);
        var rLbl = ratingLabel(p.rating);
        // Decide what the right-hand badge shows, in priority order:
        //  1) a rating (good/ok/...) — colour dot + word, the most useful info
        //  2) skipped — grey, "Skipped"
        //  3) done but unrated — green tick
        //  4) working — orange swirl
        //  5) new — grey hollow dot
        var badgeColor, badgeIcon, badgeWord;
        if (rCol) { badgeColor = rCol; badgeIcon = '✓'; badgeWord = rLbl; }
        else if (status === 'skip') { badgeColor = '#9E9B95'; badgeIcon = '⤬'; badgeWord = 'Skipped'; }
        else if (status === 'done') { badgeColor = '#2B6E4A'; badgeIcon = '✓'; badgeWord = 'Done'; }
        else if (status === 'in_progress') { badgeColor = '#B8842C'; badgeIcon = '⟳'; badgeWord = 'Working'; }
        else { badgeColor = '#9E9B95'; badgeIcon = '○'; badgeWord = ''; }
        var rgb = badgeColor === '#2B6E4A' ? '43,110,74'
                : badgeColor === '#D97706' ? '217,119,6'
                : badgeColor === '#EAB308' ? '234,179,8'
                : badgeColor === '#C53030' ? '197,48,48'
                : badgeColor === '#1A1A1F' ? '26,26,31'
                : badgeColor === '#B8842C' ? '184,132,44'
                : '158,155,149';
        var typeColor = (p.propertyType === 'park' ? '#2B6E4A' : 
                         p.propertyType === 'retirement-home' ? '#6366F1' :
                         p.propertyType === 'chalet' ? '#D97706' :
                         p.propertyType === 'council' ? '#DC2626' :
                         p.propertyType === 'housing-assoc' ? '#0891B2' : '#666');
        var badgeHtml = '<div style="flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:54px;">' +
          '<div style="display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:rgba(' + rgb + ',0.14);color:' + badgeColor + ';font-weight:700;font-size:14px;">' + badgeIcon + '</div>' +
          (badgeWord ? '<div style="font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:0.03em;color:' + badgeColor + ';line-height:1;text-align:center;">' + badgeWord + '</div>' : '') +
        '</div>';
        return '<div class="park-row" data-id="' + escapeHtml(p.id) + '" style="' +
          'cursor:pointer;display:flex;gap:12px;padding:14px;margin-bottom:10px;' +
          'background:var(--surface);border:1px solid var(--border);border-radius:12px;' +
          'border-left:4px solid ' + typeColor + ';' +
          'transition:all 0.2s ease;' +
          '"><div style="flex:1;min-width:0;">' +
          '<div class="park-row-name" style="font-weight:600;font-size:14px;margin-bottom:4px;">' + 
          escapeHtml(p.name) + '</div>' +
          '<div class="park-row-sub" style="font-size:12px;color:var(--text-muted);">' + 
          escapeHtml(p.town) + ' · ' + distToUnit(p._dist).toFixed(1) + ' ' + distUnit() + 
          (wxHintForPark(p) ? ' · ' + wxHintForPark(p) : '') +
          '</div></div>' + badgeHtml + '</div>';
        }).join('') + '</div>';
    box.querySelectorAll('.park-row').forEach(r => {
      r.addEventListener('click', () => openPark(r.dataset.id));
      r.addEventListener('mouseenter', () => {
        r.style.boxShadow = 'var(--shadow-md)';
        r.style.transform = 'translateY(-2px)';
      });
      r.addEventListener('mouseleave', () => {
        r.style.boxShadow = 'none';
        r.style.transform = 'translateY(0)';
      });
    });
    // Weather for the in-range parks (batched, cached). Refresh hints when back.
    if (state.weatherHintsOn !== false) {
      var _nearWxPts = near.filter(function (p) { return p.lat != null && p.lng != null; }).slice(0, 60).map(function (p) { return { lat: p.lat, lng: p.lng }; });
      if (_nearWxPts.length) {
        var _hadWx = _nearWxPts.some(function (pt) { return wxHintForPark({ lat: pt.lat, lng: pt.lng }); });
        if (!_hadWx) fetchWeatherBatch(_nearWxPts).then(function () {
          if (state.currentTab === 'nearby' && (state.nearbyView || 'list') === 'list') renderNearbyResults();
        });
      }
    }
  }
  function ensureNearbyMap() {
    if (state.nearbyMap) return state.nearbyMap;
    if (typeof L === 'undefined') return null;
    const el = document.getElementById('nearby-map');
    if (!el) return null;
    state.nearbyMap = L.map('nearby-map').setView([54.0, -2.5], 7);
    L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
      maxZoom: 18, attribution: '© OpenStreetMap'
    }).addTo(state.nearbyMap);
    state.nearbyMapMarkers = [];
    return state.nearbyMap;
  }

  function renderNearbyMap(near) {
    const m = ensureNearbyMap();
    if (!m) return;
    (state.nearbyMapMarkers || []).forEach(mk => m.removeLayer(mk));
    state.nearbyMapMarkers = [];
    const here = state.myLocation;
    const pts = [];
    // "You" marker
    if (here) {
      const youIc = L.divIcon({
        className: 'pr-pin',
        html: '<div style="width:16px;height:16px;border-radius:50%;background:#2563EB;border:2px solid #fff;box-shadow:0 0 0 1px rgba(37,99,235,.4);"></div>',
        iconSize: [16, 16]
      });
      const you = L.marker([here.lat, here.lng], { icon: youIc }).addTo(m);
      you.bindPopup('<strong>You</strong>' + (here.fromPark ? '<br>' + escapeHtml(here.fromPark) : ''));
      state.nearbyMapMarkers.push(you);
      pts.push([here.lat, here.lng]);
    }
    near.forEach(p => {
      const col = markerColorForPark(p);
      const ic = L.divIcon({
        className: 'pr-pin',
        html: '<div style="width:14px;height:14px;border-radius:50%;background:' + col + ';border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,0.3);"></div>',
        iconSize: [14, 14]
      });
      const mk = L.marker([p.lat, p.lng], { icon: ic }).addTo(m);
      mk.bindPopup('<strong>' + escapeHtml(p.name) + '</strong><br>' + escapeHtml(p.town || '') + ' · ' + distToUnit(p._dist).toFixed(1) + ' ' + distUnit());
      mk.on('click', () => openPark(p.id));
      state.nearbyMapMarkers.push(mk);
      pts.push([p.lat, p.lng]);
    });
    if (pts.length) {
      try { m.fitBounds(pts, { padding: [30, 30], maxZoom: 13 }); } catch (e) {}
    }
    setTimeout(() => m.invalidateSize(), 120);
  }

  function renderNearby() {
    const box = document.getElementById('nearby-view');
    const ctrl = document.getElementById('nearby-controls');
    const mapEl = document.getElementById('nearby-map');
    if (!box) return;
    if (!state.myLocation) {
      document.body.classList.remove('near-located');
      if (ctrl) ctrl.innerHTML = '';
      if (mapEl) mapEl.style.display = 'none';
      box.style.display = '';
      box.innerHTML = '<div style="padding:32px 16px;text-align:center;color:var(--text-muted);"><p>Tap a park then "Start route from here", or allow location:</p><button class="btn btn-primary" id="btn-geo" style="margin-top:12px;">Use my location</button></div>';
      const b = document.getElementById('btn-geo');
      if (b) b.addEventListener('click', getGeolocation);
      return;
    }
    if (!state.nearbyView) state.nearbyView = 'list';
    document.body.classList.add('near-located');
    renderNearbyControls();
    // Apply current view (list/map) visibility + button state, then render.
    window.setNearbyView(state.nearbyView);
  }

  function getGeolocation() {
    if (!navigator.geolocation) { window.toast('Geolocation not available'); return; }
    window.toast('Locating…');
    navigator.geolocation.getCurrentPosition(
      pos => { state.myLocation = { lat: pos.coords.latitude, lng: pos.coords.longitude }; renderNearby(); },
      err => { window.toast('Could not get location: ' + err.message); }
    );
  }

  function haversine(lat1, lng1, lat2, lng2) {
    const R = 3958.8; // miles
    const dLat = (lat2-lat1) * Math.PI/180;
    const dLng = (lng2-lng1) * Math.PI/180;
    const a = Math.sin(dLat/2)**2 + Math.cos(lat1*Math.PI/180)*Math.cos(lat2*Math.PI/180)*Math.sin(dLng/2)**2;
    return 2 * R * Math.asin(Math.sqrt(a));
  }

  // =========================================================================
  // TRIP PLANNER — multi-day route planner.
  // Set a start (GPS or typed town), give each day a destination, set work
  // hours, and the planner orders parks/locations along each corridor
  // (origin → destination) with estimated arrival times. Fully editable:
  // insert, lock (keep), or remove stops.
  //
  // Geocoding is self-contained (no external API): a built-in city dictionary
  // plus matching against towns/counties already in the parks DB. "Parks on
  // the way" uses straight-line corridor projection, not live driving
  // directions — good enough to sequence a day's run. A routing API can be
  // slotted into planComputeTimings()/planCorridorParks() later for exactness.
  // =========================================================================
  const PLAN_LS = 'pr_planner_v1';
  const PLAN_AVG_MPH = 45; // assumed average driving speed for ETA estimates

  // Built-in coordinates for common UK + AU places (fallback geocode).
  const PLAN_PLACES = {
    'london':[51.5074,-0.1278],'brentwood':[51.6214,0.3057],'chelmsford':[51.7356,0.4685],
    'essex':[51.70,0.47],'romford':[51.5752,0.1834],'colchester':[51.8959,0.8919],'basildon':[51.5761,0.4880],
    'bedford':[52.1359,-0.4670],'bedfordshire':[52.07,-0.47],'luton':[51.8787,-0.4200],
    'cambridge':[52.2053,0.1218],'cambridgeshire':[52.33,0.00],'peterborough':[52.5695,-0.2405],
    'northampton':[52.2405,-0.9027],'northamptonshire':[52.27,-0.88],'kettering':[52.3989,-0.7263],
    'leicester':[52.6369,-1.1398],'leicestershire':[52.66,-1.17],'loughborough':[52.7721,-1.2062],
    'nottingham':[52.9548,-1.1581],'nottinghamshire':[53.10,-1.00],'derby':[52.9226,-1.4746],
    'birmingham':[52.4862,-1.8904],'coventry':[52.4068,-1.5197],'wolverhampton':[52.5870,-2.1288],
    'milton keynes':[52.0406,-0.7594],'oxford':[51.7520,-1.2577],'reading':[51.4543,-0.9781],
    'watford':[51.6565,-0.3903],'stevenage':[51.9038,-0.2026],'norwich':[52.6309,1.2974],
    'ipswich':[52.0567,1.1482],'lincoln':[53.2307,-0.5406],'sheffield':[53.3811,-1.4701],
    'leeds':[53.8008,-1.5491],'manchester':[53.4808,-2.2426],'bristol':[51.4545,-2.5879],
    'liverpool':[53.4084,-2.9916],'newcastle upon tyne':[54.9783,-1.6178],'sunderland':[54.9069,-1.3838],
    'hull':[53.7676,-0.3274],'york':[53.9600,-1.0873],'bradford':[53.7960,-1.7594],'wakefield':[53.6833,-1.4977],
    'doncaster':[53.5228,-1.1285],'huddersfield':[53.6450,-1.7798],'preston':[53.7632,-2.7031],
    'blackpool':[53.8175,-3.0357],'bolton':[53.5769,-2.4282],'stoke-on-trent':[53.0027,-2.1794],'stoke':[53.0027,-2.1794],
    'shrewsbury':[52.7069,-2.7553],'telford':[52.6784,-2.4453],'worcester':[52.1920,-2.2200],
    'hereford':[52.0567,-2.7160],'gloucester':[51.8642,-2.2380],'cheltenham':[51.8994,-2.0783],
    'swindon':[51.5558,-1.7797],'bath':[51.3811,-2.3590],'exeter':[50.7184,-3.5339],'plymouth':[50.3755,-4.1427],
    'truro':[50.2632,-5.0510],'bournemouth':[50.7192,-1.8808],'poole':[50.7150,-1.9872],'southampton':[50.9097,-1.4044],
    'portsmouth':[50.8198,-1.0880],'brighton':[50.8225,-0.1372],'guildford':[51.2362,-0.5704],
    'maidstone':[51.2720,0.5292],'canterbury':[51.2802,1.0789],'dover':[51.1295,1.3089],'ashford':[51.1465,0.8676],
    'tunbridge wells':[51.1324,0.2637],'crawley':[51.1091,-0.1872],'hastings':[50.8543,0.5735],
    'salisbury':[51.0688,-1.7945],'winchester':[51.0632,-1.3080],'basingstoke':[51.2665,-1.0876],
    'st albans':[51.7550,-0.3360],'hemel hempstead':[51.7534,-0.4490],'aylesbury':[51.8156,-0.8084],
    'high wycombe':[51.6287,-0.7482],'slough':[51.5105,-0.5950],'maidenhead':[51.5217,-0.7177],
    'wolverhampton':[52.5870,-2.1288],'walsall':[52.5862,-1.9829],'dudley':[52.5123,-2.0810],
    'west bromwich':[52.5187,-1.9945],'solihull':[52.4118,-1.7776],'sutton coldfield':[52.5703,-1.8242],
    'redditch':[52.3065,-1.9407],'tamworth':[52.6339,-1.6939],'cannock':[52.6914,-2.0270],
    'stafford':[52.8064,-2.1170],'burton upon trent':[52.8019,-1.6360],'lichfield':[52.6818,-1.8270],
    'chester':[53.1934,-2.8931],'warrington':[53.3900,-2.5970],'crewe':[53.0977,-2.4426],
    'macclesfield':[53.2587,-2.1257],'wigan':[53.5450,-2.6325],'oldham':[53.5409,-2.1114],
    'rochdale':[53.6097,-2.1561],'stockport':[53.4106,-2.1575],'salford':[53.4875,-2.2901],
    'carlisle':[54.8924,-2.9329],'lancaster':[54.0466,-2.8007],'harrogate':[53.9919,-1.5378],
    'middlesbrough':[54.5742,-1.2349],'durham':[54.7761,-1.5733],'darlington':[54.5235,-1.5594],
    'scarborough':[54.2830,-0.3996],'grimsby':[53.5675,-0.0810],'scunthorpe':[53.5906,-0.6543],
    'mansfield':[53.1437,-1.1969],'chesterfield':[53.2350,-1.4259],'worksop':[53.3045,-1.1245],
    'kings lynn':[52.7517,0.3987],'great yarmouth':[52.6083,1.7307],'lowestoft':[52.4753,1.7517],
    'bury st edmunds':[52.2459,0.7113],'st neots':[52.2284,-0.2664],'huntingdon':[52.3309,-0.1810],
    'wellingborough':[52.3025,-0.6940],'corby':[52.4881,-0.7020],'rugby':[52.3709,-1.2647],
    'nuneaton':[52.5230,-1.4659],'warwick':[52.2823,-1.5849],'leamington spa':[52.2852,-1.5201],
    'stratford-upon-avon':[52.1917,-1.7073],'banbury':[52.0601,-1.3402],'kidderminster':[52.3886,-2.2495],
    'edinburgh':[55.9533,-3.1883],'glasgow':[55.8642,-4.2518],'aberdeen':[57.1497,-2.0943],
    'dundee':[56.4620,-2.9707],'inverness':[57.4778,-4.2247],'stirling':[56.1165,-3.9369],
    'perth uk':[56.3950,-3.4308],'cardiff':[51.4816,-3.1791],'swansea':[51.6214,-3.9436],
    'newport':[51.5842,-2.9977],'wrexham':[53.0428,-2.9925],'belfast':[54.5973,-5.9301],
    'londonderry':[54.9966,-7.3086],'lisburn':[54.5162,-6.0581],
    'brisbane':[-27.4698,153.0251],'gold coast':[-28.0167,153.4000],'sunshine coast':[-26.6500,153.0667],
    'melbourne':[-37.8136,144.9631],'sydney':[-33.8688,151.2093],'adelaide':[-34.9285,138.6007],
    'perth':[-31.9505,115.8605],'canberra':[-35.2809,149.1300],'newcastle':[-32.9283,151.7817],
    'geelong':[-38.1499,144.3617],'townsville':[-19.2590,146.8169],'cairns':[-16.9186,145.7781]
  };

  function planLoad() {
    const def = { start:{name:'',lat:null,lng:null}, startDate:'', leaveHome:'08:00', workStart:'10:00', workEnd:'19:00', minsPerStop:45, corridorMiles:15, days:[] };
    const saved = lsGet(PLAN_LS, null);
    state.planner = (saved && typeof saved === 'object') ? Object.assign(def, saved) : def;
    if (!Array.isArray(state.planner.days)) state.planner.days = [];
  }
  function planSave() { try { lsSet(PLAN_LS, state.planner); } catch (e) {} }

  function planGeocode(q) {
    if (!q) return null;
    const key = q.trim().toLowerCase();
    if (!key) return null;
    if (PLAN_PLACES[key]) return { name:q.trim(), lat:PLAN_PLACES[key][0], lng:PLAN_PLACES[key][1], src:'city' };
    for (const k in PLAN_PLACES) {
      if (k.indexOf(key) === 0 || key.indexOf(k) === 0) {
        return { name:q.trim(), lat:PLAN_PLACES[k][0], lng:PLAN_PLACES[k][1], src:'city' };
      }
    }
    // DB centroid: parks whose town/county/region/name contains the query.
    const matches = state.parks.filter(p => {
      if (p.lat == null || p.lng == null) return false;
      const hay = ((p.town||'')+' '+(p.county||'')+' '+(p.region||'')+' '+(p.name||'')).toLowerCase();
      return hay.indexOf(key) >= 0;
    });
    if (matches.length) {
      const lat = matches.reduce((s,p)=>s+p.lat,0)/matches.length;
      const lng = matches.reduce((s,p)=>s+p.lng,0)/matches.length;
      return { name:q.trim(), lat, lng, src:'db', count:matches.length };
    }
    return null;
  }

  // Parks along the corridor A→B, ordered by progress (A→Z). excludeIds: Set.
  function planCorridorParks(from, to, corridorMiles, excludeIds, limit) {
    if (!from || !to || from.lat == null || to.lat == null) return [];
    limit = limit || 60;
    const midLat = (from.lat + to.lat) / 2;
    const kx = Math.cos(midLat*Math.PI/180) * 69.0; // miles per degree lng
    const ky = 69.0;                                 // miles per degree lat
    const ax = from.lng*kx, ay = from.lat*ky;
    const bx = to.lng*kx, by = to.lat*ky;
    const abx = bx-ax, aby = by-ay;
    const abLen2 = abx*abx + aby*aby;
    if (abLen2 < 1e-9) return [];
    const out = [];
    for (const p of state.parks) {
      if (p.lat == null || p.lng == null) continue;
      if (excludeIds && excludeIds.has(p.id)) continue;
      const px = p.lng*kx, py = p.lat*ky;
      const t = ((px-ax)*abx + (py-ay)*aby) / abLen2;
      if (t < -0.04 || t > 1.04) continue;
      const projx = ax + t*abx, projy = ay + t*aby;
      const off = Math.sqrt((px-projx)**2 + (py-projy)**2);
      if (off > corridorMiles) continue;
      out.push({ park:p, t:t, off:off });
    }
    out.sort((a,b) => a.t - b.t);
    return out.slice(0, limit);
  }

  function planTimeToMin(s) { const m=(s||'').split(':'); return (parseInt(m[0],10)||0)*60 + (parseInt(m[1],10)||0); }
  function planMinToTime(min) {
    min = Math.round(min);
    let h = Math.floor(min/60); const m = ((min%60)+60)%60;
    const ap = (h%24)>=12 ? 'pm':'am'; let hh = h%12; if (hh===0) hh=12;
    return hh + ':' + (m<10?'0':'') + m + ap;
  }
  function planTypeLabel(t) {
    return ({'park':'Park','retirement-home':'Retirement','chalet':'Chalet','council':'Council','housing-assoc':'Housing','custom':'Stop'})[t] || 'Park';
  }

  // " · Mon 1 Jun" style label for a day, if a trip start date is set.
  function planDayDateLabel(i) {
    const sd = state.planner.startDate;
    if (!sd) return '';
    const d = new Date(sd + 'T00:00:00');
    if (isNaN(d.getTime())) return '';
    d.setDate(d.getDate() + i);
    const s = d.toLocaleDateString('en-GB', { weekday:'short', day:'numeric', month:'short' });
    return ' <span style="font-weight:400;opacity:0.85;font-size:12px;">· ' + s + '</span>';
  }

  // The origin point for a given day index (start for day 0, else prev day's 'to').
  function planDayOrigin(idx) {
    if (idx === 0) return state.planner.start;
    const prev = state.planner.days[idx-1];
    return (prev && prev.to && prev.to.lat != null) ? prev.to : state.planner.start;
  }

  // Recompute each stop's corridor progress t and re-sort A→Z for one day.
  function planRecomputeDayStops(idx) {
    const day = state.planner.days[idx];
    if (!day) return;
    const from = planDayOrigin(idx), to = day.to;
    if (from && to && from.lat != null && to.lat != null) {
      const midLat = (from.lat+to.lat)/2;
      const kx = Math.cos(midLat*Math.PI/180)*69.0, ky = 69.0;
      const ax = from.lng*kx, ay = from.lat*ky, bx = to.lng*kx, by = to.lat*ky;
      const abx = bx-ax, aby = by-ay, abLen2 = abx*abx+aby*aby || 1;
      day.stops.forEach(s => {
        if (s.lat == null) { s.t = 0; return; }
        const px = s.lng*kx, py = s.lat*ky;
        s.t = ((px-ax)*abx + (py-ay)*aby) / abLen2;
      });
      day.stops.sort((a,b) => (a.t||0) - (b.t||0));
    }
  }

  // Effective minutes for a stop: per-stop override if set, else the global avg.
  function planEffMins(s) {
    const m = Number(s && s.mins);
    return m > 0 ? m : (Number(state.planner.minsPerStop) || 45);
  }

  // ETA per stop for a day. Skipped stops keep their row but don't advance the
  // clock (you've decided to pass on them). Per-stop minutes override the avg.
  // Returns [{stop, etaMin, overflow, skipped}].
  function planComputeTimings(idx) {
    const day = state.planner.days[idx];
    if (!day) return [];
    const workStart = planTimeToMin(state.planner.workStart);
    const workEnd = planTimeToMin(state.planner.workEnd);
    const origin = planDayOrigin(idx);
    let clock = workStart, prev = origin, prevMins = 0, active = 0;
    const rows = [];
    day.stops.forEach(s => {
      if (s.skip) { rows.push({ stop:s, etaMin:null, overflow:false, skipped:true }); return; }
      if (active === 0) {
        if (idx === 0 && origin && origin.lat != null && s.lat != null) {
          const leave = planTimeToMin(state.planner.leaveHome || '08:00');
          const drive = (haversine(origin.lat, origin.lng, s.lat, s.lng) / PLAN_AVG_MPH) * 60;
          clock = Math.max(workStart, leave + drive);
        } else { clock = workStart; }
      } else {
        const travel = (prev && prev.lat != null && s.lat != null)
          ? (haversine(prev.lat, prev.lng, s.lat, s.lng) / PLAN_AVG_MPH) * 60 : 0;
        clock += prevMins + travel;
      }
      rows.push({ stop:s, etaMin:clock, overflow: clock > workEnd, skipped:false });
      prev = s; prevMins = planEffMins(s); active++;
    });
    return rows;
  }

  // Pure timing sim used by auto-pick: returns the last stop's ETA (minutes).
  function planSimulateLastEta(stops, origin, idx) {
    if (!stops.length) return planTimeToMin(state.planner.workStart);
    const workStart = planTimeToMin(state.planner.workStart);
    let clock = workStart, prev = origin, prevMins = 0, active = 0;
    stops.forEach(s => {
      if (s.skip) return;
      if (active === 0) {
        if (idx === 0 && origin && origin.lat != null && s.lat != null) {
          const leave = planTimeToMin(state.planner.leaveHome || '08:00');
          const drive = (haversine(origin.lat, origin.lng, s.lat, s.lng) / PLAN_AVG_MPH) * 60;
          clock = Math.max(workStart, leave + drive);
        } else { clock = workStart; }
      } else {
        const travel = (prev && prev.lat != null && s.lat != null)
          ? (haversine(prev.lat, prev.lng, s.lat, s.lng) / PLAN_AVG_MPH) * 60 : 0;
        clock += prevMins + travel;
      }
      prev = s; prevMins = planEffMins(s); active++;
    });
    return clock;
  }

  // ---- Rendering ----
  function renderPlanner() {
    const box = document.getElementById('planner-view');
    if (!box) return;
    if (!state.planner) planLoad();
    const P = state.planner;
    const startGeo = (P.start && P.start.lat != null);

    let html = '<div class="plan-wrap">';
    html += '<h2 style="font-family:\'Fraunces\',serif;font-size:22px;font-weight:600;color:var(--primary);margin:0 0 4px;">My Route</h2>';
    html += '<p style="font-size:12.5px;color:var(--text-muted);margin:0 0 14px;">Set where you start, where each day ends up, and your hours. Then pick the locations you want on the way — by hand, or let it auto-pick a realistic day that ends near your next stop. Edit anytime.</p>';

    // Setup card
    html += '<div class="plan-card">';
    html += '<h3>Starting point</h3>';
    html += '<div class="plan-row" style="align-items:flex-end;">' +
      '<div><input class="plan-input" id="plan-start" placeholder="Home town (e.g. Brentwood)" value="' + escapeHtml(P.start.name||'') + '" oninput="window.planSetStart(this.value)"></div>' +
      '<button class="plan-btn ghost" style="flex:0 0 auto;" onclick="window.planNearMe()" ontouchend="event.preventDefault();window.planNearMe()">' + icoSvg('pin',14,'currentColor') + ' Near me</button>' +
      '</div>';
    html += startGeo
      ? '<div class="plan-geo-ok" id="plan-start-status">✓ Start set' + (P.start.src==='db' ? ' (from your locations)' : (P.start.src==='gps' ? ' (GPS)' : '')) + '</div>'
      : '<div class="plan-geo-bad" id="plan-start-status">Type a town or tap “Near me”.</div>';
    html += '<div style="margin-top:12px;"><span class="plan-label">Trip start date (optional — for future trips)</span>' +
      '<input type="date" class="plan-input" id="plan-startdate" value="' + escapeHtml(P.startDate||'') + '" onchange="window.planSetField(\'startDate\',this.value)"></div>';
    html += '<div class="plan-row" style="margin-top:12px;">' +
      '<div><span class="plan-label">Leave home</span><input type="time" class="plan-time" id="plan-leave" value="' + escapeHtml(P.leaveHome||'08:00') + '" onchange="window.planSetField(\'leaveHome\',this.value)"></div>' +
      '<div><span class="plan-label">Knock from</span><input type="time" class="plan-time" id="plan-ws" value="' + escapeHtml(P.workStart) + '" onchange="window.planSetField(\'workStart\',this.value)"></div>' +
      '<div><span class="plan-label">Finish</span><input type="time" class="plan-time" id="plan-we" value="' + escapeHtml(P.workEnd) + '" onchange="window.planSetField(\'workEnd\',this.value)"></div>' +
      '</div>';
    html += '<div class="plan-row" style="margin-top:12px;align-items:flex-end;">' +
      '<div><span class="plan-label">Mins / stop</span><input type="number" min="5" step="5" class="plan-num" id="plan-mins" value="' + (P.minsPerStop||45) + '" onchange="window.planSetField(\'minsPerStop\',this.value)"></div>' +
      '<div><span class="plan-label">Corridor (' + distUnitLong() + ')</span><input type="number" min="2" step="1" class="plan-num" id="plan-corr" value="' + Math.round(distToUnit(P.corridorMiles||15)) + '" onchange="window.planSetField(\'corridorMiles\',this.value)"></div>' +
      '<div><span class="plan-label">Trip days</span>' +
        '<div style="display:flex;align-items:center;gap:6px;">' +
          '<button class="plan-btn ghost" style="width:38px;padding:0;" onclick="window.planSetDays(' + (P.days.length-1) + ')" ontouchend="event.preventDefault();window.planSetDays(' + (P.days.length-1) + ')">−</button>' +
          '<span style="min-width:20px;text-align:center;font-weight:700;font-size:16px;">' + P.days.length + '</span>' +
          '<button class="plan-btn ghost" style="width:38px;padding:0;" onclick="window.planSetDays(' + (P.days.length+1) + ')" ontouchend="event.preventDefault();window.planSetDays(' + (P.days.length+1) + ')">+</button>' +
        '</div>' +
      '</div>' +
      '</div>';
    html += '<div style="font-size:11px;color:var(--text-light);margin-top:6px;">“Corridor” = how far off the straight line a place can sit and still count as “on the way”.</div>';
    html += '</div>';

    // Days
    if (P.days.length === 0) {
      html += '<div class="plan-card" style="text-align:center;color:var(--text-muted);font-size:13px;">No days yet. Add your first leg — e.g. Brentwood → Northampton.</div>';
    }
    P.days.forEach((day, i) => { html += planDayHtml(day, i); });

    html += '<button class="plan-btn full" style="margin-bottom:14px;" onclick="window.planAddDay()" ontouchend="event.preventDefault();window.planAddDay()">+ Add day / leg</button>';

    // Map
    html += '<div class="plan-card"><h3>Route map</h3><div id="planner-map"></div>' +
      '<div style="font-size:11px;color:var(--text-light);margin-top:6px;">Numbered pins follow the planned order across all days.</div></div>';

    // Actions
    html += '<div class="plan-row">' +
      '<button class="plan-btn full" onclick="window.planPushToTrips()" ontouchend="event.preventDefault();window.planPushToTrips()">Push to Trips</button>' +
      '<button class="plan-btn ghost" style="flex:0 0 auto;" onclick="window.planClear()" ontouchend="event.preventDefault();window.planClear()">Clear</button>' +
      '</div>';

    html += '</div>';
    box.innerHTML = html;
    planRenderMap();
  }

  function planDayHtml(day, i) {
    const origin = planDayOrigin(i);
    const timings = planComputeTimings(i);
    let h = '<div class="plan-day">';
    h += '<div class="plan-day-head"><span class="d-title">Day ' + (i+1) + planDayDateLabel(i) + '</span>' +
      '<button title="Remove day" onclick="window.planRemoveDay(' + i + ')" ontouchend="event.preventDefault();window.planRemoveDay(' + i + ')">✕</button></div>';
    h += '<div class="plan-day-body">';
    // Leg inputs. Changing the destination re-orders the route and re-times it.
    const fromName = (i === 0) ? (state.planner.start.name || 'Start') : (origin && origin.name ? origin.name : 'Previous stop');
    h += '<div class="plan-leg-row">' +
      '<div style="flex:1;"><span class="plan-label">From</span><input class="plan-input" value="' + escapeHtml(fromName) + '" disabled style="opacity:.7;"></div>' +
      '<span class="arrow">→</span>' +
      '<div style="flex:1;"><span class="plan-label">To (destination)</span><input class="plan-input" id="plan-to-' + i + '" placeholder="e.g. Nottingham" value="' + escapeHtml(day.to && day.to.name ? day.to.name : '') + '" oninput="window.planSetLeg(' + i + ',this.value)" onchange="window.planCommitLeg(' + i + ')"></div>' +
      '</div>';
    h += '<div class="plan-row" style="margin-top:4px;gap:6px;">' +
      '<button class="plan-btn full" onclick="window.planAutoPick(' + i + ')" ontouchend="event.preventDefault();window.planAutoPick(' + i + ')">' + icoSvg('sparkle',14,'currentColor') + ' Auto-pick a day</button>' +
      '<button class="plan-btn ghost" style="flex:0 0 auto;" onclick="window.planToggleCandidates(' + i + ')" ontouchend="event.preventDefault();window.planToggleCandidates(' + i + ')">' + (day.showCandidates ? 'Hide list' : 'Browse') + '</button>' +
      '</div>';

    // Selected stops (the day's itinerary)
    h += '<div class="plan-stops">';
    if (!day.stops || day.stops.length === 0) {
      h += '<div class="plan-empty">No stops chosen yet. Tap “Auto-pick a day” for a smart suggestion, or “Browse” to pick your own.</div>';
    } else {
      timings.forEach((row, idx) => {
        const s = row.stop;
        const type = s.type || 'park';
        const mins = planEffMins(s);
        h += '<div class="plan-stop' + (row.overflow ? ' overflow' : '') + (row.skipped ? ' skipped' : '') + '">' +
          '<span class="plan-stop-idx">' + (row.skipped ? '–' : (idx+1)) + '</span>' +
          '<div class="plan-stop-main">' +
            '<div class="plan-stop-name">' + escapeHtml(s.name||'(unnamed)') + (s.locked ? ' ' + icoSvg('pin2',12,'currentColor') : '') + (s.custom ? ' <span style="font-size:9px;color:var(--text-light);">CUSTOM</span>' : '') + '</div>' +
            '<div class="plan-stop-sub">' + escapeHtml(s.town||'') +
              ' · <input type="number" min="5" step="5" value="' + mins + '" onchange="window.planSetStopMins(' + i + ',\'' + s.parkId + '\',this.value)" onclick="event.stopPropagation()" style="width:46px;padding:1px 4px;border:1px solid var(--border);border-radius:5px;font-family:inherit;font-size:11px;background:var(--surface);color:var(--text);">min' +
            '</div>' +
          '</div>' +
          '<span class="plan-type t-' + type + '">' + planTypeLabel(type) + '</span>' +
          '<span class="plan-stop-eta">' + (row.skipped ? 'skipped' : (planMinToTime(row.etaMin) + (row.overflow ? '<br><span style="font-size:9px;">after hrs</span>' : ''))) + '</span>' +
          '<span class="plan-stop-act">' +
            '<button class="' + (s.skip?'on':'') + '" title="Skip this one (area not worth it)" onclick="window.planToggleSkip(' + i + ',\'' + s.parkId + '\')" ontouchend="event.preventDefault();window.planToggleSkip(' + i + ',\'' + s.parkId + '\')">⤳</button>' +
            '<button class="' + (s.locked?'on':'') + '" title="Keep this stop when auto-picking" onclick="window.planToggleLock(' + i + ',\'' + s.parkId + '\')" ontouchend="event.preventDefault();window.planToggleLock(' + i + ',\'' + s.parkId + '\')">' + icoSvg('pin2',14,'currentColor') + '</button>' +
            '<button title="Remove" onclick="window.planRemoveStop(' + i + ',\'' + s.parkId + '\')" ontouchend="event.preventDefault();window.planRemoveStop(' + i + ',\'' + s.parkId + '\')">✕</button>' +
          '</span>' +
        '</div>';
      });
    }
    h += '</div>';

    // Day summary (last ETA / count)
    if (timings.length) {
      const last = timings[timings.length-1];
      const fit = timings.filter(r => !r.overflow).length;
      h += '<div class="plan-day-summary">' + timings.length + ' stops · ' + fit + ' fit before ' + planMinToTime(planTimeToMin(state.planner.workEnd)) + ' · last at ' + planMinToTime(last.etaMin) + '</div>';
    }

    // Candidate browser (selectable list of everything on the route)
    if (day.showCandidates) {
      const cands = planDayCandidates(i);
      const selIds = {};
      (day.stops||[]).forEach(s => { selIds[s.parkId] = true; });
      h += '<div style="margin-top:10px;border-top:1px solid var(--surface-2);padding-top:8px;">';
      if (!cands.length) {
        h += '<div class="plan-empty">Enter a destination above, then this lists every location on the way (closest to your line first).</div>';
      } else {
        h += '<div style="font-size:11px;color:var(--text-muted);margin-bottom:6px;">' + cands.length + ' on this route · tap to add or remove. Ordered by how close they sit to your line.</div>';
        cands.slice(0, 80).forEach(c => {
          const p = c.park; const sel = !!selIds[p.id]; const type = p.propertyType||'park';
          h += '<div class="plan-cand' + (sel?' sel':'') + '" onclick="window.planToggleStop(' + i + ',\'' + p.id + '\')" ontouchend="event.preventDefault();window.planToggleStop(' + i + ',\'' + p.id + '\')">' +
            '<span class="plan-cand-check">' + (sel?'✓':'+') + '</span>' +
            '<div class="plan-cand-main">' +
              '<div class="plan-cand-name">' + escapeHtml(p.name||'(unnamed)') + '</div>' +
              '<div class="plan-cand-sub">' + escapeHtml(p.town||'') + ' · ' + distToUnit(c.off).toFixed(1) + ' ' + distUnit() + ' off route</div>' +
            '</div>' +
            '<span class="plan-type t-' + type + '">' + planTypeLabel(type) + '</span>' +
          '</div>';
        });
        if (cands.length > 80) h += '<div class="plan-empty">+' + (cands.length-80) + ' more — tighten the corridor or use search below.</div>';
      }
      h += '</div>';
    }

    // Add a specific stop (off-corridor or by name) + custom non-park stops
    h += '<div class="plan-add-stop">' +
      '<input class="plan-input" id="plan-add-' + i + '" placeholder="+ Add a specific location by name…" autocomplete="off" oninput="window.planAddSearch(' + i + ',this.value)">' +
      '<div class="plan-add-results" id="plan-add-results-' + i + '"></div>' +
      '</div>';
    h += '<button class="plan-btn ghost full" style="margin-top:8px;" onclick="window.planAddCustom(' + i + ')" ontouchend="event.preventDefault();window.planAddCustom(' + i + ')">+ Add custom stop (gold melt, lunch, hotel…)</button>';

    h += '</div></div>';
    return h;
  }

  // ---- Map ----
  let _plannerMap = null, _plannerLayer = null;
  function planRenderMap() {
    const el = document.getElementById('planner-map');
    if (!el || typeof L === 'undefined') return;
    try {
      // renderPlanner() replaces the panel HTML each time, so #planner-map is a
      // fresh element on every render. Destroy any prior instance (bound to the
      // old, now-detached node) and build a new one on the current element.
      if (_plannerMap) { try { _plannerMap.remove(); } catch (e) {} _plannerMap = null; _plannerLayer = null; }
      _plannerMap = L.map(el).setView([54.0,-2.5], 6);
      L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
        attribution: '© OpenStreetMap', maxZoom: 19
      }).addTo(_plannerMap);
      _plannerLayer = L.layerGroup().addTo(_plannerMap);
      const pts = [];
      let n = 0;
      const dayColors = ['#1F4733','#2B6E4A','#B8860B','#7A4FA0','#2F4670','#A0522D','#0F766E'];
      const P = state.planner;
      P.days.forEach((day, i) => {
        const color = dayColors[i % dayColors.length];
        const origin = planDayOrigin(i);
        const legPts = [];
        if (origin && origin.lat != null) legPts.push([origin.lat, origin.lng]);
        planComputeTimings(i).forEach(row => {
          const s = row.stop;
          if (row.skipped || s.lat == null) return; // skipped + coordless stops off the map
          n++;
          legPts.push([s.lat, s.lng]);
          pts.push([s.lat, s.lng]);
          const icon = L.divIcon({ className:'', html:'<div style="background:'+color+';color:#fff;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.3);">'+n+'</div>', iconSize:[22,22], iconAnchor:[11,11] });
          L.marker([s.lat, s.lng], { icon }).addTo(_plannerLayer).bindPopup('<strong>'+escapeHtml(s.name||'')+'</strong><br>'+escapeHtml(s.town||'')+(row.etaMin!=null?'<br>~'+planMinToTime(row.etaMin):''));
        });
        if (day.to && day.to.lat != null) legPts.push([day.to.lat, day.to.lng]);
        if (legPts.length >= 2) {
          // Highlighted route for this day: solid colour line + soft halo under it.
          L.polyline(legPts, { color:'#fff', weight:7, opacity:.7 }).addTo(_plannerLayer);
          L.polyline(legPts, { color:color, weight:4, opacity:.95 }).addTo(_plannerLayer);
        }
      });
      if (pts.length) {
        _plannerMap.fitBounds(L.latLngBounds(pts).pad(0.25));
      }
      setTimeout(() => { try { _plannerMap.invalidateSize(); } catch(e){} }, 120);
    } catch (e) { console.warn('[Planner] map render failed:', e); }
  }

  // ---- Actions (window-exposed for inline handlers) ----
  window.planSetStart = function(v) {
    state.planner.start.name = v;
    const g = planGeocode(v);
    if (g) { state.planner.start.lat = g.lat; state.planner.start.lng = g.lng; state.planner.start.src = g.src; }
    else { state.planner.start.lat = null; state.planner.start.lng = null; }
    planSave();
    // Update just the status line so we don't steal focus from the input.
    const st = document.getElementById('plan-start-status');
    if (st) {
      if (g) {
        st.className = 'plan-geo-ok';
        st.textContent = '✓ Start set' + (g.src==='db' ? ' (from your locations)' : '');
      } else {
        st.className = 'plan-geo-bad';
        st.textContent = v.trim() ? 'Couldn’t place “' + v.trim() + '” — try a nearby town.' : 'Type a town or tap “Near me”.';
      }
    }
  };
  window.planNearMe = function() {
    if (!navigator.geolocation) { window.toast && window.toast('Location not available'); return; }
    window.toast && window.toast('Getting your location…');
    navigator.geolocation.getCurrentPosition(
      pos => {
        state.planner.start = { name:'My location', lat:pos.coords.latitude, lng:pos.coords.longitude, src:'gps' };
        planSave(); renderPlanner();
      },
      err => { window.toast && window.toast('Couldn’t get location'); },
      { enableHighAccuracy:true, timeout:8000 }
    );
  };
  window.planSetField = function(field, v) {
    if (field === 'corridorMiles') {
      // Input is in the active display unit (mi UK / km AU) — store internally in miles.
      v = distFromUnit(Number(v)) || 15;
    } else if (field === 'minsPerStop') {
      v = Number(v) || 45;
    }
    state.planner[field] = v;
    planSave(); renderPlanner();
  };
  window.planSetLeg = function(i, v) {
    const day = state.planner.days[i]; if (!day) return;
    day.to = day.to || {};
    day.to.name = v;
    const g = planGeocode(v);
    if (g) { day.to.lat = g.lat; day.to.lng = g.lng; day.to.src = g.src; }
    else { day.to.lat = null; day.to.lng = null; }
    planSave();
  };
  window.planAddDay = function() {
    const P = state.planner;
    if (!P.start || P.start.lat == null) { window.toast && window.toast('Set your starting point first'); }
    P.days.push({ id:'pl_'+Math.random().toString(36).slice(2,8), to:{name:'',lat:null,lng:null}, stops:[] });
    planSave(); renderPlanner();
  };
  window.planRemoveDay = function(i) {
    state.planner.days.splice(i, 1);
    planSave(); renderPlanner();
  };

  // Set the number of days, adding blank legs or trimming from the end.
  window.planSetDays = function(n) {
    n = Math.max(0, Math.min(14, Number(n) || 0));
    const days = state.planner.days;
    while (days.length < n) days.push({ id:'pl_'+Math.random().toString(36).slice(2,8), to:{name:'',lat:null,lng:null}, stops:[], showCandidates:false });
    while (days.length > n) days.pop();
    planSave(); renderPlanner();
  };

  // All locations on the corridor for a day (sorted closest-to-line first for browsing).
  function planDayCandidates(i) {
    const day = state.planner.days[i]; if (!day) return [];
    const from = planDayOrigin(i), to = day.to;
    if (!from || from.lat == null || !to || to.lat == null) return [];
    const list = planCorridorParks(from, to, Number(state.planner.corridorMiles)||15, null, 250);
    // Browsing is easier closest-to-line first; the itinerary itself stays route-ordered.
    return list.slice().sort((a, b) => a.off - b.off);
  }

  window.planToggleCandidates = function(i) {
    const day = state.planner.days[i]; if (!day) return;
    if (!day.showCandidates) {
      const to = day.to;
      if (!to || to.lat == null) { window.toast && window.toast('Enter a destination first'); return; }
    }
    day.showCandidates = !day.showCandidates;
    planSave(); renderPlanner();
  };

  // Add/remove a single location from a day by tapping it in the candidate list.
  window.planToggleStop = function(i, parkId) {
    const day = state.planner.days[i]; if (!day) return;
    const exists = day.stops.find(s => s.parkId === parkId);
    if (exists) {
      day.stops = day.stops.filter(s => s.parkId !== parkId);
    } else {
      const p = getParkById(parkId); if (!p) return;
      day.stops.push({ parkId:p.id, name:p.name, town:p.town, type:p.propertyType||'park', lat:p.lat, lng:p.lng, t:0, locked:false, manual:true });
    }
    planRecomputeDayStops(i);
    planSave(); renderPlanner();
  };

  // Smart suggestion: pick a realistic number of stops spread along the route so
  // the day fills the working window and the LAST stop sits near the destination
  // (so you finish close to where you sleep). Keeps any locked stops.
  window.planAutoPick = function(i) {
    const day = state.planner.days[i]; if (!day) return;
    const from = planDayOrigin(i), to = day.to;
    if (!from || from.lat == null) { window.toast && window.toast('Set your starting point first'); return; }
    if (!to || to.lat == null) { window.toast && window.toast('Enter a destination for this day'); return; }
    const locked = (day.stops || []).filter(s => s.locked);
    const lockedIds = new Set(locked.map(s => s.parkId));
    const cands = planCorridorParks(from, to, Number(state.planner.corridorMiles)||15, lockedIds, 250); // sorted by t (route order)
    if (!cands.length) { window.toast && window.toast('Nothing found on this route — widen the corridor'); return; }
    const workEnd = planTimeToMin(state.planner.workEnd);
    const mkStop = c => ({ parkId:c.park.id, name:c.park.name, town:c.park.town, type:c.park.propertyType||'park', lat:c.park.lat, lng:c.park.lng, t:c.t, locked:false, manual:false });

    // Try the largest K (spread evenly across the corridor, so the last lands
    // near the destination) that still finishes by the work-end time.
    let chosen = [];
    const maxK = Math.min(cands.length, 30);
    for (let K = maxK; K >= 1; K--) {
      const pick = [];
      const seen = {};
      for (let j = 0; j < K; j++) {
        const idx = (K === 1) ? (cands.length - 1) : Math.round(j * (cands.length - 1) / (K - 1));
        const c = cands[idx];
        if (c && !seen[c.park.id]) { seen[c.park.id] = 1; pick.push(c); }
      }
      const trial = locked.concat(pick.map(mkStop)).sort((a, b) => (a.t||0) - (b.t||0));
      if (planSimulateLastEta(trial, from, i) <= workEnd) { chosen = pick; break; }
    }
    if (!chosen.length) chosen = [cands[cands.length - 1]]; // at least head for the destination

    day.stops = locked.concat(chosen.map(mkStop));
    planRecomputeDayStops(i);
    planSave(); renderPlanner();
    window.toast && window.toast('Picked ' + day.stops.length + ' stops ending near ' + (to.name || 'your destination'));
  };

  window.planToggleLock = function(i, parkId) {
    const day = state.planner.days[i]; if (!day) return;
    const s = day.stops.find(x => x.parkId === parkId); if (!s) return;
    s.locked = !s.locked;
    planSave(); renderPlanner();
  };
  window.planRemoveStop = function(i, parkId) {
    const day = state.planner.days[i]; if (!day) return;
    day.stops = day.stops.filter(x => x.parkId !== parkId);
    planSave(); renderPlanner();
  };
  // Destination committed (blur) → re-order & re-time every day, since changing
  // one day's destination also shifts the next day's starting point.
  window.planCommitLeg = function(i) {
    state.planner.days.forEach((d, idx) => planRecomputeDayStops(idx));
    planSave(); renderPlanner();
  };
  // Per-stop time. 0/blank falls back to the global average.
  window.planSetStopMins = function(i, parkId, v) {
    const day = state.planner.days[i]; if (!day) return;
    const s = day.stops.find(x => x.parkId === parkId); if (!s) return;
    const n = Number(v); s.mins = (n > 0 ? n : 0);
    planSave(); renderPlanner();
  };
  // Skip = soft remove. Stays in the list (struck-through) but doesn't count
  // toward timing/route, so you can pass an area and move on, or un-skip later.
  window.planToggleSkip = function(i, parkId) {
    const day = state.planner.days[i]; if (!day) return;
    const s = day.stops.find(x => x.parkId === parkId); if (!s) return;
    s.skip = !s.skip;
    planSave(); renderPlanner();
  };
  // Add a custom non-park stop (gold melt, lunch, hotel…). Optional town
  // positions it on the route; otherwise it sorts to the start of the day.
  window.planAddCustom = function(i) {
    const day = state.planner.days[i]; if (!day) return;
    const label = (prompt('Custom stop name (e.g. Melt gold, Lunch, Hotel):', '') || '').trim();
    if (!label) return;
    const near = (prompt('Near which town? (optional — positions it on the route)', '') || '').trim();
    let lat = null, lng = null, town = '';
    if (near) { const g = planGeocode(near); if (g) { lat = g.lat; lng = g.lng; town = near; } }
    const mins = Number((prompt('Roughly how many minutes here?', '30') || '30').trim()) || 30;
    day.stops.push({ parkId:'custom_'+Math.random().toString(36).slice(2,8), name:label, town:town, type:'custom', lat:lat, lng:lng, t:0, mins:mins, locked:true, manual:true, custom:true });
    planRecomputeDayStops(i);
    planSave(); renderPlanner();
  };
  window.planAddSearch = function(i, q) {
    const panel = document.getElementById('plan-add-results-' + i);
    if (!panel) return;
    if (!q || !q.trim()) { panel.classList.remove('open'); panel.innerHTML=''; return; }
    const matches = _filterDealParks(q, 30);
    if (!matches.length) { panel.innerHTML = '<div class="plan-add-row" style="color:var(--text-muted);cursor:default;">No match</div>'; panel.classList.add('open'); return; }
    panel.innerHTML = matches.map(p =>
      '<div class="plan-add-row" data-pid="' + escapeHtml(p.id) + '" onmousedown="event.preventDefault();window.planAddPick(' + i + ',\'' + p.id + '\')" ontouchstart="event.preventDefault();window.planAddPick(' + i + ',\'' + p.id + '\')">' +
        '<strong>' + escapeHtml(p.name||'') + '</strong>' + (p.town ? ' <span style="color:var(--text-muted);">· ' + escapeHtml(p.town) + '</span>' : '') +
      '</div>'
    ).join('');
    panel.classList.add('open');
  };
  window.planAddPick = function(i, parkId) {
    const day = state.planner.days[i]; if (!day) return;
    if (day.stops.some(s => s.parkId === parkId)) { window.toast && window.toast('Already in this day'); return; }
    const p = getParkById(parkId); if (!p) return;
    day.stops.push({ parkId:p.id, name:p.name, town:p.town, type:p.propertyType||'park', lat:p.lat, lng:p.lng, t:0, locked:true, manual:true });
    planRecomputeDayStops(i);
    planSave(); renderPlanner();
  };
  window.planClear = function() {
    if (!confirm('Clear the whole plan? This removes all days and stops.')) return;
    state.planner.days = [];
    planSave(); renderPlanner();
  };
  window.planPushToTrips = function() {
    const P = state.planner;
    const allIds = [];
    P.days.forEach(d => (d.stops||[]).forEach(s => {
      if (s.skip || s.custom) return; // skipped + custom (non-park) stops aren't DB parks
      if (allIds.indexOf(s.parkId) < 0) allIds.push(s.parkId);
    }));
    if (allIds.length === 0) { window.toast && window.toast('Nothing to push — add some stops first'); return; }
    const start = (P.startDate && !isNaN(new Date(P.startDate+'T00:00:00').getTime())) ? P.startDate : new Date().toISOString().slice(0,10);
    const end = new Date(new Date(start+'T00:00:00').getTime() + Math.max(0, P.days.length-1)*86400000).toISOString().slice(0,10);
    const route = [ (P.start.name||'Start') ].concat(P.days.map(d => d.to && d.to.name ? d.to.name : '?')).join(' → ');
    const trip = {
      id: 't_' + Math.random().toString(36).slice(2,10),
      name: (typeof nextTripName === 'function' ? nextTripName() : ('Trip ' + (state.trips.length+1))),
      startDate: start, endDate: end,
      parkIds: allIds, expenses: [], notes: 'Planned route: ' + route,
      createdAt: new Date().toISOString(), updatedAt: new Date().toISOString()
    };
    state.trips.push(trip);
    try { lsSet(LS.trips, state.trips); } catch (e) {}
    state.dirty = true;
    if (typeof scheduleSync === 'function') scheduleSync();
    window.toast && window.toast('Pushed to Trips: ' + allIds.length + ' stops');
    switchTab('trips');
  };

  // =========================================================================
  // STATS
  // =========================================================================
  // ===== STATS DASHBOARD =====
  let _statsFilters = { salesman: 'all', startDate: '', endDate: '' };
  let _statsCharts = [];

  // =========================================================================
  // TEAM SAFETY — location sharing + nudges + SOS
  // =========================================================================
  const SAFETY = {
    sharing: false,
    shareTimer: null,
    pollTimer: null,
    lastNudgeIds: {},     // id -> true; what we've already shown
    knownNudgeIds: null,  // initial set on first poll so we don't show backlog
    lastFetch: null,
    teamLatest: [],       // array of latest locations per teammate
    recentNudges: [],
    teamMap: null,
    teamMapMarkers: []
  };
  const SAFETY_LS = {
    sharing: 'pr_safety_sharing',
    shareUntil: 'pr_safety_share_until',  // ms timestamp; auto-stop after 12h
    notifGranted: 'pr_safety_notif_granted'
  };

  async function safetyApi(path, opts) {
    var rawPath = path;
    path = withCountryPath(path);
    opts = opts || {};
    opts.headers = Object.assign({}, HDR(), opts.headers || {});
    // Safety tables have no country column — never stamp it into the body either.
    var isSafetyTable = rawPath.indexOf('/team_locations') === 0 || rawPath.indexOf('/team_nudges') === 0;
    if (opts.body && opts.method && /^(POST|PATCH|PUT)$/i.test(opts.method) && !isSafetyTable) {
      opts.body = stampCountryBody(opts.body);
    }
    const u = REST + path;
    const r = await fetch(u, opts);
    if (!r.ok) {
      const t = await r.text();
      throw new Error('Safety API ' + r.status + ': ' + t);
    }
    if (r.status === 204) return null;
    const ct = r.headers.get('content-type') || '';
    return ct.includes('application/json') ? await r.json() : await r.text();
  }

  async function uploadMyLocation(pos) {
    // Don't write a fix under the placeholder "You" when no name is set — that
    // created a phantom teammate on everyone's map. Skip the write until a real
    // salesman name (or signed-in identity) exists.
    const me = (state.salesman || '').trim();
    if (!me || me.toLowerCase() === 'you') {
      console.warn('[Safety] skipping location upload — salesman name not set yet');
      return;
    }
    const body = {
      salesman: me,
      lat: pos.coords.latitude,
      lng: pos.coords.longitude,
      accuracy: pos.coords.accuracy,
      device_id: getDeviceId()
    };
    try {
      await safetyApi('/team_locations', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json', 'Prefer': 'return=minimal' },
        body: JSON.stringify(body)
      });
      // Record the user's active country on their profile so admins can see
      // where each person is operating (UK / AU) in the roster + admin list.
      if (sbClient && authedSession && authedSession.user) {
        sbClient.from('profiles')
          .update({ last_country: state.country })
          .eq('id', authedSession.user.id)
          .then(function () {}, function () {});
      }
    } catch (e) {
      console.warn('[Safety] location upload failed:', e);
    }
  }

  function getDeviceId() {
    let id = localStorage.getItem('pr_device_id');
    if (!id) {
      id = 'd_' + Math.random().toString(36).slice(2, 12);
      localStorage.setItem('pr_device_id', id);
    }
    return id;
  }

  function pingLocationOnce() {
    if (!navigator.geolocation) return;
    navigator.geolocation.getCurrentPosition(
      pos => { uploadMyLocation(pos); state.myLocation = { lat: pos.coords.latitude, lng: pos.coords.longitude }; },
      err => { console.warn('[Safety] geo error:', err.message); },
      { enableHighAccuracy: true, timeout: 15000, maximumAge: 30000 }
    );
  }

  function startLocationSharing() {
    SAFETY.sharing = true;
    try { PRFB.feedback('connected'); } catch (e) {}
    localStorage.setItem(SAFETY_LS.sharing, '1');
    // Auto-stop after 12 hours
    localStorage.setItem(SAFETY_LS.shareUntil, String(Date.now() + 12 * 60 * 60 * 1000));
    updateSafetyShareDot();
    pingLocationOnce();
    if (SAFETY.shareTimer) clearInterval(SAFETY.shareTimer);
    SAFETY.shareTimer = setInterval(() => {
      // Check auto-expiry
      const until = parseInt(localStorage.getItem(SAFETY_LS.shareUntil) || '0', 10);
      if (Date.now() > until) {
        stopLocationSharing();
        window.toast && window.toast('Location sharing auto-stopped (12h)');
        return;
      }
      pingLocationOnce();
    }, 60 * 1000); // every 60s
    window.toast && window.toast('Sharing your location with team');
  }

  function stopLocationSharing() {
    SAFETY.sharing = false;
    try { PRFB.feedback('disconnect'); } catch (e) {}
    localStorage.removeItem(SAFETY_LS.sharing);
    localStorage.removeItem(SAFETY_LS.shareUntil);
    if (SAFETY.shareTimer) clearInterval(SAFETY.shareTimer);
    SAFETY.shareTimer = null;
    updateSafetyShareDot();
    if (document.getElementById('safety-backdrop').classList.contains('open')) renderSafetyBody();
  }

  function updateSafetyShareDot() {
    const d = document.getElementById('safety-share-dot');
    if (d) d.style.display = SAFETY.sharing ? '' : 'none';
  }
  function updateSafetyNudgeDot(hasUnread) {
    const d = document.getElementById('safety-nudge-dot');
    if (d) d.style.display = hasUnread ? '' : 'none';
  }

  async function fetchTeamLocations() {
    try {
      const rows = await safetyApi('/team_locations_latest?select=*&order=recorded_at.desc');
      SAFETY.teamLatest = rows || [];
    } catch (e) { console.warn('[Safety] fetch locations failed', e); }
  }

  async function fetchRecentNudges() {
    try {
      const since = new Date(Date.now() - 24 * 60 * 60 * 1000).toISOString();
      const rows = await safetyApi('/team_nudges?select=*&created_at=gte.' + encodeURIComponent(since) + '&order=created_at.desc&limit=50');
      SAFETY.recentNudges = rows || [];

      // Initial poll: just remember what's there, don't notify backlog
      if (SAFETY.knownNudgeIds === null) {
        SAFETY.knownNudgeIds = {};
        SAFETY.recentNudges.forEach(n => { SAFETY.knownNudgeIds[n.id] = true; });
        return;
      }
      // Show notifications for new nudges directed to me (or broadcast) from someone else
      const me = (state.salesman || 'You');
      const newOnes = SAFETY.recentNudges.filter(n => {
        if (SAFETY.knownNudgeIds[n.id]) return false;
        if (n.from_salesman === me) return false;  // ignore my own
        if (n.to_salesman && n.to_salesman !== me) return false; // not for me
        return true;
      });
      newOnes.forEach(showIncomingNudge);
      // Track all current ids as known
      SAFETY.recentNudges.forEach(n => { SAFETY.knownNudgeIds[n.id] = true; });
      // Unread dot if SOS in last 30 min unresolved
      const recentSOS = SAFETY.recentNudges.some(n =>
        n.type === 'sos' && !n.resolved &&
        new Date(n.created_at) > new Date(Date.now() - 30 * 60 * 1000) &&
        n.from_salesman !== me);
      updateSafetyNudgeDot(recentSOS || newOnes.length > 0);
    } catch (e) { console.warn('[Safety] fetch nudges failed', e); }
  }

  function showIncomingNudge(n) {
    const fromWho = n.from_salesman || 'Someone';
    const msg = n.message || '';
    if (n.type === 'sos') {
      // Loud + persistent on the RECIPIENT side too (was only the sender before).
      // Siren ignores the sound toggle on purpose — it's a safety alert. Auto-
      // stops after 30s, or tap the toast to silence.
      try {
        PRFB.sos.start();
        if (window._prSirenTimeout) clearTimeout(window._prSirenTimeout);
        window._prSirenTimeout = setTimeout(function () { try { PRFB.sos.stop(); } catch (e) {} }, 30000);
        window.prStopSiren = function () { try { PRFB.sos.stop(); } catch (e) {} if (window._prSirenTimeout) clearTimeout(window._prSirenTimeout); };
      } catch (e) {}
      window.toast && window.toast('SOS from ' + fromWho + (msg ? ': ' + msg : '') + ' \u2014 tap to silence');
      var _st = document.querySelector('.toast'); if (_st) _st.addEventListener('click', function () { window.prStopSiren && window.prStopSiren(); }, { once: true });
      tryBrowserNotification('SOS \u2014 ' + fromWho, msg || 'Tap to view location', { urgent: true });
      // If the safety panel is open, refresh it so the SOS pin appears at once.
      if (document.getElementById('safety-backdrop') && document.getElementById('safety-backdrop').classList.contains('open')) {
        fetchTeamLocations().then(function () { renderSafetyBody(); });
      }
    } else if (n.type === 'checkin') {
      try { PRFB.feedback('bellDing'); } catch (e) {}
      window.toast && window.toast('' + fromWho + ' checked in' + (msg ? ' — ' + msg : ''));
      tryBrowserNotification(fromWho + ' checked in', msg || '');
    } else {
      try { PRFB.feedback('bellDing'); } catch (e) {}
      window.toast && window.toast('' + fromWho + (msg ? ': ' + msg : ' nudged you'));
      tryBrowserNotification('Nudge from ' + fromWho, msg || '');
    }
  }

  function tryBrowserNotification(title, body, opts) {
    if (!('Notification' in window)) return;
    if (Notification.permission !== 'granted') return;
    try {
      new Notification(title, {
        body: body || '',
        icon: 'data:image/svg+xml,<svg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\'><path d=\'M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\' fill=\'%232B6E4A\'/></svg>',
        requireInteraction: (opts && opts.urgent) || false
      });
    } catch (e) {}
  }

  async function requestNotifPermission() {
    if (!('Notification' in window)) return false;
    if (Notification.permission === 'granted') return true;
    if (Notification.permission === 'denied') return false;
    try {
      const r = await Notification.requestPermission();
      if (r === 'granted') localStorage.setItem(SAFETY_LS.notifGranted, '1');
      return r === 'granted';
    } catch (e) { return false; }
  }

  function startSafetyPolling() {
    if (SAFETY.pollTimer) clearInterval(SAFETY.pollTimer);
    fetchRecentNudges();
    fetchTeamLocations();
    if (window.refreshApprovalsBadge) window.refreshApprovalsBadge();
    // Poll every 15s
    SAFETY.pollTimer = setInterval(() => {
      fetchRecentNudges();
      fetchTeamLocations();
      if (window.refreshApprovalsBadge) window.refreshApprovalsBadge();
      if (window.chatRefreshUnread) window.chatRefreshUnread();
    }, 15 * 1000);
  }

  // === SOS ===
  async function sendSOS() {
    const me = state.salesman || 'You';
    if (!confirm('Send SOS alert to your whole team? They\'ll get a loud notification with your current location.')) return;
    // Siren + sustained vibrate (ignores sound toggle — safety feature).
    // Auto-stops after 30s; also stoppable via window.prStopSiren().
    try {
      PRFB.sos.start();
      if (window._prSirenTimeout) clearTimeout(window._prSirenTimeout);
      window._prSirenTimeout = setTimeout(() => { try { PRFB.sos.stop(); } catch(e){} }, 30000);
      window.prStopSiren = () => { try { PRFB.sos.stop(); } catch(e){} if (window._prSirenTimeout) clearTimeout(window._prSirenTimeout); };
    } catch (e) {}
    let coords = null;
    if (navigator.geolocation) {
      try {
        coords = await new Promise((resolve) => {
          navigator.geolocation.getCurrentPosition(
            p => resolve({ lat: p.coords.latitude, lng: p.coords.longitude }),
            () => resolve(null),
            { enableHighAccuracy: true, timeout: 8000, maximumAge: 60000 }
          );
        });
      } catch (e) {}
    }
    const body = {
      from_salesman: me,
      to_salesman: null,        // broadcast
      type: 'sos',
      message: 'I need help — sent at ' + new Date().toLocaleTimeString(),
      lat: coords ? coords.lat : null,
      lng: coords ? coords.lng : null
    };
    try {
      await safetyApi('/team_nudges', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json', 'Prefer': 'return=minimal' },
        body: JSON.stringify(body)
      });
      window.toast && window.toast('SOS sent — tap here to silence');
      var _t = document.querySelector('.toast'); if (_t) _t.addEventListener('click', function(){ window.prStopSiren && window.prStopSiren(); }, { once: true });
      // Also briefly enable sharing so they can see you live
      if (!SAFETY.sharing) startLocationSharing();
      fetchRecentNudges();
    } catch (e) {
      console.error('[Safety] SOS send failed:', e);
      window.prStopSiren && window.prStopSiren();
      window.toast && window.toast('SOS failed — try again');
    }
  }

  // === Nudge ===
  async function sendNudge(targetSalesman, msgText) {
    const me = state.salesman || 'You';
    if (!targetSalesman) targetSalesman = null; // broadcast
    const body = {
      from_salesman: me,
      to_salesman: targetSalesman,
      type: 'nudge',
      message: msgText || 'You ok?'
    };
    try {
      await safetyApi('/team_nudges', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json', 'Prefer': 'return=minimal' },
        body: JSON.stringify(body)
      });
      window.toast && window.toast('Nudge sent to ' + (targetSalesman || 'team'));
      fetchRecentNudges();
      if (document.getElementById('safety-backdrop').classList.contains('open')) renderSafetyBody();
    } catch (e) {
      window.toast && window.toast('Nudge failed');
    }
  }

  async function resolveSOS(id) {
    try {
      await safetyApi('/team_nudges?id=eq.' + id, {
        method: 'PATCH',
        headers: { 'Content-Type': 'application/json', 'Prefer': 'return=minimal' },
        body: JSON.stringify({ resolved: true })
      });
      fetchRecentNudges();
      if (document.getElementById('safety-backdrop').classList.contains('open')) renderSafetyBody();
    } catch (e) {}
  }

  // === Open / render the Safety panel ===
  async function openSafety() {
    await requestNotifPermission();
    await Promise.all([fetchTeamLocations(), fetchRecentNudges()]);
    renderSafetyBody();
    openModal('safety-backdrop');
    setTimeout(renderTeamMap, 80);
  }

  function renderSafetyBody() {
    const body = document.getElementById('safety-body');
    if (!body) return;
    const me = state.salesman || 'You';
    const otherMembers = (SAFETY.teamLatest || []).filter(l => l.salesman !== me);
    const myLatest = (SAFETY.teamLatest || []).find(l => l.salesman === me);

    let html = '';

    // SOS
    html += '<button class="safety-sos-btn" id="btn-safety-sos"><svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="vertical-align:-3px;margin-right:6px;"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12" y2="17"/></svg>SOS — ALERT TEAM</button>' +
      '<div style="font-size:11px;color:var(--text-muted);text-align:center;margin:6px 0 16px;">' +
        'Broadcasts your location + name to everyone instantly.' +
      '</div>';

    // Background-alert readiness. Web apps can only show a locked-screen / closed-
    // app alert when installed to the Home Screen (Apple's rule on iPhone). If we
    // detect we're NOT running as an installed app, warn so the team knows SOS
    // alerts won't reach a locked phone until they install it.
    var _standalone = (window.navigator && window.navigator.standalone) ||
      (window.matchMedia && window.matchMedia('(display-mode: standalone)').matches);
    if (!_standalone) {
      html += '<div style="font-size:12px;color:#92400E;background:#FEF3C7;border:1px solid #FCD34D;border-radius:10px;padding:11px 13px;margin:0 0 16px;line-height:1.5;">' +
        icoSvg('warning',13,'#B8842C') + ' <strong>For SOS alerts to reach a locked phone</strong>, add this app to your Home Screen: tap the Share icon, then \u201CAdd to Home Screen\u201D, and open it from that icon. Until then, alerts only show while the app is open on screen.' +
        '</div>';
    }

    // Share toggle
    html += '<div class="safety-share-toggle">' +
      '<div style="flex:1;">' +
        '<div style="font-weight:700;font-size:14px;">Share my location</div>' +
        '<div style="font-size:11px;color:var(--text-muted);margin-top:2px;">' +
          (SAFETY.sharing
            ? 'Broadcasting every 60s · auto-stops in 12h'
            : 'Off — your dot won\'t appear on the team map') +
        '</div>' +
      '</div>' +
      '<div class="safety-toggle-switch ' + (SAFETY.sharing ? 'on' : '') + '" id="safety-share-toggle"></div>' +
    '</div>';

    // Team map
    html += '<h4 style="margin:0 0 8px;">Team map</h4>' +
      '<div id="safety-team-map" style="height:260px;border-radius:12px;overflow:hidden;border:1px solid var(--border);margin-bottom:8px;background:var(--surface-2);"></div>';

    // Team list
    html += '<div style="margin-bottom:18px;">';
    if (otherMembers.length === 0 && !myLatest) {
      html += '<div style="padding:14px;color:var(--text-muted);font-size:13px;text-align:center;background:var(--surface-2);border-radius:8px;">No team locations yet. When teammates share their location it\'ll appear here.</div>';
    } else {
      const allMembers = [];
      if (myLatest) allMembers.push(Object.assign({}, myLatest, { isMe: true }));
      otherMembers.forEach(m => allMembers.push(m));
      allMembers.forEach(m => {
        const ago = relTime(m.recorded_at);
        const distance = (m.isMe || !myLatest) ? '' :
          (' · ' + distanceKm(myLatest.lat, myLatest.lng, m.lat, m.lng).toFixed(1) + ' km away');
        html += '<div style="display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border);">' +
          '<span style="width:12px;height:12px;border-radius:50%;background:' + (m.isMe ? '#2563EB' : '#2B6E4A') + ';flex-shrink:0;border:2px solid #fff;box-shadow:0 0 0 1.5px ' + (m.isMe ? '#2563EB' : '#2B6E4A') + ';"></span>' +
          '<div style="flex:1;min-width:0;">' +
            '<div style="font-weight:600;font-size:14px;">' + escapeHtml(m.salesman) + (m.isMe ? ' (you)' : '') + '</div>' +
            '<div style="font-size:11px;color:var(--text-muted);">Last seen ' + ago + distance + '</div>' +
          '</div>' +
          (!m.isMe
            ? '<button class="btn btn-secondary safety-nudge-btn" data-target="' + escapeHtml(m.salesman) + '" style="height:32px;padding:0 12px;font-size:12px;">Nudge</button>'
            : '') +
        '</div>';
      });
    }
    html += '</div>';

    // Recent nudges
    html += '<h4 style="margin:0 0 8px;">Recent activity</h4>';
    if (!SAFETY.recentNudges || SAFETY.recentNudges.length === 0) {
      html += '<div style="padding:14px;color:var(--text-muted);font-size:13px;text-align:center;background:var(--surface-2);border-radius:8px;">No nudges or alerts yet.</div>';
    } else {
      html += '<div style="background:var(--surface-2);border-radius:10px;padding:6px 12px;">';
      SAFETY.recentNudges.slice(0, 20).forEach(n => {
        const ago = relTime(n.created_at);
        const icon = icoSvg(n.type === 'sos' ? 'warning' : n.type === 'checkin' ? 'checkCircle' : 'chat', 14, n.type === 'sos' ? '#C53030' : 'currentColor');
        const color = n.type === 'sos' ? '#C53030' : 'var(--text)';
        const direction = n.from_salesman === me ? 'sent' : 'received';
        const other = n.from_salesman === me ? (n.to_salesman || 'team') : n.from_salesman;
        const unresolvedSos = n.type === 'sos' && !n.resolved && n.from_salesman !== me;
        html += '<div style="display:flex;gap:8px;align-items:flex-start;padding:8px 0;border-bottom:1px solid var(--border);">' +
          '<span style="font-size:16px;flex-shrink:0;line-height:1.3;">' + icon + '</span>' +
          '<div style="flex:1;min-width:0;">' +
            '<div style="font-size:13px;color:' + color + ';font-weight:' + (n.type === 'sos' ? '700' : '500') + ';">' +
              (direction === 'sent' ? 'You → ' + escapeHtml(other) : escapeHtml(n.from_salesman) + ' → ' + (n.to_salesman ? 'you' : 'team')) +
            '</div>' +
            (n.message ? '<div style="font-size:12px;color:var(--text-muted);margin-top:1px;">' + escapeHtml(n.message) + '</div>' : '') +
            '<div style="font-size:11px;color:var(--text-light);margin-top:2px;">' + ago +
              (n.type === 'sos' && n.resolved ? ' · resolved' : '') + '</div>' +
          '</div>' +
          (unresolvedSos
            ? '<button class="btn btn-ghost safety-resolve-btn" data-id="' + n.id + '" style="height:28px;padding:0 8px;font-size:11px;">Mark resolved</button>'
            : '') +
        '</div>';
      });
      html += '</div>';
    }

    body.innerHTML = html;

    // Wire
    const sosBtn = document.getElementById('btn-safety-sos');
    if (sosBtn) bindButton(sosBtn, sendSOS);
    const tog = document.getElementById('safety-share-toggle');
    if (tog) bindButton(tog, () => {
      if (SAFETY.sharing) {
        stopLocationSharing();
      } else {
        if (!navigator.geolocation) { window.toast('Location not supported in this browser'); return; }
        startLocationSharing();
      }
      renderSafetyBody();
      setTimeout(renderTeamMap, 80);
    });
    body.querySelectorAll('.safety-nudge-btn').forEach(b => bindButton(b, () => {
      const t = b.dataset.target;
      const msg = prompt('Message to ' + t + ' (or just blank for "You ok?"):', '');
      if (msg === null) return; // cancelled
      sendNudge(t, msg.trim() || 'You ok?');
    }));
    body.querySelectorAll('.safety-resolve-btn').forEach(b => bindButton(b, () => {
      resolveSOS(parseInt(b.dataset.id, 10));
    }));
    // Always (re)draw the map after building the panel HTML. renderSafetyBody is
    // called on nudge / resolve / toggle, each of which replaces the map div —
    // without this the map went blank after those actions.
    setTimeout(renderTeamMap, 60);
  }

  function renderTeamMap() {
    const el = document.getElementById('safety-team-map');
    if (!el || typeof L === 'undefined') return;
    try { SAFETY.teamMapMarkers.forEach(m => SAFETY.teamMap && SAFETY.teamMap.removeLayer(m)); } catch (e) {}
    SAFETY.teamMapMarkers = [];
    if (!SAFETY.teamMap || SAFETY.teamMap._container !== el) {
      try { SAFETY.teamMap && SAFETY.teamMap.remove(); } catch (e) {}
      SAFETY.teamMap = L.map(el).setView([54.0, -2.5], 5);
      L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
        maxZoom: 18, attribution: '© OpenStreetMap'
      }).addTo(SAFETY.teamMap);
    }
    const me = state.salesman || 'You';
    const pts = [];
    (SAFETY.teamLatest || []).forEach(m => {
      const isMe = m.salesman === me;
      const color = isMe ? '#2563EB' : (m.salesman === 'Lorri' ? '#D97706' : '#2B6E4A');
      const ic = L.divIcon({
        className: 'safety-pin',
        html: '<div style="position:relative;"><div style="width:18px;height:18px;border-radius:50%;background:' + color + ';border:3px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,0.4);"></div><div style="position:absolute;top:22px;left:-30px;width:80px;text-align:center;font-size:10px;font-weight:700;color:#fff;background:rgba(0,0,0,0.65);padding:2px 4px;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">' + escapeHtml(m.salesman) + '</div></div>',
        iconSize: [18, 18], iconAnchor: [9, 9]
      });
      const mk = L.marker([m.lat, m.lng], { icon: ic }).addTo(SAFETY.teamMap);
      mk.bindPopup('<strong>' + escapeHtml(m.salesman) + '</strong><br>' + relTime(m.recorded_at));
      SAFETY.teamMapMarkers.push(mk);
      pts.push([m.lat, m.lng]);
    });

    // SOS pins: plot recent SOS alerts at the EXACT spot they were triggered.
    // Unresolved ones always show; resolved ones show for 6h so you can review
    // where it happened. A red siren marker, distinct from the location dots.
    var sosCutoff = Date.now() - 6 * 60 * 60 * 1000;
    (SAFETY.recentNudges || []).forEach(function (n) {
      if (n.type !== 'sos' || n.lat == null || n.lng == null) return;
      var when = new Date(n.created_at).getTime();
      if (n.resolved && when < sosCutoff) return; // old + resolved → hide
      var live = !n.resolved;
      var sosIc = L.divIcon({
        className: 'safety-sos-pin',
        html: '<div style="position:relative;">' +
          '<div style="width:26px;height:26px;border-radius:50%;background:#C53030;border:3px solid #fff;box-shadow:0 1px 6px rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;' + (live ? 'animation:sosPulse 1.5s infinite;' : 'opacity:0.75;') + '">' + icoSvg('warning', 14, '#fff') + '</div>' +
          '<div style="position:absolute;top:30px;left:-34px;width:92px;text-align:center;font-size:10px;font-weight:700;color:#fff;background:#C53030;padding:2px 4px;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">SOS \u00B7 ' + escapeHtml(n.from_salesman || '') + '</div>' +
          '</div>',
        iconSize: [26, 26], iconAnchor: [13, 13]
      });
      var sm = L.marker([n.lat, n.lng], { icon: sosIc, zIndexOffset: 1000 }).addTo(SAFETY.teamMap);
      sm.bindPopup('<strong style="display:inline-flex;align-items:center;gap:5px;color:#C53030;">' + icoSvg('warning', 14, '#C53030') + 'SOS \u2014 ' + escapeHtml(n.from_salesman || '') + '</strong><br>' +
        escapeHtml(n.message || '') + '<br>' + relTime(n.created_at) +
        (n.resolved ? '<br><em>Resolved</em>' : '<br><strong style="color:#C53030;">ACTIVE</strong>') +
        '<br><span style="font-size:11px;color:#666;">' + Number(n.lat).toFixed(5) + ', ' + Number(n.lng).toFixed(5) + '</span>');
      SAFETY.teamMapMarkers.push(sm);
      pts.push([n.lat, n.lng]);
      // Open the popup automatically for a live SOS so it's impossible to miss.
      if (live) { try { sm.openPopup(); } catch (e) {} }
    });
    if (pts.length > 0) {
      try { SAFETY.teamMap.fitBounds(pts, { padding: [30, 30], maxZoom: 12 }); } catch (e) {}
    }
    setTimeout(() => { try { SAFETY.teamMap.invalidateSize(); } catch (e) {} }, 100);
  }

  function distanceKm(lat1, lng1, lat2, lng2) {
    const R = 6371;
    const dLat = (lat2 - lat1) * Math.PI / 180;
    const dLng = (lng2 - lng1) * Math.PI / 180;
    const a = Math.sin(dLat/2)**2 + Math.cos(lat1*Math.PI/180)*Math.cos(lat2*Math.PI/180)*Math.sin(dLng/2)**2;
    return R * 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1-a));
  }

  // Restore sharing state from localStorage on load
  function _initSafetyPersisted() {
    const until = parseInt(localStorage.getItem(SAFETY_LS.shareUntil) || '0', 10);
    if (localStorage.getItem(SAFETY_LS.sharing) === '1' && until > Date.now()) {
      startLocationSharing(); // re-extends the window
    } else if (until && until <= Date.now()) {
      localStorage.removeItem(SAFETY_LS.sharing);
      localStorage.removeItem(SAFETY_LS.shareUntil);
    }
  }

  // =========================================================================
  // TEAM TAB — reuses safety panel internals, rendered into #team-view
  // =========================================================================
  async function renderTeamTab() {
    const box = document.getElementById('team-view');
    if (!box) return;
    box.innerHTML = '<div style="padding:14px;color:var(--text-muted);text-align:center;font-size:13px;">Loading team…</div>';
    await requestNotifPermission();
    const tasks = [fetchTeamLocations(), fetchRecentNudges()];
    if (window.fetchProfiles) tasks.push(window.fetchProfiles());
    await Promise.all(tasks);
    renderTeamTabBody();
    renderTeamRoster();
    setTimeout(() => renderTeamMapInto('team-team-map'), 80);
  }
  // Sub-toggle that folds @ Mentions into the Team tab (Team / @ Mentions).
  function _teamSubToggle(active) {
    var unread = (typeof countUnreadNotifs === 'function') ? countUnreadNotifs() : 0;
    var badge = unread > 0
      ? ' <span class="ts-badge" style="display:inline-flex;">' + (unread > 9 ? '9+' : unread) + '</span>'
      : '';
    return '<div class="team-subtoggle">' +
      '<button type="button" class="' + (active === 'team' ? 'active' : '') + '" onclick="window.switchTab(\'team\')" ontouchend="event.preventDefault();window.switchTab(\'team\')"><span style="display:inline-flex;align-items:center;gap:5px;"><svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75"/></svg>Team</span></button>' +
      '<button type="button" class="' + (active === 'mentions' ? 'active' : '') + '" onclick="window.switchTab(\'mentions\')" ontouchend="event.preventDefault();window.switchTab(\'mentions\')">@ Mentions' + badge + '</button>' +
    '</div>';
  }
  window._teamSubToggle = _teamSubToggle;

  function renderTeamTabBody() {
    const box = document.getElementById('team-view');
    if (!box) return;
    const me = state.salesman || 'You';
    const otherMembers = (SAFETY.teamLatest || []).filter(l => l.salesman !== me);
    const myLatest = (SAFETY.teamLatest || []).find(l => l.salesman === me);

    let html = _teamSubToggle('team');
    html += '<div style="padding:14px 16px 24px;">';
    // Team members roster (profiles) — shows everyone, not just those sharing location.
    html += '<h4 style="margin:0 0 8px;">Team members</h4>' +
      '<div id="team-roster"><div style="padding:12px;color:var(--text-muted);font-size:13px;text-align:center;background:var(--surface-2);border-radius:8px;">Loading team…</div></div>' +
      '<div style="height:18px;"></div>';
    // SOS
    html += '<button class="safety-sos-btn" id="team-sos-btn"><svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="vertical-align:-3px;margin-right:6px;"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12" y2="17"/></svg>SOS — ALERT TEAM</button>' +
      '<div style="font-size:11px;color:var(--text-muted);text-align:center;margin:6px 0 16px;">' +
        'Broadcasts your location + name to everyone instantly.' +
      '</div>';
    // Share toggle
    html += '<div class="safety-share-toggle">' +
      '<div style="flex:1;">' +
        '<div style="font-weight:700;font-size:14px;">Share my location</div>' +
        '<div style="font-size:11px;color:var(--text-muted);margin-top:2px;">' +
          (SAFETY.sharing
            ? 'Broadcasting every 60s · auto-stops in 12h'
            : 'Off — your dot won\'t appear on the team map') +
        '</div>' +
      '</div>' +
      '<div class="safety-toggle-switch ' + (SAFETY.sharing ? 'on' : '') + '" id="team-share-toggle"></div>' +
    '</div>';
    // Map
    html += '<h4 style="margin:0 0 8px;">Team map</h4>' +
      '<div id="team-team-map" style="height:300px;border-radius:12px;overflow:hidden;border:1px solid var(--border);margin-bottom:8px;background:var(--surface-2);"></div>';
    // Team list
    html += '<div style="margin-bottom:18px;">';
    if (otherMembers.length === 0 && !myLatest) {
      html += '<div style="padding:14px;color:var(--text-muted);font-size:13px;text-align:center;background:var(--surface-2);border-radius:8px;">No team locations yet. Toggle "Share my location" on to start.</div>';
    } else {
      const all = [];
      if (myLatest) all.push(Object.assign({}, myLatest, { isMe: true }));
      otherMembers.forEach(m => all.push(m));
      all.forEach(m => {
        const ago = relTime(m.recorded_at);
        const distance = (m.isMe || !myLatest) ? '' :
          (' · ' + distanceKm(myLatest.lat, myLatest.lng, m.lat, m.lng).toFixed(1) + ' km away');
        html += '<div style="display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border);">' +
          '<span style="width:12px;height:12px;border-radius:50%;background:' + (m.isMe ? '#2563EB' : '#2B6E4A') + ';flex-shrink:0;border:2px solid #fff;box-shadow:0 0 0 1.5px ' + (m.isMe ? '#2563EB' : '#2B6E4A') + ';"></span>' +
          '<div style="flex:1;min-width:0;">' +
            '<div style="font-weight:600;font-size:14px;">' + escapeHtml(m.salesman) + (m.isMe ? ' (you)' : '') + '</div>' +
            '<div style="font-size:11px;color:var(--text-muted);">Last seen ' + ago + distance + '</div>' +
          '</div>' +
          (!m.isMe
            ? '<button class="btn btn-secondary team-nudge-btn" data-target="' + escapeHtml(m.salesman) + '" style="height:32px;padding:0 12px;font-size:12px;">Nudge</button>'
            : '') +
        '</div>';
      });
    }
    html += '</div>';
    // Recent activity
    html += '<h4 style="margin:0 0 8px;">Recent activity</h4>';
    if (!SAFETY.recentNudges || SAFETY.recentNudges.length === 0) {
      html += '<div style="padding:14px;color:var(--text-muted);font-size:13px;text-align:center;background:var(--surface-2);border-radius:8px;">No nudges or alerts yet.</div>';
    } else {
      html += '<div style="background:var(--surface-2);border-radius:10px;padding:6px 12px;">';
      SAFETY.recentNudges.slice(0, 20).forEach(n => {
        const ago = relTime(n.created_at);
        const icon = icoSvg(n.type === 'sos' ? 'warning' : n.type === 'checkin' ? 'checkCircle' : 'chat', 14, n.type === 'sos' ? '#C53030' : 'currentColor');
        const color = n.type === 'sos' ? '#C53030' : 'var(--text)';
        const direction = n.from_salesman === me ? 'sent' : 'received';
        const other = n.from_salesman === me ? (n.to_salesman || 'team') : n.from_salesman;
        const unresolvedSos = n.type === 'sos' && !n.resolved && n.from_salesman !== me;
        html += '<div style="display:flex;gap:8px;align-items:flex-start;padding:8px 0;border-bottom:1px solid var(--border);">' +
          '<span style="font-size:16px;flex-shrink:0;line-height:1.3;">' + icon + '</span>' +
          '<div style="flex:1;min-width:0;">' +
            '<div style="font-size:13px;color:' + color + ';font-weight:' + (n.type === 'sos' ? '700' : '500') + ';">' +
              (direction === 'sent' ? 'You → ' + escapeHtml(other) : escapeHtml(n.from_salesman) + ' → ' + (n.to_salesman ? 'you' : 'team')) +
            '</div>' +
            (n.message ? '<div style="font-size:12px;color:var(--text-muted);margin-top:1px;">' + escapeHtml(n.message) + '</div>' : '') +
            '<div style="font-size:11px;color:var(--text-light);margin-top:2px;">' + ago +
              (n.type === 'sos' && n.resolved ? ' · resolved' : '') + '</div>' +
          '</div>' +
          (unresolvedSos
            ? '<button class="btn btn-ghost team-resolve-btn" data-id="' + n.id + '" style="height:28px;padding:0 8px;font-size:11px;">Mark resolved</button>'
            : '') +
        '</div>';
      });
      html += '</div>';
    }
    html += '</div>';
    box.innerHTML = html;

    const sosBtn = document.getElementById('team-sos-btn');
    if (sosBtn) bindButton(sosBtn, sendSOS);
    const tog = document.getElementById('team-share-toggle');
    if (tog) bindButton(tog, () => {
      if (SAFETY.sharing) stopLocationSharing();
      else {
        if (!navigator.geolocation) { window.toast('Location not supported in this browser'); return; }
        startLocationSharing();
      }
      renderTeamTabBody();
      renderTeamRoster();
      setTimeout(() => renderTeamMapInto('team-team-map'), 80);
    });
    box.querySelectorAll('.team-nudge-btn').forEach(b => bindButton(b, () => {
      const t = b.dataset.target;
      const msg = prompt('Message to ' + t + ' (or blank for "You ok?"):', '');
      if (msg === null) return;
      sendNudge(t, msg.trim() || 'You ok?');
    }));
    box.querySelectorAll('.team-resolve-btn').forEach(b => bindButton(b, () => {
      resolveSOS(parseInt(b.dataset.id, 10));
    }));
  }

  // Render the full team roster (everyone with a profile), with photo, name,
  // role, pronouns, job role and birthday. Independent of location sharing.
  async function renderTeamRoster() {
    const el = document.getElementById('team-roster');
    if (!el) return;
    const profiles = (window.state && window.state.profiles) || [];
    if (!profiles.length) {
      el.innerHTML = '<div style="padding:12px;color:var(--text-muted);font-size:13px;text-align:center;background:var(--surface-2);border-radius:8px;">No team members yet.</div>';
      return;
    }
    const me = (window.state && window.state.salesman) || '';
    const order = { superadmin: 0, admin: 1, salesman: 2 };
    const sorted = profiles.slice().sort(function (a, b) {
      const ra = order[a.role] != null ? order[a.role] : 3;
      const rb = order[b.role] != null ? order[b.role] : 3;
      if (ra !== rb) return ra - rb;
      return (a.full_name || a.salesman || '').localeCompare(b.full_name || b.salesman || '');
    });

    function initials(p) {
      const n = (p.full_name || p.salesman || '?').trim();
      const parts = n.split(/\s+/);
      return ((parts[0] || '')[0] || '?').toUpperCase() + ((parts[1] || '')[0] || '').toUpperCase();
    }
    function bday(p) {
      if (!p.date_of_birth) return '';
      try {
        const d = new Date(p.date_of_birth + 'T00:00:00');
        return d.toLocaleDateString(undefined, { day: 'numeric', month: 'short' });
      } catch (e) { return ''; }
    }

    let html = '';
    sorted.forEach(function (p, i) {
      const isMe = p.salesman === me;
      const meta = [];
      if (p.pronouns) meta.push(escapeHtml(p.pronouns));
      if (p.job_role) meta.push(escapeHtml(p.job_role));
      if (p.last_country) meta.push(icoSvg('pin',12,'currentColor') + ' ' + escapeHtml(p.last_country));
      const b = bday(p);
      if (b) meta.push(icoSvg('cake',12,'currentColor') + ' ' + b);
      const disabled = !!p.disabled;
      html += '<div style="display:flex;align-items:center;gap:12px;padding:11px 0;' + (i ? 'border-top:1px solid var(--border);' : '') + (disabled ? 'opacity:.7;' : '') + '">' +
        '<div id="roster-av-' + i + '" style="width:46px;height:46px;border-radius:50%;flex:0 0 auto;background:var(--surface-3);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--primary-hover);font-size:15px;overflow:hidden;border:1px solid var(--border);position:relative;">' + initials(p) +
          (disabled ? '<span class="restricted-dot" style="position:absolute;right:-1px;bottom:-1px;"></span>' : '') +
        '</div>' +
        '<div style="flex:1;min-width:0;">' +
          '<div style="display:flex;align-items:center;gap:7px;flex-wrap:wrap;">' +
            '<span style="font-weight:600;font-size:14px;color:var(--text);">' + escapeHtml(p.full_name || p.salesman || '—') + (isMe ? ' (you)' : '') + '</span>' +
            _adminRoleBadge(p.role) +
            (disabled ? '<span class="restricted-pill">Restricted</span>' : '') +
          '</div>' +
          (meta.length ? '<div style="font-size:12px;color:var(--text-muted);margin-top:2px;">' + meta.join(' · ') + '</div>' : '') +
          (p.bio ? '<div style="font-size:12px;color:var(--text-light);margin-top:3px;line-height:1.4;">' + escapeHtml(p.bio) + '</div>' : '') +
        '</div>' +
      '</div>';
    });
    el.innerHTML = '<div style="background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:4px 14px;">' + html + '</div>';

    // Swap in signed profile images where available (async, best-effort).
    sorted.forEach(async function (p, i) {
      if (!p.image_url || !window.getSignedImageUrl) return;
      try {
        const url = p.image_url_signed || await window.getSignedImageUrl(p.image_url);
        if (!url) return;
        const av = document.getElementById('roster-av-' + i);
        if (av) av.innerHTML = '<img src="' + url + '" alt="" style="width:100%;height:100%;object-fit:cover;" />';
      } catch (e) { /* keep initials */ }
    });
  }

  // Generic map renderer that targets a specific element id (so both the
  // Safety modal and the Team tab can each have their own map instance).
  function renderTeamMapInto(elId) {
    const el = document.getElementById(elId);
    if (!el || typeof L === 'undefined') return;
    if (!SAFETY._maps) SAFETY._maps = {};
    let inst = SAFETY._maps[elId];
    try { if (inst && inst._markers) inst._markers.forEach(m => inst.map.removeLayer(m)); } catch (e) {}
    if (!inst || inst.map._container !== el) {
      try { inst && inst.map && inst.map.remove(); } catch (e) {}
      const map = L.map(el).setView([54.0, -2.5], 5);
      L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
        maxZoom: 18, attribution: '© OpenStreetMap'
      }).addTo(map);
      inst = { map: map, markers: [] };
      SAFETY._maps[elId] = inst;
    }
    inst.markers = [];
    const me = state.salesman || 'You';
    const pts = [];
    (SAFETY.teamLatest || []).forEach(m => {
      const isMe = m.salesman === me;
      const color = isMe ? '#2563EB' : (m.salesman === 'Lorri' ? '#D97706' : '#2B6E4A');
      const ic = L.divIcon({
        className: 'safety-pin',
        html: '<div style="position:relative;"><div style="width:18px;height:18px;border-radius:50%;background:' + color + ';border:3px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,0.4);"></div><div style="position:absolute;top:22px;left:-30px;width:80px;text-align:center;font-size:10px;font-weight:700;color:#fff;background:rgba(0,0,0,0.65);padding:2px 4px;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">' + escapeHtml(m.salesman) + '</div></div>',
        iconSize: [18, 18], iconAnchor: [9, 9]
      });
      const mk = L.marker([m.lat, m.lng], { icon: ic }).addTo(inst.map);
      mk.bindPopup('<strong>' + escapeHtml(m.salesman) + '</strong><br>' + relTime(m.recorded_at));
      inst.markers.push(mk);
      pts.push([m.lat, m.lng]);
    });
    if (pts.length > 0) {
      try { inst.map.fitBounds(pts, { padding: [30, 30], maxZoom: 12 }); } catch (e) {}
    }
    setTimeout(() => { try { inst.map.invalidateSize(); } catch (e) {} }, 100);
  }

  // =========================================================================
  // STOCK TAB — individual item inventory (gold, silver, watches, ad-hoc)
  // =========================================================================
  const STOCK = {
    items: [],
    loaded: false,
    loading: false,
    filterCategory: 'all',   // all|gold|silver|watch|other
    filterStatus: 'in_stock',// all|in_stock|sold|reserved|refined
    search: ''
  };
  window.STOCK = STOCK;

  async function stockApi(path, opts) {
    path = withCountryPath(path);
    opts = opts || {};
    // V-261: keep the JWT fresh before stock writes, same as the main sync, so a
    // stale token can't 401 a stock save.
    if (opts.method && /^(POST|PATCH|PUT|DELETE)$/i.test(opts.method)) {
      try { if (typeof ensureFreshToken === 'function') await ensureFreshToken(); } catch (e) {}
    }
    opts.headers = Object.assign({}, HDR(), opts.headers || {});
    if (opts.body && opts.method && /^(POST|PATCH|PUT)$/i.test(opts.method)) {
      opts.body = stampCountryBody(opts.body);
    }
    const u = REST + path;
    const r = await fetch(u, opts);
    if (!r.ok) {
      const t = await r.text();
      throw new Error('Stock API ' + r.status + ': ' + t);
    }
    if (r.status === 204) return null;
    const ct = r.headers.get('content-type') || '';
    return ct.includes('application/json') ? await r.json() : await r.text();
  }

  async function fetchStockItems() {
    STOCK.loading = true;
    try {
      const rows = await stockApi('/stock_items?select=*&order=acquired_date.desc.nullslast,created_at.desc');
      STOCK.items = rows || [];
      STOCK.loaded = true;
    } catch (e) {
      console.warn('[Stock] fetch failed:', e);
      window.toast && window.toast('Could not load stock items');
    } finally {
      STOCK.loading = false;
    }
  }
  window.fetchStockItems = fetchStockItems;

  // ============================================================================
  // PAPER RECEIPTS — photos of hand-written receipts for clients with no email/
  // phone. Stored in public.paper_receipts; photos in the 'attachments' bucket
  // under a 'receipts/' prefix. Viewable inside a trip and in More > Receipts
  // (filter by trip + date). Any logged-in user can add/view.
  // ============================================================================
  const RECEIPTS = {
    items: [],
    loaded: false,
    loading: false,
    filterTrip: 'all',
    filterFrom: '',
    filterTo: '',
    selectMode: false,
    selected: {}   // id -> true (for bulk download)
  };
  window.RECEIPTS = RECEIPTS;

  async function receiptsApi(path, opts) {
    path = withCountryPath(path);
    opts = opts || {};
    opts.headers = Object.assign({}, HDR(), opts.headers || {});
    if (opts.body && opts.method && /^(POST|PATCH|PUT)$/i.test(opts.method)) {
      opts.body = stampCountryBody(opts.body);
    }
    const r = await fetch(REST + path, opts);
    if (!r.ok) { const t = await r.text(); throw new Error('Receipts API ' + r.status + ': ' + t); }
    if (r.status === 204) return null;
    const ct = r.headers.get('content-type') || '';
    return ct.includes('application/json') ? await r.json() : await r.text();
  }

  async function fetchPaperReceipts() {
    RECEIPTS.loading = true;
    try {
      const rows = await receiptsApi('/paper_receipts?select=*&order=receipt_date.desc.nullslast,created_at.desc');
      RECEIPTS.items = rows || [];
      RECEIPTS.loaded = true;
    } catch (e) {
      console.warn('[Receipts] fetch failed:', e);
      window.toast && window.toast('Could not load receipts');
    } finally {
      RECEIPTS.loading = false;
    }
  }
  window.fetchPaperReceipts = fetchPaperReceipts;

  // ============================================================================
  // CLIENTS CRM — auto-built from deals (grouped by client), plus manually
  // added/edited records in public.clients. Any logged-in user can view/add/edit.
  // ============================================================================
  const CLIENTS = { manual: [], loaded: false, search: '' };
  window.CLIENTS = CLIENTS;

  async function clientsApi(path, opts) {
    path = withCountryPath(path);
    opts = opts || {};
    opts.headers = Object.assign({}, HDR(), opts.headers || {});
    if (opts.body && opts.method && /^(POST|PATCH|PUT)$/i.test(opts.method)) opts.body = stampCountryBody(opts.body);
    const r = await fetch(REST + path, opts);
    if (!r.ok) { const t = await r.text(); throw new Error('Clients API ' + r.status + ': ' + t); }
    if (r.status === 204) return null;
    const ct = r.headers.get('content-type') || '';
    return ct.includes('application/json') ? await r.json() : await r.text();
  }
  async function fetchClients() {
    try {
      CLIENTS.manual = await clientsApi('/clients?select=*&order=updated_at.desc') || [];
      CLIENTS.loaded = true;
    } catch (e) { console.warn('[Clients] fetch failed:', e); }
  }
  window.fetchClients = fetchClients;

  async function saveClient(c, isNew) {
    if (isNew) {
      c.id = c.id || ('cli_' + Date.now() + '-' + Math.random().toString(36).slice(2, 7));
      await clientsApi('/clients', { method: 'POST', headers: { 'Content-Type': 'application/json', 'Prefer': 'return=minimal' }, body: JSON.stringify(c) });
    } else {
      c.updated_at = new Date().toISOString();
      await clientsApi('/clients?id=eq.' + encodeURIComponent(c.id), { method: 'PATCH', headers: { 'Content-Type': 'application/json', 'Prefer': 'return=minimal' }, body: JSON.stringify(c) });
    }
    await fetchClients();
  }
  async function deleteClientRecord(id) {
    if (!confirm('Delete this client record? (Their past deals are not affected.)')) return;
    try {
      await clientsApi('/clients?id=eq.' + encodeURIComponent(id), { method: 'DELETE' });
      await fetchClients();
      if (document.getElementById('clients-view')) window.renderClientsTab();
      window.toast && window.toast('Client deleted');
    } catch (e) { window.toast && window.toast('Delete failed'); }
  }
  window.deleteClientRecord = deleteClientRecord;

  // Build the unified client list: deal-derived (grouped) + manual records,
  // keyed by a normalised name+phone so a manual edit augments the deal client.
  function _buildClientList() {
    const key = (name, phone) => ((name || '').trim().toLowerCase() + '|' + (phone || '').replace(/\D/g, ''));
    const map = {};
    // From deals.
    (state.deals || []).forEach(d => {
      if (!d.client && !d.phone) return;
      const k = key(d.client, d.phone);
      if (!map[k]) map[k] = { key: k, full_name: d.client || '', address: d.address || '', email: d.email || '', phone: d.phone || '', dealCount: 0, totalSpent: 0, lastDeal: null, manualId: null };
      const c = map[k];
      c.dealCount++; c.totalSpent += Number(d.amount) || 0;
      const dt = d.date || (d.createdAt || '').slice(0, 10);
      if (dt && (!c.lastDeal || dt > c.lastDeal)) c.lastDeal = dt;
      if (!c.address && d.address) c.address = d.address;
      if (!c.email && d.email) c.email = d.email;
    });
    // From callbacks — every callback is a customer contact, so it belongs in
    // the CRM too. Group by the same name+phone key so a person with both deals
    // and callbacks merges into one client record.
    (CALLBACKS.items || []).forEach(cb => {
      const nm = cb.contact_name || '';
      if (!nm && !cb.phone) return;
      const k = key(nm, cb.phone);
      if (!map[k]) map[k] = { key: k, full_name: nm, address: cb.address || '', email: cb.email || '', phone: cb.phone || '', dealCount: 0, totalSpent: 0, lastDeal: null, callbackCount: 0, lastCallback: null, manualId: null };
      const c = map[k];
      c.callbackCount = (c.callbackCount || 0) + 1;
      const cdt = cb.due_date || (cb.created_at || '').slice(0, 10);
      if (cdt && (!c.lastCallback || cdt > c.lastCallback)) c.lastCallback = cdt;
      if (!c.full_name && nm) c.full_name = nm;
      if (!c.address && cb.address) c.address = cb.address;
      if (!c.email && cb.email) c.email = cb.email;
      if (!c.phone && cb.phone) c.phone = cb.phone;
    });
    // Merge manual records (override contact details; add standalone ones).
    (CLIENTS.manual || []).forEach(m => {
      const nm = m.full_name || ((m.first_name || '') + ' ' + (m.last_name || '')).trim();
      const k = key(nm, m.phone);
      if (!map[k]) map[k] = { key: k, full_name: nm, dealCount: 0, totalSpent: 0, lastDeal: null };
      const c = map[k];
      c.manualId = m.id;
      if (m.address) c.address = m.address;
      if (m.email) c.email = m.email;
      if (m.phone) c.phone = m.phone;
      if (m.notes) c.notes = m.notes;
      if (nm) c.full_name = nm;
      c.first_name = m.first_name; c.last_name = m.last_name;
    });
    let list = Object.values(map);
    const q = (CLIENTS.search || '').trim().toLowerCase();
    if (q) list = list.filter(c => (c.full_name || '').toLowerCase().includes(q) || (c.phone || '').includes(q) || (c.email || '').toLowerCase().includes(q) || (c.address || '').toLowerCase().includes(q));
    list.sort((a, b) => {
      const aRecent = String(a.lastDeal || a.lastCallback || '');
      const bRecent = String(b.lastDeal || b.lastCallback || '');
      return bRecent.localeCompare(aRecent) || (b.totalSpent - a.totalSpent);
    });
    return list;
  }

  window.renderClientsTab = async function () {
    const view = document.getElementById('clients-view');
    if (!view) return;
    if (!CLIENTS.loaded || !CALLBACKS.loaded) {
      view.innerHTML = '<div style="padding:20px;text-align:center;color:var(--text-muted);">Loading clients…</div>';
      if (!CLIENTS.loaded) await fetchClients();
      if (!CALLBACKS.loaded) { try { await fetchCallbacks(); } catch (e) {} }
    }
    const list = _buildClientList();
    view.innerHTML =
      '<div style="padding:14px 0 80px;">' +
        '<div style="display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px;">' +
          '<h2 style="margin:0;">Clients</h2>' +
          '<button class="btn btn-primary" id="cli-add" style="height:36px;">+ Add client</button>' +
        '</div>' +
        '<p style="font-size:12.5px;color:var(--text-muted);margin:0 0 12px;">Built from your deals and callbacks, plus any you add. ' + list.length + ' total.</p>' +
        '<input type="search" id="cli-search" class="form-input" placeholder="Search name, phone, email, address…" value="' + escapeHtml(CLIENTS.search || '') + '" style="margin-bottom:12px;"/>' +
        '<div id="clients-list" style="display:flex;flex-direction:column;gap:8px;"></div>' +
      '</div>';
    const searchEl = document.getElementById('cli-search');
    if (searchEl) searchEl.addEventListener('input', e => { CLIENTS.search = e.target.value; _renderClientsList(); });
    const addBtn = document.getElementById('cli-add');
    if (addBtn) addBtn.addEventListener('click', () => openClientModal(null));
    _renderClientsList();
  };

  function _renderClientsList() {
    const box = document.getElementById('clients-list');
    if (!box) return;
    const list = _buildClientList();
    if (!list.length) { box.innerHTML = '<div style="padding:20px;text-align:center;color:var(--text-muted);font-size:13px;background:var(--surface-2);border-radius:10px;">No clients yet.</div>'; return; }
    box.innerHTML = list.map(c => {
      const sub = [c.phone, c.email].filter(Boolean).join(' · ');
      // NB: stats may contain an inline SVG icon (the callback chip), so it is
      // composed from app-generated/escaped pieces and inserted as HTML — it must
      // NOT be passed through escapeHtml (that printed the raw <svg> as text).
      const stats = [
        c.dealCount ? (c.dealCount + ' deal' + (c.dealCount === 1 ? '' : 's')) : '',
        c.totalSpent ? ('paid ' + curSym() + c.totalSpent.toLocaleString('en-GB')) : '',
        c.callbackCount ? (icoSvg('phone',12,'currentColor') + ' ' + c.callbackCount + ' callback' + (c.callbackCount === 1 ? '' : 's')) : '',
        c.lastDeal ? ('last deal ' + escapeHtml(_tripFormatDate(c.lastDeal))) : ''
      ].filter(Boolean).join(' · ');
      return '<div class="cli-card" data-cli-key="' + escapeHtml(c.key) + '" style="background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:11px 13px;cursor:pointer;">' +
        '<div style="font-size:14px;font-weight:600;color:var(--text);">' + escapeHtml(c.full_name || 'Unnamed') + '</div>' +
        (sub ? '<div style="font-size:12px;color:var(--text-muted);margin-top:2px;">' + escapeHtml(sub) + '</div>' : '') +
        (c.address ? '<div style="font-size:12px;color:var(--text-light);margin-top:2px;">' + escapeHtml(c.address) + '</div>' : '') +
        (stats ? '<div style="font-size:11px;color:var(--primary);font-weight:600;margin-top:4px;display:flex;align-items:center;gap:3px;flex-wrap:wrap;">' + stats + '</div>' : '') +
      '</div>';
    }).join('');
    box.querySelectorAll('.cli-card').forEach(card => {
      card.addEventListener('click', () => {
        const c = _buildClientList().find(x => x.key === card.getAttribute('data-cli-key'));
        if (c) openClientModal(c);
      });
    });
  }

  // Add/edit a client. Existing (from a deal or manual) is passed in; new = null.
  window.openClientModal = function (c) {
    c = c || {};
    const wrap = document.createElement('div');
    wrap.className = 'modal-backdrop open';
    wrap.id = '_client-modal';
    const fn = c.first_name || (c.full_name ? c.full_name.split(' ')[0] : '');
    const ln = c.last_name || (c.full_name ? c.full_name.split(' ').slice(1).join(' ') : '');
    wrap.innerHTML =
      '<div class="modal" style="max-width:440px;">' +
        '<div class="modal-head"><h2>' + (c.manualId || c.key ? 'Client' : 'Add client') + '</h2><button class="modal-x" onclick="document.getElementById(\'_client-modal\').remove()">✕</button></div>' +
        '<div class="modal-body">' +
          (c.dealCount ? '<div style="background:var(--surface-2);border-radius:8px;padding:10px 12px;margin-bottom:8px;font-size:12.5px;color:var(--text);">' + c.dealCount + ' deal' + (c.dealCount === 1 ? '' : 's') + ' · paid ' + curSym() + (c.totalSpent || 0).toLocaleString('en-GB') + (c.lastDeal ? ' · last ' + _tripFormatDate(c.lastDeal) : '') + '</div>' : '') +
          (c.callbackCount ? '<div style="background:var(--surface-2);border-radius:8px;padding:10px 12px;margin-bottom:12px;font-size:12.5px;color:var(--text);display:flex;align-items:center;gap:5px;">' + icoSvg('phone',12,'currentColor') + ' ' + c.callbackCount + ' callback' + (c.callbackCount === 1 ? '' : 's') + (c.lastCallback ? ' · last ' + _tripFormatDate(c.lastCallback) : '') + '</div>' : '') +
          '<div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;">' +
            '<div><label style="font-size:11px;color:var(--text-muted);">First name</label><input type="text" id="_cli-first" class="form-input" value="' + escapeHtml(fn) + '"/></div>' +
            '<div><label style="font-size:11px;color:var(--text-muted);">Last name</label><input type="text" id="_cli-last" class="form-input" value="' + escapeHtml(ln) + '"/></div>' +
          '</div>' +
          '<div style="margin-bottom:10px;"><label style="font-size:11px;color:var(--text-muted);">Address</label><input type="text" id="_cli-address" class="form-input" value="' + escapeHtml(c.address || '') + '"/></div>' +
          '<div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;">' +
            '<div><label style="font-size:11px;color:var(--text-muted);">Phone</label><input type="tel" id="_cli-phone" class="form-input" value="' + escapeHtml(c.phone || '') + '"/></div>' +
            '<div><label style="font-size:11px;color:var(--text-muted);">Email</label><input type="email" id="_cli-email" class="form-input" value="' + escapeHtml(c.email || '') + '"/></div>' +
          '</div>' +
          '<div style="margin-bottom:4px;"><label style="font-size:11px;color:var(--text-muted);">Notes</label><textarea id="_cli-notes" class="form-input" rows="2">' + escapeHtml(c.notes || '') + '</textarea></div>' +
        '</div>' +
        '<div class="modal-foot">' +
          (c.manualId ? '<button class="btn btn-danger" id="_cli-del" style="margin-right:auto;">Delete</button>' : '') +
          '<button class="btn btn-secondary" onclick="document.getElementById(\'_client-modal\').remove()" style="flex:1;">Cancel</button>' +
          '<button class="btn btn-primary" id="_cli-save" style="flex:1;">Save</button>' +
        '</div>' +
      '</div>';
    document.body.appendChild(wrap);
    const saveBtn = wrap.querySelector('#_cli-save');
    bindButton(saveBtn, async () => {
      const first = wrap.querySelector('#_cli-first').value.trim();
      const last = wrap.querySelector('#_cli-last').value.trim();
      const rec = {
        country: state.country,
        id: c.manualId || undefined,
        first_name: first, last_name: last,
        full_name: (first + ' ' + last).trim() || c.full_name || '',
        address: wrap.querySelector('#_cli-address').value.trim() || null,
        phone: wrap.querySelector('#_cli-phone').value.trim() || null,
        email: wrap.querySelector('#_cli-email').value.trim() || null,
        notes: wrap.querySelector('#_cli-notes').value.trim() || null,
        manual: true,
        created_by: state.salesman || 'user'
      };
      try {
        await saveClient(rec, !c.manualId);
        wrap.remove();
        window.toast && window.toast('Client saved');
        if (document.getElementById('clients-view')) window.renderClientsTab();
      } catch (e) { window.toast && window.toast('Save failed'); }
    });
    const delBtn = wrap.querySelector('#_cli-del');
    if (delBtn) delBtn.addEventListener('click', () => { wrap.remove(); window.deleteClientRecord(c.manualId); });
  };

  async function savePaperReceipt(rec, isNew) {
    if (isNew) {
      rec.id = rec.id || ('rcp_' + Date.now() + '-' + Math.random().toString(36).slice(2, 7));
      await receiptsApi('/paper_receipts', {
        method: 'POST', headers: { 'Content-Type': 'application/json', 'Prefer': 'return=minimal' },
        body: JSON.stringify(rec)
      });
    } else {
      rec.updated_at = new Date().toISOString();
      await receiptsApi('/paper_receipts?id=eq.' + encodeURIComponent(rec.id), {
        method: 'PATCH', headers: { 'Content-Type': 'application/json', 'Prefer': 'return=minimal' },
        body: JSON.stringify(rec)
      });
    }
    await fetchPaperReceipts();
  }

  async function deletePaperReceipt(id) {
    const rec = RECEIPTS.items.find(x => x.id === id);
    if (!confirm('Delete this receipt? The photo(s) will also be removed.')) return;
    try {
      // Remove photos from storage first (best-effort).
      if (rec && Array.isArray(rec.photo_paths)) {
        for (const p of rec.photo_paths) { try { await deleteAttachment(p); } catch (e) {} }
      }
      await receiptsApi('/paper_receipts?id=eq.' + encodeURIComponent(id), { method: 'DELETE' });
      await fetchPaperReceipts();
      if (document.getElementById('receipts-tab-body')) renderReceiptsTabBody();
      if (state.openTripId) { try { renderTripDetail(); } catch (e) {} }
      window.toast && window.toast('Receipt deleted');
    } catch (e) {
      window.toast && window.toast('Delete failed');
    }
  }
  window.deletePaperReceipt = deletePaperReceipt;

  // ---------------------------------------------------------------------------
  // RECEIPT ARCHIVE / DELETE (V-252)
  // Digital receipts ARE deals (from state.deals). "Archive" sets deal.archived
  // = true so it rides through the normal deals sync/merge (no schema change)
  // and drops out of the main receipts list but stays recoverable under the
  // Archived filter. "Delete" is permanent and superadmin-only, reusing the
  // tombstoned deleteDeal path so a re-pull merge can't resurrect it.
  // ---------------------------------------------------------------------------
  window.archiveDigitalReceipt = function (dealId, archived) {
    var i = (state.deals || []).findIndex(function (d) { return d.id === dealId; });
    if (i < 0) return;
    if (archived) {
      state.deals[i].archived = true;
      state.deals[i].archivedAt = new Date().toISOString();
      state.deals[i].archivedBy = state.salesman || 'Unknown';
    } else {
      delete state.deals[i].archived;
      delete state.deals[i].archivedAt;
      delete state.deals[i].archivedBy;
    }
    state.deals[i].updatedAt = new Date().toISOString();
    lsSet(LS.deals, state.deals);
    state.dirty = true;
    if (typeof pushSync === 'function') pushSync();
    if (document.getElementById('receipts-tab-body')) renderReceiptsTabBody();
    window.toast && window.toast(archived ? 'Receipt archived' : 'Receipt restored');
  };

  window.deleteDigitalReceipt = function (dealId) {
    if (!(window.isSuperAdmin && window.isSuperAdmin())) {
      window.toast && window.toast('Only a super admin can delete receipts');
      return;
    }
    var d = (state.deals || []).find(function (x) { return x.id === dealId; });
    var label = d ? (d.client || 'this receipt') : 'this receipt';
    if (!confirm('Permanently delete the receipt for ' + label + '? This removes the deal and cannot be undone.')) return;
    if (window.tombstone) window.tombstone('deals', dealId);
    state.deals = (state.deals || []).filter(function (x) { return x.id !== dealId; });
    lsSet(LS.deals, state.deals);
    // Refresh the mirrored park.deals if applicable.
    if (d && d.parkId) {
      var pk = (state.parks || []).find(function (p) { return p.id === d.parkId; });
      if (pk) { pk.deals = state.deals.filter(function (x) { return x.parkId === d.parkId; }); if (window.updatePark) window.updatePark(d.parkId, { deals: pk.deals }); }
    }
    state.dirty = true;
    if (typeof pushSync === 'function') pushSync();
    if (document.getElementById('receipts-tab-body')) renderReceiptsTabBody();
    window.toast && window.toast('Receipt deleted');
  };

  // Upload modal: capture 1+ photos of a paper receipt + optional details, then
  // save. Reuses uploadAttachment (attachments bucket, 'receipts/' prefix).
  // dealOptions: pass the trip's logged deals so the user can optionally link one.
  let _receiptModalState = null;
  window.openReceiptUploadModal = function (tripId, tripName, prefillDealId) {
    const today = new Date().toISOString().slice(0, 10);
    _receiptModalState = { tripId: tripId || null, tripName: tripName || null, photos: [], dealId: prefillDealId || '' };
    // Build deal options for this trip (optional link).
    const tripDeals = (state.deals || []).filter(d => d.tripId === tripId);
    const dealOpts = ['<option value="">— not linked to a deal —</option>']
      .concat(tripDeals.map(d => '<option value="' + escapeHtml(d.id) + '"' + (prefillDealId === d.id ? ' selected' : '') + '>' +
        escapeHtml((d.client || 'Deal') + ' · ' + curSym() + (Number(d.amount) || 0)) + '</option>')).join('');
    const wrap = document.createElement('div');
    wrap.className = 'modal-backdrop open';
    wrap.id = '_receipt-upload-modal';
    wrap.innerHTML =
      '<div class="modal" style="max-width:460px;">' +
        '<div class="modal-head"><h2>Upload paper receipt</h2><button class="modal-x" onclick="document.getElementById(\'_receipt-upload-modal\').remove()">✕</button></div>' +
        '<div class="modal-body">' +
          '<p style="font-size:12.5px;color:var(--text-muted);margin:0 0 12px;">For clients with no email/phone. Photograph the signed paper receipt (front &amp; back / multiple pages allowed).</p>' +
          '<div style="margin-bottom:12px;">' +
            '<label style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);font-weight:600;display:block;margin-bottom:6px;">Receipt photos</label>' +
            '<div id="_rc-photos-grid" style="display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:8px;"></div>' +
            '<input type="file" accept="image/*" id="_rc-file" multiple style="display:none;"/>' +
            '<button type="button" class="btn btn-secondary" id="_rc-add-photo" style="width:100%;height:40px;">+ Add photo</button>' +
          '</div>' +
          (tripDeals.length ? '<div style="margin-bottom:10px;"><label style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);font-weight:600;display:block;margin-bottom:4px;">Link to a deal (optional)</label><select id="_rc-deal" class="form-input">' + dealOpts + '</select></div>' : '') +
          '<div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;">' +
            '<div><label style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);font-weight:600;display:block;margin-bottom:4px;">Client name</label><input type="text" id="_rc-client" class="form-input" placeholder="Optional"/></div>' +
            '<div><label style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);font-weight:600;display:block;margin-bottom:4px;">Amount (' + curSym() + ')</label><input type="number" step="0.01" id="_rc-amount" class="form-input" placeholder="Optional"/></div>' +
          '</div>' +
          '<div style="margin-bottom:10px;"><label style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);font-weight:600;display:block;margin-bottom:4px;">Date</label><input type="date" id="_rc-date" class="form-input" value="' + today + '"/></div>' +
          '<div style="margin-bottom:4px;"><label style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);font-weight:600;display:block;margin-bottom:4px;">Notes</label><textarea id="_rc-notes" class="form-input" rows="2" placeholder="Optional"></textarea></div>' +
        '</div>' +
        '<div class="modal-foot">' +
          '<button class="btn btn-secondary" onclick="document.getElementById(\'_receipt-upload-modal\').remove()" style="flex:1;">Cancel</button>' +
          '<button class="btn btn-primary" id="_rc-save" style="flex:1;">Save receipt</button>' +
        '</div>' +
      '</div>';
    document.body.appendChild(wrap);

    const fileInput = wrap.querySelector('#_rc-file');
    const addPhotoBtn = wrap.querySelector('#_rc-add-photo');
    if (addPhotoBtn) addPhotoBtn.addEventListener('click', () => fileInput.click());
    fileInput.addEventListener('change', async (e) => {
      const files = Array.from(e.target.files || []);
      if (!files.length) return;
      if (!sbClient) { window.toast && window.toast('Not signed in — cannot upload'); return; }
      if (addPhotoBtn) { addPhotoBtn.disabled = true; addPhotoBtn.textContent = 'Uploading…'; }
      for (const f of files) {
        const path = await uploadAttachment('receipts', (authedProfile && authedProfile.id) || state.salesman || 'user', f);
        if (path) _receiptModalState.photos.push(path);
      }
      fileInput.value = '';
      if (addPhotoBtn) { addPhotoBtn.disabled = false; addPhotoBtn.textContent = '+ Add photo'; }
      _renderReceiptModalPhotos();
    });

    const saveBtn = wrap.querySelector('#_rc-save');
    bindButton(saveBtn, async () => {
      if (!_receiptModalState.photos.length) { window.toast && window.toast('Add at least one photo'); return; }
      const rec = {
        country: state.country,
        trip_id: _receiptModalState.tripId,
        trip_name: _receiptModalState.tripName,
        deal_id: (wrap.querySelector('#_rc-deal') && wrap.querySelector('#_rc-deal').value) || null,
        client_name: (wrap.querySelector('#_rc-client').value || '').trim() || null,
        amount: parseFloat(wrap.querySelector('#_rc-amount').value) || null,
        receipt_date: wrap.querySelector('#_rc-date').value || today,
        salesman: canonicalSalesman(state.salesman || ''),
        notes: (wrap.querySelector('#_rc-notes').value || '').trim() || null,
        photo_paths: _receiptModalState.photos,
        created_by: state.salesman || 'user'
      };
      try {
        await savePaperReceipt(rec, true);
        wrap.remove();
        window.toast && window.toast('Receipt saved');
        if (document.getElementById('receipts-tab-body')) renderReceiptsTabBody();
        if (state.openTripId) { try { renderTripDetail(); } catch (e) {} }
      } catch (e) {
        window.toast && window.toast('Save failed — try again');
      }
    });
  };

  // Render the receipts belonging to one trip (inside the trip detail).
  async function _renderTripReceiptsList(tripId) {
    const box = document.getElementById('trip-receipts-list');
    if (!box) return;
    if (!RECEIPTS.loaded) { try { await fetchPaperReceipts(); } catch (e) {} }
    const list = RECEIPTS.items.filter(r => r.trip_id === tripId);
    if (!list.length) { box.innerHTML = '<div style="font-size:12px;color:var(--text-muted);padding:4px 0;">No receipts uploaded for this trip yet.</div>'; return; }
    box.innerHTML = list.map(r => _receiptCardHtml(r, false)).join('');
    _hydrateReceiptThumbs(box);
  }

  // Shared receipt card. showTrip=true adds the trip name (used in More tab).
  function _receiptCardHtml(r, showTrip) {
    const photos = Array.isArray(r.photo_paths) ? r.photo_paths : [];
    const thumbs = photos.map(p => '<img data-receipt-thumb="' + escapeHtml(p) + '" style="width:54px;height:54px;object-fit:cover;border-radius:6px;cursor:pointer;background:var(--surface-2);" alt="Receipt"/>').join('');
    const meta = [
      r.client_name ? escapeHtml(r.client_name) : '',
      (r.amount != null && r.amount !== '') ? curSym() + Number(r.amount).toFixed(0) : '',
      r.receipt_date ? _tripFormatDate(r.receipt_date) : '',
      r.salesman ? escapeHtml(r.salesman) : ''
    ].filter(Boolean).join(' · ');
    return '<div style="background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 12px;">' +
      (showTrip && r.trip_name ? '<div style="font-size:11px;color:var(--primary);font-weight:700;margin-bottom:3px;">' + escapeHtml(r.trip_name) + '</div>' : '') +
      '<div style="display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px;">' + (thumbs || '<span style="font-size:12px;color:var(--text-muted);">No photo</span>') + '</div>' +
      '<div style="font-size:12.5px;color:var(--text);">' + (meta || 'Receipt') + '</div>' +
      (r.notes ? '<div style="font-size:11px;color:var(--text-light);font-style:italic;margin-top:2px;">' + escapeHtml(r.notes) + '</div>' : '') +
      '<div style="margin-top:6px;"><button type="button" class="btn btn-ghost" data-receipt-del="' + escapeHtml(r.id) + '" style="height:26px;padding:0 8px;font-size:11px;color:#C53030;">Delete</button></div>' +
    '</div>';
  }

  // Load signed URLs into receipt thumbnails + wire tap-to-enlarge and delete.
  function _hydrateReceiptThumbs(container) {
    container.querySelectorAll('img[data-receipt-thumb]').forEach(async img => {
      const url = await getAttachmentUrl(img.getAttribute('data-receipt-thumb'));
      if (url) { img.src = url; img.addEventListener('click', () => window.open(url, '_blank')); }
    });
    container.querySelectorAll('[data-receipt-del]').forEach(btn => {
      btn.addEventListener('click', () => window.deletePaperReceipt(btn.getAttribute('data-receipt-del')));
    });
  }

  // === More > Receipts tab: all receipts, filterable by trip + date ==========
  window.renderReceiptsTab = async function () {
    const view = document.getElementById('receipts-view');
    if (!view) return;
    view.innerHTML = '<div style="padding:20px;text-align:center;color:var(--text-muted);">Loading receipts…</div>';
    if (!RECEIPTS.loaded) { try { await fetchPaperReceipts(); } catch (e) {} }
    // Trip filter lists EVERY trip (newest first), so you can pick any trip
    // even before it has receipts — not just trips that already have some.
    const allTrips = (state.trips || []).slice().sort((a, b) => {
      const na = parseInt((String(a.name||'').match(/(\d+)/)||[])[1] || '0', 10);
      const nb = parseInt((String(b.name||'').match(/(\d+)/)||[])[1] || '0', 10);
      return nb - na;
    });
    const tripOpts = ['<option value="all">All trips</option>']
      .concat(allTrips.map(t => '<option value="' + escapeHtml(t.id) + '"' + (RECEIPTS.filterTrip === t.id ? ' selected' : '') + '>' + escapeHtml(t.name || t.id) + '</option>'))
      .join('');
    view.innerHTML =
      '<div style="padding:14px 0 80px;">' +
        '<h2 style="margin:0 0 4px;">Receipts</h2>' +
        '<p style="font-size:12.5px;color:var(--text-muted);margin:0 0 14px;">All paper receipts across trips. Tap a photo to enlarge.</p>' +
        '<div style="display:flex;gap:6px;margin-bottom:12px;">' +
          '<button type="button" id="rc-view-active" class="btn ' + (RECEIPTS.showArchived ? 'btn-ghost' : 'btn-primary') + '" style="height:36px;flex:1;">Active</button>' +
          '<button type="button" id="rc-view-archived" class="btn ' + (RECEIPTS.showArchived ? 'btn-primary' : 'btn-ghost') + '" style="height:36px;flex:1;">Archived</button>' +
        '</div>' +
        '<div style="display:flex;gap:8px;flex-wrap:wrap;margin-bottom:6px;">' +
          '<div style="flex:1;min-width:140px;"><label style="font-size:10px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);font-weight:600;display:block;margin-bottom:3px;">Trip</label><select id="rc-filter-trip" class="form-input">' + tripOpts + '</select></div>' +
        '</div>' +
        '<div style="display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px;align-items:end;">' +
          '<div style="flex:1;min-width:120px;"><label style="font-size:10px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);font-weight:600;display:block;margin-bottom:3px;">From</label><input type="date" id="rc-filter-from" class="form-input" value="' + (RECEIPTS.filterFrom || '') + '"/></div>' +
          '<div style="flex:1;min-width:120px;"><label style="font-size:10px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);font-weight:600;display:block;margin-bottom:3px;">To</label><input type="date" id="rc-filter-to" class="form-input" value="' + (RECEIPTS.filterTo || '') + '"/></div>' +
          '<button type="button" class="btn btn-ghost" id="rc-filter-clear" style="height:38px;">Clear</button>' +
        '</div>' +
        (window.isSuperAdmin && window.isSuperAdmin() ?
          '<div id="rc-bulk-bar" style="display:flex;gap:8px;align-items:center;margin-bottom:12px;flex-wrap:wrap;">' +
            '<button type="button" class="btn btn-secondary" id="rc-select-toggle" style="height:36px;">' + (RECEIPTS.selectMode ? 'Cancel select' : 'Select to download') + '</button>' +
            (RECEIPTS.selectMode ?
              '<button type="button" class="btn btn-ghost" id="rc-select-all" style="height:36px;">Select all shown</button>' +
              '<button type="button" class="btn btn-primary" id="rc-bulk-download" style="height:36px;flex:1;min-width:140px;">⬇ Download ZIP (' + Object.keys(RECEIPTS.selected).length + ')</button>'
              : '') +
          '</div>' : '') +
        '<div id="receipts-tab-body"></div>' +
      '</div>';
    const tripSel = document.getElementById('rc-filter-trip');
    if (tripSel) tripSel.addEventListener('change', e => { RECEIPTS.filterTrip = e.target.value; renderReceiptsTabBody(); });
    const fromEl = document.getElementById('rc-filter-from');
    if (fromEl) fromEl.addEventListener('change', e => { RECEIPTS.filterFrom = e.target.value; renderReceiptsTabBody(); });
    const toEl = document.getElementById('rc-filter-to');
    if (toEl) toEl.addEventListener('change', e => { RECEIPTS.filterTo = e.target.value; renderReceiptsTabBody(); });
    const clr = document.getElementById('rc-filter-clear');
    if (clr) clr.addEventListener('click', () => { RECEIPTS.filterTrip = 'all'; RECEIPTS.filterFrom = ''; RECEIPTS.filterTo = ''; renderReceiptsTab(); });
    const vActive = document.getElementById('rc-view-active');
    if (vActive) vActive.addEventListener('click', () => { RECEIPTS.showArchived = false; renderReceiptsTab(); });
    const vArchived = document.getElementById('rc-view-archived');
    if (vArchived) vArchived.addEventListener('click', () => { RECEIPTS.showArchived = true; renderReceiptsTab(); });
    // Bulk-download controls (superadmin).
    const selToggle = document.getElementById('rc-select-toggle');
    if (selToggle) selToggle.addEventListener('click', () => {
      RECEIPTS.selectMode = !RECEIPTS.selectMode;
      if (!RECEIPTS.selectMode) RECEIPTS.selected = {};
      renderReceiptsTab();
    });
    const selAll = document.getElementById('rc-select-all');
    if (selAll) selAll.addEventListener('click', () => {
      _currentReceiptList().forEach(r => { RECEIPTS.selected[r._uid] = true; });
      renderReceiptsTab();
    });
    const bulkBtn = document.getElementById('rc-bulk-download');
    if (bulkBtn) bulkBtn.addEventListener('click', bulkDownloadReceipts);
    renderReceiptsTabBody();
  };

  // Shared: the filtered, combined (digital + paper) receipt list, each with a
  // stable _uid for selection. Used by render + select-all + bulk download.
  function _currentReceiptList() {
    const tripName = (id) => { const t = (state.trips || []).find(x => x.id === id); return t ? t.name : null; };
    const digital = (state.deals || []).map(d => ({
      _kind: 'digital', _uid: 'd_' + d.id, id: d.id, trip_id: d.tripId || null, trip_name: tripName(d.tripId) || null,
      client_name: d.client || null, amount: Number(d.amount) || null,
      receipt_date: (d.date || (d.createdAt || '').slice(0, 10)) || null,
      salesman: d.salesman || null,
      _archived: !!d.archived,
      signed: !!((d.signature && d.signature.length) || (d.signName && d.signName.length))
    }));
    const paper = (RECEIPTS.items || []).map(r => Object.assign({ _kind: 'paper', _uid: 'p_' + r.id, _archived: !!r.archived }, r));
    let list = digital.concat(paper);
    // Archived view (V-252): default hides archived; the Archived filter shows
    // ONLY archived so they stay recoverable without cluttering the main list.
    if (RECEIPTS.showArchived) list = list.filter(r => r._archived);
    else list = list.filter(r => !r._archived);
    if (RECEIPTS.filterTrip && RECEIPTS.filterTrip !== 'all') list = list.filter(r => r.trip_id === RECEIPTS.filterTrip);
    if (RECEIPTS.filterFrom) list = list.filter(r => (r.receipt_date || '') >= RECEIPTS.filterFrom);
    if (RECEIPTS.filterTo) list = list.filter(r => (r.receipt_date || '') <= RECEIPTS.filterTo);
    list.sort((a, b) => String(b.receipt_date || '').localeCompare(String(a.receipt_date || '')));
    return list;
  }

  function renderReceiptsTabBody() {
    const body = document.getElementById('receipts-tab-body');
    if (!body) return;
    const list = _currentReceiptList();
    if (!list.length) { body.innerHTML = '<div style="padding:24px;text-align:center;color:var(--text-muted);font-size:13px;background:var(--surface-2);border-radius:10px;">No receipts match these filters.</div>'; return; }
    const sel = RECEIPTS.selectMode;
    const cards = list.map(r => {
      const inner = r._kind === 'paper' ? _receiptCardHtml(r, true) : _digitalReceiptCardHtml(r);
      if (!sel) return inner;
      const checked = !!RECEIPTS.selected[r._uid];
      // Wrap each card with a selection checkbox in select-mode.
      return '<div style="display:flex;gap:8px;align-items:flex-start;">' +
        '<button type="button" data-rc-select="' + escapeHtml(r._uid) + '" style="flex-shrink:0;width:26px;height:26px;margin-top:10px;border-radius:6px;border:2px solid ' + (checked ? '#2B6E4A' : 'var(--border)') + ';background:' + (checked ? '#2B6E4A' : 'var(--surface)') + ';color:#fff;cursor:pointer;font-size:15px;line-height:1;">' + (checked ? '✓' : '') + '</button>' +
        '<div style="flex:1;min-width:0;">' + inner + '</div>' +
      '</div>';
    }).join('');
    body.innerHTML = '<div style="font-size:11px;color:var(--text-muted);margin-bottom:8px;">' + list.length + ' receipt' + (list.length === 1 ? '' : 's') + (sel ? ' · ' + Object.keys(RECEIPTS.selected).length + ' selected' : '') + '</div>' +
      '<div style="display:flex;flex-direction:column;gap:8px;">' + cards + '</div>';
    _hydrateReceiptThumbs(body);
    // In select-mode, tapping a card toggles selection rather than opening it.
    if (sel) {
      body.querySelectorAll('[data-rc-select]').forEach(btn => {
        btn.addEventListener('click', () => {
          const uid = btn.getAttribute('data-rc-select');
          if (RECEIPTS.selected[uid]) delete RECEIPTS.selected[uid]; else RECEIPTS.selected[uid] = true;
          renderReceiptsTab();
        });
      });
    } else {
      body.querySelectorAll('[data-digital-receipt]').forEach(el => {
        el.addEventListener('click', () => {
          if (typeof window.showReceiptScreen === 'function') window.showReceiptScreen(el.getAttribute('data-digital-receipt'));
        });
      });
    }
  }
  window.renderReceiptsTabBody = renderReceiptsTabBody;

  // Bulk-download selected receipts into a single ZIP (superadmin).
  // Digital -> rendered PDF via buildReceiptPDF. Paper -> the stored photo files.
  async function bulkDownloadReceipts() {
    if (!(window.isSuperAdmin && window.isSuperAdmin())) { window.toast && window.toast('Superadmin only'); return; }
    const uids = Object.keys(RECEIPTS.selected);
    if (!uids.length) { window.toast && window.toast('Select some receipts first'); return; }
    const btn = document.getElementById('rc-bulk-download');
    if (btn) { btn.disabled = true; btn.textContent = 'Preparing…'; }
    try {
      await loadJsZip();
      const zip = new window.JSZip();
      const list = _currentReceiptList();
      const byUid = {}; list.forEach(r => { byUid[r._uid] = r; });
      let added = 0, failed = 0;
      const usedNames = {};
      function uniqueName(base) {
        let n = base, i = 2;
        while (usedNames[n]) { n = base.replace(/(\.[^.]+)$/, '') + '-' + (i++) + (base.match(/(\.[^.]+)$/) || [''])[0]; }
        usedNames[n] = true; return n;
      }
      for (const uid of uids) {
        const r = byUid[uid];
        if (!r) continue;
        try {
          if (r._kind === 'digital') {
            await loadJsPdf();
            const deal = (state.deals || []).find(d => d.id === r.id);
            if (!deal) { failed++; continue; }
            const built = await buildReceiptPDF(deal);
            if (!built || !built.doc) { failed++; continue; }
            const blob = built.doc.output('blob');
            zip.file(uniqueName(built.filename || ('receipt-' + r.id + '.pdf')), blob);
            added++;
          } else {
            // Paper: add each photo file under a per-receipt name.
            const photos = Array.isArray(r.photo_paths) ? r.photo_paths : [];
            const base = 'PaperReceipt-' + (r.client_name ? r.client_name.replace(/[^a-z0-9]+/gi, '_') : r.id);
            let idx = 1;
            for (const p of photos) {
              const url = await getAttachmentUrl(p);
              if (!url) continue;
              const resp = await fetch(url);
              const blob = await resp.blob();
              const ext = (p.match(/\.([a-z0-9]+)$/i) || [, 'jpg'])[1];
              zip.file(uniqueName(base + (photos.length > 1 ? '-' + idx : '') + '.' + ext), blob);
              idx++;
            }
            added++;
          }
        } catch (e) { failed++; }
      }
      if (!added) { window.toast && window.toast('Nothing could be added'); return; }
      const content = await zip.generateAsync({ type: 'blob' });
      const a = document.createElement('a');
      a.href = URL.createObjectURL(content);
      a.download = 'receipts-' + new Date().toISOString().slice(0, 10) + '.zip';
      document.body.appendChild(a); a.click();
      setTimeout(() => { URL.revokeObjectURL(a.href); a.remove(); }, 2000);
      window.toast && window.toast('Downloaded ' + added + ' receipt' + (added === 1 ? '' : 's') + (failed ? ' (' + failed + ' failed)' : ''));
      RECEIPTS.selectMode = false; RECEIPTS.selected = {};
      renderReceiptsTab();
    } catch (e) {
      console.warn('[Bulk download] failed:', e);
      window.toast && window.toast('Bulk download failed');
    } finally {
      if (btn) { btn.disabled = false; }
    }
  }
  window.bulkDownloadReceipts = bulkDownloadReceipts;

  // Card for a digital (deal-based) receipt. Tapping opens the receipt screen
  // (which has View details + Download PDF + Email).
  function _digitalReceiptCardHtml(r) {
    const meta = [
      r.amount != null ? curSym() + Number(r.amount).toFixed(0) : '',
      r.receipt_date ? _tripFormatDate(r.receipt_date) : '',
      r.salesman ? escapeHtml(r.salesman) : ''
    ].filter(Boolean).join(' · ');
    const badge = r.signed
      ? '<span style="display:inline-block;font-size:10px;font-weight:700;color:#2B6E4A;background:rgba(43,110,74,0.10);border-radius:999px;padding:2px 8px;display:inline-flex;align-items:center;gap:4px;">' + icoSvg('check',11,'currentColor') + ' Signed digital</span>'
      : '<span style="display:inline-block;font-size:10px;font-weight:700;color:var(--text-muted);background:var(--surface-2);border-radius:999px;padding:2px 8px;">Digital</span>';
    // Action row (V-252): Archive/Restore for everyone; Delete superadmin-only.
    // stopPropagation so tapping an action doesn't also open the receipt screen.
    var actBtnStyle = 'font-size:11px;font-weight:700;border-radius:7px;padding:6px 11px;cursor:pointer;font-family:inherit;border:1px solid var(--border);background:var(--surface-2);color:var(--text);';
    var actions = '<div style="display:flex;gap:6px;margin-top:9px;justify-content:flex-end;" data-rc-actions="1">';
    if (r._archived) {
      actions += '<button type="button" style="' + actBtnStyle + '" onclick="event.stopPropagation();window.archiveDigitalReceipt(\'' + escapeHtml(r.id) + '\',false)" ontouchend="event.preventDefault();event.stopPropagation();window.archiveDigitalReceipt(\'' + escapeHtml(r.id) + '\',false)">Restore</button>';
    } else {
      actions += '<button type="button" style="' + actBtnStyle + '" onclick="event.stopPropagation();window.archiveDigitalReceipt(\'' + escapeHtml(r.id) + '\',true)" ontouchend="event.preventDefault();event.stopPropagation();window.archiveDigitalReceipt(\'' + escapeHtml(r.id) + '\',true)">Archive</button>';
    }
    if (window.isSuperAdmin && window.isSuperAdmin()) {
      actions += '<button type="button" style="' + actBtnStyle + 'border-color:rgba(197,48,48,0.35);color:#C53030;background:rgba(197,48,48,0.06);" onclick="event.stopPropagation();window.deleteDigitalReceipt(\'' + escapeHtml(r.id) + '\')" ontouchend="event.preventDefault();event.stopPropagation();window.deleteDigitalReceipt(\'' + escapeHtml(r.id) + '\')">Delete</button>';
    }
    actions += '</div>';
    return '<div data-digital-receipt="' + escapeHtml(r.id) + '" style="background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 12px;cursor:pointer;' + (r._archived ? 'opacity:0.7;' : '') + '">' +
      (r.trip_name ? '<div style="font-size:11px;color:var(--primary);font-weight:700;margin-bottom:3px;">' + escapeHtml(r.trip_name) + (r._archived ? ' · Archived' : '') + '</div>' : (r._archived ? '<div style="font-size:11px;color:var(--text-muted);font-weight:700;margin-bottom:3px;">Archived</div>' : '')) +
      '<div style="display:flex;justify-content:space-between;align-items:center;gap:8px;">' +
        '<div style="font-size:13px;font-weight:600;color:var(--text);">' + escapeHtml(r.client_name || 'Receipt') + '</div>' + badge +
      '</div>' +
      '<div style="font-size:12px;color:var(--text-muted);margin-top:3px;">' + (meta ? meta + ' · ' : '') + 'tap to view / download / email</div>' +
      actions +
    '</div>';
  }

  function _renderReceiptModalPhotos() {
    const grid = document.getElementById('_rc-photos-grid');
    if (!grid || !_receiptModalState) return;
    grid.innerHTML = _receiptModalState.photos.map((p, i) =>
      '<div style="position:relative;aspect-ratio:1;background:var(--surface-2);border-radius:8px;overflow:hidden;">' +
        '<img data-rc-photo="' + escapeHtml(p) + '" style="width:100%;height:100%;object-fit:cover;display:block;"/>' +
        '<button type="button" data-rc-remove="' + i + '" style="position:absolute;top:2px;right:2px;width:22px;height:22px;border:none;border-radius:50%;background:rgba(0,0,0,0.6);color:#fff;font-size:13px;cursor:pointer;line-height:1;">✕</button>' +
      '</div>').join('');
    grid.querySelectorAll('img[data-rc-photo]').forEach(async img => {
      const url = await getAttachmentUrl(img.getAttribute('data-rc-photo'));
      if (url) img.src = url;
    });
    grid.querySelectorAll('[data-rc-remove]').forEach(btn => {
      btn.addEventListener('click', () => {
        const i = parseInt(btn.dataset.rcRemove, 10);
        const removed = _receiptModalState.photos.splice(i, 1)[0];
        if (removed) { try { deleteAttachment(removed); } catch (e) {} }
        _renderReceiptModalPhotos();
      });
    });
  }

  // ============================================================================
  // SPOT PRICE — Live gold & silver mid-market, per troy ounce.
  // The price currency follows the active country: GBP for UK, AUD for AU.
  // Reads from public.spot_prices (populated 4x daily Mon-Fri by the
  // fetch-spot-prices edge function: average of goldapi.io + metals.dev,
  // one row per (country, metal) pair).
  // ============================================================================
  const SPOT = {
    metal: 'gold',
    period: '1Y',
    tiers: [98, 97.5, 97, 96],
    latest: null,
    history: [],
    loaded: false,
    loading: false,
    chart: null,
  };
  try {
    const _spotTiersRaw = localStorage.getItem('pr_spot_tiers_v1');
    if (_spotTiersRaw) {
      const _p = JSON.parse(_spotTiersRaw);
      if (Array.isArray(_p) && _p.length === 4 && _p.every(n => typeof n === 'number')) {
        SPOT.tiers = _p;
      }
    }
  } catch (e) {}

  const SPOT_GRAMS_PER_OZ = 31.1034768;
  const SPOT_KARATS = [
    { name: '9ct',  purity: 9/24  },
    { name: '14ct', purity: 14/24 },
    { name: '18ct', purity: 18/24 },
    { name: '22ct', purity: 22/24 },
  ];
  const SPOT_PERIODS = ['12H','1D','1W','1M','1Y','2Y','5Y','10Y'];
  const SPOT_PERIOD_HOURS = { '12H':12,'1D':24,'1W':168,'1M':720,'1Y':8760,'2Y':17520,'5Y':43800,'10Y':87600 };

  // Country → currency/locale lookup for spot-price formatting.
  function _spotCurrency() { return isAU() ? 'AUD' : 'GBP'; }
  function _spotLocale()   { return isAU() ? 'en-AU' : 'en-GB'; }
  // "British Pound" / "Australian Dollar" for the chart sub-heading.
  function _spotCurrencyName() { return isAU() ? 'Australian Dollar' : 'British Pound'; }

  // Format a number as a currency string in the active country's currency/locale.
  // (Was spotFmtGBP — kept renamed for clarity; a back-compat alias points to it.)
  function spotFmtPrice(n, d) {
    d = d == null ? 2 : d;
    return new Intl.NumberFormat(_spotLocale(), {
      style: 'currency',
      currency: _spotCurrency(),
      minimumFractionDigits: d,
      maximumFractionDigits: d,
    }).format(n);
  }
  // Back-compat: any code still calling spotFmtGBP gets the country-aware version.
  const spotFmtGBP = spotFmtPrice;

  function spotFmtNum(n, d) {
    d = d == null ? 2 : d;
    return new Intl.NumberFormat(_spotLocale(), { minimumFractionDigits:d, maximumFractionDigits:d }).format(n);
  }
  function spotFmtTs(iso) {
    if (!iso) return '—';
    return new Date(iso).toLocaleString('en-GB', {
      day:'numeric', month:'short', year:'numeric',
      hour:'2-digit', minute:'2-digit', timeZone:'UTC'
    }) + ' UTC';
  }
  function spotFilteredHistory() {
    if (!SPOT.history.length) return [];
    const cutoff = Date.now() - SPOT_PERIOD_HOURS[SPOT.period] * 3600000;
    const w = SPOT.history.filter(r => new Date(r.fetched_at).getTime() >= cutoff);
    return w.length > 0 ? w : SPOT.history;
  }

  // --- Live spot for trip gold/silver lines ---------------------------------
  // Pulls the latest 24ct £/oz for BOTH metals from the same spot_prices feed
  // the Spot tab uses, so trip lines can auto-fill instead of asking the user
  // to look it up manually. Cached for 10 min; refreshed lazily.
  var LIVE_SPOT = { gold: null, silver: null, fetchedMs: 0 };
  async function getLiveSpot(metal) {
    var fresh = (Date.now() - LIVE_SPOT.fetchedMs) < 10 * 60 * 1000;
    if (fresh && LIVE_SPOT[metal] != null) return LIVE_SPOT[metal];
    if (!sbClient) return LIVE_SPOT[metal];
    try {
      var resp = await sbClient
        .from('spot_prices')
        .select('metal, average_price, fetched_at')
        .eq('country', state.country)
        .order('fetched_at', { ascending: false })
        .limit(20);
      if (!resp.error && resp.data && resp.data.length) {
        ['gold', 'silver'].forEach(function (m) {
          var row = resp.data.find(function (r) { return r.metal === m; });
          if (row && row.average_price != null) LIVE_SPOT[m] = Math.round(Number(row.average_price) * 100) / 100;
        });
        LIVE_SPOT.fetchedMs = Date.now();
      }
    } catch (e) { console.warn('[LiveSpot] fetch failed:', e); }
    return LIVE_SPOT[metal];
  }
  window.getLiveSpot = getLiveSpot;

  async function fetchSpotPrices() {
    if (!sbClient) return;
    SPOT.loading = true;
    try {
      const { data, error } = await sbClient
        .from('spot_prices')
        .select('*')
        .eq('metal', SPOT.metal)
        .eq('country', state.country)
        .order('fetched_at', { ascending: false })
        .limit(2500);
      if (error) throw error;
      if (data && data.length) {
        SPOT.latest = data[0];
        SPOT.history = data.slice().reverse();
      } else {
        SPOT.latest = null;
        SPOT.history = [];
      }
      SPOT.loaded = true;
    } catch (err) {
      console.warn('[Spot] fetch failed:', err);
      window.toast && window.toast('Could not load spot prices');
    } finally {
      SPOT.loading = false;
    }
  }

  async function forceRefreshSpotPrices() {
    if (!sbClient) return;
    SPOT.loading = true;
    renderSpotBody();
    try {
      await fetch(SUPA_URL + '/functions/v1/fetch-spot-prices?force=true', {
        method: 'POST',
        headers: HDR(),
        body: '{}'
      });
    } catch (e) {
      console.warn('[Spot] force refresh failed:', e);
    }
    await fetchSpotPrices();
    renderSpotBody();
    window.toast && window.toast('Prices refreshed');
  }

  async function renderSpotTab() {
    const box = document.getElementById('spot-view');
    if (!box) return;
    if (!SPOT.loaded && !SPOT.loading) {
      box.innerHTML = '<div style="padding:24px 16px;color:var(--text-muted);text-align:center;font-size:13px;">Loading spot prices…</div>';
      await fetchSpotPrices();
    }
    renderSpotBody();
  }

  function renderSpotBody() {
    const box = document.getElementById('spot-view');
    if (!box) return;

    if (SPOT.chart) { try { SPOT.chart.destroy(); } catch(e){} SPOT.chart = null; }

    const cur = SPOT.latest ? Number(SPOT.latest.average_price) : 0;
    const perG = cur / SPOT_GRAMS_PER_OZ;
    const fh = spotFilteredHistory();
    const startP = fh.length ? Number(fh[0].average_price) : cur;
    const endP = fh.length ? Number(fh[fh.length-1].average_price) : cur;
    const pct = startP > 0 ? ((endP - startP) / startP) * 100 : 0;
    const prices = fh.map(r => Number(r.average_price));
    const low = prices.length ? Math.min.apply(null, prices) : 0;
    const high = prices.length ? Math.max.apply(null, prices) : 0;
    const symbol = SPOT.metal === 'gold' ? 'XAU' : 'XAG';
    const _currencyName = _spotCurrencyName();
    const _currencyCode = _spotCurrency();
    const longName = (SPOT.metal === 'gold' ? 'Gold' : 'Silver') + ' Ounce to ' + _currencyName;

    let html = '<div style="padding:14px 16px 80px;">';

    // Metal toggle
    html += '<div style="display:flex;padding:4px;background:var(--surface-2);border-radius:14px;margin-bottom:14px;">' +
      '<button id="spot-metal-gold" type="button" style="flex:1;padding:10px;border-radius:10px;border:none;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;' +
        (SPOT.metal==='gold' ? 'background:var(--primary);color:#fff;' : 'background:transparent;color:var(--text-muted);') + '" style="display:inline-flex;align-items:center;gap:5px;justify-content:center;">' + icoSvg('coin',14,'currentColor') + 'Gold</button>' +
      '<button id="spot-metal-silver" type="button" style="flex:1;padding:10px;border-radius:10px;border:none;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;' +
        (SPOT.metal==='silver' ? 'background:var(--primary);color:#fff;' : 'background:transparent;color:var(--text-muted);') + '" style="display:inline-flex;align-items:center;gap:5px;justify-content:center;">' + icoSvg('coin',14,'currentColor') + 'Silver</button>' +
    '</div>';

    // Status banner
    if (!SPOT.loading && !SPOT.latest) {
      html += '<div style="padding:12px 14px;background:#FEF3C7;color:#92400E;border-radius:10px;margin-bottom:14px;font-size:13px;">' +
        'No price data yet for ' + SPOT.metal + '. Tap "Refresh now" to fetch the first prices.' +
      '</div>';
    }

    // ───── Chart card ─────
    var _ringRun = !(document.getElementById('spot-view') && document.getElementById('spot-view')._prRinged);
    html += '<div class="pr-track-ring' + (_ringRun ? ' pr-track-run' : '') + '" style="background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;margin-bottom:14px;">';
    html += '<div style="display:flex;align-items:baseline;justify-content:space-between;margin-bottom:2px;">' +
      '<h2 style="font-family:\'Fraunces\',serif;font-size:18px;font-weight:600;color:var(--primary);margin:0;">' + symbol + ' to ' + _currencyCode + ' Chart</h2>' +
      '<span style="font-size:13px;font-weight:600;color:' + (pct>=0 ? '#2B6E4A' : '#C53030') + ';font-variant-numeric:tabular-nums;">' +
        (pct>=0?'+':'') + pct.toFixed(2) + '% (' + SPOT.period + ')' +
      '</span>' +
    '</div>';
    html += '<p style="font-size:12px;color:var(--text-muted);margin:0 0 12px 0;">' + longName + '</p>';
    html += '<div style="display:flex;align-items:center;gap:8px;margin-bottom:2px;">' +
      '<span style="display:inline-block;width:8px;height:8px;border-radius:50%;background:#2B6E4A;animation:spotPulse 1.8s ease-in-out infinite;"></span>' +
      '<span style="font-family:\'Fraunces\',serif;font-size:21px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text);">' +
        (cur>0 ? '1 ' + symbol + ' = ' + spotFmtNum(cur, SPOT.metal==='gold'?1:2) + ' ' + _currencyCode : '—') +
      '</span>' +
    '</div>';
    html += '<p style="font-size:11px;color:var(--text-light);margin:0 0 14px 0;">' + spotFmtTs(SPOT.latest && SPOT.latest.fetched_at) + '</p>';

    // Period selector
    html += '<div style="display:flex;gap:4px;overflow-x:auto;margin-bottom:14px;padding-bottom:2px;-webkit-overflow-scrolling:touch;">';
    SPOT_PERIODS.forEach(p => {
      const active = p === SPOT.period;
      html += '<button type="button" data-spot-period="' + p + '" style="padding:6px 12px;border-radius:99px;border:none;cursor:pointer;font-family:inherit;font-size:11px;font-weight:600;flex-shrink:0;font-variant-numeric:tabular-nums;' +
        (active ? 'background:var(--primary);color:#fff;' : 'background:transparent;color:var(--text-light);') + '">' + p + '</button>';
    });
    html += '</div>';

    // Chart canvas
    html += '<div style="height:200px;margin:0 -8px;"><canvas id="spot-price-chart"></canvas></div>';

    // Stats
    html += '<div style="display:flex;justify-content:space-between;padding-top:10px;margin-top:10px;border-top:1px solid var(--border);font-size:11px;color:var(--text-muted);">' +
      '<span>close: <strong style="color:var(--text);font-variant-numeric:tabular-nums;">' + (cur>0?spotFmtNum(cur,2):'—') + '</strong></span>' +
      '<span>low: <strong style="color:var(--text);font-variant-numeric:tabular-nums;">' + (low>0?spotFmtNum(low,2):'—') + '</strong></span>' +
      '<span>high: <strong style="color:var(--text);font-variant-numeric:tabular-nums;">' + (high>0?spotFmtNum(high,2):'—') + '</strong></span>' +
    '</div>';
    html += '</div>';

    // ───── Calculator card ─────
    html += '<div style="border-radius:14px;overflow:hidden;border:1px solid var(--primary);margin-bottom:14px;">';
    html += '<div style="background:var(--primary);padding:14px 16px;display:flex;align-items:center;justify-content:space-between;">' +
      '<div>' +
        '<h3 style="font-family:\'Fraunces\',serif;font-size:16px;font-weight:600;color:#fff;margin:0;">Buy Price Calculator</h3>' +
        '<p style="font-size:11px;color:rgba(255,255,255,0.75);margin:2px 0 0 0;">' + (SPOT.metal==='gold'?'Gold':'Silver') + ' · per troy ounce / per gram</p>' +
      '</div>' +
      '<button id="spot-edit-tiers" type="button" title="Edit tiers" style="background:rgba(255,255,255,0.15);padding:8px;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;">' +
        '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 20h9"/><path d="M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z"/></svg>' +
      '</button>' +
    '</div>';
    html += '<div style="background:var(--surface-3);padding:14px 16px;">';

    // Live spot reference
    html += '<div style="padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid var(--border-strong);">';
    html += '<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:2px;">' +
      '<span style="font-size:10px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);font-weight:700;">Live spot · 100%</span>' +
      '<span style="font-size:10px;color:var(--text-light);">' + spotFmtTs(SPOT.latest && SPOT.latest.fetched_at) + '</span>' +
    '</div>';
    html += '<div style="display:flex;justify-content:space-between;align-items:flex-end;gap:8px;">' +
      '<span style="font-family:\'Fraunces\',serif;font-size:22px;font-weight:600;color:var(--primary);font-variant-numeric:tabular-nums;">' +
        (cur>0 ? spotFmtGBP(cur,2) : '—') +
        '<span style="font-family:inherit;font-size:12px;font-weight:400;color:var(--text-muted);"> /oz</span>' +
      '</span>' +
      '<span style="font-family:\'Fraunces\',serif;font-size:15px;font-weight:600;color:var(--primary);font-variant-numeric:tabular-nums;">' +
        (cur>0 ? spotFmtGBP(perG,2) : '—') +
        '<span style="font-family:inherit;font-size:11px;font-weight:400;color:var(--text-muted);"> /g</span>' +
      '</span>' +
    '</div>';
    html += '</div>';

    // Tier rows
    SPOT.tiers.forEach(tpct => {
      const oz = cur * (tpct/100);
      const g = oz / SPOT_GRAMS_PER_OZ;
      html += '<div style="background:var(--surface);border:1px solid var(--border-strong);border-radius:10px;padding:10px 12px;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;gap:8px;">' +
        '<span style="background:#D4A437;color:var(--primary);padding:4px 10px;border-radius:8px;font-family:\'Fraunces\',serif;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;min-width:48px;text-align:center;">' + tpct + '%</span>' +
        '<div style="display:flex;gap:14px;font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:flex-end;">' +
          '<span style="font-family:\'Fraunces\',serif;font-size:14px;font-weight:600;color:var(--text);">' + (cur>0?spotFmtGBP(oz,2):'—') + '<span style="font-family:inherit;font-size:10px;font-weight:400;color:var(--text-muted);"> /oz</span></span>' +
          '<span style="font-family:\'Fraunces\',serif;font-size:13px;font-weight:600;color:var(--primary);">' + (cur>0?spotFmtGBP(g,2):'—') + '<span style="font-family:inherit;font-size:10px;font-weight:400;color:var(--text-muted);"> /g</span></span>' +
        '</div>' +
      '</div>';
    });

    // Karat grid (gold only)
    if (SPOT.metal === 'gold') {
      html += '<div style="margin-top:14px;padding-top:12px;border-top:1px solid var(--border-strong);">';
      html += '<div style="display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px;">' +
        '<span style="font-size:10px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);font-weight:700;">Per gram by karat</span>' +
        '<span style="font-size:10px;color:var(--text-light);">scrap purity</span>' +
      '</div>';
      html += '<div style="display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-bottom:4px;padding:0 6px;">' +
        '<span style="font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-light);">%</span>' +
        SPOT_KARATS.map(k => '<span style="font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-light);text-align:center;">' + k.name + '</span>').join('') +
      '</div>';
      SPOT.tiers.forEach(tpct => {
        html += '<div style="display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:8px 6px;background:var(--surface);border:1px solid var(--border-strong);border-radius:8px;margin-bottom:4px;align-items:center;">';
        html += '<span style="background:#D4A437;color:var(--primary);padding:2px 0;border-radius:4px;font-family:\'Fraunces\',serif;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;text-align:center;">' + tpct + '</span>';
        SPOT_KARATS.forEach(k => {
          const v = perG * (tpct/100) * k.purity;
          html += '<span style="font-family:\'Fraunces\',serif;font-size:12px;font-weight:600;color:var(--text);text-align:center;font-variant-numeric:tabular-nums;">' + (cur>0?curSym() + v.toFixed(2):'—') + '</span>';
        });
        html += '</div>';
      });
      html += '</div>';
    }

    html += '</div>'; // end cream body
    html += '</div>'; // end calculator card

    // Source footer
    const sourceTxt = (SPOT.latest && SPOT.latest.source_count === 1) ? 'Single-source (one API down)' : 'Avg. of GoldAPI.io + metals.dev';
    html += '<div style="text-align:center;padding:0 16px;">' +
      '<p style="font-size:11px;color:var(--text-muted);margin:0 0 2px 0;">' + sourceTxt + '</p>' +
      '<p style="font-size:10px;color:var(--text-light);margin:0;">Refresh: Mon–Fri · 09:15 · 12:30 · 15:00 · 18:30 UTC</p>' +
    '</div>';

    // Manual refresh button
    html += '<div style="margin-top:14px;text-align:center;">' +
      '<button id="spot-refresh-btn" type="button" ' + (SPOT.loading?'disabled':'') + ' style="padding:10px 20px;border-radius:99px;border:1px solid var(--primary);background:var(--surface);color:var(--primary);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;' +
        (SPOT.loading ? 'opacity:0.6;' : '') + '">' +
        '<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"' + (SPOT.loading?' style="animation:spotSpin 1s linear infinite;"':'') + '><path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"/><path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"/><path d="M21 3v5h-5"/><path d="M3 21v-5h5"/></svg>' +
        (SPOT.loading ? 'Refreshing…' : 'Refresh now') +
      '</button>' +
    '</div>';

    html += '</div>';
    box.innerHTML = html;

    // Wire up
    const goldBtn = document.getElementById('spot-metal-gold');
    const silverBtn = document.getElementById('spot-metal-silver');
    if (goldBtn) goldBtn.onclick = () => { if (SPOT.metal !== 'gold') { SPOT.metal = 'gold'; SPOT.loaded = false; renderSpotTab(); } };
    if (silverBtn) silverBtn.onclick = () => { if (SPOT.metal !== 'silver') { SPOT.metal = 'silver'; SPOT.loaded = false; renderSpotTab(); } };
    document.querySelectorAll('[data-spot-period]').forEach(b => {
      b.onclick = () => { SPOT.period = b.getAttribute('data-spot-period'); renderSpotBody(); };
    });
    const editBtn = document.getElementById('spot-edit-tiers');
    if (editBtn) editBtn.onclick = openSpotTiersModal;
    const refreshBtn = document.getElementById('spot-refresh-btn');
    if (refreshBtn) refreshBtn.onclick = forceRefreshSpotPrices;

    // PR (V-95): tap feedback on every SPOT button — glow + short haptic/sound.
    try {
      const spotBox = document.getElementById('spot-view');
      if (spotBox && !spotBox._prTapBound) {
        spotBox._prTapBound = true;
        spotBox.addEventListener('click', (e) => {
          const btn = e.target.closest('button');
          if (!btn || !spotBox.contains(btn)) return;
          PRFB.tapGlow(btn);
          PRFB.feedback('spotTap');
        }, true);
      }
      // One screen flash when the SPOT view first opens (not on every re-render).
      if (!spotBox._prFlashed) { spotBox._prFlashed = true; spotBox._prRinged = true; PRFB.screenFlash(); }
    } catch (e) {}

    // Build chart
    if (typeof Chart !== 'undefined' && fh.length > 0) {
      const ctx = document.getElementById('spot-price-chart');
      if (ctx) {
        const labels = fh.map(r => new Date(r.fetched_at).toLocaleDateString('en-GB', { day:'numeric', month:'short' }));
        const data = fh.map(r => Number(r.average_price));
        SPOT.chart = new Chart(ctx, {
          type: 'line',
          data: {
            labels: labels,
            datasets: [{
              data: data,
              borderColor: '#1F4733',
              backgroundColor: 'rgba(31, 71, 51, 0.05)',
              borderWidth: 2,
              pointRadius: 0,
              pointHoverRadius: 4,
              pointHoverBackgroundColor: '#1F4733',
              tension: 0.25,
              fill: false,
            }],
          },
          options: {
            responsive: true,
            maintainAspectRatio: false,
            animation: { duration: 400 },
            plugins: {
              legend: { display: false },
              tooltip: {
                backgroundColor: '#1F4733',
                titleColor: '#D4A437',
                bodyColor: '#fff',
                padding: 8,
                displayColors: false,
                callbacks: { label: function(c) { return spotFmtGBP(c.parsed.y, 2); } },
              },
            },
            scales: {
              x: {
                ticks: { color: '#9E9B95', font: { size: 10 }, maxTicksLimit: 5, autoSkip: true },
                grid: { display: false },
                border: { display: false },
              },
              y: {
                position: 'right',
                ticks: { color: '#9E9B95', font: { size: 10 }, callback: function(v) { return spotFmtNum(v, 0); } },
                grid: { color: 'rgba(0,0,0,0.04)' },
                border: { display: false },
              },
            },
          },
        });
      }
    }
  }

  function openSpotTiersModal() {
    const existing = document.getElementById('spot-tiers-modal');
    if (existing) existing.remove();
    const draftTiers = SPOT.tiers.slice();
    const modal = document.createElement('div');
    modal.id = 'spot-tiers-modal';
    modal.style.cssText = 'position:fixed;inset:0;background:rgba(26,26,31,0.5);z-index:9999;display:flex;align-items:flex-end;justify-content:center;';
    modal.innerHTML = '<div style="background:var(--surface);width:100%;max-width:420px;border-radius:20px 20px 0 0;padding:20px;">' +
      '<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;">' +
        '<h3 style="font-family:\'Fraunces\',serif;font-size:18px;font-weight:600;color:var(--primary);margin:0;">Edit Tier Percentages</h3>' +
        '<button id="spot-modal-close" type="button" style="background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:24px;line-height:1;padding:4px 8px;">×</button>' +
      '</div>' +
      '<p style="font-size:13px;color:var(--text-muted);margin:0 0 16px 0;">Set your buy-price tiers. These apply to both gold and silver.</p>' +
      '<div style="display:flex;flex-direction:column;gap:10px;margin-bottom:18px;">' +
        draftTiers.map((t, i) =>
          '<div style="display:flex;align-items:center;gap:10px;">' +
            '<label style="font-size:13px;font-weight:500;color:var(--text-muted);width:56px;">Tier ' + (i+1) + '</label>' +
            '<div style="flex:1;display:flex;align-items:center;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);">' +
              '<input type="number" step="0.1" min="0" max="100" value="' + t + '" data-spot-tier-idx="' + i + '" style="flex:1;padding:10px 14px;background:transparent;border:none;outline:none;font-family:\'Fraunces\',serif;font-size:16px;font-weight:600;color:var(--primary);font-variant-numeric:tabular-nums;width:0;" />' +
              '<span style="padding-right:14px;font-weight:600;color:var(--text-muted);">%</span>' +
            '</div>' +
          '</div>'
        ).join('') +
      '</div>' +
      '<div style="display:flex;gap:10px;">' +
        '<button id="spot-tiers-cancel" type="button" style="flex:1;padding:11px;border:none;border-radius:10px;background:var(--surface-2);color:var(--primary);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;">Cancel</button>' +
        '<button id="spot-tiers-save" type="button" style="flex:1;padding:11px;border:none;border-radius:10px;background:var(--primary);color:#fff;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;">Save tiers</button>' +
      '</div>' +
    '</div>';
    document.body.appendChild(modal);
    modal.addEventListener('click', function(e) { if (e.target === modal) modal.remove(); });
    document.getElementById('spot-modal-close').onclick = function() { modal.remove(); };
    document.getElementById('spot-tiers-cancel').onclick = function() { modal.remove(); };
    document.getElementById('spot-tiers-save').onclick = function() {
      const inputs = modal.querySelectorAll('[data-spot-tier-idx]');
      const newTiers = Array.prototype.map.call(inputs, function(inp) {
        const v = parseFloat(inp.value);
        return isNaN(v) ? 0 : v;
      });
      SPOT.tiers = newTiers;
      try { localStorage.setItem('pr_spot_tiers_v1', JSON.stringify(newTiers)); } catch(e){}
      modal.remove();
      renderSpotBody();
      window.toast && window.toast('Tier percentages saved');
    };
  }

  function stockId() {
    // V-261: stronger id (time + randomness) so a new stock item can't collide
    // with an existing primary key (was 8 random chars → caused 23505 dup-key).
    return 's_' + Date.now().toString(36) + '_' + Math.random().toString(36).slice(2, 8);
  }

  async function saveStockItem(item, isNew) {
    // Approval gate: an admin adding NEW stock submits for superadmin sign-off
    // (held in the approvals queue, not written live until approved).
    if (isNew && window.needsApproval && window.needsApproval('stock')) {
      item.id = item.id || stockId();
      await window.submitForApproval('stock', item, 'Stock item');
      return;
    }
    item.updated_at = new Date().toISOString();
    try {
      if (isNew) {
        item.id = item.id || stockId();
        item.created_at = item.created_at || new Date().toISOString();
        // V-261: upsert (merge-duplicates) instead of plain insert. If this id
        // already exists (e.g. a re-save after an approval, or a retried request),
        // it UPDATES the row rather than throwing 23505 duplicate-key — the same
        // safe pattern the main sync uses. Stops "Adding stock" from erroring out.
        await stockApi('/stock_items', {
          method: 'POST',
          headers: { 'Content-Type': 'application/json', 'Prefer': 'resolution=merge-duplicates,return=minimal' },
          body: JSON.stringify(item)
        });
      } else {
        await stockApi('/stock_items?id=eq.' + encodeURIComponent(item.id), {
          method: 'PATCH',
          headers: { 'Content-Type': 'application/json', 'Prefer': 'return=minimal' },
          body: JSON.stringify(item)
        });
      }
      await fetchStockItems();
      if (state.currentTab === 'stock') renderStockBody();
      window.toast && window.toast(isNew ? 'Stock item added' : 'Stock item saved');
    } catch (e) {
      console.error('[Stock] save failed:', e);
      window.toast && window.toast('Could not save stock item — please try again');
    }
  }

  // Flip the "Listed for sale" flag (e.g. it's up on eBay) and persist it.
  // Optimistic: update locally + re-render immediately, then save.
  async function toggleStockListed(item) {
    const next = !item.listed_for_sale;
    item.listed_for_sale = next;
    if (state.currentTab === 'stock') renderStockBody();
    try {
      await stockApi('/stock_items?id=eq.' + encodeURIComponent(item.id), {
        method: 'PATCH',
        headers: { 'Content-Type': 'application/json', 'Prefer': 'return=minimal' },
        body: JSON.stringify({ listed_for_sale: next })
      });
      window.toast && window.toast(next ? 'Marked as listed for sale' : 'Unlisted');
    } catch (e) {
      item.listed_for_sale = !next; // revert on failure
      if (state.currentTab === 'stock') renderStockBody();
      window.toast && window.toast('Could not save — try again');
    }
  }

  async function deleteStockItem(id) {
    if (!window.isSuperAdmin()) { window.toast && window.toast('Only a super admin can delete stock'); return; }
    if (!confirm('Delete this item? This cannot be undone.')) return;
    try {
      await stockApi('/stock_items?id=eq.' + encodeURIComponent(id), { method: 'DELETE' });
      await fetchStockItems();
      if (state.currentTab === 'stock') renderStockBody();
      if (document.getElementById('stats-content') && typeof renderStatsContent === 'function') renderStatsContent();
      window.toast && window.toast('Item deleted');
    } catch (e) {
      window.toast && window.toast('Delete failed');
    }
  }

  // =========================================================================
  // TIME TAB — hours worked + mileage tracking
  // =========================================================================
  const TIME = {
    sessions: [],
    mileage: [],
    loaded: false,
    loading: false,
    filterFrom: '',
    filterTo: '',
    filterSalesman: 'all',  // 'all' or specific name
    activeSalesmen: null    // populated lazily by getActiveSalesmen()
  };

  // Mileage reimbursement rate, scoped per country.
  //   UK → £0.45/mi default, stored under legacy key 'pr_mileage_rate'.
  //   AU → $0.88/km default (ATO cents-per-km method), stored under 'pr_mileage_rate_AU'.
  // Keeping the UK key untouched preserves any custom rate existing users already set.
  function _mileageRateKey() { return isAU() ? 'pr_mileage_rate_AU' : 'pr_mileage_rate'; }
  function _mileageRateDefault() { return isAU() ? 0.88 : 0.45; }
  function _mileageRate() {
    const def = _mileageRateDefault();
    const v = parseFloat(localStorage.getItem(_mileageRateKey()) || String(def));
    return isNaN(v) ? def : v;
  }

  // Tiered mileage rates.
  //   UK (HMRC AMAP): 45p/mile first 10,000 business miles, 25p/mile after.
  //   AU (ATO cents-per-km): flat single rate, no tiering — uses the configured rate.
  // Source: HMRC AMAP rates (correct as of 2026 tax year); ATO 2024-25 cents/km = 88c.
  function _hmrcMileageBreakdown(miles) {
    const m = Math.max(0, Number(miles) || 0);
    if (isAU()) {
      const RATE = _mileageRate();
      return {
        tier1Miles: m, tier1Rate: RATE, tier1Reimb: m * RATE,
        tier2Miles: 0, tier2Rate: RATE, tier2Reimb: 0,
        total: m * RATE,
        blendedRate: RATE,
        label: cur(RATE) + ' × ' + m.toLocaleString() + ' ' + distUnit() + ' (ATO flat)'
      };
    }
    const TIER1_RATE = 0.45, TIER2_RATE = 0.25, THRESHOLD = 10000;
    const t1 = Math.min(m, THRESHOLD);
    const t2 = Math.max(0, m - THRESHOLD);
    const reimb = t1 * TIER1_RATE + t2 * TIER2_RATE;
    return {
      tier1Miles: t1, tier1Rate: TIER1_RATE, tier1Reimb: t1 * TIER1_RATE,
      tier2Miles: t2, tier2Rate: TIER2_RATE, tier2Reimb: t2 * TIER2_RATE,
      total: reimb,
      blendedRate: m > 0 ? reimb / m : 0,
      label: t2 > 0
        ? '45p × ' + t1.toLocaleString() + 'mi + 25p × ' + t2.toLocaleString() + 'mi'
        : '45p × ' + t1.toLocaleString() + 'mi'
    };
  }
  function _setMileageRate(v) {
    localStorage.setItem(_mileageRateKey(), String(v));
  }

  async function timeApi(path, opts) {
    path = withCountryPath(path);
    opts = opts || {};
    opts.headers = Object.assign({}, HDR(), opts.headers || {});
    if (opts.body && opts.method && /^(POST|PATCH|PUT)$/i.test(opts.method)) {
      opts.body = stampCountryBody(opts.body);
    }
    const u = REST + path;
    const r = await fetch(u, opts);
    if (!r.ok) {
      const t = await r.text();
      throw new Error('Time API ' + r.status + ': ' + t);
    }
    if (r.status === 204) return null;
    const ct = r.headers.get('content-type') || '';
    return ct.includes('application/json') ? await r.json() : await r.text();
  }

  async function fetchTimeData() {
    TIME.loading = true;
    try {
      const [sess, mil] = await Promise.all([
        timeApi('/work_sessions?select=*&order=session_date.desc'),
        timeApi('/mileage_entries?select=*&order=entry_date.desc')
      ]);
      TIME.sessions = sess || [];
      TIME.mileage = mil || [];
      TIME.loaded = true;
      // Safety net: close any sessions left open (past days, or today past 20:00).
      try { await autoCloseStaleSessions(); } catch (e) { /* non-fatal */ }
    } catch (e) {
      console.warn('[Time] fetch failed:', e);
      window.toast && window.toast('Could not load time data');
    } finally {
      TIME.loading = false;
    }
  }

  function timeId(prefix) {
    return (prefix || 'w_') + Math.random().toString(36).slice(2, 10);
  }

  function _hhmmNow() {
    const d = new Date();
    return String(d.getHours()).padStart(2,'0') + ':' + String(d.getMinutes()).padStart(2,'0');
  }
  function _todayISO() { return new Date().toISOString().slice(0, 10); }

  // ─── AUTO CLOCK-OUT (V-304) ───────────────────────────────────────────────
  // People forget to clock out, which silently logs 0h (the end_time stays null).
  // Two safety nets:
  //  (A) HARD 20:00 CUTOFF — any session still open is force-closed at 20:00.
  //      • A session from a PAST day that was never closed → set end_time 20:00.
  //      • Today's open session, once the clock passes 20:00 → set end_time 20:00.
  //  (B) GPS heuristic (separate fn maybeAutoCloseByGps) — if location changes
  //      after 19:30 it almost always means we've left the venue / headed home,
  //      so close the open session at that moment. 20:00 is still the guaranteed
  //      backstop because the GPS trigger only fires while the app is open.
  // All auto-closes tag the note so it's clear the end time was automatic.
  var AUTO_CUTOFF = '20:00';            // hard daily cut-off
  var GPS_FINISH_AFTER = 19 * 60 + 30;  // 19:30 in minutes

  async function autoCloseStaleSessions() {
    if (!TIME.sessions || !TIME.sessions.length) return;
    var today = _todayISO();
    var now = new Date();
    var nowMins = now.getHours() * 60 + now.getMinutes();
    var cutoffMins = 20 * 60; // 20:00
    var toClose = [];
    TIME.sessions.forEach(function (s) {
      if (!s || s.end_time || !s.start_time) return; // only open sessions
      if (s.session_date < today) {
        // A past day left open — close at the 20:00 cut-off for that day.
        toClose.push(s);
      } else if (s.session_date === today && nowMins >= cutoffMins) {
        // Today, and we're past 20:00 — close at the cut-off.
        toClose.push(s);
      }
    });
    if (!toClose.length) return;
    for (var i = 0; i < toClose.length; i++) {
      var s = toClose[i];
      // Never let the auto end-time be before the start (e.g. a start after 20:00).
      var endT = AUTO_CUTOFF;
      try {
        var sh = parseInt((s.start_time || '00:00').split(':')[0], 10);
        var sm = parseInt((s.start_time || '00:00').split(':')[1], 10);
        if ((sh * 60 + sm) >= cutoffMins) endT = s.start_time; // 0h, but valid
      } catch (e) {}
      var note = (s.notes ? s.notes + ' | ' : '') + 'Auto clocked-out at ' + AUTO_CUTOFF + ' (no manual clock-out).';
      await saveWorkSession({ id: s.id, end_time: endT, notes: note }, false);
    }
    window.toast && window.toast('Auto-closed ' + toClose.length + ' open session' + (toClose.length === 1 ? '' : 's') + ' at ' + AUTO_CUTOFF);
  }

  // GPS heuristic: call this when we get a fresh device location. If it's after
  // 19:30 and there's an open session for an active salesman, close it now.
  async function maybeAutoCloseByGps() {
    try {
      var now = new Date();
      var nowMins = now.getHours() * 60 + now.getMinutes();
      if (nowMins < GPS_FINISH_AFTER || nowMins >= 20 * 60) return; // only 19:30–20:00 window (20:00 handled by hard cutoff)
      if (!TIME.loaded || !TIME.sessions) return;
      var today = _todayISO();
      var active = (typeof _loadActiveSalesmen === 'function') ? _loadActiveSalesmen() : [];
      if (!active || !active.length) return;
      var endT = _hhmmNow();
      var closedAny = 0;
      for (var i = 0; i < TIME.sessions.length; i++) {
        var s = TIME.sessions[i];
        if (!s || s.end_time || s.session_date !== today) continue;
        if (active.indexOf(s.salesman) < 0) continue;
        var note = (s.notes ? s.notes + ' | ' : '') + 'Auto clocked-out at ' + endT + ' — location moved after 19:30 (assumed finished).';
        await saveWorkSession({ id: s.id, end_time: endT, notes: note }, false);
        closedAny++;
      }
      if (closedAny) window.toast && window.toast('Clocked out ' + closedAny + ' session' + (closedAny === 1 ? '' : 's') + ' — looks like you\u2019ve finished for the day');
    } catch (e) { /* non-fatal */ }
  }
  window.maybeAutoCloseByGps = maybeAutoCloseByGps;

  function _sessionHours(s) {
    if (!s.start_time || !s.end_time) return 0;
    const [sh, sm] = s.start_time.split(':').map(Number);
    const [eh, em] = s.end_time.split(':').map(Number);
    let mins = (eh * 60 + em) - (sh * 60 + sm);
    if (mins < 0) mins += 24 * 60; // overnight session
    mins -= Number(s.lunch_minutes) || 0;
    return Math.max(0, mins / 60);
  }

  async function saveWorkSession(s, isNew) {
    s.updated_at = new Date().toISOString();
    if (isNew) {
      s.id = s.id || timeId('w_');
      s.created_at = s.created_at || new Date().toISOString();
      await timeApi('/work_sessions', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json', 'Prefer': 'return=minimal' },
        body: JSON.stringify(s)
      });
    } else {
      await timeApi('/work_sessions?id=eq.' + encodeURIComponent(s.id), {
        method: 'PATCH',
        headers: { 'Content-Type': 'application/json', 'Prefer': 'return=minimal' },
        body: JSON.stringify(s)
      });
    }
    await fetchTimeData();
    if (state.currentTab === 'time') renderTimeBody();
  }

  async function deleteWorkSession(id) {
    if (!confirm('Delete this session?')) return;
    try {
      await timeApi('/work_sessions?id=eq.' + encodeURIComponent(id), { method: 'DELETE' });
      await fetchTimeData();
      if (state.currentTab === 'time') renderTimeBody();
      window.toast && window.toast('Session deleted');
    } catch (e) {
      window.toast && window.toast('Delete failed');
    }
  }

  async function saveMileage(m, isNew) {
    m.updated_at = new Date().toISOString();
    if (isNew) {
      m.id = m.id || timeId('m_');
      m.created_at = m.created_at || new Date().toISOString();
      await timeApi('/mileage_entries', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json', 'Prefer': 'return=minimal' },
        body: JSON.stringify(m)
      });
    } else {
      await timeApi('/mileage_entries?id=eq.' + encodeURIComponent(m.id), {
        method: 'PATCH',
        headers: { 'Content-Type': 'application/json', 'Prefer': 'return=minimal' },
        body: JSON.stringify(m)
      });
    }
    await fetchTimeData();
    if (state.currentTab === 'time') renderTimeBody();
  }

  async function deleteMileage(id) {
    if (!confirm('Delete this mileage entry?')) return;
    try {
      await timeApi('/mileage_entries?id=eq.' + encodeURIComponent(id), { method: 'DELETE' });
      await fetchTimeData();
      if (state.currentTab === 'time') renderTimeBody();
      window.toast && window.toast('Entry deleted');
    } catch (e) {
      window.toast && window.toast('Delete failed');
    }
  }

  async function renderTimeTab() {
    const box = document.getElementById('time-view');
    if (!box) return;
    if (!TIME.loaded && !TIME.loading) {
      box.innerHTML = '<div style="padding:14px;color:var(--text-muted);text-align:center;font-size:13px;">Loading time data…</div>';
      await fetchTimeData();
    }
    // Default filter range: last 30 days if not set
    if (!TIME.filterFrom && !TIME.filterTo) {
      const today = new Date();
      const thirtyAgo = new Date(today.getTime() - 30 * 24 * 60 * 60 * 1000);
      TIME.filterFrom = thirtyAgo.toISOString().slice(0,10);
      TIME.filterTo = today.toISOString().slice(0,10);
    }
    renderTimeBody();
  }

  function _findTodaySession(salesman) {
    const today = _todayISO();
    return TIME.sessions.find(s => s.session_date === today && s.salesman === salesman);
  }

  function _activeTrip() {
    const today = _todayISO();
    return state.trips.find(t => t.startDate && t.startDate <= today && (!t.endDate || t.endDate >= today));
  }

  function _inRange(iso) {
    if (!iso) return false;
    const d = String(iso).slice(0, 10);
    return (!TIME.filterFrom || d >= TIME.filterFrom) && (!TIME.filterTo || d <= TIME.filterTo);
  }

  function _nightsAwayInRange() {
    // For each trip overlapping the range, count nights (startDate→endDate-1).
    let nights = 0;
    state.trips.forEach(t => {
      if (!t.startDate || !t.endDate) return;
      // Clip to filter
      const s = TIME.filterFrom && t.startDate < TIME.filterFrom ? TIME.filterFrom : t.startDate;
      const e = TIME.filterTo && t.endDate > TIME.filterTo ? TIME.filterTo : t.endDate;
      if (s > e) return; // no overlap
      // Count days from s to e, that's nights (each day spent away = one night, except return day)
      const ds = new Date(s + 'T00:00:00');
      const de = new Date(e + 'T00:00:00');
      const diff = Math.round((de - ds) / (24 * 60 * 60 * 1000));
      nights += Math.max(0, diff); // diff = nights away (return day excluded)
    });
    return nights;
  }

  function renderTimeBody() {
    const box = document.getElementById('time-view');
    if (!box) return;

    const me = state.salesman || 'You';
    const today = _todayISO();
    const todaySession = _findTodaySession(me);
    const activeTrip = _activeTrip();

    // Filter sessions and mileage by date range + salesman
    const fSessions = TIME.sessions.filter(s => {
      if (!_inRange(s.session_date)) return false;
      if (TIME.filterSalesman !== 'all' && s.salesman !== TIME.filterSalesman) return false;
      return true;
    });
    const fMileage = TIME.mileage.filter(m => {
      if (!_inRange(m.entry_date)) return false;
      if (TIME.filterSalesman !== 'all' && m.salesman !== TIME.filterSalesman) return false;
      return true;
    });

    // Aggregates
    const totalHours = fSessions.reduce((a, s) => a + _sessionHours(s), 0);
    const uniqueDays = {};
    fSessions.forEach(s => { if (_sessionHours(s) > 0) uniqueDays[s.session_date + '|' + s.salesman] = true; });
    const daysWorked = Object.keys(uniqueDays).length;
    const weeks = (daysWorked / 5);
    const months = (daysWorked / 22);
    const avgHrs = daysWorked > 0 ? (totalHours / daysWorked) : 0;
    const nightsAway = _nightsAwayInRange();

    const totalMiles = fMileage.reduce((a, m) => a + (Number(m.miles) || 0), 0);
    const rate = _mileageRate();
    const reimbursable = totalMiles * rate;

    // Build salesmen filter list (anyone we've ever seen in sessions or mileage)
    const salesmenSet = {};
    TIME.sessions.forEach(s => { if (s.salesman) salesmenSet[s.salesman] = true; });
    TIME.mileage.forEach(m => { if (m.salesman) salesmenSet[m.salesman] = true; });
    if (state.salesman) salesmenSet[state.salesman] = true;
    const salesmen = Object.keys(salesmenSet).sort();

    let html = '<div style="padding:14px 16px 80px;">';

    // === TODAY card ===
    html += '<div style="background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px;margin-bottom:14px;box-shadow:var(--shadow-sm);">' +
      '<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;">' +
        '<div><div style="font-size:10px;text-transform:uppercase;letter-spacing:0.08em;color:var(--text-muted);font-weight:700;">Today</div>' +
        '<div style="font-family:\'Fraunces\',serif;font-size:20px;font-weight:600;line-height:1.1;margin-top:1px;">' + new Date().toLocaleDateString('en-GB',{weekday:'long',day:'numeric',month:'long'}) + '</div></div>' +
        (todaySession && todaySession.start_time && !todaySession.end_time
          ? '<span style="background:#2B6E4A;color:#fff;font-size:10px;padding:4px 10px;border-radius:8px;font-weight:700;letter-spacing:0.04em;animation:pulseDot 2s infinite;">● CLOCKED IN</span>'
          : todaySession && todaySession.start_time && todaySession.end_time
            ? '<span style="background:#9E9B95;color:#fff;font-size:10px;padding:4px 10px;border-radius:8px;font-weight:700;letter-spacing:0.04em;">✓ ' + _sessionHours(todaySession).toFixed(1) + 'h</span>'
            : '<span style="background:#EDE8DA;color:var(--text-muted);font-size:10px;padding:4px 10px;border-radius:8px;font-weight:700;letter-spacing:0.04em;">NOT STARTED</span>') +
      '</div>';

    // === MULTI-SALESMAN TIME TRACKING ===
    // Replace single-user clock-in/out with per-salesman status cards.
    const activeList = getActiveSalesmen();
    const everyone = knownSalesmen();

    if (todaySession && todaySession.start_time) {
      html += '<div style="display:flex;gap:14px;font-size:13px;color:var(--text);margin-bottom:10px;">' +
        '<span style="display:inline-flex;align-items:center;gap:5px;">' + icoSvg('clock',13,'currentColor') + 'Your first start <strong>' + todaySession.start_time + '</strong></span>' +
      '</div>';
    }

    // "Working today" multi-select chips
    html += '<div style="background:var(--surface-2);border-radius:10px;padding:10px 12px;margin-bottom:10px;">' +
      '<div style="font-size:10px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);font-weight:700;margin-bottom:6px;">Working today (auto-extends sessions when you log visits)</div>' +
      '<div style="display:flex;gap:6px;flex-wrap:wrap;">' +
        everyone.map(sm => {
          const on = activeList.indexOf(sm) >= 0;
          return '<button type="button" class="chip time-active-chip' + (on ? ' active' : '') + '" data-sm="' + escapeHtml(sm) + '" ' +
            'style="white-space:nowrap;flex-shrink:0;' +
            (on
              ? 'background:var(--primary);color:#fff;border-color:var(--primary);'
              : 'background:var(--surface);color:var(--text-muted);') +
            '">' + (on ? '✓ ' : '') + escapeHtml(sm) + '</button>';
        }).join('') +
      '</div>' +
    '</div>';

    // Per-salesman status cards
    html += '<div style="display:flex;flex-direction:column;gap:8px;margin-bottom:10px;">';
    activeList.forEach(sm => {
      const act = _findActiveSession(sm);
      const todayAll = _findTodaySessionsAll(sm);
      const totalH = _todayTotalHours(sm);
      const hasAny = todayAll.length > 0;

      let statusBadge, statusColor, primaryBtn;
      if (act) {
        statusBadge = '● Active since ' + act.start_time;
        statusColor = '#2B6E4A';
        primaryBtn = '<button class="btn btn-secondary time-pause" data-sm="' + escapeHtml(sm) + '" style="height:36px;font-size:12px;background:#D97706;color:#fff;border-color:#D97706;display:inline-flex;align-items:center;gap:5px;justify-content:center;">' + icoSvg('pause',13,'currentColor') + ' Pause</button>';
      } else if (hasAny) {
        const last = todayAll[todayAll.length - 1];
        statusBadge = icoSvg('pause',12,'currentColor') + ' Paused at ' + (last.end_time || '—');
        statusColor = '#D97706';
        primaryBtn = '<button class="btn btn-primary time-resume" data-sm="' + escapeHtml(sm) + '" style="height:36px;font-size:12px;">▶ Resume</button>';
      } else {
        statusBadge = '○ Off';
        statusColor = 'var(--text-muted)';
        primaryBtn = '<button class="btn btn-primary time-resume" data-sm="' + escapeHtml(sm) + '" style="height:36px;font-size:12px;">▶ Clock in</button>';
      }

      html += '<div style="background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 12px;display:flex;align-items:center;gap:10px;">' +
        '<div style="flex:1;min-width:0;">' +
          '<div style="font-weight:600;font-size:14px;">' + escapeHtml(sm) + '</div>' +
          '<div style="font-size:11px;color:' + statusColor + ';font-weight:600;margin-top:1px;">' + statusBadge +
            (totalH > 0 ? ' · ' + totalH.toFixed(1) + 'h today' : '') +
            (todayAll.length > 1 ? ' · ' + todayAll.length + ' segments' : '') +
          '</div>' +
        '</div>' +
        primaryBtn +
      '</div>';
    });
    if (activeList.length === 0) {
      html += '<div style="padding:14px;text-align:center;color:var(--text-muted);font-size:13px;background:var(--surface-2);border-radius:10px;">Select at least one salesman above to start tracking time.</div>';
    }
    html += '</div>';

    // Lunch + Edit row (still per-current-user for backward compat)
    html += '<div style="display:flex;gap:8px;flex-wrap:wrap;">';
    if (todaySession && !todaySession.end_time) {
      html += '<div style="display:flex;align-items:center;gap:6px;flex-shrink:0;"><span style="font-size:11px;color:var(--text-muted);">Lunch:</span><input type="number" id="time-lunch-input" min="0" max="180" step="5" value="' + (todaySession.lunch_minutes || 0) + '" style="width:60px;height:36px;padding:0 8px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:13px;background:var(--surface);color:var(--text);box-sizing:border-box;text-align:right;" /><span style="font-size:11px;color:var(--text-muted);">min</span></div>';
    }
    html += '<button class="btn btn-secondary" id="time-edit-today" style="height:38px;padding:0 12px;font-size:12px;">Edit today</button>';
    html += '</div>';

    // Active trip controls
    if (activeTrip) {
      const startD = activeTrip.startDate ? _tripFormatDate(activeTrip.startDate) : '';
      const dayN = activeTrip.startDate
        ? (Math.round((new Date(today) - new Date(activeTrip.startDate)) / (24*60*60*1000)) + 1)
        : 0;
      html += '<div style="margin-top:12px;padding:10px 12px;background:var(--surface-2);border-radius:10px;display:flex;justify-content:space-between;align-items:center;gap:10px;">' +
        '<div style="flex:1;min-width:0;">' +
          '<div style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);font-weight:700;">Active trip · day ' + dayN + '</div>' +
          '<div style="font-weight:700;font-size:15px;">' + escapeHtml(activeTrip.name || activeTrip.id) + '</div>' +
          '<div style="font-size:11px;color:var(--text-muted);">Started ' + startD + '</div>' +
        '</div>' +
        '<button class="btn btn-secondary" id="time-end-trip" data-trip="' + activeTrip.id + '" style="height:34px;padding:0 12px;font-size:12px;">End trip</button>' +
      '</div>';
    } else {
      html += '<div style="margin-top:12px;display:flex;gap:8px;">' +
        '<button class="btn btn-ghost" id="time-start-trip" style="flex:1;height:36px;font-size:12px;">+ Start new trip</button>' +
      '</div>';
    }
    html += '</div>';

    // === FILTER BAR ===
    html += '<div style="background:var(--surface-2);padding:12px;border-radius:10px;margin-bottom:14px;">' +
      '<div style="display:flex;gap:8px;margin-bottom:8px;">' +
        '<div style="flex:1;"><label style="font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.06em;font-weight:700;display:block;margin-bottom:3px;">From</label><input type="date" id="time-filter-from" value="' + escapeHtml(TIME.filterFrom) + '" style="width:100%;height:36px;padding:0 10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:13px;background:var(--surface);color:var(--text);box-sizing:border-box;" /></div>' +
        '<div style="flex:1;"><label style="font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.06em;font-weight:700;display:block;margin-bottom:3px;">To</label><input type="date" id="time-filter-to" value="' + escapeHtml(TIME.filterTo) + '" style="width:100%;height:36px;padding:0 10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:13px;background:var(--surface);color:var(--text);box-sizing:border-box;" /></div>' +
      '</div>' +
      '<div style="display:flex;gap:6px;margin-bottom:6px;flex-wrap:wrap;">' +
        '<button class="btn btn-ghost time-quick" data-days="7" style="flex:1;height:28px;font-size:11px;padding:0;">7d</button>' +
        '<button class="btn btn-ghost time-quick" data-days="30" style="flex:1;height:28px;font-size:11px;padding:0;">30d</button>' +
        '<button class="btn btn-ghost time-quick" data-days="90" style="flex:1;height:28px;font-size:11px;padding:0;">90d</button>' +
        '<button class="btn btn-ghost time-quick" data-days="365" style="flex:1;height:28px;font-size:11px;padding:0;">1yr</button>' +
        '<button class="btn btn-ghost time-quick" data-days="all" style="flex:1;height:28px;font-size:11px;padding:0;">All</button>' +
      '</div>' +
      // Salesman chips
      '<div style="display:flex;gap:6px;overflow-x:auto;padding-top:4px;">' +
        '<button class="chip time-sm-chip' + (TIME.filterSalesman === 'all' ? ' active' : '') + '" data-sm="all" style="white-space:nowrap;flex-shrink:0;">All</button>' +
        salesmen.map(s => '<button class="chip time-sm-chip' + (TIME.filterSalesman === s ? ' active' : '') + '" data-sm="' + escapeHtml(s) + '" style="white-space:nowrap;flex-shrink:0;">' + escapeHtml(s) + '</button>').join('') +
      '</div>' +
    '</div>';

    // === HOURS SUMMARY ===
    html += '<h4 style="margin:0 0 8px;">Hours worked</h4>' +
      '<div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px;">' +
        _timeStatCard('Total hours', totalHours.toFixed(1) + 'h', avgHrs > 0 ? 'avg ' + avgHrs.toFixed(1) + 'h/day' : '', '#2B6E4A') +
        _timeStatCard('Days worked', String(daysWorked), weeks.toFixed(1) + ' wk · ' + months.toFixed(2) + ' mo', '#2563EB') +
        _timeStatCard('Nights away', String(nightsAway), nightsAway > 0 ? (nightsAway / 7).toFixed(1) + ' weeks away' : 'all home', '#D97706') +
        _timeStatCard('Avg per day', avgHrs.toFixed(1) + 'h', daysWorked > 0 ? 'over ' + daysWorked + ' days' : '—', '#7A6BC6') +
      '</div>';

    // === SESSION LIST ===
    html += '<div style="display:flex;justify-content:space-between;align-items:center;margin:18px 0 8px;">' +
      '<h4 style="margin:0;">Session log</h4>' +
      '<button class="btn btn-secondary" id="time-add-session" style="height:32px;padding:0 12px;font-size:12px;">+ Log past day</button>' +
    '</div>';
    if (fSessions.length === 0) {
      html += '<div style="padding:18px;color:var(--text-muted);font-size:13px;text-align:center;background:var(--surface-2);border-radius:10px;margin-bottom:14px;">No sessions in this date range. Use "+ Log past day" or "Clock in" above.</div>';
    } else {
      html += '<div style="background:var(--surface-2);border-radius:10px;padding:4px 8px;margin-bottom:14px;">';
      // Sort by date desc
      const sorted = fSessions.slice().sort((a, b) => (b.session_date || '').localeCompare(a.session_date || ''));
      sorted.forEach(s => {
        const hrs = _sessionHours(s);
        const tripName = s.trip_id ? (state.trips.find(t => t.id === s.trip_id) || {}).name : '';
        html += '<div style="display:flex;gap:10px;align-items:center;padding:8px 4px;border-bottom:1px solid var(--border);">' +
          '<div style="flex:1;min-width:0;">' +
            '<div style="font-weight:600;font-size:13px;">' + _tripFormatDate(s.session_date) +
              (s.salesman && TIME.filterSalesman === 'all' ? ' · <span style="color:var(--text-muted);font-weight:500;">' + escapeHtml(s.salesman) + '</span>' : '') +
            '</div>' +
            '<div style="font-size:11.5px;color:var(--text-muted);margin-top:1px;">' +
              (s.start_time || '—') + ' – ' + (s.end_time || '—') +
              (s.lunch_minutes ? ' · lunch ' + s.lunch_minutes + 'm' : '') +
              (tripName ? ' · ' + escapeHtml(tripName) : '') +
              (s.location_label ? ' · ' + escapeHtml(s.location_label) : '') +
            '</div>' +
          '</div>' +
          '<div style="font-family:\'Fraunces\',serif;font-size:18px;font-weight:600;color:' + (hrs > 0 ? '#2B6E4A' : 'var(--text-muted)') + ';">' + hrs.toFixed(1) + 'h</div>' +
          '<button class="btn btn-ghost time-edit-session" data-id="' + s.id + '" style="height:28px;padding:0 8px;font-size:11px;">✎</button>' +
          '<button class="btn btn-ghost time-del-session" data-id="' + s.id + '" style="height:28px;padding:0 6px;font-size:11px;color:#C53030;">✕</button>' +
        '</div>';
      });
      html += '</div>';
    }

    // === MILEAGE ===
    html += '<div style="display:flex;justify-content:space-between;align-items:center;margin:18px 0 8px;">' +
      '<h4 style="margin:0;">Mileage</h4>' +
      '<button class="btn btn-ghost" id="time-edit-rate" style="height:28px;padding:0 8px;font-size:11px;">Rate: ' + curSym() + rate.toFixed(2) + '/' + distUnit() + '</button>' +
    '</div>';
    html += '<div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;">' +
      _timeStatCard('Total ' + distUnitLong(), Math.round(totalMiles).toLocaleString(), fMileage.length + ' entries', '#7C8B98') +
      _timeStatCard('Reimbursable', curSym() + reimbursable.toFixed(2), 'at ' + curSym() + rate.toFixed(2) + '/' + distUnit(), '#2B6E4A') +
    '</div>';
    html += '<div style="display:flex;justify-content:flex-end;margin-bottom:8px;">' +
      '<button class="btn btn-secondary" id="time-add-mileage" style="height:32px;padding:0 12px;font-size:12px;">+ Add mileage</button>' +
    '</div>';
    if (fMileage.length === 0) {
      html += '<div style="padding:18px;color:var(--text-muted);font-size:13px;text-align:center;background:var(--surface-2);border-radius:10px;">No mileage entries in this date range.</div>';
    } else {
      html += '<div style="background:var(--surface-2);border-radius:10px;padding:4px 8px;">';
      const sortedM = fMileage.slice().sort((a, b) => (b.entry_date || '').localeCompare(a.entry_date || ''));
      sortedM.forEach(m => {
        const tripName = m.trip_id ? (state.trips.find(t => t.id === m.trip_id) || {}).name : '';
        const purpLabel = m.purpose ? ({
          commute: 'commute', to_park: 'to park', to_hotel: 'to hotel',
          dinner: 'dinner', return_home: 'home', other: 'other'
        }[m.purpose] || m.purpose) : '';
        html += '<div style="display:flex;gap:10px;align-items:center;padding:8px 4px;border-bottom:1px solid var(--border);">' +
          '<div style="flex:1;min-width:0;">' +
            '<div style="font-weight:600;font-size:13px;">' + _tripFormatDate(m.entry_date) +
              (m.salesman && TIME.filterSalesman === 'all' ? ' · <span style="color:var(--text-muted);font-weight:500;">' + escapeHtml(m.salesman) + '</span>' : '') +
            '</div>' +
            '<div style="font-size:11.5px;color:var(--text-muted);margin-top:1px;">' +
              (m.from_location || '—') + ' → ' + (m.to_location || '—') +
              (purpLabel ? ' · ' + purpLabel : '') +
              (tripName ? ' · ' + escapeHtml(tripName) : '') +
            '</div>' +
          '</div>' +
          '<div style="text-align:right;">' +
            '<div style="font-family:\'Fraunces\',serif;font-size:17px;font-weight:600;">' + Number(m.miles).toFixed(0) + ' ' + distUnit() + '</div>' +
            '<div style="font-size:10px;color:var(--text-muted);">' + curSym() + (Number(m.miles) * rate).toFixed(2) + '</div>' +
          '</div>' +
          '<button class="btn btn-ghost time-edit-mile" data-id="' + m.id + '" style="height:28px;padding:0 8px;font-size:11px;">✎</button>' +
          '<button class="btn btn-ghost time-del-mile" data-id="' + m.id + '" style="height:28px;padding:0 6px;font-size:11px;color:#C53030;">✕</button>' +
        '</div>';
      });
      html += '</div>';
    }

    html += '</div>';
    box.innerHTML = html;

    // === Wire events ===
    const clockIn = document.getElementById('time-clock-in');
    if (clockIn) bindButton(clockIn, () => doClockIn(me));
    const clockOut = document.getElementById('time-clock-out');
    if (clockOut) bindButton(clockOut, () => doClockOut(me));

    // Multi-salesman: Resume / Pause / chip toggle handlers
    document.querySelectorAll('.time-resume').forEach(b => {
      bindButton(b, async () => {
        const sm = b.getAttribute('data-sm');
        if (sm) {
          await resumeSalesman(sm);
          await fetchTimeData();
          renderTimeBody();
        }
      });
    });
    document.querySelectorAll('.time-pause').forEach(b => {
      bindButton(b, async () => {
        const sm = b.getAttribute('data-sm');
        if (sm) {
          await pauseSalesman(sm);
          await fetchTimeData();
          renderTimeBody();
        }
      });
    });
    document.querySelectorAll('.time-active-chip').forEach(b => {
      bindButton(b, () => {
        const sm = b.getAttribute('data-sm');
        if (sm) { toggleActiveSalesman(sm); renderTimeBody(); }
      });
    });
    const reopen = document.getElementById('time-reopen');
    if (reopen) bindButton(reopen, () => openSessionForm(todaySession));
    const editToday = document.getElementById('time-edit-today');
    if (editToday) bindButton(editToday, () => openSessionForm(todaySession || { session_date: today, salesman: me }));
    const lunchInp = document.getElementById('time-lunch-input');
    if (lunchInp) {
      let lunchT;
      lunchInp.addEventListener('input', () => {
        clearTimeout(lunchT);
        lunchT = setTimeout(() => {
          if (!todaySession) return;
          saveWorkSession({ id: todaySession.id, lunch_minutes: parseInt(lunchInp.value, 10) || 0 }, false);
        }, 600);
      });
    }
    const endTrip = document.getElementById('time-end-trip');
    if (endTrip) bindButton(endTrip, () => {
      const tid = endTrip.dataset.trip;
      if (!confirm('End trip "' + (activeTrip.name || tid) + '" with today as the end date?')) return;
      updateTrip(tid, { endDate: today });
      window.toast && window.toast('Trip ended');
      renderTimeBody();
    });
    const startTrip = document.getElementById('time-start-trip');
    if (startTrip) bindButton(startTrip, () => {
      if (typeof createTrip === 'function') {
        createTrip();
        window.toast && window.toast('Trip started — set name + dates in Trips tab');
      }
    });

    // Date filter
    const ff = document.getElementById('time-filter-from');
    if (ff) ff.addEventListener('change', e => { TIME.filterFrom = e.target.value; renderTimeBody(); });
    const ft = document.getElementById('time-filter-to');
    if (ft) ft.addEventListener('change', e => { TIME.filterTo = e.target.value; renderTimeBody(); });
    document.querySelectorAll('.time-quick').forEach(b => bindButton(b, () => {
      const d = b.dataset.days;
      const today = new Date();
      const today10 = today.toISOString().slice(0,10);
      if (d === 'all') { TIME.filterFrom = ''; TIME.filterTo = today10; }
      else {
        const ago = new Date(today.getTime() - parseInt(d, 10) * 24 * 60 * 60 * 1000);
        TIME.filterFrom = ago.toISOString().slice(0,10);
        TIME.filterTo = today10;
      }
      renderTimeBody();
    }));
    document.querySelectorAll('.time-sm-chip').forEach(c => bindButton(c, () => {
      TIME.filterSalesman = c.dataset.sm;
      renderTimeBody();
    }));

    // Session list actions
    const addSess = document.getElementById('time-add-session');
    if (addSess) bindButton(addSess, () => openSessionForm(null));
    box.querySelectorAll('.time-edit-session').forEach(b => bindButton(b, () => {
      const s = TIME.sessions.find(x => x.id === b.dataset.id);
      if (s) openSessionForm(s);
    }));
    box.querySelectorAll('.time-del-session').forEach(b => bindButton(b, () => deleteWorkSession(b.dataset.id)));

    // Mileage actions
    const addM = document.getElementById('time-add-mileage');
    if (addM) bindButton(addM, () => openMileageForm(null));
    box.querySelectorAll('.time-edit-mile').forEach(b => bindButton(b, () => {
      const m = TIME.mileage.find(x => x.id === b.dataset.id);
      if (m) openMileageForm(m);
    }));
    box.querySelectorAll('.time-del-mile').forEach(b => bindButton(b, () => deleteMileage(b.dataset.id)));

    // Rate edit
    const rateBtn = document.getElementById('time-edit-rate');
    if (rateBtn) bindButton(rateBtn, () => {
      const v = prompt('Mileage reimbursement rate (' + curSym() + ' per ' + distUnit() + ')?\n' +
        (isAU()
          ? 'ATO cents-per-km standard is 0.88/km (single flat rate).\nFlat rate is fine — set yours below.'
          : 'HMRC standard is 0.45 for first 10k, 0.25 after.\nFlat rate is fine — set yours below.'),
        String(rate));
      if (v === null) return;
      const n = parseFloat(v);
      if (isNaN(n) || n < 0 || n > 5) { window.toast && window.toast('Invalid rate'); return; }
      _setMileageRate(n);
      window.toast && window.toast('Rate set to ' + curSym() + n.toFixed(2) + '/' + distUnit());
      renderTimeBody();
    });
  }

  function _timeStatCard(label, value, sub, accent) {
    return '<div style="background:var(--surface-2);padding:12px 14px;border-radius:10px;border-left:3px solid ' + (accent || 'var(--border)') + ';">' +
      '<div style="font-size:10px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);font-weight:700;">' + label + '</div>' +
      '<div style="font-family:\'Fraunces\',serif;font-size:22px;font-weight:600;color:var(--text);line-height:1.1;margin-top:2px;">' + value + '</div>' +
      (sub ? '<div style="font-size:11px;color:var(--text-muted);margin-top:2px;">' + sub + '</div>' : '') +
    '</div>';
  }

  // === Clock in/out ===
  // ─── Multi-salesman time tracking ─────────────────────────────────────
  // Each pause creates a session segment; each resume creates a NEW segment.
  // Days worked = distinct(date, salesman); total hours = sum across segments.
  // No data is ever overwritten — full audit trail of every pause/resume.

  function _findActiveSession(salesman) {
    const today = _todayISO();
    return TIME.sessions.find(s =>
      s.session_date === today && s.salesman === salesman && !s.end_time
    );
  }
  function _findTodaySessionsAll(salesman) {
    const today = _todayISO();
    return TIME.sessions.filter(s =>
      s.session_date === today && s.salesman === salesman
    );
  }
  function _todayTotalHours(salesman) {
    return _findTodaySessionsAll(salesman).reduce((a, s) => a + _sessionHours(s), 0);
  }

  async function ensureActiveSession(salesman) {
    if (!salesman) return null;
    const active = _findActiveSession(salesman);
    if (active) return active; // already active
    const today = _todayISO();
    const activeTrip = _activeTrip();
    await saveWorkSession({
      salesman: salesman, session_date: today,
      start_time: _hhmmNow(),
      lunch_minutes: 0,
      trip_id: activeTrip ? activeTrip.id : null
    }, true);
    return _findActiveSession(salesman);
  }

  async function pauseSalesman(salesman) {
    const active = _findActiveSession(salesman);
    if (!active) { window.toast && window.toast(salesman + ' not active'); return; }
    const endT = _hhmmNow();
    await saveWorkSession({ id: active.id, end_time: endT }, false);
    window.toast && window.toast(salesman + ' paused at ' + endT);
  }

  async function resumeSalesman(salesman) {
    const had = _findTodaySessionsAll(salesman).length > 0;
    const sess = await ensureActiveSession(salesman);
    if (sess) window.toast && window.toast(salesman + (had ? ' resumed' : ' clocked in') + ' at ' + sess.start_time);
  }

  // Active salesmen list — who's "on the clock" right now (multi-select).
  // Persisted in localStorage so the choice survives page reloads.
  function _loadActiveSalesmen() {
    try {
      const raw = localStorage.getItem('pr_active_salesmen_v1');
      if (raw) {
        const p = JSON.parse(raw);
        if (Array.isArray(p)) return p.filter(x => typeof x === 'string' && x.length);
      }
    } catch (e) {}
    return [];
  }
  function _saveActiveSalesmen(list) {
    try { localStorage.setItem('pr_active_salesmen_v1', JSON.stringify(list)); } catch (e) {}
  }
  function getActiveSalesmen() {
    let list = TIME.activeSalesmen || _loadActiveSalesmen();
    if (list.length === 0 && state.salesman) list = [state.salesman];
    TIME.activeSalesmen = list;
    return list;
  }
  function toggleActiveSalesman(salesman) {
    const list = getActiveSalesmen().slice();
    const i = list.indexOf(salesman);
    if (i >= 0) list.splice(i, 1); else list.push(salesman);
    TIME.activeSalesmen = list;
    _saveActiveSalesmen(list);
  }
  function knownSalesmen() {
    const set = {};
    if (state.salesman) set[state.salesman] = true;
    TIME.sessions.forEach(s => { if (s.salesman) set[s.salesman] = true; });
    TIME.mileage && TIME.mileage.forEach(m => { if (m.salesman) set[m.salesman] = true; });
    return Object.keys(set).sort();
  }

  // ─── Legacy aliases (preserved so any older calls still work) ──────────
  async function doClockIn(salesman) {
    await resumeSalesman(salesman);
  }
  async function doClockOut(salesman) {
    await pauseSalesman(salesman);
  }

  // === Session form (add/edit) ===
  function openSessionForm(existing) {
    const isNew = !existing || !existing.id;
    const me = state.salesman || 'You';
    const item = Object.assign({
      salesman: me,
      session_date: _todayISO(),
      start_time: '',
      end_time: '',
      lunch_minutes: 0,
      trip_id: '',
      location_label: '',
      notes: ''
    }, existing || {});

    const tripOpts = '<option value="">— none —</option>' +
      state.trips.slice().sort((a,b) => (b.startDate || '').localeCompare(a.startDate || '')).map(t =>
        '<option value="' + t.id + '"' + (item.trip_id === t.id ? ' selected' : '') + '>' + escapeHtml(t.name || t.id) + (t.startDate ? ' (' + _tripFormatDate(t.startDate) + ')' : '') + '</option>'
      ).join('');

    const wrap = document.createElement('div');
    wrap.className = 'modal-backdrop open';
    wrap.id = '_session-form-backdrop';
    wrap.innerHTML =
      '<div class="modal" style="max-width:480px;">' +
        '<div class="modal-head"><h2>' + (isNew ? 'Log day' : 'Edit session') + '</h2>' +
          '<button class="icon-btn" id="_sf-close"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></button>' +
        '</div>' +
        '<div class="modal-body">' +
          '<div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;">' +
            '<div><label style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);display:block;margin-bottom:4px;font-weight:600;">Date</label><input type="date" id="_sf-date" value="' + item.session_date + '" style="width:100%;height:38px;padding:0 10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;background:var(--surface);color:var(--text);box-sizing:border-box;" /></div>' +
            '<div><label style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);display:block;margin-bottom:4px;font-weight:600;">Salesman</label><input type="text" id="_sf-salesman" value="' + escapeHtml(item.salesman) + '" style="width:100%;height:38px;padding:0 10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;background:var(--surface);color:var(--text);box-sizing:border-box;" /></div>' +
          '</div>' +
          '<div style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:12px;">' +
            '<div><label style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);display:block;margin-bottom:4px;font-weight:600;">Start</label><input type="time" id="_sf-start" value="' + (item.start_time || '') + '" style="width:100%;height:38px;padding:0 10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;background:var(--surface);color:var(--text);box-sizing:border-box;" /></div>' +
            '<div><label style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);display:block;margin-bottom:4px;font-weight:600;">End</label><input type="time" id="_sf-end" value="' + (item.end_time || '') + '" style="width:100%;height:38px;padding:0 10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;background:var(--surface);color:var(--text);box-sizing:border-box;" /></div>' +
            '<div><label style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);display:block;margin-bottom:4px;font-weight:600;">Lunch (m)</label><input type="number" id="_sf-lunch" min="0" step="5" value="' + (item.lunch_minutes || 0) + '" style="width:100%;height:38px;padding:0 10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;background:var(--surface);color:var(--text);box-sizing:border-box;" /></div>' +
          '</div>' +
          '<div style="margin-bottom:12px;">' +
            '<label style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);display:block;margin-bottom:4px;font-weight:600;">Trip (optional)</label>' +
            '<select id="_sf-trip" style="width:100%;height:38px;padding:0 10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;background:var(--surface);color:var(--text);box-sizing:border-box;">' + tripOpts + '</select>' +
          '</div>' +
          '<div style="margin-bottom:12px;">' +
            '<label style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);display:block;margin-bottom:4px;font-weight:600;">Location</label>' +
            '<input type="text" id="_sf-loc" value="' + escapeHtml(item.location_label || '') + '" placeholder="e.g. Bristol, Cornwall" style="width:100%;height:38px;padding:0 10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;background:var(--surface);color:var(--text);box-sizing:border-box;" />' +
          '</div>' +
          '<div style="margin-bottom:14px;">' +
            '<label style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);display:block;margin-bottom:4px;font-weight:600;">Notes</label>' +
            '<textarea id="_sf-notes" style="width:100%;min-height:60px;padding:10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:13px;background:var(--surface);color:var(--text);box-sizing:border-box;resize:vertical;">' + escapeHtml(item.notes || '') + '</textarea>' +
          '</div>' +
          '<div style="display:flex;gap:8px;">' +
            '<button class="btn btn-primary" id="_sf-save" style="flex:1;">' + (isNew ? 'Add session' : 'Save') + '</button>' +
            '<button class="btn btn-ghost" id="_sf-cancel">Cancel</button>' +
          '</div>' +
        '</div>' +
      '</div>';
    document.body.appendChild(wrap);

    document.getElementById('_sf-close').addEventListener('click', () => wrap.remove());
    document.getElementById('_sf-cancel').addEventListener('click', () => wrap.remove());
    wrap.addEventListener('click', e => { if (e.target === wrap) wrap.remove(); });
    document.getElementById('_sf-save').addEventListener('click', async () => {
      const upd = {
        salesman: (document.getElementById('_sf-salesman').value || me).trim(),
        session_date: document.getElementById('_sf-date').value,
        start_time: document.getElementById('_sf-start').value || null,
        end_time: document.getElementById('_sf-end').value || null,
        lunch_minutes: parseInt(document.getElementById('_sf-lunch').value, 10) || 0,
        trip_id: document.getElementById('_sf-trip').value || null,
        location_label: (document.getElementById('_sf-loc').value || '').trim() || null,
        notes: (document.getElementById('_sf-notes').value || '').trim() || null
      };
      if (!upd.session_date) { window.toast && window.toast('Date required'); return; }
      if (!upd.salesman) { window.toast && window.toast('Salesman required'); return; }
      try {
        if (isNew) {
          // Check if a session already exists for this salesman+date (unique constraint)
          const dupe = TIME.sessions.find(s => s.salesman === upd.salesman && s.session_date === upd.session_date);
          if (dupe) {
            if (!confirm('A session already exists for ' + upd.salesman + ' on ' + upd.session_date + '. Overwrite it?')) return;
            await saveWorkSession(Object.assign({ id: dupe.id }, upd), false);
          } else {
            await saveWorkSession(upd, true);
          }
        } else {
          await saveWorkSession(Object.assign({ id: item.id }, upd), false);
        }
        wrap.remove();
        window.toast && window.toast(isNew ? 'Session added' : 'Saved');
      } catch (e) { window.toast && window.toast('Save failed: ' + e.message); }
    });
  }

  // === Mileage form ===
  function openMileageForm(existing) {
    const isNew = !existing || !existing.id;
    const me = state.salesman || 'You';
    const activeTrip = _activeTrip();
    const item = Object.assign({
      salesman: me,
      entry_date: _todayISO(),
      miles: '',
      from_location: '',
      to_location: '',
      purpose: 'to_park',
      trip_id: activeTrip ? activeTrip.id : '',
      notes: ''
    }, existing || {});

    const tripOpts = '<option value="">— none —</option>' +
      state.trips.slice().sort((a,b) => (b.startDate || '').localeCompare(a.startDate || '')).map(t =>
        '<option value="' + t.id + '"' + (item.trip_id === t.id ? ' selected' : '') + '>' + escapeHtml(t.name || t.id) + (t.startDate ? ' (' + _tripFormatDate(t.startDate) + ')' : '') + '</option>'
      ).join('');

    const purposes = [
      ['commute','Commute'],['to_park','To park'],['to_hotel','To hotel'],
      ['dinner','Dinner / out'],['return_home','Return home'],['other','Other']
    ];
    const purpOpts = purposes.map(([v,l]) => '<option value="' + v + '"' + (item.purpose === v ? ' selected' : '') + '>' + l + '</option>').join('');

    const wrap = document.createElement('div');
    wrap.className = 'modal-backdrop open';
    wrap.id = '_mile-form-backdrop';
    wrap.innerHTML =
      '<div class="modal" style="max-width:480px;">' +
        '<div class="modal-head"><h2>' + (isNew ? 'Add mileage' : 'Edit mileage') + '</h2>' +
          '<button class="icon-btn" id="_mf-close"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></button>' +
        '</div>' +
        '<div class="modal-body">' +
          '<div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;">' +
            '<div><label style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);display:block;margin-bottom:4px;font-weight:600;">Date</label><input type="date" id="_mf-date" value="' + item.entry_date + '" style="width:100%;height:38px;padding:0 10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;background:var(--surface);color:var(--text);box-sizing:border-box;" /></div>' +
            '<div><label style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);display:block;margin-bottom:4px;font-weight:600;">' + (usesKm() ? 'Km' : 'Miles') + '</label><input type="number" id="_mf-miles" min="0" step="0.1" value="' + (item.miles || '') + '" style="width:100%;height:38px;padding:0 10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;background:var(--surface);color:var(--text);box-sizing:border-box;" /></div>' +
          '</div>' +
          '<div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;">' +
            '<div><label style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);display:block;margin-bottom:4px;font-weight:600;">From</label><input type="text" id="_mf-from" value="' + escapeHtml(item.from_location || '') + '" placeholder="e.g. Home" style="width:100%;height:38px;padding:0 10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;background:var(--surface);color:var(--text);box-sizing:border-box;" /></div>' +
            '<div><label style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);display:block;margin-bottom:4px;font-weight:600;">To</label><input type="text" id="_mf-to" value="' + escapeHtml(item.to_location || '') + '" placeholder="e.g. Bristol park" style="width:100%;height:38px;padding:0 10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;background:var(--surface);color:var(--text);box-sizing:border-box;" /></div>' +
          '</div>' +
          '<div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;">' +
            '<div><label style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);display:block;margin-bottom:4px;font-weight:600;">Purpose</label><select id="_mf-purpose" style="width:100%;height:38px;padding:0 10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;background:var(--surface);color:var(--text);box-sizing:border-box;">' + purpOpts + '</select></div>' +
            '<div><label style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);display:block;margin-bottom:4px;font-weight:600;">Salesman</label><input type="text" id="_mf-salesman" value="' + escapeHtml(item.salesman) + '" style="width:100%;height:38px;padding:0 10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;background:var(--surface);color:var(--text);box-sizing:border-box;" /></div>' +
          '</div>' +
          '<div style="margin-bottom:12px;">' +
            '<label style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);display:block;margin-bottom:4px;font-weight:600;">Trip (optional)</label>' +
            '<select id="_mf-trip" style="width:100%;height:38px;padding:0 10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;background:var(--surface);color:var(--text);box-sizing:border-box;">' + tripOpts + '</select>' +
          '</div>' +
          '<div style="margin-bottom:14px;">' +
            '<label style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);display:block;margin-bottom:4px;font-weight:600;">Notes</label>' +
            '<textarea id="_mf-notes" style="width:100%;min-height:50px;padding:10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:13px;background:var(--surface);color:var(--text);box-sizing:border-box;resize:vertical;">' + escapeHtml(item.notes || '') + '</textarea>' +
          '</div>' +
          '<div style="display:flex;gap:8px;">' +
            '<button class="btn btn-primary" id="_mf-save" style="flex:1;">' + (isNew ? 'Add entry' : 'Save') + '</button>' +
            '<button class="btn btn-ghost" id="_mf-cancel">Cancel</button>' +
          '</div>' +
        '</div>' +
      '</div>';
    document.body.appendChild(wrap);

    document.getElementById('_mf-close').addEventListener('click', () => wrap.remove());
    document.getElementById('_mf-cancel').addEventListener('click', () => wrap.remove());
    wrap.addEventListener('click', e => { if (e.target === wrap) wrap.remove(); });
    document.getElementById('_mf-save').addEventListener('click', async () => {
      const miles = parseFloat(document.getElementById('_mf-miles').value);
      if (!miles || miles <= 0) { window.toast && window.toast((usesKm() ? 'Km' : 'Miles') + ' required'); return; }
      const upd = {
        salesman: (document.getElementById('_mf-salesman').value || me).trim(),
        entry_date: document.getElementById('_mf-date').value,
        miles: miles,
        from_location: (document.getElementById('_mf-from').value || '').trim() || null,
        to_location: (document.getElementById('_mf-to').value || '').trim() || null,
        purpose: document.getElementById('_mf-purpose').value || null,
        trip_id: document.getElementById('_mf-trip').value || null,
        notes: (document.getElementById('_mf-notes').value || '').trim() || null
      };
      try {
        if (isNew) await saveMileage(upd, true);
        else await saveMileage(Object.assign({ id: item.id }, upd), false);
        wrap.remove();
        window.toast && window.toast(isNew ? 'Mileage added' : 'Saved');
      } catch (e) { window.toast && window.toast('Save failed: ' + e.message); }
    });
  }

  // =========================================================================
  // CALLS / CALLBACKS TAB — follow-up tracking
  // =========================================================================
  const CALLBACKS = {
    items: [],
    loaded: false,
    loading: false,
    filter: 'open',  // 'all' | 'open' | 'overdue' | 'thisweek' | 'completed'
    sort: 'due_asc'  // 'due_asc' | 'due_desc' | 'recent'
  };

  async function callbacksApi(path, opts) {
    return api(path.replace(/^\//, '/'), opts);
  }
  async function fetchCallbacks() {
    CALLBACKS.loading = true;
    try {
      const rows = await api('/callbacks?select=*&order=due_date.asc.nullslast,created_at.desc');
      CALLBACKS.items = rows || [];
      CALLBACKS.loaded = true;
    } catch (e) {
      console.warn('[Calls] fetch failed:', e);
      window.toast && window.toast('Could not load callbacks');
    } finally { CALLBACKS.loading = false; }
    updateCallsBadge();
  }
  function _cbId() { return 'cb_' + Math.random().toString(36).slice(2, 10); }
  // V-311: callbacks now save LOCAL-FIRST (like deals), so a network blip can't
  // lose them. We merge the row into the in-memory list + localStorage straight
  // away, then try the network write; if that fails we queue it and a background
  // loop retries until it lands. This makes the "saved on your phone" promise true.
  var CB_QUEUE_KEY = 'pr_cb_queue';
  function _cbQueueGet() { try { return JSON.parse(localStorage.getItem(CB_QUEUE_KEY) || '[]'); } catch (e) { return []; } }
  function _cbQueueSet(q) { try { localStorage.setItem(CB_QUEUE_KEY, JSON.stringify(q || [])); } catch (e) {} }
  function _cbQueueAdd(c, isNew) {
    var q = _cbQueueGet().filter(function (x) { return x.c.id !== c.id; });
    q.push({ c: c, isNew: isNew, at: Date.now() });
    _cbQueueSet(q);
  }
  function _cbLocalMerge(c) {
    if (!CALLBACKS.items) CALLBACKS.items = [];
    var i = CALLBACKS.items.findIndex(function (x) { return x.id === c.id; });
    if (i >= 0) CALLBACKS.items[i] = Object.assign({}, CALLBACKS.items[i], c);
    else CALLBACKS.items.unshift(c);
    try { localStorage.setItem('pr_callbacks_cache', JSON.stringify(CALLBACKS.items)); } catch (e) {}
  }
  async function _cbNetWrite(c, isNew) {
    if (isNew) {
      await api('/callbacks', {
        method: 'POST',
        headers: { 'Content-Type':'application/json', 'Prefer':'return=minimal' },
        body: JSON.stringify(c)
      });
    } else {
      await api('/callbacks?id=eq.' + encodeURIComponent(c.id), {
        method: 'PATCH',
        headers: { 'Content-Type':'application/json', 'Prefer':'return=minimal' },
        body: JSON.stringify(c)
      });
    }
  }
  async function flushCallbackQueue() {
    var q = _cbQueueGet();
    if (!q.length) return;
    var remaining = [];
    for (var i = 0; i < q.length; i++) {
      try { await _cbNetWrite(q[i].c, q[i].isNew); }
      catch (e) { remaining.push(q[i]); } // still offline — keep it queued
    }
    _cbQueueSet(remaining);
    if (remaining.length === 0) {
      try { await fetchCallbacks(); } catch (e) {}
      if (state.currentTab === 'calls') renderCallsBody();
      window.toast && window.toast('Callbacks synced');
    }
  }
  window.flushCallbackQueue = flushCallbackQueue;

  // ─── GENERIC OFFLINE WRITE QUEUE (V-312) ──────────────────────────────────
  // A single durable retry queue for the scattered direct-write tables that
  // DON'T ride the parkroute_sync blob merge (approvals, park_visits, profiles,
  // audit_log). Each queued op is persisted to localStorage and retried by a
  // background loop + on 'online' until it lands — so a network drop in the
  // field can never lose the write. These tables are INSERT-mostly/append-only,
  // so there's no cross-user overwrite risk here; the never-overwrite MERGE that
  // matters for shared records is handled separately by mergeById on the blob.
  var OPQ_KEY = 'pr_opqueue';
  function _opqGet() { try { return JSON.parse(localStorage.getItem(OPQ_KEY) || '[]'); } catch (e) { return []; } }
  function _opqSet(q) { try { localStorage.setItem(OPQ_KEY, JSON.stringify(q || [])); } catch (e) {} }
  // op = { id, table, verb:'insert'|'update'|'upsert', row, match?:{col:val}, at }
  function _opqAdd(op) {
    op.id = op.id || ('op_' + Date.now() + '_' + Math.random().toString(36).slice(2, 7));
    op.at = op.at || Date.now();
    var q = _opqGet(); q.push(op); _opqSet(q);
  }
  async function _opqRun(op) {
    if (!sbClient) throw new Error('no client');
    var t = sbClient.from(op.table);
    var res;
    if (op.verb === 'update') {
      var u = t.update(op.row);
      Object.keys(op.match || {}).forEach(function (k) { u = u.eq(k, op.match[k]); });
      res = await u;
    } else if (op.verb === 'upsert') {
      res = await t.upsert(op.row, op.onConflict ? { onConflict: op.onConflict } : undefined);
    } else { // insert
      res = await t.insert(Array.isArray(op.row) ? op.row : [op.row]);
    }
    if (res && res.error) throw res.error;
    return true;
  }
  // Try an op immediately; if it fails, queue it for retry. Returns true if it
  // landed online, false if it was queued (caller treats both as "saved").
  async function queuedWrite(op) {
    try { await _opqRun(op); return true; }
    catch (e) { _opqAdd(op); console.warn('[OPQ] queued', op.table, op.verb, e && e.message); return false; }
  }
  window.queuedWrite = queuedWrite;
  async function flushOpQueue() {
    var q = _opqGet();
    if (!q.length) return;
    var remaining = [];
    for (var i = 0; i < q.length; i++) {
      try { await _opqRun(q[i]); }
      catch (e) { remaining.push(q[i]); }
    }
    _opqSet(remaining);
    if (remaining.length === 0 && q.length) window.toast && window.toast('Offline changes synced');
  }
  window.flushOpQueue = flushOpQueue;
  // One unified retry heartbeat for BOTH queues + the dirty blob, every 20s and
  // whenever the network returns or the app is brought to the foreground.
  function _flushAllQueues() {
    try { if (_cbQueueGet().length) flushCallbackQueue(); } catch (e) {}
    try { if (_opqGet().length) flushOpQueue(); } catch (e) {}
    try { if (state.dirty && typeof pushSync === 'function') pushSync(); } catch (e) {}
  }
  window._flushAllQueues = _flushAllQueues;
  setInterval(_flushAllQueues, 20000);
  window.addEventListener('online', _flushAllQueues);
  document.addEventListener('visibilitychange', function () { if (!document.hidden) _flushAllQueues(); });
  // Retry every 20s while anything is queued, and whenever we come back online.
  setInterval(function () { if (_cbQueueGet().length) flushCallbackQueue(); }, 20000);
  window.addEventListener('online', function () { if (_cbQueueGet().length) flushCallbackQueue(); });

  async function saveCallback(c, isNew) {
    c.updated_at = new Date().toISOString();
    if (isNew) {
      c.id = c.id || _cbId();
      c.created_at = c.created_at || new Date().toISOString();
      c.created_by = c.created_by || state.salesman || 'You';
      if (!c.country) c.country = (window.state && window.state.country) || 'UK';
    }
    // 1) LOCAL FIRST — the callback is now safe on-device regardless of network.
    _cbLocalMerge(c);
    if (state.currentTab === 'calls') { try { renderCallsBody(); } catch (e) {} }
    // 2) Try the network write. On failure, queue for auto-retry (don't throw —
    //    the callback is already saved locally and will sync).
    var _online = true;
    try {
      await _cbNetWrite(c, isNew);
    } catch (e) {
      _online = false;
      _cbQueueAdd(c, isNew);
      console.warn('[Calls] save queued (offline/failed):', e && e.message);
    }
    if (_online) {
      try { await fetchCallbacks(); } catch (e) {}
    }
    if (state.currentTab === 'calls') renderCallsBody();
    // Callbacks feed the Clients CRM — refresh it if the user is viewing it.
    if (document.getElementById('clients-view') && typeof window.renderClientsTab === 'function') {
      try { window.renderClientsTab(); } catch (e) {}
    }
    return _online;
  }
  async function deleteCallbackRow(id) {
    if (!confirm('Delete this callback permanently?')) return;
    try {
      await api('/callbacks?id=eq.' + encodeURIComponent(id), { method:'DELETE' });
      await fetchCallbacks();
      if (state.currentTab === 'calls') renderCallsBody();
      window.toast && window.toast('Callback deleted');
    } catch (e) { window.toast && window.toast('Delete failed'); }
  }
  async function completeCallback(id) {
    const c = CALLBACKS.items.find(x => x.id === id);
    if (!c) return;
    await saveCallback({
      id: id,
      status: c.status === 'completed' ? 'open' : 'completed',
      completed_at: c.status === 'completed' ? null : new Date().toISOString(),
      completed_by: c.status === 'completed' ? null : (state.salesman || 'You')
    }, false);
    window.toast && window.toast(c.status === 'completed' ? 'Reopened' : 'Completed');
  }

  // --- Categorise + counts ---
  function _todayDateISO() { return new Date().toISOString().slice(0, 10); }
  // "16:30" -> "4:30pm" for display. Returns input unchanged if not HH:MM.
  function _fmtTime12(t) {
    if (!t || typeof t !== 'string' || t.indexOf(':') < 0) return t || '';
    var parts = t.split(':'); var h = parseInt(parts[0], 10); var m = parts[1] || '00';
    if (isNaN(h)) return t;
    var ap = h < 12 ? 'am' : 'pm'; var h12 = h % 12; if (h12 === 0) h12 = 12;
    return h12 + ':' + m + ap;
  }
  function _addDays(iso, n) { const d = new Date(iso + 'T00:00:00'); d.setDate(d.getDate() + n); return d.toISOString().slice(0,10); }
  function _cbCategory(c) {
    if (c.status === 'completed') return 'completed';
    if (c.status === 'cancelled') return 'cancelled';
    if (!c.due_date) return 'undated';
    const today = _todayDateISO();
    if (c.due_date < today) return 'overdue';
    if (c.due_date <= _addDays(today, 7)) return 'thisweek';
    return 'upcoming';
  }
  function _cbCounts() {
    const c = { overdue: 0, thisweek: 0, upcoming: 0, undated: 0, completed: 0, openTotal: 0 };
    CALLBACKS.items.forEach(x => {
      const cat = _cbCategory(x);
      c[cat] = (c[cat] || 0) + 1;
      if (x.status === 'open') c.openTotal++;
    });
    return c;
  }
  function updateCallsBadge() {
    const badge = document.getElementById('calls-tab-badge');
    if (!badge) return;
    const counts = _cbCounts();
    const n = counts.overdue + counts.thisweek;
    if (n > 0) { badge.textContent = String(n); badge.style.display = ''; }
    else { badge.style.display = 'none'; }
  }

  // --- Render Calls tab ---
  async function renderCallsTab() {
    const box = document.getElementById('calls-view');
    if (!box) return;
    if (!CALLBACKS.loaded && !CALLBACKS.loading) {
      box.innerHTML = '<div style="padding:14px;color:var(--text-muted);text-align:center;font-size:13px;">Loading callbacks…</div>';
      await fetchCallbacks();
    }
    renderCallsBody();
  }

  function renderCallsBody() {
    const box = document.getElementById('calls-view');
    if (!box) return;
    const counts = _cbCounts();
    const today = _todayDateISO();

    // Filter the list
    let filtered = CALLBACKS.items.slice();
    if (CALLBACKS.filter === 'open')      filtered = filtered.filter(c => c.status === 'open');
    if (CALLBACKS.filter === 'overdue')   filtered = filtered.filter(c => _cbCategory(c) === 'overdue');
    if (CALLBACKS.filter === 'thisweek')  filtered = filtered.filter(c => _cbCategory(c) === 'thisweek');
    if (CALLBACKS.filter === 'completed') filtered = filtered.filter(c => c.status === 'completed');

    // Sort: overdue first, then due ascending (nulls last), then created desc
    filtered.sort((a, b) => {
      const ao = _cbCategory(a) === 'overdue' ? 0 : 1;
      const bo = _cbCategory(b) === 'overdue' ? 0 : 1;
      if (ao !== bo) return ao - bo;
      if (a.due_date && !b.due_date) return -1;
      if (!a.due_date && b.due_date) return 1;
      if (a.due_date && b.due_date) return a.due_date.localeCompare(b.due_date);
      return (b.created_at || '').localeCompare(a.created_at || '');
    });

    let html = '';

    // === HEADER ===
    html += '<div style="display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:12px;">' +
      '<div style="min-width:0;">' +
        '<h2 style="margin:0;">Call-Backs</h2>' +
        '<div style="font-size:12px;color:var(--text-muted);margin-top:2px;">Clients to go back and see by appointment.</div>' +
      '</div>' +
      '<button class="btn btn-primary" id="calls-add-btn" style="height:36px;padding:0 14px;font-size:13px;font-weight:600;flex-shrink:0;">+ New</button>' +
    '</div>';

    // === STAT CARDS ===
    function stat(label, value, sub, color) {
      return '<div style="background:var(--surface);border:1px solid var(--border);border-left:3px solid ' + color + ';border-radius:10px;padding:10px 12px;">' +
        '<div style="font-size:10px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);font-weight:700;">' + label + '</div>' +
        '<div style="font-size:22px;font-weight:700;color:' + color + ';line-height:1.1;margin-top:2px;">' + value + '</div>' +
        (sub ? '<div style="font-size:11px;color:var(--text-muted);margin-top:1px;">' + sub + '</div>' : '') +
      '</div>';
    }
    html += '<div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;">' +
      stat('Overdue', String(counts.overdue), counts.overdue > 0 ? 'action needed' : 'all caught up', '#C53030') +
      stat('Due this week', String(counts.thisweek), counts.thisweek > 0 ? 'next 7 days' : 'free', '#D97706') +
      stat('Upcoming', String(counts.upcoming), 'beyond 7 days', '#2563EB') +
      stat('Open total', String(counts.openTotal), counts.undated > 0 ? counts.undated + ' undated' : 'all dated', '#2B6E4A') +
    '</div>';

    // === FILTER CHIPS ===
    const filters = [
      { k: 'open', l: 'Open (' + counts.openTotal + ')' },
      { k: 'overdue', l: 'Overdue (' + counts.overdue + ')' },
      { k: 'thisweek', l: 'This week (' + counts.thisweek + ')' },
      { k: 'completed', l: 'Done (' + counts.completed + ')' },
      { k: 'all', l: 'All' }
    ];
    html += '<div style="display:flex;gap:6px;overflow-x:auto;margin-bottom:12px;padding-bottom:4px;">' +
      filters.map(f =>
        '<button class="chip calls-filter-chip' + (CALLBACKS.filter === f.k ? ' active' : '') + '" data-k="' + f.k + '" ' +
        'style="white-space:nowrap;flex-shrink:0;' +
        (CALLBACKS.filter === f.k
          ? 'background:var(--primary);color:#fff;border-color:var(--primary);'
          : '') +
        '">' + f.l + '</button>'
      ).join('') +
    '</div>';

    // === LIST ===
    if (filtered.length === 0) {
      html += '<div style="padding:34px 14px;text-align:center;color:var(--text-muted);background:var(--surface-2);border-radius:12px;font-size:13px;">' +
        '<div style="margin-bottom:8px;opacity:0.6;display:flex;justify-content:center;">' + icoSvg('phone',32,'currentColor') + '</div>' +
        'No callbacks ' + (CALLBACKS.filter === 'all' ? 'yet' : 'matching “' + CALLBACKS.filter + '”') + '.<br>' +
        '<span style="font-size:11px;">Tap + New, or open a park and tap “+ Callback”.</span>' +
      '</div>';
    } else {
      html += '<div style="display:flex;flex-direction:column;gap:8px;">';
      filtered.forEach(c => {
        const cat = _cbCategory(c);
        const colorBar = cat === 'overdue' ? '#C53030'
                       : cat === 'thisweek' ? '#D97706'
                       : cat === 'upcoming' ? '#2563EB'
                       : cat === 'completed' ? '#2B6E4A'
                       : '#6B6760';
        const parkObj = c.park_id ? getParkById(c.park_id) : null;
        const parkText = parkObj ? parkObj.name : (c.park_label || '');
        const dueText = c.due_date
          ? (cat === 'overdue' ? icoSvg('warning',11,'#C53030') + ' Overdue · ' : '') + new Date(c.due_date + 'T00:00:00').toLocaleDateString('en-GB', { day:'numeric', month:'short', year:'numeric' }) + (c.due_time ? (' · ' + _fmtTime12(c.due_time)) : '')
          : (c.due_time ? _fmtTime12(c.due_time) : 'No due date');
        const isDone = c.status === 'completed';
        html += '<div class="cb-card" data-id="' + escapeHtml(c.id) + '" style="background:var(--surface);border:1px solid var(--border);border-left:3px solid ' + colorBar + ';border-radius:10px;padding:11px 12px;' + (isDone ? 'opacity:0.55;' : '') + '">' +
          // Row 1: name + badges + actions
          '<div style="display:flex;align-items:flex-start;gap:8px;margin-bottom:4px;">' +
            '<div style="flex:1;min-width:0;">' +
              '<div style="font-weight:700;font-size:14.5px;' + (isDone ? 'text-decoration:line-through;' : '') + '">' + escapeHtml(c.contact_name || c.address || c.notes?.slice(0,40) || 'Unnamed callback') + '</div>' +
              (parkText ? '<div style="font-size:11.5px;color:var(--text-muted);font-weight:500;margin-top:1px;">' + escapeHtml(parkText) + (parkObj ? ' <span style="color:var(--primary);">↗</span>' : '') + '</div>' : '') +
            '</div>' +
            '<button class="cb-todeal" data-id="' + escapeHtml(c.id) + '" title="Convert to deal" style="flex-shrink:0;width:30px;height:30px;border:1.5px solid var(--primary);background:var(--primary);color:#fff;border-radius:8px;cursor:pointer;font-size:14px;font-weight:800;">£</button>' +
            '<button class="cb-complete" data-id="' + escapeHtml(c.id) + '" title="Mark complete" style="flex-shrink:0;width:30px;height:30px;border:1.5px solid ' + (isDone ? '#2B6E4A' : 'var(--border)') + ';background:' + (isDone ? '#2B6E4A' : 'var(--surface)') + ';color:' + (isDone ? '#fff' : 'var(--text-muted)') + ';border-radius:8px;cursor:pointer;font-size:14px;font-weight:700;">✓</button>' +
            '<button class="cb-edit" data-id="' + escapeHtml(c.id) + '" title="Edit" style="flex-shrink:0;width:30px;height:30px;border:1.5px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:8px;cursor:pointer;font-size:13px;">✎</button>' +
          '</div>' +
          // Row 2: due date + phone
          '<div style="display:flex;gap:10px;font-size:12px;color:' + (cat === 'overdue' ? '#C53030' : 'var(--text-muted)') + ';font-weight:' + (cat === 'overdue' ? '700' : '500') + ';margin-bottom:' + (c.notes || c.address ? '6px' : '0') + ';">' +
            '<span style="display:inline-flex;align-items:center;gap:4px;">' + icoSvg('calendar',12,'currentColor') + dueText + '</span>' +
            (c.phone ? '<a href="tel:' + escapeHtml(c.phone) + '" style="color:var(--primary);font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:4px;">' + icoSvg('phone',12,'currentColor') + escapeHtml(c.phone) + '</a>' : '') +
            ((c.lat != null && c.lng != null) ? '<a href="https://www.google.com/maps/dir/?api=1&destination=' + Number(c.lat) + ',' + Number(c.lng) + '" target="_blank" rel="noopener" style="color:var(--primary);font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:4px;">' + icoSvg('pin',12,'currentColor') + 'Navigate</a>' : '') +
          '</div>' +
          // Row 3: notes/address
          (c.notes ? '<div style="font-size:12.5px;color:var(--text);line-height:1.4;margin-bottom:' + (c.address && !parkText ? '4px' : '0') + ';">' + escapeHtml(c.notes) + '</div>' : '') +
          (c.address && !parkText ? '<div style="font-size:11.5px;color:var(--text-muted);font-style:italic;margin-top:2px;">' + icoSvg('pin',11,'currentColor') + ' ' + escapeHtml(c.address) + '</div>' : '') +
          (c.address && parkText && c.address.length > 0 && c.address !== parkText ? '<div style="font-size:11.5px;color:var(--text-muted);font-style:italic;margin-top:2px;">' + icoSvg('pin',11,'currentColor') + ' ' + escapeHtml(c.address) + '</div>' : '') +
        '</div>';
      });
      html += '</div>';
    }

    box.innerHTML = html;

    // Wire up
    const addBtn = document.getElementById('calls-add-btn');
    if (addBtn) bindButton(addBtn, () => openCallbackForm(null));
    document.querySelectorAll('.calls-filter-chip').forEach(b =>
      bindButton(b, () => { CALLBACKS.filter = b.dataset.k; renderCallsBody(); }));
    document.querySelectorAll('.cb-complete').forEach(b =>
      bindButton(b, () => completeCallback(b.dataset.id)));
    document.querySelectorAll('.cb-todeal').forEach(b =>
      bindButton(b, () => {
        const c = CALLBACKS.items.find(x => x.id === b.dataset.id);
        if (c) window.convertCallbackToDeal(c);
      }));
    document.querySelectorAll('.cb-edit').forEach(b =>
      bindButton(b, () => {
        const c = CALLBACKS.items.find(x => x.id === b.dataset.id);
        if (c) openCallbackForm(c);
      }));
    // Tapping the park name jumps to the park
    document.querySelectorAll('.cb-card').forEach(card => {
      const id = card.dataset.id;
      const c = CALLBACKS.items.find(x => x.id === id);
      if (c && c.park_id && getParkById(c.park_id)) {
        const linkEl = card.querySelector('div[style*="font-weight:500"]');
        if (linkEl) {
          linkEl.style.cursor = 'pointer';
          linkEl.addEventListener('click', (e) => {
            e.stopPropagation();
            window.switchTab('parks');
            window.openParkPanel && window.openParkPanel(c.park_id);
          });
        }
      }
    });
  }

  // --- Add / edit modal ---
  function openCallbackForm(existing) {
    const isNew = !existing || !existing.id;
    const c = Object.assign({
      contact_name: '', phone: '', park_id: '', park_label: '',
      address: '', notes: '', due_date: '', status: 'open'
    }, existing || {});
    // If opened from a park, prefill
    if (isNew && state.openParkId) {
      const p = getParkById(state.openParkId);
      if (p) { c.park_id = p.id; c.park_label = p.name; }
    }
    const wrap = document.createElement('div');
    wrap.className = 'modal-backdrop open';
    wrap.id = '_cb-form-backdrop';

    // Build a "recents" list: parks used in recent callbacks + parks in trips,
    // most-recent first, deduped — surfaced at the top of the searchable picker.
    const recentIds = [];
    (state.callbacks || []).slice().sort((a,b)=>String(b.created_at||b.due_date||'').localeCompare(String(a.created_at||a.due_date||''))).forEach(cb => {
      if (cb.park_id && recentIds.indexOf(cb.park_id) < 0) recentIds.push(cb.park_id);
    });
    (state.trips || []).slice().sort((a,b)=>String(b.startDate||'').localeCompare(String(a.startDate||''))).forEach(t => {
      (t.parkIds || []).forEach(pid => { if (pid && recentIds.indexOf(pid) < 0) recentIds.push(pid); });
    });
    const sortedParks = state.parks.slice().sort((a, b) =>
      (a.name || '').localeCompare(b.name || ''));
    // Initial label for the search box if a park is already selected.
    let _initParkLabel = '';
    if (c.park_id) {
      const _ip = getParkById(c.park_id);
      if (_ip) _initParkLabel = _ip.name + (_ip.town ? (' · ' + _ip.town) : '');
    }

    wrap.innerHTML =
      '<div class="modal" style="max-width:480px;">' +
        '<div class="modal-head"><h2>' + (isNew ? 'New callback' : 'Edit callback') + '</h2>' +
          '<button class="icon-btn" id="_cb-close"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></button>' +
        '</div>' +
        '<div class="modal-body">' +
          '<div style="display:flex;flex-direction:column;gap:10px;">' +
            '<div><label style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);font-weight:600;display:block;margin-bottom:3px;">Contact name</label>' +
              '<input type="text" id="_cb-name" value="' + escapeHtml(c.contact_name || '') + '" placeholder="Mrs Smith" style="width:100%;height:38px;padding:0 10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;background:var(--surface);color:var(--text);box-sizing:border-box;" /></div>' +
            '<div><label style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);font-weight:600;display:block;margin-bottom:3px;">Phone</label>' +
              '<input type="tel" id="_cb-phone" value="' + escapeHtml(c.phone || '') + '" placeholder="07xxx xxxxxx" style="width:100%;height:38px;padding:0 10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;background:var(--surface);color:var(--text);box-sizing:border-box;" /></div>' +
            '<div><label style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);font-weight:600;display:block;margin-bottom:3px;">Email <span style="text-transform:none;font-weight:400;color:var(--text-light);">(for booking confirmation)</span></label>' +
              '<input type="email" id="_cb-email" value="' + escapeHtml(c.email || '') + '" placeholder="name@example.com" autocapitalize="off" autocorrect="off" style="width:100%;height:38px;padding:0 10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;background:var(--surface);color:var(--text);box-sizing:border-box;" /></div>' +
            '<div><label style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);font-weight:600;display:block;margin-bottom:3px;">Park</label>' +
              '<input type="hidden" id="_cb-park" value="' + escapeHtml(c.park_id || '') + '" />' +
              '<input type="text" id="_cb-park-search" autocomplete="off" autocapitalize="off" placeholder="Search parks by name or town…" value="' + escapeHtml(_initParkLabel) + '" style="width:100%;height:38px;padding:0 10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;background:var(--surface);color:var(--text);box-sizing:border-box;" />' +
              '<div id="_cb-park-results" style="display:none;max-height:220px;overflow-y:auto;border:1px solid var(--border);border-top:none;border-radius:0 0 8px 8px;background:var(--surface);margin-top:-1px;"></div>' +
              '<div style="font-size:10.5px;color:var(--text-muted);margin-top:3px;">Search, or leave blank and use free-text below.</div></div>' +
            '<div><label style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);font-weight:600;display:block;margin-bottom:3px;">Address / location (free text)</label>' +
              '<div style="display:flex;gap:6px;align-items:stretch;">' +
                '<input type="text" id="_cb-addr" value="' + escapeHtml(c.address || '') + '" placeholder="21 Park Lane, Town" style="flex:1;min-width:0;height:38px;padding:0 10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;background:var(--surface);color:var(--text);box-sizing:border-box;" />' +
                '<button type="button" id="_cb-pin" title="Pin my current location" aria-label="Pin my current location" style="flex:0 0 auto;width:44px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--primary);cursor:pointer;">' +
                  '<svg id="_cb-pin-ic" viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>' +
                '</button>' +
              '</div>' +
              '<input type="hidden" id="_cb-lat" value="' + (c.lat != null ? escapeHtml(String(c.lat)) : '') + '" />' +
              '<input type="hidden" id="_cb-lng" value="' + (c.lng != null ? escapeHtml(String(c.lng)) : '') + '" />' +
              '<div id="_cb-pin-status" style="font-size:10.5px;color:var(--text-muted);margin-top:3px;">' + (c.lat != null && c.lng != null ? ('\uD83D\uDCCD Pinned: ' + Number(c.lat).toFixed(5) + ', ' + Number(c.lng).toFixed(5)) : 'Tap the pin to capture the exact spot you\u2019re standing.') + '</div>' +
            '</div>' +
            '<div><label style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);font-weight:600;display:block;margin-bottom:3px;">Due date &amp; time</label>' +
              '<div style="display:flex;gap:6px;">' +
                '<input type="date" id="_cb-due" value="' + escapeHtml(c.due_date || '') + '" style="flex:1;min-width:0;height:38px;padding:0 10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;background:var(--surface);color:var(--text);box-sizing:border-box;" />' +
                '<input type="time" id="_cb-time" value="' + escapeHtml(c.due_time || '') + '" style="width:118px;flex:0 0 auto;height:38px;padding:0 10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;background:var(--surface);color:var(--text);box-sizing:border-box;" />' +
              '</div>' +
              '<div style="display:flex;gap:4px;margin-top:4px;">' +
                '<button type="button" class="btn btn-ghost _cb-quick" data-d="7" style="flex:1;height:26px;font-size:11px;padding:0;">+1 week</button>' +
                '<button type="button" class="btn btn-ghost _cb-quick" data-d="14" style="flex:1;height:26px;font-size:11px;padding:0;">+2 weeks</button>' +
                '<button type="button" class="btn btn-ghost _cb-quick" data-d="30" style="flex:1;height:26px;font-size:11px;padding:0;">+1 month</button>' +
                '<button type="button" class="btn btn-ghost _cb-quick" data-d="clear" style="flex:1;height:26px;font-size:11px;padding:0;">Clear</button>' +
              '</div></div>' +
            '<div><label style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);font-weight:600;display:block;margin-bottom:3px;">Notes</label>' +
              '<textarea id="_cb-notes" rows="3" placeholder="What they said, what they\'ve got, when to call…" style="width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;background:var(--surface);color:var(--text);box-sizing:border-box;resize:vertical;">' + escapeHtml(c.notes || '') + '</textarea></div>' +
            '<label style="display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text);cursor:pointer;padding:2px 0;">' +
              '<input type="checkbox" id="_cb-send-confirm" style="width:18px;height:18px;flex-shrink:0;" />' +
              '<span>Email a booking confirmation to the client</span></label>' +
          '</div>' +
          '<div style="display:flex;gap:8px;margin-top:14px;">' +
            (isNew ? '' : '<button class="btn btn-ghost" id="_cb-delete" style="flex:0 0 auto;height:42px;padding:0 14px;font-size:13px;color:#C53030;">Delete</button>') +
            '<button class="btn btn-secondary" id="_cb-cancel" style="flex:1;height:42px;font-size:14px;">Cancel</button>' +
            '<button class="btn btn-primary" id="_cb-save" style="flex:1.4;height:42px;font-size:14px;font-weight:700;">' + (isNew ? 'Add callback' : 'Save') + '</button>' +
          '</div>' +
        '</div>' +
      '</div>';
    document.body.appendChild(wrap);

    const close = () => wrap.remove();
    document.getElementById('_cb-close').addEventListener('click', close);
    document.getElementById('_cb-cancel').addEventListener('click', close);
    wrap.addEventListener('click', e => { if (e.target === wrap) close(); });

    // Quick-date buttons
    wrap.querySelectorAll('._cb-quick').forEach(b => bindButton(b, () => {
      const dueEl = document.getElementById('_cb-due');
      if (b.dataset.d === 'clear') { dueEl.value = ''; var tEl = document.getElementById('_cb-time'); if (tEl) tEl.value = ''; return; }
      const days = parseInt(b.dataset.d, 10);
      const d = new Date(); d.setDate(d.getDate() + days);
      dueEl.value = d.toISOString().slice(0, 10);
    }));

    // --- Searchable park picker ---
    const searchEl = document.getElementById('_cb-park-search');
    const hiddenEl = document.getElementById('_cb-park');
    const resultsEl = document.getElementById('_cb-park-results');
    function parkRowHtml(p, tag) {
      return '<button type="button" class="_cb-park-opt" data-id="' + escapeHtml(p.id) + '" data-label="' + escapeHtml(p.name + (p.town ? (' · ' + p.town) : '')) + '" style="display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;text-align:left;padding:9px 11px;border:none;border-bottom:1px solid var(--border);background:transparent;cursor:pointer;font-size:13.5px;color:var(--text);">' +
        '<span style="min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"><strong style="font-weight:600;">' + escapeHtml(p.name) + '</strong>' + (p.town ? ' <span style="color:var(--text-muted);">· ' + escapeHtml(p.town) + '</span>' : '') + '</span>' +
        (tag ? '<span style="flex-shrink:0;font-size:10px;color:var(--text-light);text-transform:uppercase;letter-spacing:0.04em;">' + tag + '</span>' : '') +
      '</button>';
    }
    function renderParkResults(q) {
      q = (q || '').trim().toLowerCase();
      let html = '';
      if (!q) {
        // Show recents first when the box is focused but empty.
        const recents = recentIds.map(id => getParkById(id)).filter(Boolean).slice(0, 12);
        if (recents.length) {
          html += '<div style="padding:6px 11px;font-size:10px;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-light);background:var(--surface-2);">Recent</div>';
          html += recents.map(p => parkRowHtml(p, 'recent')).join('');
        } else {
          html += '<div style="padding:11px;font-size:12.5px;color:var(--text-muted);">Type to search ' + state.parks.length + ' locations…</div>';
        }
      } else {
        const matches = [];
        for (let i = 0; i < sortedParks.length && matches.length < 40; i++) {
          const p = sortedParks[i];
          const hay = ((p.name || '') + ' ' + (p.town || '') + ' ' + (p.county || '')).toLowerCase();
          if (hay.indexOf(q) >= 0) matches.push(p);
        }
        html += matches.length ? matches.map(p => parkRowHtml(p, '')).join('')
                               : '<div style="padding:11px;font-size:12.5px;color:var(--text-muted);">No matches — leave blank to use free-text address.</div>';
      }
      resultsEl.innerHTML = html;
      resultsEl.style.display = 'block';
      resultsEl.querySelectorAll('._cb-park-opt').forEach(btn => {
        btn.addEventListener('click', () => {
          hiddenEl.value = btn.dataset.id;
          searchEl.value = btn.dataset.label;
          resultsEl.style.display = 'none';
        });
      });
    }
    if (searchEl) {
      searchEl.addEventListener('focus', () => renderParkResults(searchEl.value === '' ? '' : ''));
      searchEl.addEventListener('input', () => { hiddenEl.value = ''; renderParkResults(searchEl.value); });
      // Hide results when clicking elsewhere in the modal.
      wrap.addEventListener('click', (e) => {
        if (e.target !== searchEl && !resultsEl.contains(e.target)) resultsEl.style.display = 'none';
      });
    }

    if (!isNew) {
      const delBtn = document.getElementById('_cb-delete');
      if (delBtn) delBtn.addEventListener('click', async () => {
        await deleteCallbackRow(c.id);
        close();
      });
    }

    // V-310: "Pin my location" — capture the exact spot you're standing for the
    // callback (so a return visit can navigate straight to it), store the coords
    // in the hidden lat/lng fields, and reverse-geocode to fill the address text
    // so you can see where it landed. Coords persist to callbacks.lat/lng.
    var _cbPinBtn = document.getElementById('_cb-pin');
    if (_cbPinBtn) {
      _cbPinBtn.addEventListener('click', function () {
        var statusEl = document.getElementById('_cb-pin-status');
        var icon = document.getElementById('_cb-pin-ic');
        if (!navigator.geolocation) { if (statusEl) statusEl.textContent = 'Location not available on this device.'; return; }
        if (statusEl) statusEl.textContent = 'Getting your location\u2026';
        if (icon) { icon.style.opacity = '0.4'; }
        navigator.geolocation.getCurrentPosition(function (pos) {
          var lat = pos.coords.latitude, lng = pos.coords.longitude;
          var latEl = document.getElementById('_cb-lat'), lngEl = document.getElementById('_cb-lng');
          if (latEl) latEl.value = String(lat);
          if (lngEl) lngEl.value = String(lng);
          if (icon) { icon.style.opacity = ''; }
          if (statusEl) statusEl.textContent = '\uD83D\uDCCD Pinned: ' + lat.toFixed(5) + ', ' + lng.toFixed(5) + ' \u00b7 looking up address\u2026';
          // Reverse-geocode to fill the address box (only if it's empty, so we
          // never overwrite something the user typed).
          fetch('https://nominatim.openstreetmap.org/reverse?format=jsonv2&lat=' + lat + '&lon=' + lng + '&zoom=18&addressdetails=1', { headers: { 'Accept': 'application/json' } })
            .then(function (r) { return r.json(); })
            .then(function (j) {
              var addrEl = document.getElementById('_cb-addr');
              var name = (j && j.display_name) ? j.display_name : '';
              if (addrEl && name && !addrEl.value.trim()) addrEl.value = name;
              if (statusEl) statusEl.textContent = '\uD83D\uDCCD Pinned: ' + lat.toFixed(5) + ', ' + lng.toFixed(5) + (name ? ' \u00b7 ' + (j.name || (name.split(',').slice(0,2).join(','))) : '');
            })
            .catch(function () {
              if (statusEl) statusEl.textContent = '\uD83D\uDCCD Pinned: ' + lat.toFixed(5) + ', ' + lng.toFixed(5) + ' (address lookup failed — coords saved)';
            });
        }, function (err) {
          if (icon) { icon.style.opacity = ''; }
          var msg = (err && err.code === 1) ? 'Location permission denied.' : 'Couldn\u2019t get your location \u2014 try again.';
          if (statusEl) statusEl.textContent = msg;
        }, { enableHighAccuracy: true, timeout: 12000, maximumAge: 0 });
      });
    }

    document.getElementById('_cb-save').addEventListener('click', async () => {
      const parkId = document.getElementById('_cb-park').value || null;
      const parkObj = parkId ? getParkById(parkId) : null;
      const sendConfirm = document.getElementById('_cb-send-confirm');
      const wantConfirm = sendConfirm && sendConfirm.checked;
      const payload = {
        contact_name: document.getElementById('_cb-name').value.trim() || null,
        phone:        document.getElementById('_cb-phone').value.trim() || null,
        email:        document.getElementById('_cb-email').value.trim() || null,
        park_id:      parkId,
        park_label:   parkObj ? null : (c.park_label || null),
        address:      document.getElementById('_cb-addr').value.trim() || null,
        lat:          (function(){ var v = document.getElementById('_cb-lat'); return v && v.value !== '' ? Number(v.value) : (parkObj && parkObj.lat != null ? parkObj.lat : null); })(),
        lng:          (function(){ var v = document.getElementById('_cb-lng'); return v && v.value !== '' ? Number(v.value) : (parkObj && parkObj.lng != null ? parkObj.lng : null); })(),
        due_date:     document.getElementById('_cb-due').value || null,
        due_time:     (document.getElementById('_cb-time') && document.getElementById('_cb-time').value) || null,
        notes:        document.getElementById('_cb-notes').value.trim() || null,
        status:       c.status || 'open'
      };
      try {
        var _ok;
        if (isNew) _ok = await saveCallback(payload, true);
        else       _ok = await saveCallback(Object.assign({ id: c.id }, payload), false);
        // Optional booking-confirmation email.
        if (wantConfirm) {
          if (!payload.email) { window.toast && window.toast('Add an email to send a confirmation'); }
          else {
            const loc = parkObj ? (parkObj.name + (parkObj.town ? (' — ' + parkObj.town) : '')) : (payload.address || '');
            try {
              await sendBookingConfirmation({
                email: payload.email, name: payload.contact_name || '',
                date: payload.due_date || '', location: loc, address: payload.address || ''
              });
              window.toast && window.toast('Booking confirmation sent');
            } catch (ee) {
              var m = (ee && ee.message) ? String(ee.message) : 'unknown error';
              var fr = m;
              if (/RESEND_API_KEY|not defined|not set/i.test(m)) fr = 'Email key not set on the server (RESEND_API_KEY missing on send-email).';
              else if (/domain|not verified|from address|403/i.test(m)) fr = 'Sender domain not verified in Resend.';
              else if (/401|JWT|unauthor/i.test(m)) fr = 'Auth rejected by the function.';
              window.toast && window.toast('Saved — email failed: ' + fr);
              try { alert('Booking saved, but the confirmation email failed.\n\nServer said:\n' + m + '\n\nLikely fix:\n' + fr); } catch(_){}
            }
          }
        }
        close();
        if (!wantConfirm) {
          window.toast && window.toast(
            _ok === false
              ? 'Saved on your phone \u2014 will sync when back online'
              : (isNew ? 'Callback added' : 'Saved')
          );
        }
      } catch (e) { window.toast && window.toast('Saved on your phone \u2014 will sync when back online'); }
    });

    setTimeout(() => { document.getElementById('_cb-name').focus(); }, 50);
  }

  // Expose so park panel + other places can trigger it
  window.openCallbackForm = openCallbackForm;
  window.openCallsTab = () => window.switchTab('calls');


  async function renderStockTab() {
    const box = document.getElementById('stock-view');
    if (!box) return;
    if (!STOCK.loaded && !STOCK.loading) {
      box.innerHTML = '<div style="padding:14px;color:var(--text-muted);text-align:center;font-size:13px;">Loading stock…</div>';
      await fetchStockItems();
    }
    renderStockBody();
  }

  // Pre-melt pile UI (V-271). Gold split by carat, silver in kg; manual add/set,
  // melt-to-batch with history. Admin/superadmin can edit; salesmen view-only.
  function _preMeltSectionHtml() {
    // V-272: admin/superadmin ONLY — salesmen can't see or add. Return nothing
    // so the section is fully hidden for non-admins.
    if (window.isAdminUser && !window.isAdminUser()) return '';
    var pm = getPreMelt();
    var canEdit = window.isAdminUser ? window.isAdminUser() : true;
    var goldTotal = PREMELT_CARATS.reduce(function (s, c) { return s + (pm.gold[c] || 0); }, 0);

    var _pmMetaLine = function (m) {
      if (!m || !m.at) return '';
      var d = new Date(m.at);
      var ds = isNaN(d) ? '' : d.toLocaleDateString('en-GB', { day:'numeric', month:'short', year:'2-digit' });
      return '<div style="font-size:10px;color:var(--text-muted);margin-top:1px;">Updated ' + ds + (m.by ? ' \u00b7 ' + escapeHtml(m.by) : '') + '</div>';
    };

    var h = '<div style="background:var(--surface-2);border-radius:12px;padding:14px;margin-bottom:14px;border-left:3px solid #D4A437;">';
    h += '<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;">' +
      '<div style="font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:0.05em;display:flex;align-items:center;gap:6px;">' + icoSvg('coin',14,'#D4A437') + 'Pre-melt pile <span style="font-size:9px;background:var(--primary);color:#fff;padding:1px 6px;border-radius:8px;letter-spacing:0.03em;">ADMIN</span></div>' +
      '</div>';
    h += '<div style="font-size:11px;color:var(--text-muted);margin-bottom:12px;">Raw metal you\u2019re building up before refining. Add as you buy, tap a value to edit it, melt when you refine (logs a batch + resets to zero).</div>';

    // GOLD
    h += '<div style="font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-muted);margin-bottom:6px;">Gold by carat</div>';
    h += '<div style="display:flex;flex-direction:column;gap:5px;margin-bottom:8px;">';
    PREMELT_CARATS.forEach(function (c) {
      var g = pm.gold[c] || 0;
      var m = pm.meta && pm.meta.gold ? pm.meta.gold[c] : null;
      h += '<div style="display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid var(--border);">' +
        '<div style="font-weight:700;font-size:14px;width:48px;flex-shrink:0;">' + c + 'ct</div>' +
        '<div style="flex:1;min-width:0;">' +
          '<div style="font-family:\'Fraunces\',serif;font-size:16px;font-weight:600;' + (g ? '' : 'color:var(--text-muted);') + '">' + g + ' g</div>' +
          _pmMetaLine(m) +
        '</div>' +
        (canEdit ?
          '<button class="btn btn-ghost pm-gold-add" data-c="' + c + '" style="height:30px;padding:0 10px;font-size:12px;flex-shrink:0;">+ Add</button>' +
          '<button class="btn btn-ghost pm-gold-set" data-c="' + c + '" style="height:30px;padding:0 8px;font-size:12px;flex-shrink:0;">Edit</button>'
          : '') +
        '</div>';
    });
    h += '</div>';
    h += '<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;">' +
      '<div style="font-size:12px;color:var(--text-muted);">Total raw gold: <strong style="color:var(--text);">' + (Math.round(goldTotal*100)/100) + ' g</strong></div>' +
      (canEdit && goldTotal > 0 ? '<button class="btn btn-primary pm-melt-gold" style="height:32px;padding:0 14px;font-size:12px;background:#D4A437;border-color:#D4A437;">Melt gold \u2192 batch</button>' : '') +
    '</div>';

    // SILVER
    h += '<div style="font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-muted);margin:4px 0 6px;border-top:1px solid var(--border);padding-top:12px;">Silver</div>';
    h += '<div style="display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px;">' +
      '<div style="min-width:0;">' +
        '<div style="font-family:\'Fraunces\',serif;font-size:18px;font-weight:600;' + (pm.silverG ? '' : 'color:var(--text-muted);') + '">' + (pm.silverG/1000).toFixed(2) + ' kg <span style="font-size:12px;color:var(--text-muted);font-weight:500;">(' + pm.silverG + ' g)</span></div>' +
        _pmMetaLine(pm.meta ? pm.meta.silver : null) +
      '</div>' +
      '<div style="display:flex;gap:6px;flex-shrink:0;">' +
        (canEdit ?
          '<button class="btn btn-ghost pm-silver-add" style="height:30px;padding:0 10px;font-size:12px;">+ Add</button>' +
          '<button class="btn btn-ghost pm-silver-set" style="height:30px;padding:0 8px;font-size:12px;">Edit</button>' +
          (pm.silverG > 0 ? '<button class="btn btn-primary pm-melt-silver" style="height:30px;padding:0 12px;font-size:12px;">Melt \u2192 batch</button>' : '')
          : '') +
      '</div>' +
    '</div>';

    // BATCH HISTORY
    if (pm.batches && pm.batches.length) {
      h += '<div style="font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-muted);margin:4px 0 6px;border-top:1px solid var(--border);padding-top:12px;">Melt history (' + pm.batches.length + ')</div>';
      pm.batches.slice(0, 12).forEach(function (b) {
        var d = new Date(b.date);
        var dateStr = isNaN(d) ? '' : d.toLocaleDateString('en-GB', { day:'numeric', month:'short', year:'2-digit' });
        h += '<div style="display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding:7px 0;border-bottom:1px solid var(--border);">' +
          '<div style="min-width:0;">' +
            '<div style="font-size:13px;font-weight:600;">' + (b.metal === 'gold' ? '\uD83D\uDFE1 Gold' : '\u26AA Silver') + ' \u00b7 ' + escapeHtml(b.summary || '') + '</div>' +
            '<div style="font-size:11px;color:var(--text-muted);">' + dateStr + ' \u00b7 ' + escapeHtml(b.by || '') + (b.paid != null ? ' \u00b7 refined ' + curSym() + b.paid.toLocaleString('en-GB') : ' \u00b7 figure pending') + '</div>' +
          '</div>' +
          (canEdit ? '<button class="btn btn-ghost pm-batch-del" data-id="' + escapeHtml(b.id) + '" style="height:26px;padding:0 8px;font-size:11px;color:var(--danger);flex-shrink:0;">\u00d7</button>' : '') +
        '</div>';
      });
    }

    h += '</div>';
    return h;
  }

  function renderStockBody() {
    const box = document.getElementById('stock-view');
    if (!box) return;

    const all = STOCK.items || [];
    const search = (STOCK.search || '').toLowerCase().trim();
    const filtered = all.filter(it => {
      if (STOCK.filterCategory !== 'all' && it.category !== STOCK.filterCategory) return false;
      if (STOCK.filterStatus !== 'all' && it.status !== STOCK.filterStatus) return false;
      if (search) {
        const hay = ((it.name || '') + ' ' + (it.notes || '') + ' ' + (it.carat || '')).toLowerCase();
        if (hay.indexOf(search) < 0) return false;
      }
      return true;
    });

    // === Category summary cards ===
    // Aggregate over the *filtered* set so the totals match what's shown in the
    // list below (e.g. filtering to Watches shows watches-only cost/value).
    // Still only values in-stock holdings (sold items aren't "cost basis").
    const summary = { gold: { count:0, wt:0, cost:0, val:0 }, silver: { count:0, wt:0, cost:0, val:0 },
                      watch: { count:0, wt:0, cost:0, val:0 }, other: { count:0, wt:0, cost:0, val:0 } };
    filtered.forEach(it => {
      if (it.status !== 'in_stock') return;
      const cat = it.category || 'other';
      const s = summary[cat]; if (!s) return;
      s.count++;
      s.wt += Number(it.weight_g) || 0;
      s.cost += Number(it.cost) || 0;
      const vlo = Number(it.estimated_value_low) || 0;
      const vhi = Number(it.estimated_value_high) || 0;
      const mid = (vlo && vhi) ? (vlo + vhi) / 2 : (vhi || vlo || 0);
      s.val += mid;
    });

    let html = '<div style="padding:14px 16px 80px;">';
    if (window.isAdminUser() && !window.isSuperAdmin()) {
      html += '<div class="role-banner" style="margin:0 0 12px;">' +
        '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z"/><path d="M19 10v2a7 7 0 0 1-14 0v-2"/></svg>' +
        'View only \u00b7 new items you add are sent to the super admin for approval. Editing & deleting are super-admin only.' +
      '</div>';
    }

    // Hero summary
    const totalInStockValue = summary.gold.val + summary.silver.val + summary.watch.val + summary.other.val;
    const totalInStockCost = summary.gold.cost + summary.silver.cost + summary.watch.cost + summary.other.cost;
    const totalGoldWt = summary.gold.wt;
    // V-287 FIX: the top "Silver in stock" tile only counted itemised silver
    // pieces, so it read 0.00kg even when bulk silver was held. Include the bulk
    // silver running total (getSilverStock) so the tile matches reality.
    const _bulkSilver = (typeof getSilverStock === 'function') ? getSilverStock() : { kg: 0 };
    const _bulkSilverG = (Number(_bulkSilver.kg) || 0) * 1000;
    const totalSilverWt = summary.silver.wt + _bulkSilverG;
    const _silverItemsLabel = (summary.silver.count + (_bulkSilverG > 0 ? 1 : 0)) + ' item' + ((summary.silver.count + (_bulkSilverG > 0 ? 1 : 0)) === 1 ? '' : 's') + (_bulkSilverG > 0 ? ' (incl. bulk)' : '');
    html += '<div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;">' +
      _stockSummaryCard('Gold in stock', totalGoldWt.toFixed(1) + 'g', summary.gold.count + ' items', '#D4A437') +
      _stockSummaryCard('Silver in stock', (totalSilverWt / 1000).toFixed(2) + 'kg', _silverItemsLabel, '#7C8B98') +
      _stockSummaryCard('Watches', String(summary.watch.count), curSym() + summary.watch.val.toFixed(0) + ' est.', '#2563EB') +
      _stockSummaryCard('Other items', String(summary.other.count), curSym() + summary.other.val.toFixed(0) + ' est.', '#7A6BC6') +
    '</div>';

    // Top-level totals
    html += '<div style="background:var(--surface-2);border-radius:10px;padding:12px 14px;margin-bottom:14px;display:flex;justify-content:space-between;gap:12px;">' +
      '<div><div style="font-size:10px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);font-weight:700;">Total cost basis</div><div style="font-family:\'Fraunces\',serif;font-size:20px;font-weight:600;">' + curSym() + totalInStockCost.toFixed(0) + '</div></div>' +
      '<div style="text-align:right;"><div style="font-size:10px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);font-weight:700;">Estimated value</div><div style="font-family:\'Fraunces\',serif;font-size:20px;font-weight:600;color:#2B6E4A;">' + curSym() + totalInStockValue.toFixed(0) + '</div></div>' +
    '</div>';

    // Bulk silver (running kg total — same figure as the Financials page).
    // Kept separate from individual silver items above. Sell here drops the kg
    // and logs the sale as profit; Edit adjusts the running total.
    {
      const _sv = getSilverStock();
      const _svVal = _sv.kg * _sv.pricePerKg;
      html += '<div style="background:var(--surface-2);border-radius:10px;padding:12px 14px;margin-bottom:14px;border-left:3px solid #8FA5B5;">' +
        '<div style="display:flex;justify-content:space-between;align-items:center;gap:10px;">' +
          '<div style="min-width:0;">' +
            '<div style="font-size:10px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);font-weight:700;display:flex;align-items:center;gap:6px;">' + icoSvg('coin',13,'currentColor') + 'Bulk silver in stock</div>' +
            '<div style="font-family:\'Fraunces\',serif;font-size:20px;font-weight:600;line-height:1.1;margin-top:2px;">' + _sv.kg + ' kg <span style="font-size:13px;color:var(--text-muted);font-weight:500;">· ' + curSym() + Math.round(_svVal).toLocaleString('en-GB') + '</span></div>' +
            '<div style="font-size:11px;color:var(--text-muted);margin-top:1px;">' + curSym() + _sv.pricePerKg.toLocaleString('en-GB') + '/kg (estimate)</div>' +
          '</div>' +
          '<div style="display:flex;gap:6px;flex-shrink:0;">' +
            '<button id="_stock-silver-sell" class="btn btn-primary" style="height:36px;padding:0 14px;font-size:13px;">Sell</button>' +
            '<button id="_stock-silver-edit" class="btn btn-ghost" style="height:36px;padding:0 12px;font-size:13px;">Edit</button>' +
          '</div>' +
        '</div>' +
      '</div>';
    }

    // === PRE-MELT PILE (V-271) ===
    html += _preMeltSectionHtml();

    // Search + filter row
    html += '<div style="display:flex;gap:8px;margin-bottom:10px;">' +
      '<input type="search" id="stock-search" placeholder="Search by name…" value="' + escapeHtml(STOCK.search || '') + '" style="flex:1;height:36px;padding:0 12px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:13px;background:var(--surface);color:var(--text);box-sizing:border-box;" autocomplete="off" />' +
      '<button class="btn btn-primary" id="stock-add-btn" style="height:36px;padding:0 14px;font-size:13px;flex-shrink:0;">+ Add item</button>' +
    '</div>';

    // Category chips
    html += '<div style="display:flex;gap:6px;overflow-x:auto;padding-bottom:8px;margin-bottom:4px;">';
    const catChips = [
      ['all', 'All', all.length],
      ['gold', 'Gold', all.filter(i => i.category === 'gold').length],
      ['silver', 'Silver', all.filter(i => i.category === 'silver').length],
      ['watch', 'Watches', all.filter(i => i.category === 'watch').length],
      ['other', 'Other', all.filter(i => i.category === 'other').length]
    ];
    catChips.forEach(([key, label, count]) => {
      const active = STOCK.filterCategory === key;
      html += '<button class="chip stock-cat-chip' + (active ? ' active' : '') + '" data-cat="' + key + '" style="white-space:nowrap;flex-shrink:0;">' + label + ' <span class="count">' + count + '</span></button>';
    });
    html += '</div>';

    // Status chips
    html += '<div style="display:flex;gap:6px;overflow-x:auto;padding-bottom:10px;margin-bottom:14px;">';
    const stChips = [
      ['in_stock', 'In stock', all.filter(i => i.status === 'in_stock').length],
      ['sold', 'Sold', all.filter(i => i.status === 'sold').length],
      ['reserved', 'Reserved', all.filter(i => i.status === 'reserved').length],
      ['refined', 'Refined', all.filter(i => i.status === 'refined').length],
      ['all', 'All', all.length]
    ];
    stChips.forEach(([key, label, count]) => {
      const active = STOCK.filterStatus === key;
      html += '<button class="chip stock-status-chip' + (active ? ' active' : '') + '" data-st="' + key + '" style="white-space:nowrap;flex-shrink:0;">' + label + ' <span class="count">' + count + '</span></button>';
    });
    html += '</div>';

    // Item list
    html += '<div id="stock-list">';
    if (filtered.length === 0) {
      html += '<div style="padding:30px 14px;color:var(--text-muted);font-size:13px;text-align:center;background:var(--surface-2);border-radius:10px;">No items match. Tap "+ Add item" to start tracking your inventory.</div>';
    } else {
      // Quick count + £ line so it's clear what's in the current filter (handy
      // when reviewing the "Sold" list to spot stray/test rows).
      const filteredSold = filtered.filter(i => i.status === 'sold');
      const soldRev = filteredSold.reduce((a, i) => a + (Number(i.sold_price) || 0), 0);
      const countLine = filtered.length + ' item' + (filtered.length === 1 ? '' : 's') +
        (filteredSold.length ? ' · ' + filteredSold.length + ' sold = ' + curSym() + Math.round(soldRev).toLocaleString('en-GB') + ' revenue' : '');
      html += '<div style="font-size:12px;color:var(--text-muted);padding:0 2px 8px;">' + countLine + '</div>';

      // Sold-data cleanup entry. Shown when viewing Sold (or All). Opens a
      // review panel listing every sold row with tick-to-delete — so YOU decide
      // what's a real sale vs a leftover test row. Nothing is auto-deleted.
      if ((STOCK.filterStatus === 'sold' || STOCK.filterStatus === 'all') && filteredSold.length) {
        html += '<div style="background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:10px 14px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;">' +
          '<span style="font-size:12px;color:var(--text-muted);">Totals look wrong? Review &amp; remove any test/duplicate sales.</span>' +
          '<button class="btn" id="_stock-cleanup-btn" style="height:32px;padding:0 12px;font-size:12px;background:var(--surface);border:1px solid var(--border-strong);color:var(--text);flex-shrink:0;">Review sales</button>' +
        '</div>';
      }

      filtered.forEach(it => { html += _renderStockItemRow(it); });
    }
    html += '</div>';

    html += '</div>';
    box.innerHTML = html;

    // Wire
    const sBox = document.getElementById('stock-search');
    if (sBox) sBox.addEventListener('input', e => { STOCK.search = e.target.value; renderStockBody(); });
    const addBtn = document.getElementById('stock-add-btn');
    if (addBtn) bindButton(addBtn, () => openStockItemForm(null));
    const cleanupBtn = document.getElementById('_stock-cleanup-btn');
    if (cleanupBtn) bindButton(cleanupBtn, () => openSoldCleanup());
    box.querySelectorAll('.stock-cat-chip').forEach(c => bindButton(c, () => {
      STOCK.filterCategory = c.dataset.cat; renderStockBody();
    }));
    box.querySelectorAll('.stock-status-chip').forEach(c => bindButton(c, () => {
      STOCK.filterStatus = c.dataset.st; renderStockBody();
    }));
    box.querySelectorAll('[data-stock-action]').forEach(b => bindButton(b, () => {
      const id = b.dataset.itemId;
      const action = b.dataset.stockAction;
      const item = STOCK.items.find(x => x.id === id);
      if (!item) return;
      if (action === 'edit') openStockItemForm(item);
      else if (action === 'sold') markStockItemSold(item);
      else if (action === 'refined') refineStockItem(item);
      else if (action === 'delete') deleteStockItem(id);
      else if (action === 'unsold') unmarkSold(item);
      else if (action === 'toggle-listed') toggleStockListed(item);
    }));
    // Bulk silver Sell / Edit
    const ssSell = document.getElementById('_stock-silver-sell');
    if (ssSell) bindButton(ssSell, () => openSilverSale());
    const ssEdit = document.getElementById('_stock-silver-edit');
    if (ssEdit) bindButton(ssEdit, () => openSilverEditor());
    // Pre-melt pile (V-271)
    box.querySelectorAll('.pm-gold-add').forEach(b => bindButton(b, () => window.preMeltAddGold(b.dataset.c)));
    box.querySelectorAll('.pm-gold-set').forEach(b => bindButton(b, () => window.preMeltSetGold(b.dataset.c)));
    box.querySelectorAll('.pm-silver-add').forEach(b => bindButton(b, () => window.preMeltAddSilver()));
    box.querySelectorAll('.pm-silver-set').forEach(b => bindButton(b, () => window.preMeltSetSilver()));
    box.querySelectorAll('.pm-melt-gold').forEach(b => bindButton(b, () => window.preMeltMelt('gold')));
    box.querySelectorAll('.pm-melt-silver').forEach(b => bindButton(b, () => window.preMeltMelt('silver')));
    box.querySelectorAll('.pm-batch-del').forEach(b => bindButton(b, () => window.preMeltDeleteBatch(b.dataset.id)));
  }

  function _stockSummaryCard(label, value, sub, accent) {
    return '<div style="background:var(--surface-2);padding:12px 14px;border-radius:10px;border-left:3px solid ' + accent + ';">' +
      '<div style="font-size:10px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);font-weight:700;">' + label + '</div>' +
      '<div style="font-family:\'Fraunces\',serif;font-size:22px;font-weight:600;color:var(--text);line-height:1.1;margin-top:2px;">' + value + '</div>' +
      '<div style="font-size:11px;color:var(--text-muted);margin-top:2px;">' + sub + '</div>' +
    '</div>';
  }

  function _renderStockItemRow(it) {
    const cat = it.category || 'other';
    const catColor = cat === 'gold' ? '#D4A437' : cat === 'silver' ? '#7C8B98' : cat === 'watch' ? '#2563EB' : '#7A6BC6';
    const catIcon = icoSvg(cat === 'gold' ? 'coin' : cat === 'silver' ? 'coin' : cat === 'watch' ? 'watch' : 'box', 15, 'currentColor');
    const status = it.status || 'in_stock';
    const statusColor = status === 'in_stock' ? '#2B6E4A' : status === 'sold' ? '#9E9B95' : status === 'refined' ? '#7A6BC6' : '#D97706';
    const statusLabel = status === 'in_stock' ? 'IN STOCK' : status.toUpperCase();

    // Build the descriptor
    let descriptor = '';
    if (cat === 'gold' || cat === 'silver') {
      const wt = Number(it.weight_g) || 0;
      descriptor += wt > 0 ? wt + 'g' : '—';
      if (it.carat) descriptor += ' · ' + it.carat;
      if (cat === 'silver' && it.purity) descriptor += ' · ' + (Number(it.purity) === 0.925 ? '925' : Number(it.purity) === 0.999 ? '999' : it.purity);
    } else if (cat === 'watch') {
      const vlo = Number(it.estimated_value_low) || 0;
      const vhi = Number(it.estimated_value_high) || 0;
      if (vlo && vhi) descriptor = 'Est. ' + curSym() + vlo + '–' + curSym() + vhi;
      else if (vhi) descriptor = 'Est. ' + curSym() + vhi;
    } else {
      const vlo = Number(it.estimated_value_low) || 0;
      const vhi = Number(it.estimated_value_high) || 0;
      if (vlo && vhi) descriptor = 'Est. ' + curSym() + vlo + '–' + curSym() + vhi;
      else if (vhi) descriptor = 'Est. ' + curSym() + vhi;
      else if (vlo) descriptor = 'Est. ' + curSym() + vlo;
    }

    // Sold info if sold
    let saleLine = '';
    if (status === 'sold') {
      saleLine = '<div style="font-size:11px;color:var(--text-muted);margin-top:3px;">Sold' +
        (it.sold_date ? ' ' + _tripFormatDate(it.sold_date) : '') +
        (it.sold_price ? ' · ' + curSym() + Number(it.sold_price).toFixed(0) : '') +
        (it.sold_to ? ' → ' + escapeHtml(it.sold_to) : '') +
        '</div>';
    }

    // Actions row
    let actions = '';
    if (status === 'in_stock') {
      actions += '<button class="btn btn-secondary" data-stock-action="sold" data-item-id="' + it.id + '" style="height:30px;padding:0 10px;font-size:11px;">Mark sold</button>';
      if (cat === 'silver' && Number(it.purity) === 0.925) {
        actions += '<button class="btn btn-secondary" data-stock-action="refined" data-item-id="' + it.id + '" style="height:30px;padding:0 10px;font-size:11px;background:#EDE8DA;">Refine → 999</button>';
      }
    } else if (status === 'sold') {
      actions += '<button class="btn btn-ghost" data-stock-action="unsold" data-item-id="' + it.id + '" style="height:30px;padding:0 10px;font-size:11px;">Undo sold</button>';
    }
    actions += '<button class="btn btn-ghost" data-stock-action="edit" data-item-id="' + it.id + '" style="height:30px;padding:0 10px;font-size:11px;">Edit</button>';
    actions += '<button class="btn btn-ghost" data-stock-action="delete" data-item-id="' + it.id + '" style="height:30px;padding:0 8px;font-size:11px;color:#C53030;">Del</button>';

    // "Listed for sale" toggle — only meaningful while in stock. Lets you see at
    // a glance what's up on eBay vs not. Persists to stock_items.listed_for_sale.
    let listedToggle = '';
    if (status === 'in_stock') {
      const on = !!it.listed_for_sale;
      listedToggle =
        '<button type="button" data-stock-action="toggle-listed" data-item-id="' + it.id + '" ' +
          'style="display:inline-flex;align-items:center;gap:6px;border:1px solid ' + (on ? '#2B6E4A' : 'var(--border)') + ';' +
          'background:' + (on ? 'rgba(43,110,74,0.10)' : 'var(--surface-2)') + ';color:' + (on ? '#2B6E4A' : 'var(--text-muted)') + ';' +
          'border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600;cursor:pointer;touch-action:manipulation;margin-top:6px;">' +
          '<span style="display:inline-block;width:24px;height:14px;border-radius:999px;background:' + (on ? '#2B6E4A' : '#CBC9C0') + ';position:relative;transition:background .15s;">' +
            '<span style="position:absolute;top:1px;left:' + (on ? '11px' : '1px') + ';width:12px;height:12px;border-radius:50%;background:#fff;transition:left .15s;"></span>' +
          '</span>' +
          (on ? icoSvg('tag',12,'currentColor') + ' Listed for sale' : 'Not listed') +
        '</button>';
    }

    return '<div style="background:var(--surface);border:1px solid var(--border);border-left:3px solid ' + catColor + ';border-radius:10px;padding:12px 14px;margin-bottom:8px;">' +
      '<div style="display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:4px;">' +
        '<div style="flex:1;min-width:0;">' +
          '<div style="font-weight:700;font-size:14px;line-height:1.3;">' + catIcon + ' ' + escapeHtml(it.name || (cat.charAt(0).toUpperCase() + cat.slice(1) + ' item')) + '</div>' +
          '<div style="font-size:12px;color:var(--text-muted);margin-top:2px;">' + descriptor + (it.cost ? ' · Cost ' + curSym() + Number(it.cost).toFixed(0) : '') + '</div>' +
          saleLine +
          (it.notes ? '<div style="font-size:11px;color:var(--text-light);margin-top:3px;font-style:italic;">' + escapeHtml(it.notes) + '</div>' : '') +
          listedToggle +
        '</div>' +
        '<span style="font-size:9px;background:' + statusColor + ';color:#fff;padding:2px 6px;border-radius:5px;font-weight:700;letter-spacing:0.04em;flex-shrink:0;">' + statusLabel + '</span>' +
      '</div>' +
      '<div style="display:flex;gap:6px;margin-top:8px;flex-wrap:wrap;">' + actions + '</div>' +
    '</div>';
  }

  function markStockItemSold(item) {
    const today = new Date().toISOString().slice(0, 10);
    const wrap = document.createElement('div');
    wrap.className = 'modal-backdrop open';
    wrap.id = '_sell-item-modal';
    const catLabel = item.category === 'watch' ? 'watch' : item.category === 'silver' ? 'silver item' : item.category === 'gold' ? 'gold item' : 'item';
    wrap.innerHTML =
      '<div class="modal" style="max-width:420px;">' +
        '<div class="modal-head"><h2>Sell ' + escapeHtml(catLabel) + '</h2>' +
          '<button class="icon-btn" id="_sel-close"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></button>' +
        '</div>' +
        '<div class="modal-body">' +
          '<div style="font-size:13px;color:var(--text);font-weight:600;margin-bottom:2px;">' + escapeHtml(item.name || '(unnamed)') + '</div>' +
          '<div style="font-size:12px;color:var(--text-muted);margin-bottom:14px;">Cost basis: ' + curSym() + (Number(item.cost) || 0).toLocaleString('en-GB') + '</div>' +
          '<div style="display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;">' +
            '<div>' +
              '<label style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);display:block;margin-bottom:4px;font-weight:600;">Sale price (' + curSym() + ')</label>' +
              '<input type="number" id="_sel-price" min="0" step="1" value="' + (item.cost || '') + '" style="width:100%;height:44px;padding:0 12px;border:1px solid var(--border);border-radius:8px;font-family:\'Fraunces\',serif;font-size:18px;background:var(--surface);color:var(--text);box-sizing:border-box;" /></div>' +
            '<div>' +
              '<label style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);display:block;margin-bottom:4px;font-weight:600;">Date sold</label>' +
              '<input type="date" id="_sel-date" value="' + today + '" style="width:100%;height:44px;padding:0 12px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;background:var(--surface);color:var(--text);box-sizing:border-box;" /></div>' +
          '</div>' +
          '<div style="margin-bottom:12px;">' +
            '<label style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);display:block;margin-bottom:4px;font-weight:600;">Sold to (optional)</label>' +
            '<input type="text" id="_sel-buyer" placeholder="Buyer name" style="width:100%;height:40px;padding:0 12px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;background:var(--surface);color:var(--text);box-sizing:border-box;" /></div>' +
          '<div id="_sel-profit" style="background:var(--surface-2);border-radius:10px;padding:8px 12px;margin-bottom:14px;font-size:12px;color:var(--text-muted);">Profit: <strong style="color:#2B6E4A;">' + curSym() + '0</strong></div>' +
          '<div style="display:flex;gap:8px;">' +
            '<button class="btn btn-primary" id="_sel-save" style="flex:1;height:44px;">Mark sold</button>' +
            '<button class="btn btn-ghost" id="_sel-cancel" style="height:44px;">Cancel</button>' +
          '</div>' +
        '</div>' +
      '</div>';
    document.body.appendChild(wrap);
    const recalc = () => {
      const price = Number(document.getElementById('_sel-price').value) || 0;
      const profit = price - (Number(item.cost) || 0);
      document.getElementById('_sel-profit').innerHTML = 'Profit: <strong style="color:' + (profit >= 0 ? '#2B6E4A' : '#C53030') + ';">' + curSym() + Math.round(profit).toLocaleString('en-GB') + '</strong>';
    };
    recalc();
    document.getElementById('_sel-price').addEventListener('input', recalc);
    const close = () => wrap.remove();
    document.getElementById('_sel-close').addEventListener('click', close);
    document.getElementById('_sel-cancel').addEventListener('click', close);
    wrap.addEventListener('click', e => { if (e.target === wrap) close(); });
    document.getElementById('_sel-save').addEventListener('click', () => {
      const priceNum = parseFloat(document.getElementById('_sel-price').value);
      if (isNaN(priceNum) || priceNum < 0) { window.toast && window.toast('Enter a valid price'); return; }
      const soldDate = document.getElementById('_sel-date').value || today;
      const buyer = (document.getElementById('_sel-buyer').value || '').trim();
      // Hold-for-review: a non-superadmin selling stock submits it for approval.
      if (window.needsApproval && window.needsApproval('stock_sale')) {
        window.logAudit({
          entity: 'stock_sale', entity_id: item.id,
          entity_label: (item.name || 'Stock item') + ' · ' + curSym() + Math.round(priceNum),
          action: 'create',
          before: { status: 'in_stock' },
          after: { sold_price: priceNum, sold_date: soldDate, sold_to: buyer || null },
          review: 'pending'
        }).then(function () {
          close();
          window.toast && window.toast('Sale submitted for approval');
        });
        return;
      }
      saveStockItem({
        id: item.id,
        status: 'sold',
        sold_date: soldDate,
        sold_price: priceNum,
        sold_to: buyer || null
      }, false).then(() => {
        close();
        if (document.getElementById('stats-content') && typeof renderStatsContent === 'function') renderStatsContent();
        window.toast && window.toast('Marked sold — ' + curSym() + Math.round(priceNum).toLocaleString('en-GB'));
      });
    });
  }

  // Review-and-delete panel for SOLD stock rows. Lets the user tick any sales
  // that are test/duplicate/wrong and delete them in one go. Nothing is
  // auto-selected — the user decides. Corrects the Financials totals because
  // those totals are built from these very rows.
  function openSoldCleanup(filterCat) {
    let sold = (STOCK.items || []).filter(i => i.status === 'sold');
    if (filterCat) sold = sold.filter(i => (i.category || 'other') === filterCat);
    if (!sold.length) { window.toast && window.toast('No sold items to review'); return; }
    // Sort newest first so recent test rows are at the top.
    sold.sort((a, b) => String(b.sold_date || '').localeCompare(String(a.sold_date || '')));
    const wrap = document.createElement('div');
    wrap.className = 'modal-backdrop open';
    wrap.id = '_sold-cleanup-modal';
    const catIcon = c => icoSvg(c === 'gold' ? 'coin' : c === 'silver' ? 'coin' : c === 'watch' ? 'watch' : 'box', 15, 'currentColor');
    const rows = sold.map(it => {
      const price = Number(it.sold_price) || 0;
      // Show the raw fields so it's obvious what each row really is.
      const meta = [];
      meta.push(it.category || 'other');
      meta.push('status=' + (it.status || '?'));
      if (it.sold_date) meta.push(_tripFormatDate(it.sold_date)); else meta.push('no date');
      if (it.sold_to) meta.push('→ ' + escapeHtml(it.sold_to));
      meta.push('id ' + String(it.id || '').slice(0, 10));
      return '<label style="display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;margin-bottom:8px;cursor:pointer;">' +
        '<input type="checkbox" class="_sc-pick" data-id="' + escapeHtml(it.id) + '" data-price="' + price + '" style="width:18px;height:18px;flex-shrink:0;" />' +
        '<span style="flex:1;min-width:0;">' +
          '<span style="display:block;font-size:13px;font-weight:600;">' + catIcon(it.category) + ' ' + escapeHtml(it.name || '(no name)') + '</span>' +
          '<span style="display:block;font-size:11px;color:var(--text-muted);">' + meta.join(' · ') + '</span>' +
          (it.notes ? '<span style="display:block;font-size:11px;color:var(--text-light);font-style:italic;">' + escapeHtml(it.notes) + '</span>' : '<span style="display:block;font-size:11px;color:var(--text-light);font-style:italic;">(no notes)</span>') +
        '</span>' +
        '<strong style="flex-shrink:0;font-size:13px;">' + curSym() + Math.round(price).toLocaleString('en-GB') + '</strong>' +
      '</label>';
    }).join('');
    const titleSuffix = filterCat ? ' · ' + (filterCat === 'watch' ? 'watches' : filterCat) : '';
    wrap.innerHTML =
      '<div class="modal" style="max-width:480px;">' +
        '<div class="modal-head"><h2>Review sales' + titleSuffix + '</h2>' +
          '<button class="icon-btn" id="_sc-close"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></button>' +
        '</div>' +
        '<div class="modal-body">' +
          '<div style="font-size:12.5px;color:var(--text-muted);margin-bottom:12px;line-height:1.45;">Every recorded sale' + (filterCat ? ' in this category' : '') + ' is listed below with its raw details. Tick anything that is test data, a duplicate, or wrong, then delete it. Real sales you leave unticked stay put. Deleting here corrects the Financials totals immediately.</div>' +
          rows +
          '<div style="display:flex;gap:8px;align-items:center;margin-top:6px;">' +
            '<button class="btn" id="_sc-delete" style="flex:1;height:44px;background:#C53030;color:#fff;border:none;" disabled>Delete selected</button>' +
            '<button class="btn btn-ghost" id="_sc-cancel" style="height:44px;">Cancel</button>' +
          '</div>' +
        '</div>' +
      '</div>';
    document.body.appendChild(wrap);
    const delBtn = document.getElementById('_sc-delete');
    const refreshBtn = () => {
      const picks = wrap.querySelectorAll('._sc-pick:checked');
      let sum = 0; picks.forEach(p => sum += Number(p.dataset.price) || 0);
      delBtn.disabled = picks.length === 0;
      delBtn.textContent = picks.length
        ? 'Delete ' + picks.length + ' sale' + (picks.length === 1 ? '' : 's') + ' (' + curSym() + Math.round(sum).toLocaleString('en-GB') + ')'
        : 'Delete selected';
    };
    wrap.querySelectorAll('._sc-pick').forEach(c => c.addEventListener('change', refreshBtn));
    const close = () => wrap.remove();
    document.getElementById('_sc-close').addEventListener('click', close);
    document.getElementById('_sc-cancel').addEventListener('click', close);
    wrap.addEventListener('click', e => { if (e.target === wrap) close(); });
    delBtn.addEventListener('click', async () => {
      const ids = Array.from(wrap.querySelectorAll('._sc-pick:checked')).map(p => p.dataset.id);
      if (!ids.length) return;
      if (!confirm('Permanently delete ' + ids.length + ' sale' + (ids.length === 1 ? '' : 's') + '? This cannot be undone.')) return;
      delBtn.disabled = true; delBtn.textContent = 'Deleting…';
      try {
        for (const id of ids) {
          await stockApi('/stock_items?id=eq.' + encodeURIComponent(id), { method: 'DELETE' });
        }
        await fetchStockItems();
        close();
        if (state.currentTab === 'stock') renderStockBody();
        if (document.getElementById('stats-content') && typeof renderStatsContent === 'function') renderStatsContent();
        window.toast && window.toast('Removed ' + ids.length + ' sale' + (ids.length === 1 ? '' : 's'));
      } catch (e) {
        window.toast && window.toast('Delete failed — try again');
        delBtn.disabled = false; refreshBtn();
      }
    });
  }
  window.openSoldCleanup = openSoldCleanup;

  function unmarkSold(item) {
    if (!confirm('Move this item back to "in stock"?')) return;
    saveStockItem({
      id: item.id,
      status: 'in_stock',
      sold_date: null,
      sold_price: null,
      sold_to: null
    }, false).then(() => {
      if (document.getElementById('stats-content') && typeof renderStatsContent === 'function') renderStatsContent();
    });
  }

  async function refineStockItem(item) {
    if (item.category !== 'silver' || Number(item.purity) !== 0.925) {
      window.toast && window.toast('Refining only applies to 925 silver');
      return;
    }
    const inputWeight = Number(item.weight_g) || 0;
    const yieldGrams = prompt('Yield of 999 silver (grams)? (typically ~92.5% of input weight)',
      (inputWeight * 0.925).toFixed(2));
    if (yieldGrams === null) return;
    const yWt = parseFloat(yieldGrams);
    if (isNaN(yWt) || yWt <= 0) { window.toast && window.toast('Invalid weight'); return; }

    // Create new 999 item
    const newItem = {
      id: stockId(),
      category: 'silver',
      name: '999 silver bar (refined from ' + (item.name || 'sterling') + ')',
      weight_g: yWt,
      carat: null,
      purity: 0.999,
      cost: item.cost,           // carry over the cost basis
      estimated_value_low: null,
      estimated_value_high: null,
      acquired_date: new Date().toISOString().slice(0,10),
      source_trip_id: item.source_trip_id,
      source_trip_ids: Array.isArray(item.source_trip_ids) ? item.source_trip_ids : (item.source_trip_id ? [item.source_trip_id] : []),
      status: 'in_stock',
      notes: 'Refined from item ' + item.id,
      added_by: state.salesman || 'You'
    };
    try {
      await saveStockItem(newItem, true);
      // Mark old item refined
      await saveStockItem({
        id: item.id,
        status: 'refined',
        refined_to_id: newItem.id
      }, false);
      window.toast && window.toast('Refined to 999 bar — ' + yWt.toFixed(2) + 'g');
    } catch (e) {
      window.toast && window.toast('Refine failed');
    }
  }

  // === Add / Edit Item Form ===
  function openStockItemForm(existing) {
    const isNew = !existing;
    const item = existing || {
      category: STOCK.filterCategory !== 'all' ? STOCK.filterCategory : 'gold',
      status: 'in_stock',
      acquired_date: new Date().toISOString().slice(0,10),
      purity: 0.585  // 14ct default; updated by category change
    };
    // Stable id up front so photos can upload to stock/{id}/... even for a new
    // item (before it's saved). photos lives on the item and is saved with it.
    if (!item.id) item.id = stockId();
    if (!Array.isArray(item.photos)) item.photos = [];

    // Build modal HTML
    const trips = (state.trips || []).slice().sort((a,b) => (b.startDate || '').localeCompare(a.startDate || ''));
    let tripOpts = '<option value="">— none —</option>';
    trips.forEach(t => {
      tripOpts += '<option value="' + t.id + '"' + (item.source_trip_id === t.id ? ' selected' : '') + '>' + escapeHtml(t.name || t.id) + (t.startDate ? ' (' + _tripFormatDate(t.startDate) + ')' : '') + '</option>';
    });

    const modal = document.createElement('div');
    modal.className = 'modal-backdrop open';
    modal.id = '_stock-form-backdrop';
    modal.innerHTML =
      '<div class="modal">' +
        '<div class="modal-head">' +
          '<h2>' + (isNew ? 'Add item' : 'Edit item') + '</h2>' +
          '<button class="icon-btn" id="_stock-form-close"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></button>' +
        '</div>' +
        '<div class="modal-body" id="_stock-form-body"></div>' +
      '</div>';
    document.body.appendChild(modal);

    function paintForm() {
      const cat = item.category;
      const body = document.getElementById('_stock-form-body');
      let h = '';
      // Category selector
      h += '<div style="display:flex;gap:6px;margin-bottom:14px;">';
      ['gold','silver','watch','other'].forEach(c => {
        const active = cat === c;
        const lbl = (c === 'gold' ? icoSvg('coin',14,'currentColor')+' Gold' : c === 'silver' ? icoSvg('coin',14,'currentColor')+' Silver' : c === 'watch' ? icoSvg('watch',14,'currentColor')+' Watch' : icoSvg('box',14,'currentColor')+' Other');
        h += '<button type="button" class="chip _stock-cat-pick' + (active ? ' active' : '') + '" data-c="' + c + '" style="flex:1;">' + lbl + '</button>';
      });
      h += '</div>';

      // Name
      h += '<div style="margin-bottom:12px;">' +
        '<label style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);display:block;margin-bottom:4px;font-weight:600;">Name / description</label>' +
        '<input type="text" id="_si-name" value="' + escapeHtml(item.name || '') + '" placeholder="' + (cat === 'gold' ? 'e.g. 9ct chain' : cat === 'silver' ? 'e.g. Sterling teapot' : cat === 'watch' ? 'e.g. Rolex Submariner ref. 5513' : 'e.g. WW1 victory medal') + '" style="width:100%;height:38px;padding:0 12px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;background:var(--surface);color:var(--text);box-sizing:border-box;" />' +
      '</div>';

      // Category-specific fields
      if (cat === 'gold') {
        h += '<div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;">' +
          '<div><label style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);display:block;margin-bottom:4px;font-weight:600;">Weight (g)</label><input type="number" step="0.01" min="0" id="_si-weight" value="' + (item.weight_g || '') + '" style="width:100%;height:38px;padding:0 12px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;background:var(--surface);color:var(--text);box-sizing:border-box;" /></div>' +
          '<div><label style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);display:block;margin-bottom:4px;font-weight:600;">Carat</label><select id="_si-carat" style="width:100%;height:38px;padding:0 12px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;background:var(--surface);color:var(--text);box-sizing:border-box;">' +
            ['9ct','14ct','18ct','22ct','24ct'].map(c => '<option value="' + c + '"' + (item.carat === c ? ' selected' : '') + '>' + c + '</option>').join('') +
          '</select></div>' +
        '</div>';
      } else if (cat === 'silver') {
        h += '<div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;">' +
          '<div><label style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);display:block;margin-bottom:4px;font-weight:600;">Weight (g)</label><input type="number" step="0.01" min="0" id="_si-weight" value="' + (item.weight_g || '') + '" style="width:100%;height:38px;padding:0 12px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;background:var(--surface);color:var(--text);box-sizing:border-box;" /></div>' +
          '<div><label style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);display:block;margin-bottom:4px;font-weight:600;">Purity</label><select id="_si-purity" style="width:100%;height:38px;padding:0 12px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;background:var(--surface);color:var(--text);box-sizing:border-box;">' +
            [['0.999','999 fine'],['0.958','958 Britannia'],['0.925','925 sterling'],['0.800','800 continental'],['0.500','500 coin']].map(([v,l]) => '<option value="' + v + '"' + (String(item.purity) === v ? ' selected' : '') + '>' + l + '</option>').join('') +
          '</select></div>' +
        '</div>';
      }

      // Estimated sell price — shown for EVERY category now (incl. gold & silver),
      // so e.g. silver investment bars can carry an estimated resale range.
      h += '<div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;">' +
        '<div><label style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);display:block;margin-bottom:4px;font-weight:600;">Est. sell low (' + curSym() + ')</label><input type="number" step="1" min="0" id="_si-vlo" value="' + (item.estimated_value_low || '') + '" placeholder="0" style="width:100%;height:38px;padding:0 12px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;background:var(--surface);color:var(--text);box-sizing:border-box;" /></div>' +
        '<div><label style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);display:block;margin-bottom:4px;font-weight:600;">Est. sell high (' + curSym() + ')</label><input type="number" step="1" min="0" id="_si-vhi" value="' + (item.estimated_value_high || '') + '" placeholder="0" style="width:100%;height:38px;padding:0 12px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;background:var(--surface);color:var(--text);box-sizing:border-box;" /></div>' +
      '</div>';

      // Cost + acquired date
      h += '<div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;">' +
        '<div><label style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);display:block;margin-bottom:4px;font-weight:600;">Cost (' + curSym() + ')</label><input type="number" step="0.01" min="0" id="_si-cost" value="' + (item.cost || '') + '" style="width:100%;height:38px;padding:0 12px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;background:var(--surface);color:var(--text);box-sizing:border-box;" /></div>' +
        '<div><label style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);display:block;margin-bottom:4px;font-weight:600;">Acquired</label><input type="date" id="_si-acq" value="' + (item.acquired_date || '') + '" style="width:100%;height:38px;padding:0 12px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;background:var(--surface);color:var(--text);box-sizing:border-box;" /></div>' +
      '</div>';

      // Source trips (multi-select) — an item can be tagged to several trips/places
      const selTrips = Array.isArray(item.source_trip_ids) ? item.source_trip_ids.slice()
                        : (item.source_trip_id ? [item.source_trip_id] : []);
      let tripChecks = '';
      if (!trips.length) {
        tripChecks = '<div style="font-size:12px;color:var(--text-muted);padding:8px 2px;">No trips yet — create a trip first to tag stock to it.</div>';
      } else {
        trips.forEach(t => {
          const on = selTrips.indexOf(t.id) >= 0;
          const lbl = escapeHtml(t.name || t.id) + (t.startDate ? ' (' + _tripFormatDate(t.startDate) + ')' : '');
          tripChecks += '<label style="display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid ' + (on ? '#1F4733' : 'var(--border)') + ';border-radius:8px;margin-bottom:6px;font-size:13px;cursor:pointer;background:' + (on ? 'rgba(31,71,51,0.06)' : 'var(--surface)') + ';">' +
            '<input type="checkbox" class="_si-trip-chk" value="' + t.id + '"' + (on ? ' checked' : '') + ' style="width:17px;height:17px;flex-shrink:0;accent-color:#1F4733;" />' +
            '<span style="flex:1;">' + lbl + '</span></label>';
        });
      }
      h += '<div style="margin-bottom:12px;">' +
        '<label style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);display:block;margin-bottom:6px;font-weight:600;">Source trips — tick all that apply</label>' +
        '<div style="max-height:190px;overflow-y:auto;-webkit-overflow-scrolling:touch;">' + tripChecks + '</div>' +
      '</div>';

      // Notes
      h += '<div style="margin-bottom:14px;">' +
        '<label style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);display:block;margin-bottom:4px;font-weight:600;">Notes</label>' +
        '<textarea id="_si-notes" placeholder="Hallmarks, condition, provenance…" style="width:100%;min-height:60px;padding:10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:13px;background:var(--surface);color:var(--text);box-sizing:border-box;resize:vertical;">' + escapeHtml(item.notes || '') + '</textarea>' +
      '</div>';

      // Photos
      h += '<div style="margin-bottom:6px;">' +
        '<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;">' +
          '<label style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);font-weight:600;">Photos</label>' +
          '<button type="button" class="btn btn-secondary" id="_si-add-photo" style="height:28px;padding:0 10px;font-size:12px;">+ Add photo</button>' +
        '</div>' +
        '<input type="file" id="_si-photo-input" accept="image/*" multiple style="display:none;" />' +
        '<div id="_si-photos-grid" style="display:grid;grid-template-columns:repeat(3,1fr);gap:6px;">' +
        ((item.photos.length === 0)
          ? '<div style="grid-column:1/-1;padding:10px;color:var(--text-muted);font-size:12.5px;text-align:center;background:var(--surface-2);border-radius:8px;">No photos yet.</div>'
          : item.photos.map((ph, i) =>
              '<div style="position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:var(--surface-2);">' +
                '<img data-photo-path="' + escapeHtml(ph.path) + '" style="width:100%;height:100%;object-fit:cover;display:block;cursor:pointer;" alt="Stock photo" />' +
                '<button type="button" class="_si-photo-del" data-idx="' + i + '" style="position:absolute;top:2px;right:2px;width:22px;height:22px;border:none;border-radius:50%;background:rgba(0,0,0,0.55);color:#fff;font-size:14px;line-height:1;cursor:pointer;">×</button>' +
              '</div>'
            ).join('')) +
        '</div>' +
      '</div>';

      // Save/Cancel
      h += '<div style="display:flex;gap:8px;margin-top:18px;">' +
        '<button class="btn btn-primary" id="_si-save" style="flex:1;">' + (isNew ? 'Add to stock' : 'Save changes') + '</button>' +
        '<button class="btn btn-ghost" id="_si-cancel">Cancel</button>' +
      '</div>';

      body.innerHTML = h;

      // Wire pickers
      body.querySelectorAll('._stock-cat-pick').forEach(b => bindButton(b, () => {
        if (typeof _siCaptureForm === 'function') _siCaptureForm(); // keep typed fields on category switch
        item.category = b.dataset.c;
        // Reset purity defaults
        if (item.category === 'silver') item.purity = item.purity || 0.925;
        else if (item.category === 'gold') { item.carat = item.carat || '14ct'; item.purity = 0.585; }
        else { item.purity = null; item.carat = null; }
        paintForm();
      }));

      // --- Photos (state lives on `item`; uploads go straight to storage) ---
      // V-286 (re-applying the V-284 fix that was missing from this branch):
      // snapshot the currently-typed form values back onto `item` so a repaint
      // (after adding/deleting a photo, or switching category) keeps everything
      // the user has entered.
      function _siCaptureForm() {
        var nmEl = document.getElementById('_si-name'); if (nmEl) item.name = nmEl.value;
        var costEl = document.getElementById('_si-cost'); if (costEl) item.cost = parseFloat(costEl.value) || null;
        var acqEl = document.getElementById('_si-acq'); if (acqEl) item.acquired_date = acqEl.value || null;
        var notesEl = document.getElementById('_si-notes'); if (notesEl) item.notes = notesEl.value;
        var vloEl = document.getElementById('_si-vlo'); if (vloEl) item.estimated_value_low = parseFloat(vloEl.value) || null;
        var vhiEl = document.getElementById('_si-vhi'); if (vhiEl) item.estimated_value_high = parseFloat(vhiEl.value) || null;
        var wEl = document.getElementById('_si-weight'); if (wEl) item.weight_g = parseFloat(wEl.value) || 0;
        var cEl = document.getElementById('_si-carat'); if (cEl) item.carat = cEl.value;
        var pEl = document.getElementById('_si-purity'); if (pEl) item.purity = parseFloat(pEl.value);
        var ticked = document.querySelectorAll('._si-trip-chk:checked');
        if (ticked) {
          item.source_trip_ids = Array.prototype.map.call(ticked, function (el) { return el.value; });
          item.source_trip_id = item.source_trip_ids[0] || null;
        }
      }
      const siPhotoBtn = document.getElementById('_si-add-photo');
      const siPhotoInput = document.getElementById('_si-photo-input');
      if (siPhotoBtn && siPhotoInput) {
        siPhotoBtn.addEventListener('click', () => siPhotoInput.click());
        siPhotoInput.addEventListener('change', async () => {
          const files = Array.prototype.slice.call(siPhotoInput.files || []);
          siPhotoInput.value = '';
          if (!files.length) return;
          _siCaptureForm(); // keep typed fields before repaint
          siPhotoBtn.disabled = true;
          siPhotoBtn.textContent = 'Uploading…';
          for (const f of files) {
            const path = await window.uploadAttachment('stock', item.id, f);
            if (path) item.photos.push({ path: path, addedAt: new Date().toISOString() });
          }
          paintForm(); // repaint grid (re-binds everything) — fields now preserved
        });
      }
      // Thumbnails via signed URLs
      body.querySelectorAll('#_si-photos-grid img[data-photo-path]').forEach(async img => {
        const url = await window.getAttachmentUrl(img.getAttribute('data-photo-path'));
        if (url) img.src = url;
      });
      body.querySelectorAll('#_si-photos-grid img[data-photo-path]').forEach(img => {
        img.addEventListener('click', () => { if (img.src) window.open(img.src, '_blank'); });
      });
      // Delete a photo (from storage + item.photos)
      body.querySelectorAll('._si-photo-del').forEach(btn => {
        btn.addEventListener('click', async (e) => {
          e.stopPropagation();
          const idx = Number(btn.getAttribute('data-idx'));
          if (!confirm('Delete this photo? This cannot be undone.')) return;
          const removed = item.photos.splice(idx, 1)[0];
          if (removed) await window.deleteAttachment(removed.path);
          paintForm();
        });
      }); 
      document.getElementById('_si-save').addEventListener('click', async () => {
        // Collect
        const nm = (document.getElementById('_si-name').value || '').trim();
        const cost = parseFloat(document.getElementById('_si-cost').value) || 0;
        const acq = document.getElementById('_si-acq').value || null;
        const tripIds = Array.prototype.map.call(
          document.querySelectorAll('._si-trip-chk:checked'), el => el.value);
        const notes = (document.getElementById('_si-notes').value || '').trim();
        const cat2 = item.category;
        const upd = {
          category: cat2,
          name: nm || null,
          cost: cost || null,
          acquired_date: acq,
          source_trip_ids: tripIds,            // multiple trips
          source_trip_id: tripIds[0] || null,  // keep single col populated for CSV/back-compat
          // Estimated sell range now applies to every category
          estimated_value_low: parseFloat(document.getElementById('_si-vlo').value) || null,
          estimated_value_high: parseFloat(document.getElementById('_si-vhi').value) || null,
          notes: notes || null,
          photos: Array.isArray(item.photos) ? item.photos : [],
          added_by: state.salesman || 'You'
        };
        if (cat2 === 'gold') {
          upd.weight_g = parseFloat(document.getElementById('_si-weight').value) || 0;
          upd.carat = document.getElementById('_si-carat').value;
          upd.purity = { '9ct':0.375,'14ct':0.585,'18ct':0.750,'22ct':0.916,'24ct':0.999 }[upd.carat] || 0.585;
        } else if (cat2 === 'silver') {
          upd.weight_g = parseFloat(document.getElementById('_si-weight').value) || 0;
          upd.purity = parseFloat(document.getElementById('_si-purity').value);
          upd.carat = null;
        } else {
          upd.weight_g = null; upd.carat = null; upd.purity = null;
        }
        if (isNew) {
          upd.status = 'in_stock';
          upd.id = item.id; // reuse the id assigned up front (photos filed under it)
          await saveStockItem(upd, true);
        } else {
          upd.id = item.id;
          await saveStockItem(upd, false);
        }
        modal.remove();
        window.toast && window.toast(isNew ? 'Item added' : 'Saved');
      });
      document.getElementById('_si-cancel').addEventListener('click', () => modal.remove());
    }

    paintForm();
    document.getElementById('_stock-form-close').addEventListener('click', () => modal.remove());
    modal.addEventListener('click', (e) => { if (e.target === modal) modal.remove(); });
  }


  function openStats() {
    const body = document.getElementById('stats-body');
    if (!body) return;
    // Default date range: from the earliest piece of activity we can find,
    // or 30 days ago if there is nothing. Pulls from deals, expenses, trip
    // startDates AND park doneAt timestamps so the default range covers
    // everything the user might want to see.
    const today = new Date();
    const today10 = today.toISOString().slice(0,10);
    const dates = [];
    state.deals.forEach(d => { if (d.date) dates.push(String(d.date).slice(0, 10)); });
    state.trips.forEach(t => {
      if (t.startDate) dates.push(String(t.startDate).slice(0, 10));
      (t.expenses || []).forEach(e => { if (e.date) dates.push(String(e.date).slice(0, 10)); });
    });
    state.parks.forEach(p => {
      if (p.doneAt) dates.push(String(p.doneAt).slice(0, 10));
    });
    const earliest = dates.length
      ? dates.sort()[0]
      : new Date(today.getTime() - 30*24*60*60*1000).toISOString().slice(0,10);
    _statsFilters = { salesman: 'all', startDate: earliest, endDate: today10 };
    body.innerHTML = renderStatsShell();
    bindStatsFilters();
    _wireExportBtn();
    renderStatsContent();
    openModal('stats-backdrop');
    // Stock items load lazily (normally on the Stock tab). The Financials page
    // needs them for silver/watch/other realized profit + on-hand value, so
    // pull them now and re-render the content once they land.
    if (window.STOCK && !STOCK.loaded && !STOCK.loading && typeof fetchStockItems === 'function') {
      fetchStockItems().then(() => {
        if (document.getElementById('stats-content')) renderStatsContent();
      });
    }
    // JV settlement balance (UK only) drives the ledger line in the headline.
    if (typeof isUK === 'function' && isUK() && typeof fetchJVSettlements === 'function' && !JVS.loaded && !JVS.loading) {
      fetchJVSettlements().then(() => {
        if (document.getElementById('stats-content')) renderStatsContent();
      });
    }
  }

  // Lets other modules (e.g. Gadgets) refresh the Financials page live if it's
  // open, without coupling them to the internal render function name.
  window.refreshFinancials = function () {
    try {
      if (document.getElementById('stats-content') && typeof renderStatsContent === 'function') renderStatsContent();
    } catch (e) { /* no-op if page not open */ }
  };

  // Canonical salesman names — collapses known aliases so the Financials page
  // groups the same person under one name (e.g. "Lorri" → "Lorri Haines").
  // Add new aliases here; matching is case-insensitive on the trimmed name.
  const SALESMAN_ALIASES = {
    'lorri': 'Lorri Haines',
    'lewis': 'Lewis Mundy'
  };
  function canonicalSalesman(name) {
    const raw = (name == null ? '' : String(name)).trim();
    if (!raw) return 'Unknown';
    return SALESMAN_ALIASES[raw.toLowerCase()] || raw;
  }
  window.canonicalSalesman = canonicalSalesman;

  function renderStatsShell() {
    // Salesman filter removed: the business operates jointly (gross is trip-level,
    // expenses are mostly "Joint", profit is split 50/50), so a per-person profit
    // figure was misleading. Financials are always whole-business now.
    _statsFilters.salesman = 'all';
    return '<div style="background:var(--surface-2);padding:12px;border-radius:10px;margin-bottom:14px;">' +
      '<div style="display:flex;gap:8px;margin-bottom:10px;">' +
      '<div style="flex:1;"><label style="font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.06em;display:block;margin-bottom:3px;">From</label>' +
      '<input type="date" id="stats-start" value="' + _statsFilters.startDate + '" class="form-input" style="width:100%;" /></div>' +
      '<div style="flex:1;"><label style="font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.06em;display:block;margin-bottom:3px;">To</label>' +
      '<input type="date" id="stats-end" value="' + _statsFilters.endDate + '" class="form-input" style="width:100%;" /></div>' +
      '</div>' +
      '<div style="display:flex;gap:6px;margin-top:8px;flex-wrap:wrap;">' +
      '<button class="btn btn-ghost stats-quick" data-days="7" style="flex:1;height:28px;font-size:11px;padding:0;min-width:50px;">7 days</button>' +
      '<button class="btn btn-ghost stats-quick" data-days="30" style="flex:1;height:28px;font-size:11px;padding:0;min-width:50px;">30 days</button>' +
      '<button class="btn btn-ghost stats-quick" data-days="90" style="flex:1;height:28px;font-size:11px;padding:0;min-width:50px;">90 days</button>' +
      '<button class="btn btn-ghost stats-quick" data-days="all" style="flex:1;height:28px;font-size:11px;padding:0;min-width:50px;">All</button>' +
      '<button class="btn btn-ghost stats-quick" data-days="ty" style="flex:1.4;height:28px;font-size:11px;padding:0;min-width:90px;background:#EDE8DA;font-weight:700;">' + icoSvg('calendar',12,'currentColor') + ' Tax yr ' + ukTaxYear().label + '</button>' +
      '</div>' +
      '<button class="btn btn-primary" id="stats-export-btn" style="width:100%;margin-top:8px;height:36px;font-size:13px;">' + icoSvg('upload',14,'currentColor') + ' Export…</button>' +
      '</div>' +
      '<div id="stats-content"></div>';
  }

  function bindStatsFilters() {
    document.getElementById('stats-start').addEventListener('change', e => { _statsFilters.startDate = e.target.value; renderStatsContent(); });
    document.getElementById('stats-end').addEventListener('change', e => { _statsFilters.endDate = e.target.value; renderStatsContent(); });
    document.querySelectorAll('.stats-quick').forEach(b => {
      b.addEventListener('click', () => {
        const today = new Date();
        const today10 = today.toISOString().slice(0,10);
        if (b.dataset.days === 'all') {
          _statsFilters.startDate = '2020-01-01';
          _statsFilters.endDate = today10;
        } else if (b.dataset.days === 'ty') {
          const ty = ukTaxYear();
          _statsFilters.startDate = ty.start;
          _statsFilters.endDate = ty.end;
        } else {
          const days = parseInt(b.dataset.days, 10);
          _statsFilters.startDate = new Date(today.getTime() - days*24*60*60*1000).toISOString().slice(0,10);
          _statsFilters.endDate = today10;
        }
        document.getElementById('stats-start').value = _statsFilters.startDate;
        document.getElementById('stats-end').value = _statsFilters.endDate;
        renderStatsContent();
      });
    });
  }

  function _wireExportBtn() {
    const b = document.getElementById('stats-export-btn');
    if (b) b.addEventListener('click', openExportModal);
  }

  // === V-300: plain-English explainers for every Financials total ============
  // Each "?" marker carries a key; tapping it opens a small popover that says,
  // in a sentence or two, exactly where that number comes from. Edit the text
  // here to change what the user sees.
  const FIN_INFO = {
    combined: { t: 'Combined profit (net, pre-tax)', d: 'Your total realised profit for the selected date range. It is gold profit from sold/melted batches, plus profit from any sold silver, watches and other items, plus any manual trip profit adjustments — minus all trip expenses. It is the bottom line before tax.' },
    jv: { t: 'JV 50/50 split', d: 'The combined profit divided equally between the two joint-venture partners (Capsa / UKJE). It is simply the headline figure ÷ 2 — what each partner is owed before tax.' },
    unsold: { t: 'Gold not yet melted/sold', d: 'Part of the profit above comes from gold you have bought but have not yet melted and sold. Until it is sold it is on-paper profit only — the cash is not banked yet. This flags how much of the headline is still tied up in unsold gold.' },
    gold: { t: 'Gold sales profit', d: 'Profit from melted/sold gold batches in range: the refinery sale price minus what you paid clients for the gold (COGS), minus melt/refining costs, minus the expenses of the trips that gold came from.' },
    silver: { t: 'Silver profit', d: 'Profit from silver pieces sold in the date range — the sale price minus what you paid for them. Bulk silver you are still holding is not counted here; it sits under Stock on hand until sold.' },
    watches: { t: 'Watches profit', d: 'Profit from watches sold in the date range — sale price minus the price you paid the client. Tap the row to see the individual watches.' },
    other: { t: 'Other items profit', d: 'Profit from any other items (not gold, silver or watches) sold in the date range — sale price minus what you paid.' },
    turnover: { t: 'Turnover', d: 'Total money coming in across the range — gold sale proceeds plus all stock sales (silver, watches, other). It is the top line before any costs are taken off.' },
    cogs: { t: 'COGS (cost of goods sold)', d: 'Cost of goods sold — the total you actually paid clients for the gold and items that were then sold in this range. It does not include travel or running costs (those are Expenses).' },
    expenses: { t: 'Expenses', d: 'All trip running costs logged in range — fuel, accommodation, hall hire, advertising, food and any other expense entered against the trips. Subtracted from turnover to reach net profit.' },
    stock: { t: 'Stock on hand (estimate)', d: 'An estimate of what your unsold stock is worth right now — bulk silver (kg × your price per kg) plus held watches/other items. It is NOT counted as profit until the items are actually sold.' }
  };
  function finInfo(key) {
    return '<button type="button" class="fin-info" data-fin-info="' + key + '" aria-label="What is this?">?</button>';
  }
  window.finInfo = finInfo;
  // One delegated handler opens/positions/closes the popover for any "?" marker.
  (function wireFinInfoPopover() {
    if (window._finInfoWired) return; window._finInfoWired = true;
    document.addEventListener('click', function (ev) {
      var pop = document.getElementById('fin-info-pop');
      var btn = ev.target && ev.target.closest ? ev.target.closest('.fin-info') : null;
      if (btn && pop) {
        ev.preventDefault(); ev.stopPropagation();
        var info = FIN_INFO[btn.getAttribute('data-fin-info')];
        if (!info) return;
        pop.innerHTML = '<div class="fin-info-title"></div><div class="fin-info-body"></div>';
        pop.querySelector('.fin-info-title').textContent = info.t;
        pop.querySelector('.fin-info-body').textContent = info.d;
        pop.classList.add('open');
        // Position near the marker, kept on-screen.
        var r = btn.getBoundingClientRect();
        var pw = Math.min(280, window.innerWidth - 24);
        pop.style.maxWidth = pw + 'px';
        var left = Math.min(Math.max(8, r.left), window.innerWidth - pw - 8);
        var top = r.bottom + 8;
        // If it would overflow the bottom, show above the marker instead.
        pop.style.left = left + 'px';
        pop.style.top = top + 'px';
        requestAnimationFrame(function () {
          var ph = pop.getBoundingClientRect().height;
          if (top + ph > window.innerHeight - 8) pop.style.top = Math.max(8, r.top - ph - 8) + 'px';
        });
        return;
      }
      // Any other click closes it.
      if (pop && pop.classList.contains('open')) pop.classList.remove('open');
    }, true);
  })();

  function renderStatsContent() {
    const content = document.getElementById('stats-content');
    if (!content) return;
    _statsCharts.forEach(c => { try { c.destroy(); } catch (e) {} });
    _statsCharts = [];
    const f = _statsFilters;
    const inRange = (iso) => {
      if (!iso) return false;
      const d = String(iso).slice(0, 10);
      return (!f.startDate || d >= f.startDate) && (!f.endDate || d <= f.endDate);
    };
    // Salesman filter removed — everything is whole-business now. Kept as a
    // pass-through so the many matchSales(...) call sites below need no changes.
    const matchSales = () => true;
    const filteredDeals = state.deals.filter(d => inRange(d.date) && matchSales(d.salesman));
    const filteredExpenses = [];
    state.trips.forEach(t => {
      (t.expenses || []).forEach(e => {
        if (inRange(e.date) && matchSales(e.payer)) filteredExpenses.push(Object.assign({}, e, { tripName: t.name }));
      });
    });
    const parksCompleted = state.parks.filter(p =>
      p.status === 'done' && inRange(p.doneAt) && matchSales(p.modifiedBy));
    const parksInProgress = state.parks.filter(p =>
      p.status === 'in_progress' && matchSales(p.modifiedBy));

    // === Trip-level totals (gross override, profit adjustment, stock) ===
    // Trip is in-range when its startDate is in the filter range.
    const tripsInRange = state.trips.filter(t => t.startDate && inRange(t.startDate));
    const overrideTripIds = {};
    tripsInRange.forEach(t => { if (Number(t.grossOverride) > 0) overrideTripIds[t.id] = true; });
    // Avoid double-counting: if a trip has a manual gross, its individual logged deals are ignored
    const nonOverrideDeals = filteredDeals.filter(d => !d.tripId || !overrideTripIds[d.tripId]);
    const dealsTotal = filteredDeals.reduce((a, d) => a + (Number(d.amount) || 0), 0);
    const nonOverrideDealsTotal = nonOverrideDeals.reduce((a, d) => a + (Number(d.amount) || 0), 0);
    const grossOverrideTotal = tripsInRange.reduce((a, t) => a + (Number(t.grossOverride) || 0), 0);
    const profitAdjTotal = tripsInRange.reduce((a, t) => a + (Number(t.profitAdjustment) || 0), 0);

    // === MELT BATCHES feed the headline (the real realised gold profit) ===
    // A SOLD batch (gross > 0) is the source of truth for the gold from the
    // trips it covers: sale − all COGS − all those trips' expenses − melt costs.
    // To avoid double-counting we EXCLUDE those trips' deals + expenses from the
    // normal trip maths and add the batch net instead. A trip's manual override
    // still applies only if that trip is NOT in a sold batch.
    const meltBatches = (state.meltBatches || []);
    const soldBatchesInRange = meltBatches.filter(b =>
      Number(b.goldGrossSale) > 0 && (typeof window.meltNet === 'function') && (!b.saleDate || inRange(b.saleDate)));
    const batchOwnedTripIds = {};
    soldBatchesInRange.forEach(b => (b.tripIds || []).forEach(id => { batchOwnedTripIds[id] = true; }));
    const meltNetTotal = soldBatchesInRange.reduce((a, b) => a + (Number(window.meltNet(b)) || 0), 0);

    // Non-batch trip figures (exclude batch-owned trips entirely).
    const nonBatchDeals = nonOverrideDeals.filter(d => !d.tripId || !batchOwnedTripIds[d.tripId]);
    const nonBatchDealsTotal = nonBatchDeals.reduce((a, d) => a + (Number(d.amount) || 0), 0);
    const nonBatchGrossOverride = tripsInRange.reduce((a, t) =>
      (batchOwnedTripIds[t.id] ? a : a + (Number(t.grossOverride) || 0)), 0);
    const nonBatchProfitAdj = tripsInRange.reduce((a, t) =>
      (batchOwnedTripIds[t.id] ? a : a + (Number(t.profitAdjustment) || 0)), 0);
    // Expenses belonging to batch-owned trips, removed from the headline expense line.
    const batchTripExpenses = state.trips.reduce((a, t) => {
      if (!batchOwnedTripIds[t.id]) return a;
      return a + ((t.expenses || []).reduce((x, e) => (inRange(e.date) ? x + (Number(e.amount) || 0) : x), 0));
    }, 0);

    const effectiveGross = nonOverrideDealsTotal + grossOverrideTotal;
    const moneySpent = filteredExpenses.reduce((a, e) => a + (Number(e.amount) || 0), 0);
    // Trip-level bulk COGS (the new tripCogs field) is money paid for gold, the
    // same as per-deal amounts. It must be subtracted from the headline net for
    // trips NOT owned by a sold melt batch (batch trips get their COGS via
    // meltNet, which already includes tripCogs through meltTripsCogs).
    const nonBatchTripCogs = tripsInRange.reduce((a, t) =>
      (batchOwnedTripIds[t.id] ? a : a + (Number(t.tripCogs) || 0)), 0);
    // Headline gold net: non-batch trips (as before) + sold batch nets.
    // Net = gross in − (expenses + bulk COGS) + adjustment.
    const nonBatchNet = (nonBatchDealsTotal + nonBatchGrossOverride) -
      (moneySpent - batchTripExpenses) - nonBatchTripCogs + nonBatchProfitAdj;
    const net = nonBatchNet + meltNetTotal;

    // === P&L breakdown for the summary block (Turnover − COGS − Expenses = Net) ===
    // Build three figures that ALWAYS reconcile to the COMBINED headline (gold +
    // realised stock sales: silver / watches / other). Turnover = gold sale
    // proceeds + stock sale revenue. COGS = gold bought + stock items' cost
    // (silver sales carry £0 cost, so they're pure profit). Expenses = trip
    // expenses + melt costs. Profit adjustments fold into turnover so it ties.
    const batchGrossTotal = soldBatchesInRange.reduce((a, b) => a + (Number(window.meltGross ? window.meltGross(b) : b.goldGrossSale) || 0), 0);
    const batchCogsTotal = soldBatchesInRange.reduce((a, b) => a + (Number(window.meltGoldCogs ? window.meltGoldCogs(b) : 0) || 0), 0);
    const batchMeltCosts = soldBatchesInRange.reduce((a, b) => a + (Number(window.meltExpensesTotal ? window.meltExpensesTotal(b) : 0) || 0), 0);
    // Realised stock sales (silver/watches/other) in range — same source the
    // headline uses, so the P&L line ties out to the combined number.
    const _stockFinForPnl = getStockFinancials(inRange);
    const stockRevenue = Number(_stockFinForPnl.realizedRevenue) || 0;
    const stockCost = Number(_stockFinForPnl.realizedCost) || 0;
    const stockProfit = Number(_stockFinForPnl.realizedProfit) || 0;
    // COGS = gold bought + cost of stock items sold.
    const pnlCogs = nonBatchDealsTotal + nonBatchTripCogs + batchCogsTotal + stockCost;
    const pnlExpenses = moneySpent + batchMeltCosts; // moneySpent already includes batch trip expenses; melt costs added
    // Combined realised net = gold net + stock sale profit (matches the headline).
    const pnlNet = net + stockProfit;
    // Turnover makes the identity hold: combined net + COGS + expenses.
    const pnlTurnover = pnlNet + pnlCogs + pnlExpenses;

    // === Deal count + per-salesman aggregation, factoring in trip-level overrides ===
    // Trips with a dealsCountOverride or dealsBySalesman should be used in place of
    // individual logged deals for THAT trip. Logged deals from trips WITHOUT an
    // override still count as before.
    const dealsCountOverrideTripIds = {};
    tripsInRange.forEach(t => {
      const hasCountOverride = Number(t.dealsCountOverride) > 0;
      const hasSalesmanOverride = Array.isArray(t.dealsBySalesman) && t.dealsBySalesman.length > 0;
      if (hasCountOverride || hasSalesmanOverride) dealsCountOverrideTripIds[t.id] = true;
    });
    const loggedDealsExcludingOverride = filteredDeals.filter(d => !d.tripId || !dealsCountOverrideTripIds[d.tripId]);
    let dealCountOverrideTotal = 0;
    tripsInRange.forEach(t => {
      const c = Number(t.dealsCountOverride) || 0;
      if (c > 0) dealCountOverrideTotal += c;
      else if (Array.isArray(t.dealsBySalesman)) {
        dealCountOverrideTotal += t.dealsBySalesman.reduce((a, r) => a + (Number(r.count) || 0), 0);
      }
    });
    const totalDealCount = loggedDealsExcludingOverride.length + dealCountOverrideTotal;

    // Per-salesman aggregation (count + £). Overrides only carry counts (no £),
    // since their £ is captured by the trip's grossOverride.
    const salesmenAgg = {};
    loggedDealsExcludingOverride.forEach(d => {
      const s = canonicalSalesman(d.salesman);
      if (!salesmenAgg[s]) salesmenAgg[s] = { count: 0, total: 0 };
      salesmenAgg[s].count++;
      salesmenAgg[s].total += Number(d.amount) || 0;
    });
    tripsInRange.forEach(t => {
      if (Array.isArray(t.dealsBySalesman)) {
        t.dealsBySalesman.forEach(r => {
          const s = canonicalSalesman(r.name);
          const c = Number(r.count) || 0;
          if (!salesmenAgg[s]) salesmenAgg[s] = { count: 0, total: 0 };
          salesmenAgg[s].count += c;
        });
      }
    });

    // === Trip-level reconciled gross feeds the deal-based charts ============
    // Trips 1-12 carry NO individual deal records — their money lives in the
    // reconciled trip-level fields (grossOverride / melt batch share). So the
    // salesman / region / revenue charts must read trip-level totals, not just
    // the deals array, or they'd only show Trip 13. We compute each trip's
    // effective gross the SAME way the headline does, then attribute it.
    function _tripEffectiveGross(t) {
      // A trip's own reconciled sale figure wins (keeps charts consistent with
      // the trip card). Trip 13 has grossOverride £5,832 = its real gold worth.
      if (Number(t.grossOverride) > 0) return Number(t.grossOverride);
      // Batch-owned trip with no own override: use its share of the melt gross.
      if (batchOwnedTripIds[t.id]) {
        var b = soldBatchesInRange.find(function (x) { return (x.tripIds || []).indexOf(t.id) >= 0; });
        if (b) {
          var ids = (b.tripIds || []);
          // Give other batch trips the remainder after trips that DO have an
          // own override, so totals still tie to the melt gross.
          var meltG = Number(window.meltGross ? window.meltGross(b) : b.goldGrossSale) || 0;
          var claimed = ids.reduce(function (a, id) {
            var tt = state.trips.find(function (x) { return x.id === id; });
            return a + (tt && Number(tt.grossOverride) > 0 ? Number(tt.grossOverride) : 0);
          }, 0);
          var unclaimedIds = ids.filter(function (id) {
            var tt = state.trips.find(function (x) { return x.id === id; });
            return !(tt && Number(tt.grossOverride) > 0);
          });
          var rem = meltG - claimed;
          return unclaimedIds.length ? (rem / unclaimedIds.length) : 0;
        }
      }
      // else sum its own logged deals
      return (state.deals || []).reduce(function (a, d) {
        return (d.tripId === t.id) ? a + (Number(d.amount) || 0) : a;
      }, 0);
    }
    // Split a trip's gross across its salesmen. Use dealsBySalesman counts as
    // weights if present; else split evenly between the two partners.
    function _tripSalesmanSplit(t, gross) {
      var out = {};
      if (Array.isArray(t.dealsBySalesman) && t.dealsBySalesman.length) {
        var tot = t.dealsBySalesman.reduce(function (a, r) { return a + (Number(r.count) || 0); }, 0);
        if (tot > 0) {
          t.dealsBySalesman.forEach(function (r) {
            out[canonicalSalesman(r.name)] = gross * ((Number(r.count) || 0) / tot);
          });
          return out;
        }
      }
      // Even split fallback across known partners (or 'Reconciled' bucket).
      out['Lorri Haines'] = gross / 2;
      out['Lewis Mundy'] = gross / 2;
      return out;
    }
    // Region for a trip = the region most of its parks sit in.
    function _tripDominantRegion(t) {
      var counts = {};
      (t.parkIds || []).forEach(function (pid) {
        var p = state.parks.find(function (x) { return x.id === pid; });
        var r = (p && p.region) ? p.region : 'Unspecified';
        counts[r] = (counts[r] || 0) + 1;
      });
      var best = 'Unspecified', bestN = -1;
      Object.keys(counts).forEach(function (r) { if (counts[r] > bestN) { bestN = counts[r]; best = r; } });
      return best;
    }
    // Build trip-level contributions, EXCLUDING trips whose deals are already
    // counted individually (only Trip 13 currently has real deals, and it has a
    // grossOverride so its deals are ignored by _tripEffectiveGross's override
    // branch — so we must not also add its raw deals). To avoid any double count
    // we drive salesman/region/time purely from trips that have NO logged deals,
    // plus the deals array for trips that do.
    var _tripsWithDeals = {};
    (state.deals || []).forEach(function (d) { if (d.tripId) _tripsWithDeals[d.tripId] = true; });
    var _tripContribs = []; // { trip, gross, region, date, bySalesman }
    tripsInRange.forEach(function (t) {
      // Skip trips whose individual deals are present AND not overridden — those
      // are represented by the deals array already. (Trip 13 IS overridden, so
      // it comes through here with its grossOverride, and its raw deals are
      // excluded from the deal-based aggregations below.)
      var hasOwnDeals = _tripsWithDeals[t.id];
      var overridden = Number(t.grossOverride) > 0 || batchOwnedTripIds[t.id];
      if (hasOwnDeals && !overridden) return; // represented by real deals
      var gross = _tripEffectiveGross(t);
      if (gross <= 0) return;
      _tripContribs.push({
        trip: t, gross: gross,
        region: _tripDominantRegion(t),
        date: (t.endDate || t.startDate || '').slice(0, 10),
        bySalesman: _tripSalesmanSplit(t, gross)
      });
    });
    // Real deals that belong to an overridden/batch trip must be dropped from
    // the deal-based salesman/region charts (their £ is in the trip contrib).
    function _dealCountedSeparately(d) {
      return d.tripId && (Number((state.trips.find(function (t) { return t.id === d.tripId; }) || {}).grossOverride) > 0 || batchOwnedTripIds[d.tripId]);
    }
    // Fold trip contributions into the salesman aggregation (£ + a deal count
    // marker so the row isn't blank).
    _tripContribs.forEach(function (c) {
      Object.keys(c.bySalesman).forEach(function (name) {
        if (!salesmenAgg[name]) salesmenAgg[name] = { count: 0, total: 0 };
        salesmenAgg[name].total += c.bySalesman[name];
      });
    });

    // Stock totals from trips in range
    const stockTotals = { gold9ct: 0, gold14ct: 0, gold18ct: 0, gold22ct: 0, silver: 0 };
    tripsInRange.forEach(t => {
      getTripStockLines(t).forEach(function (ln) {
        var wt = Number(ln.weight) || 0;
        if (ln.metal === 'silver') { stockTotals.silver += wt; return; }
        var b = STOCK_GOLD_CARATS.find(function (c) { return Math.abs(c.purity - (Number(ln.purity) || 0)) < 0.01; });
        stockTotals[b ? b.key : 'gold9ct'] += wt;
      });
    });
    const stockGrandTotal = Object.values(stockTotals).reduce((a, b) => a + b, 0);

    // === FINANCIALS HEADLINE (realized combined profit) ===
    // Gold realized net (from trips/deals) PLUS profit from non-gold stock
    // items that have actually sold (silver / watches / other). Held stock is
    // shown separately below and is NOT counted as profit.
    const stockFin = getStockFinancials(inRange);
    const goldNet = net;                              // gold gross − expenses + adj
    const combinedRealized = goldNet + stockFin.realizedProfit;

    // "On paper, not yet melted": trips that carry a grossOverride (so their
    // profit is already in the headline) but are NOT in a sold melt batch — i.e.
    // the gold is still in your possession, unsold. We surface this so the
    // headline never silently overstates realised cash. Each such trip's net =
    // grossOverride − its expenses − its tripCogs + its profitAdjustment.
    let unsoldGoldNet = 0, unsoldTripNames = [];
    tripsInRange.forEach(t => {
      if (batchOwnedTripIds[t.id]) return;            // already sold via a melt
      if (t.meltedManually) return;                   // pre-batch reconciled trips, already melted
      if (!(Number(t.grossOverride) > 0)) return;     // no on-paper sale figure
      const exp = (t.expenses || []).reduce((x, e) => (inRange(e.date) ? x + (Number(e.amount) || 0) : x), 0);
      const tNet = Number(t.grossOverride) - exp - (Number(t.tripCogs) || 0) + (Number(t.profitAdjustment) || 0);
      unsoldGoldNet += tNet;
      unsoldTripNames.push(t.name);
    });
    const fmt0 = v => curSym() + Math.round(Math.abs(v)).toLocaleString('en-GB') + (v < 0 ? ' loss' : '');
    const partnersFin = (typeof getJVPartners === 'function') ? getJVPartners() : [];
    const halfFin = combinedRealized / 2;
    const itemRow = (iconName, label, cat) => {
      const b = stockFin.byCat[cat];
      if (b.soldCount === 0) return '';
      return '<div class="_fin-cat-row" data-cat="' + cat + '" style="display:flex;justify-content:space-between;align-items:center;font-size:11.5px;padding:5px 0;cursor:pointer;">' +
        '<span style="opacity:0.85;display:inline-flex;align-items:center;gap:5px;">' + icoSvg(iconName, 13, 'currentColor') + label + ' <span style="opacity:0.6;">· ' + b.soldCount + ' sold</span> <span style="opacity:0.5;">›</span></span>' +
        '<strong class="fin-amt">' + fmt0(b.profit) + ' profit</strong>' + finInfo(cat === 'silver' ? 'silver' : cat === 'watch' ? 'watches' : 'other') +
      '</div>';
    };
    const goldRow = '<div style="display:flex;justify-content:space-between;align-items:center;font-size:11.5px;padding:3px 0;">' +
        '<span style="opacity:0.85;display:inline-flex;align-items:center;gap:5px;">' + icoSvg('coin',13,'currentColor') + 'Gold sales</span><strong class="fin-amt">' + fmt0(goldNet) + ' profit</strong>' + finInfo('gold') + '</div>';
    const itemsHtml = goldRow + itemRow('silver', 'Silver', 'silver') + itemRow('watch', 'Watches', 'watch') + itemRow('medal', 'Other items', 'other');

    let html = '';
    html +=
      '<div style="background:linear-gradient(135deg,#1F4733,#2B6E4A);color:#fff;border-radius:14px;padding:16px 16px 14px;margin-bottom:14px;box-shadow:var(--shadow-sm);">' +
        '<div class="fin-eye-row">' +
          '<div style="font-size:10px;text-transform:uppercase;letter-spacing:0.08em;opacity:0.85;font-weight:700;">Combined Profit <span style="opacity:0.6;font-weight:500;">· net, pre-tax</span>' + finInfo('combined') + '</div>' +
          '<button id="fin-eye-btn" title="Show / hide figures" aria-label="Show or hide figures"></button>' +
        '</div>' +
        '<div class="fin-amt" style="font-family:\'Fraunces\',serif;font-size:32px;font-weight:600;line-height:1.05;margin-top:2px;">' + fmt0(combinedRealized) + '</div>' +
        // JV 50/50 split (UK only)
        '<div class="jv-only" style="margin-top:6px;font-size:13px;font-weight:600;">JV 50/50 is <span class="fin-amt" style="font-family:\'Fraunces\',serif;font-size:16px;">' + fmt0(halfFin) + '</span> <span style="opacity:0.75;font-weight:400;font-size:11px;">each (' + partnersFin.map(p => _shortPartnerName(p.name)).join(' / ') + ')</span>' + finInfo('jv') + '</div>' +
        // Unsold-gold flag: profit counted but the gold isn't melted/sold yet.
        (unsoldGoldNet > 0.5 ?
          '<div style="margin-top:8px;padding:7px 9px;background:rgba(251,191,36,0.18);border:1px solid rgba(251,191,36,0.5);border-radius:8px;font-size:11px;line-height:1.45;">' +
            icoSvg('warning',13,'#B8842C') + ' <strong class="fin-amt">' + fmt0(unsoldGoldNet) + '</strong> of this is gold not yet melted/sold (' + unsoldTripNames.map(escapeHtml).join(', ') + '). It\'s on-paper profit until you melt it.' + finInfo('unsold') +
          '</div>' : '') +
        // Per-source breakdown
        '<div style="margin-top:10px;padding-top:8px;border-top:1px solid rgba(255,255,255,0.18);">' + itemsHtml + '</div>' +
        // Full P&L line: Turnover − COGS − Expenses = Net (reconciles to headline)
        '<div style="margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,0.18);display:flex;flex-wrap:wrap;gap:14px;font-size:11.5px;">' +
          '<span><span style="opacity:0.75;">Turnover</span> <strong class="fin-amt">' + fmt0(pnlTurnover) + '</strong>' + finInfo('turnover') + '</span>' +
          '<span><span style="opacity:0.75;">COGS</span> <strong class="fin-amt">' + fmt0(pnlCogs) + '</strong>' + finInfo('cogs') + '</span>' +
          '<span><span style="opacity:0.75;">Expenses</span> <strong class="fin-amt">' + fmt0(pnlExpenses) + '</strong>' + finInfo('expenses') + '</span>' +
        '</div>' +
        jvsBalanceLine() +
      '</div>';

    // === STOCK ON HAND (held, not yet sold — estimate) ===
    {
      const silver = getSilverStock();
      const silverManualVal = silver.kg * silver.pricePerKg;
      const heldItemsEst = stockFin.onHandEst;
      const totalOnHand = silverManualVal + heldItemsEst;
      const soldItemsValue = stockFin.realizedRevenue;   // silver+watch+other sold (revenue)
      html +=
        '<div style="background:var(--surface-2);border-radius:12px;padding:12px 14px;margin-bottom:16px;border-left:3px solid #8FA5B5;">' +
          '<div style="display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px;">' +
            '<span style="font-size:10px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);font-weight:700;">Stock on hand <span style="font-weight:500;text-transform:none;letter-spacing:0;">· estimate, not yet sold</span>' + finInfo('stock') + '</span>' +
            '<strong class="fin-amt" style="font-family:\'Fraunces\',serif;font-size:18px;color:var(--text);">' + curSym() + Math.round(totalOnHand).toLocaleString('en-GB') + '</strong>' +
          '</div>' +
          '<div style="display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-muted);padding:3px 0;">' +
            '<span style="display:inline-flex;align-items:center;gap:5px;">' + icoSvg('coin',13,'currentColor') + 'Silver in stock — ' + silver.kg + ' kg × ' + curSym() + silver.pricePerKg.toLocaleString('en-GB') + '/kg</span>' +
            '<span style="display:flex;align-items:center;gap:6px;"><strong style="color:var(--text);">' + curSym() + Math.round(silverManualVal).toLocaleString('en-GB') + '</strong>' +
              '<button id="_fin-silver-sell" style="background:#2B6E4A;border:none;color:#fff;font-size:10.5px;padding:3px 8px;border-radius:6px;cursor:pointer;font-family:inherit;font-weight:600;">Sell</button>' +
              '<button id="_fin-silver-edit" style="background:var(--surface-3);border:none;color:var(--text);font-size:10.5px;padding:3px 8px;border-radius:6px;cursor:pointer;font-family:inherit;font-weight:600;">Edit</button></span>' +
          '</div>' +
          (stockFin.silverOnHandCount > 0
            ? '<div style="font-size:10.5px;color:var(--text-light);padding:0 0 3px 22px;">incl. ' + stockFin.silverOnHandCount + ' itemised silver piece' + (stockFin.silverOnHandCount === 1 ? '' : 's') + ' (counted in the bulk figure above, not added twice)</div>'
            : '') +
          (stockFin.onHandCount > 0
            ? '<div style="display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-muted);padding:3px 0;">' +
                '<span style="display:inline-flex;align-items:center;gap:5px;">' + icoSvg('box',13,'currentColor') + 'Held items (watches / other) — ' + stockFin.onHandCount + ' item' + (stockFin.onHandCount === 1 ? '' : 's') + '</span>' +
                '<strong style="color:var(--text);">' + curSym() + Math.round(heldItemsEst).toLocaleString('en-GB') + '</strong>' +
              '</div>'
            : '') +
          // Sold items value (realized revenue from silver/watch/other) — informational
          (soldItemsValue > 0
            ? '<div style="display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-muted);padding:3px 0;border-top:1px dashed var(--border);margin-top:4px;padding-top:7px;">' +
                '<span style="display:inline-flex;align-items:center;gap:5px;">' + icoSvg('checkCircle',13,'currentColor') + 'Items sold (in range) — revenue banked</span>' +
                '<strong style="color:#2B6E4A;">' + curSym() + Math.round(soldItemsValue).toLocaleString('en-GB') + '</strong>' +
              '</div>'
            : '') +
          '<div style="font-size:10.5px;color:var(--text-light);margin-top:4px;">On-hand is an estimate, not counted as profit until sold. Selling silver adds the sale price straight to profit.</div>' +
        '</div>';
    }

    // === GADGET STOCK (kept completely separate from gold/silver/watch) ===
    {
      var gt = (typeof window.gadgetStockTotals === 'function') ? window.gadgetStockTotals() : null;
      if (gt && !gt.loaded && typeof window.gadgetEnsureLoaded === 'function') {
        // Pull gadget stock then re-render once it lands.
        window.gadgetEnsureLoaded().then(function () {
          if (document.getElementById('stats-content')) renderStatsContent();
        });
      }
      if (gt && (gt.inStockCount > 0 || gt.soldCount > 0)) {
        html +=
          '<div style="background:var(--surface-2);border-radius:12px;padding:12px 14px;margin-bottom:16px;border-left:3px solid #C8861A;">' +
            '<div style="display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px;">' +
              '<span style="font-size:10px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);font-weight:700;">Gadget stock <span style="font-weight:500;text-transform:none;letter-spacing:0;">· separate from jewellery</span></span>' +
              '<strong style="font-family:\'Fraunces\',serif;font-size:18px;color:var(--text);">' + curSym() + Math.round(gt.costHeld).toLocaleString('en-GB') + '</strong>' +
            '</div>' +
            '<div style="display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-muted);padding:3px 0;">' +
              '<span style="display:inline-flex;align-items:center;gap:5px;">' + icoSvg('phone',13,'currentColor') + 'In stock — ' + gt.inStockCount + ' item' + (gt.inStockCount === 1 ? '' : 's') + ' (cost paid)</span>' +
              '<strong style="color:var(--text);">' + curSym() + Math.round(gt.costHeld).toLocaleString('en-GB') + '</strong>' +
            '</div>' +
            (gt.cexCashHeld > 0
              ? '<div style="font-size:10.5px;color:var(--text-light);padding:0 0 3px 22px;">CeX would pay ≈ ' + curSym() + Math.round(gt.cexCashHeld).toLocaleString('en-GB') + ' cash for the held items (shelf value ≈ ' + curSym() + Math.round(gt.cexSellHeld).toLocaleString('en-GB') + ')</div>'
              : '') +
            (gt.soldCount > 0
              ? '<div style="display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-muted);padding:3px 0;border-top:1px dashed var(--border);margin-top:4px;padding-top:7px;">' +
                  '<span style="display:inline-flex;align-items:center;gap:5px;">' + icoSvg('checkCircle',13,'currentColor') + 'Gadgets sold — ' + gt.soldCount + ' · realised profit</span>' +
                  '<strong style="color:' + (gt.realisedProfit >= 0 ? '#2B6E4A' : '#C53030') + ';">' + curSym() + Math.round(gt.realisedProfit).toLocaleString('en-GB') + '</strong>' +
                '</div>' +
                // Per-channel split (CeX / eBay / Private).
                (function () {
                  var bc = gt.byChannel || {}; var lbls = { cex: 'CeX', ebay: 'eBay', private: 'Private', other: 'Other' };
                  return ['cex','ebay','private','other'].map(function (k) {
                    var c = bc[k]; if (!c || c.count === 0) return '';
                    return '<div style="display:flex;justify-content:space-between;align-items:center;font-size:11.5px;color:var(--text-muted);padding:2px 0 2px 22px;">' +
                        '<span>' + lbls[k] + ' — ' + c.count + ' sold · ' + curSym() + Math.round(c.revenue).toLocaleString('en-GB') + ' in</span>' +
                        '<strong style="color:' + (c.profit >= 0 ? '#2B6E4A' : '#C53030') + ';">' + curSym() + Math.round(c.profit).toLocaleString('en-GB') + '</strong>' +
                      '</div>';
                  }).join('');
                })()
              : '') +
            '<div style="font-size:10.5px;color:var(--text-light);margin-top:4px;">Tracked in Gadgets → Stock. Not included in the gold, silver or watch figures above.</div>' +
          '</div>';
      }
    }

    // === STAT CARDS ===
    html += '<div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;">' +
      statCard('Parks completed', parksCompleted.length, '#2B6E4A') +
      statCard('Parks in progress', parksInProgress.length, '#D97706') +
      statCard('Gross in', curSym() + effectiveGross.toFixed(0), '#2B6E4A') +
      statCard('Money spent', curSym() + moneySpent.toFixed(0), '#C53030') +
      statCard('Deals count', totalDealCount) +
      statCard('Avg deal', totalDealCount ? curSym() + (effectiveGross / totalDealCount).toFixed(0) : (curSym() + '0')) +
      '</div>';

    // Breakdown of where the gross came from (only show if both sources contribute)
    if (grossOverrideTotal > 0) {
      html += '<div style="background:var(--surface-2);padding:10px 12px;border-radius:10px;margin-bottom:12px;font-size:12px;color:var(--text-muted);">' +
        '<div style="display:flex;justify-content:space-between;padding:2px 0;">' +
          '<span>From logged deals (excl. override trips)</span><span style="font-weight:600;color:var(--text);">' + curSym() + nonOverrideDealsTotal.toFixed(0) + '</span>' +
        '</div>' +
        '<div style="display:flex;justify-content:space-between;padding:2px 0;">' +
          '<span>From trip gross overrides</span><span style="font-weight:600;color:var(--text);">' + curSym() + grossOverrideTotal.toFixed(0) + '</span>' +
        '</div>' +
      '</div>';
    }

    // Net + adjustment line
    html += '<div style="background:var(--surface-2);border-radius:10px;padding:12px;margin-bottom:18px;">' +
      (soldBatchesInRange.length > 0
        ? '<div style="display:flex;justify-content:space-between;padding:3px 0;font-size:12px;color:var(--text-muted);">' +
            '<span style="display:inline-flex;align-items:center;gap:5px;">' + icoSvg('flame',13,'currentColor') + 'Melt &amp; sell (' + soldBatchesInRange.length + ' batch' + (soldBatchesInRange.length === 1 ? '' : 'es') + ', realised)</span>' +
            '<span style="font-weight:600;color:' + (meltNetTotal >= 0 ? '#2B6E4A' : 'var(--danger)') + ';">' +
            (meltNetTotal >= 0 ? '+' + curSym() : '−' + curSym()) + Math.abs(meltNetTotal).toFixed(2) + '</span>' +
          '</div>'
        : '') +
      (profitAdjTotal !== 0
        ? '<div style="display:flex;justify-content:space-between;padding:3px 0;font-size:12px;color:var(--text-muted);">' +
            '<span>Other adjustment</span><span style="font-weight:600;color:' + (profitAdjTotal >= 0 ? '#2B6E4A' : 'var(--danger)') + ';">' +
            (profitAdjTotal >= 0 ? '+' + curSym() : '−' + curSym()) + Math.abs(profitAdjTotal).toFixed(2) + '</span>' +
          '</div>'
        : '') +
      '<div style="display:flex;justify-content:space-between;padding:3px 0;font-size:15px;font-weight:700;">' +
        '<span>Gold net <span style="font-weight:400;color:var(--text-muted);font-size:11px;">(gold only)</span></span><span style="color:' + (net >= 0 ? '#2B6E4A' : 'var(--danger)') + ';">' + curSym() + net.toFixed(2) + '</span>' +
      '</div>' +
    '</div>';

    // === STOCK PURCHASED (Gold vs Silver, with £ value from each trip's spot/payout) ===
    if (tripsInRange.length > 0) {
      // Constants matching the trip detail
      const _GOLD = [
        { key: 'gold9ct',  label: '9ct gold',  color: '#B8842C', purity: 0.375 },
        { key: 'gold14ct', label: '14ct gold', color: '#D9A441', purity: 0.585 },
        { key: 'gold18ct', label: '18ct gold', color: '#E6B450', purity: 0.750 },
        { key: 'gold22ct', label: '22ct gold', color: '#F5C76A', purity: 0.916 }
      ];
      const _calc = (spot, pur, pay) => {
        const s = Number(spot) || 0, p = Number(pur) || 0, r = Number(pay) || 0;
        if (s <= 0 || p <= 0 || r <= 0) return 0;
        return (s / 31) * p * (r / 100);
      };

      // Accumulate per-carat totals across trips (via line helper so multi-line
      // trips and legacy fixed-field trips both count correctly).
      const goldByCarat = {};
      _GOLD.forEach(c => { goldByCarat[c.key] = { weight: 0, value: 0 }; });
      let silverWeight = 0, silverValue = 0;
      let goldOtherWeight = 0, goldOtherValue = 0; // gold lines not matching a standard carat

      tripsInRange.forEach(t => {
        getTripStockLines(t).forEach(function (ln) {
          var perG = stockPerGram(ln.spot, ln.purity, ln.payout);
          var wt = Number(ln.weight) || 0;
          var val = wt * perG;
          if (ln.metal === 'silver') {
            silverWeight += wt; silverValue += val;
          } else {
            // Map to nearest standard carat bucket by purity for the doughnut.
            var bucket = _GOLD.find(function (c) { return Math.abs(c.purity - (Number(ln.purity) || 0)) < 0.01; });
            if (bucket) { goldByCarat[bucket.key].weight += wt; goldByCarat[bucket.key].value += val; }
            else { goldOtherWeight += wt; goldOtherValue += val; }
          }
        });
      });

      const goldTotalWeight = _GOLD.reduce((a, c) => a + goldByCarat[c.key].weight, 0) + goldOtherWeight;
      const goldTotalValue = _GOLD.reduce((a, c) => a + goldByCarat[c.key].value, 0) + goldOtherValue;

      // GOLD card with doughnut chart
      html += '<div style="margin-bottom:18px;">' +
        '<div style="display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;">' +
          '<h4 style="margin:0;">Gold purchased</h4>' +
          '<span style="font-size:13px;color:var(--text-muted);">' + goldTotalWeight.toFixed(1) + 'g · <span style="font-weight:700;color:#B8842C;">' + curSym() + goldTotalValue.toFixed(0) + '</span></span>' +
        '</div>' +
        '<div style="background:var(--surface-2);padding:14px;border-radius:10px;">' +
        (goldTotalWeight > 0
          ? '<div style="position:relative;height:200px;margin-bottom:8px;"><canvas id="chart-gold-doughnut"></canvas></div>'
          : '<div style="padding:18px;text-align:center;color:var(--text-muted);font-size:13px;">No gold purchased in this range.</div>') +
        '</div></div>';

      // SILVER card with simpler bar
      html += '<div style="margin-bottom:18px;">' +
        '<div style="display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;">' +
          '<h4 style="margin:0;">Total Stock Value</h4>' +
          '<span style="font-size:13px;color:var(--text-muted);" id="stock-value-summary"></span>' +
        '</div>' +
        '<div style="background:var(--surface-2);padding:14px;border-radius:10px;" id="stock-value-card">' +
          '<div style="padding:18px;text-align:center;color:var(--text-muted);font-size:13px;">Loading stock...</div>' +
        '</div></div>';
      
      // Populate stock value card asynchronously
      setTimeout(function() {
        var STK = window.STOCK;
        if (STK && STK.items && STK.items.length) {
          var cats = { gold: { count: 0, weight_g: 0, est_value: 0 },
                       silver: { count: 0, weight_g: 0, est_value: 0 },
                       watch: { count: 0, count: 0, est_value: 0 },
                       other: { count: 0, weight_g: 0, est_value: 0 } };
          var totalValue = 0, totalCount = 0;
          STK.items.forEach(function (it) {
            if ((it.status || 'in_stock') !== 'in_stock') return;
            var c = cats[it.category || 'other'] || cats.other;
            c.count++;
            c.weight_g += Number(it.weight_g) || 0;
            var vlo = Number(it.estimated_value_low) || 0;
            var vhi = Number(it.estimated_value_high) || 0;
            var mid = (vlo && vhi) ? (vlo + vhi) / 2 : (vhi || vlo || 0);
            c.est_value += mid;
            totalValue += mid;
            totalCount++;
          });
          var summaryEl = document.getElementById('stock-value-summary');
          if (summaryEl) summaryEl.innerHTML = totalCount + ' items · <span style="font-weight:700;color:#666;">' + curSym() + totalValue.toFixed(0) + '</span>';
          var cardEl = document.getElementById('stock-value-card');
          if (cardEl) {
            var breakdown = '<div style="display:grid;grid-template-columns:repeat(2,1fr);gap:12px;font-size:12px;">';
            ['gold','silver','watch','other'].forEach(function(cat) {
              var c = cats[cat];
              var icon = cat === 'gold' ? '◆' : cat === 'silver' ? '■' : cat === 'watch' ? icoSvg('watch',12,'currentColor') : '◇';
              var catLabel = cat.charAt(0).toUpperCase() + cat.slice(1);
              breakdown += '<div style="padding:10px;background:rgba(0,0,0,0.03);border-radius:8px;">' +
                '<div style="font-weight:600;margin-bottom:4px;">' + icon + ' ' + catLabel + '</div>' +
                '<div style="color:var(--text-muted);font-size:11px;margin-bottom:2px;">' + c.count + ' items' + (c.weight_g ? ' · ' + c.weight_g.toFixed(0) + 'g' : '') + '</div>' +
                '<div style="font-weight:700;color:#666;">' + curSym() + c.est_value.toFixed(0) + '</div>' +
                '</div>';
            });
            breakdown += '</div>';
            cardEl.innerHTML = breakdown;
          }
        } else {
          var cardEl = document.getElementById('stock-value-card');
          if (cardEl) cardEl.innerHTML = '<div style="padding:18px;text-align:center;color:var(--text-muted);font-size:13px;">Open the Stock tab to load inventory data.</div>';
        }
      }, 100);

      // Stash data on window so chart factory can grab it after canvas exists
      window._lastGoldData = { _GOLD: _GOLD, goldByCarat: goldByCarat, goldTotalWeight: goldTotalWeight };
    }

    // === DEALS BY SALESMAN ===
    html += '<div style="margin-bottom:18px;"><h4 style="margin:0 0 8px;">Deals total per salesman</h4>';
    const salesmenNames = Object.keys(salesmenAgg);
    if (salesmenNames.length === 0) {
      html += '<div style="padding:18px;color:var(--text-muted);font-size:13px;text-align:center;background:var(--surface-2);border-radius:8px;">No deals in this date range.</div>';
    } else {
      // Chart shows £ revenue from logged deals + trip-level reconciled gross
      if (filteredDeals.length > 0 || _tripContribs.length > 0) {
        html += '<div style="position:relative;height:' + Math.max(140, Math.min(300, 50 + Math.max(uniqueSalesmen(filteredDeals).length, Object.keys(salesmenAgg).length) * 40)) + 'px;margin-bottom:10px;"><canvas id="chart-salesmen"></canvas></div>';
      }
      // Sort by total £ desc; if no £ (override only), by count desc
      salesmenNames.sort((a, b) => {
        const tb = salesmenAgg[b].total - salesmenAgg[a].total;
        return tb !== 0 ? tb : (salesmenAgg[b].count - salesmenAgg[a].count);
      }).forEach(name => {
        const s = salesmenAgg[name];
        const countTxt = s.count + ' deal' + (s.count !== 1 ? 's' : '');
        const totalTxt = s.total > 0 ? curSym() + s.total.toFixed(2) : '—';
        html += '<div style="display:flex;justify-content:space-between;padding:6px 0;font-size:13px;border-bottom:1px solid var(--border);">' +
          '<span>' + escapeHtml(name) + ' · ' + countTxt + '</span>' +
          '<span style="font-weight:600;color:' + (s.total > 0 ? 'var(--text)' : 'var(--text-muted)') + ';">' + totalTxt + '</span>' +
          '</div>';
      });
    }
    html += '</div>';

    // === REVENUE OVER TIME ===
    html += '<div style="margin-bottom:18px;"><h4 style="margin:0 0 8px;">Revenue over time</h4>';
    if (filteredDeals.length === 0 && _tripContribs.length === 0) {
      html += '<div style="padding:18px;color:var(--text-muted);font-size:13px;text-align:center;background:var(--surface-2);border-radius:8px;">No revenue data.</div>';
    } else {
      html += '<div style="position:relative;height:220px;"><canvas id="chart-time"></canvas></div>';
    }
    html += '</div>';

    // === PARK STATUS DONUT ===
    html += '<div style="margin-bottom:18px;"><h4 style="margin:0 0 8px;">Park status (overall)</h4>' +
      '<div style="position:relative;height:220px;"><canvas id="chart-status"></canvas></div>' +
      '</div>';

    // === EXPENSES BREAKDOWN ===
    if (filteredExpenses.length > 0) {
      html += '<div style="margin-bottom:18px;"><h4 style="margin:0 0 8px;">Spend by category</h4>' +
        '<div style="position:relative;height:200px;"><canvas id="chart-spend"></canvas></div>' +
        '</div>';
    }

    // === PROFIT-PER-REGION ===
    // Aggregates deals by their linked park's region, alongside parks done per region.
    // Filter respects current date range + salesman filter (via filteredDeals + parksCompleted).
    const regionAgg = {};
    function _bumpRegion(r) {
      r = r || 'Unspecified';
      if (!regionAgg[r]) regionAgg[r] = { gross: 0, deals: 0, parks: 0 };
      return regionAgg[r];
    }
    filteredDeals.forEach(d => {
      if (_dealCountedSeparately(d)) return; // its £ is in the trip contribution
      const park = d.parkId ? getParkById(d.parkId) : null;
      const r = _bumpRegion(park ? park.region : 'Unspecified');
      r.gross += Number(d.amount) || 0;
      r.deals += 1;
    });
    // Trip-level reconciled gross by dominant region (Trips 1-12 + batch trips).
    _tripContribs.forEach(c => {
      const r = _bumpRegion(c.region);
      r.gross += c.gross;
    });
    parksCompleted.forEach(p => { _bumpRegion(p.region).parks += 1; });
    const regionRows = Object.keys(regionAgg).map(name => Object.assign({ region: name }, regionAgg[name]));
    regionRows.forEach(r => { r.gpp = r.parks > 0 ? r.gross / r.parks : 0; });
    regionRows.sort((a, b) => b.gross - a.gross);
    const topRows = regionRows.filter(r => r.gross > 0 || r.parks > 0);

    if (topRows.length > 0) {
      html += '<div style="margin-bottom:18px;">' +
        '<div style="display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;">' +
          '<h4 style="margin:0;">Profit per region</h4>' +
          '<span style="font-size:11px;color:var(--text-muted);">' + topRows.length + ' regions · filter respects date + salesman</span>' +
        '</div>' +
        '<div style="background:var(--surface-2);padding:14px;border-radius:10px;">' +
          '<div style="position:relative;height:' + Math.max(160, topRows.length * 34 + 40) + 'px;margin-bottom:12px;"><canvas id="chart-region-profit"></canvas></div>' +
          // Detail table
          '<div style="display:grid;grid-template-columns:1fr auto auto auto;gap:6px 12px;font-size:12px;">' +
            '<span style="font-weight:700;color:var(--text-muted);font-size:10px;text-transform:uppercase;letter-spacing:0.06em;">Region</span>' +
            '<span style="font-weight:700;color:var(--text-muted);font-size:10px;text-transform:uppercase;letter-spacing:0.06em;text-align:right;">Parks</span>' +
            '<span style="font-weight:700;color:var(--text-muted);font-size:10px;text-transform:uppercase;letter-spacing:0.06em;text-align:right;">Gross</span>' +
            '<span style="font-weight:700;color:var(--text-muted);font-size:10px;text-transform:uppercase;letter-spacing:0.06em;text-align:right;">' + curSym() + ' / park</span>' +
            topRows.slice(0, 10).map(r =>
              '<span style="color:var(--text);font-weight:500;">' + escapeHtml(r.region) + '</span>' +
              '<span style="text-align:right;font-variant-numeric:tabular-nums;">' + r.parks + '</span>' +
              '<span style="text-align:right;font-variant-numeric:tabular-nums;font-weight:700;color:var(--primary);">' + curSym() + Math.round(r.gross).toLocaleString() + '</span>' +
              '<span style="text-align:right;font-variant-numeric:tabular-nums;color:var(--text-muted);">' + curSym() + Math.round(r.gpp).toLocaleString() + '</span>'
            ).join('') +
          '</div>' +
        '</div>' +
      '</div>';
      // Stash for chart creator
      window._lastRegionData = topRows;
    }

    // === COLOUR TAG HEAT MAP ===
    html += renderColourHeatmap(filteredDeals, filteredExpenses);

    content.innerHTML = html;

    // V-288: Financials privacy toggle (bank-style). Sensitive amounts carry the
    // .fin-amt class; the #stats-content gets .fin-private to blur them. Default
    // is HIDDEN for privacy; the choice persists in localStorage. The eye icon
    // swaps between "hidden" (eye-off) and "shown" (eye).
    (function () {
      var EYE_KEY = 'pr_fin_private';
      var eyeOpen = '<svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7z"/><circle cx="12" cy="12" r="3"/></svg>';
      var eyeOff = '<svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-10-8-10-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 10 8 10 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24"/><line x1="1" y1="1" x2="23" y2="23"/></svg>';
      var isPrivate;
      try { var saved = localStorage.getItem(EYE_KEY); isPrivate = (saved === null) ? true : (saved === '1'); }
      catch (e) { isPrivate = true; }
      var btn = document.getElementById('fin-eye-btn');
      function apply() {
        if (isPrivate) content.classList.add('fin-private'); else content.classList.remove('fin-private');
        if (btn) btn.innerHTML = isPrivate ? eyeOff : eyeOpen;
      }
      apply();
      if (btn) btn.addEventListener('click', function () {
        isPrivate = !isPrivate;
        try { localStorage.setItem(EYE_KEY, isPrivate ? '1' : '0'); } catch (e) {}
        apply();
      });
    })();

    // Wire the JV ledger link + silver editor inside the Financials headline.
    const finLedger = document.getElementById('jvs-open-ledger');
    if (finLedger) finLedger.addEventListener('click', () => openJVSLedger());
    const finSilver = document.getElementById('_fin-silver-edit');
    if (finSilver) finSilver.addEventListener('click', () => openSilverEditor());
    const finSilverSell = document.getElementById('_fin-silver-sell');
    if (finSilverSell) finSilverSell.addEventListener('click', () => openSilverSale());
    // Tapping a sold-category row opens the review/delete panel for that
    // category — the way to see and remove sales even if they don't surface in
    // the normal Stock list filters.
    content.querySelectorAll('._fin-cat-row').forEach(r => {
      r.addEventListener('click', () => openSoldCleanup(r.dataset.cat));
    });

    if (typeof Chart === 'undefined') {
      console.warn('[ParkRoute] Chart.js not loaded — charts unavailable');
      return;
    }
    // Build an augmented deals array so the salesman + revenue charts reflect
    // ALL trips: real logged deals (minus those already counted at trip level)
    // plus one synthetic deal per salesman-share of each trip contribution.
    var _chartDeals = filteredDeals.filter(function (d) { return !_dealCountedSeparately(d); });
    _tripContribs.forEach(function (c) {
      Object.keys(c.bySalesman).forEach(function (name) {
        _chartDeals.push({
          amount: c.bySalesman[name],
          salesman: name,
          date: c.date,
          tripId: c.trip.id,
          _synthetic: true
        });
      });
    });
    if (_chartDeals.length > 0) {
      createSalesmanChart(_chartDeals);
      createTimeChart(_chartDeals, f.startDate, f.endDate);
    }
    createStatusChart();
    if (filteredExpenses.length > 0) createSpendChart(filteredExpenses);
    createGoldDoughnut();
    createRegionProfitChart();
  }

  function createRegionProfitChart() {
    const el = document.getElementById('chart-region-profit');
    if (!el || !window._lastRegionData || window._lastRegionData.length === 0) return;
    const rows = window._lastRegionData;
    const ctx = el.getContext('2d');
    const palette = ['#1F4733','#2B6E4A','#D4A437','#C53030','#7A6BC6','#2563EB','#D97706','#0F766E','#9333EA','#475569','#F59E0B','#10B981'];
    const c = new Chart(ctx, {
      type: 'bar',
      data: {
        labels: rows.map(r => r.region),
        datasets: [{
          label: 'Gross (' + curSym() + ')',
          data: rows.map(r => Math.round(r.gross)),
          backgroundColor: rows.map((_, i) => palette[i % palette.length]),
          borderRadius: 6,
          borderSkipped: false,
        }],
      },
      options: {
        indexAxis: 'y',
        responsive: true,
        maintainAspectRatio: false,
        animation: { duration: 500 },
        plugins: {
          legend: { display: false },
          tooltip: {
            callbacks: {
              label: c => curSym() + Number(c.parsed.x).toLocaleString() +
                ' · ' + (rows[c.dataIndex].parks || 0) + ' parks · ' + curSym() +                 Math.round(rows[c.dataIndex].gpp).toLocaleString() + '/park',
            },
          },
        },
        scales: {
          x: {
            ticks: { color: '#6B6760', font: { size: 10 }, callback: v => curSym() + Number(v).toLocaleString() },
            grid: { color: 'rgba(0,0,0,0.04)' },
            border: { display: false },
          },
          y: {
            ticks: { color: '#6B6760', font: { size: 11 } },
            grid: { display: false },
            border: { display: false },
          },
        },
      },
    });
    _statsCharts.push(c);
  }

  function createGoldDoughnut() {
    const el = document.getElementById('chart-gold-doughnut');
    if (!el || !window._lastGoldData) return;
    const { _GOLD, goldByCarat, goldTotalWeight } = window._lastGoldData;
    if (!goldTotalWeight || goldTotalWeight <= 0) return;
    const carats = _GOLD.filter(c => goldByCarat[c.key].weight > 0);
    if (carats.length === 0) return;
    const labels = carats.map(c => c.label);
    const data = carats.map(c => Number(goldByCarat[c.key].weight.toFixed(2)));
    const colors = carats.map(c => c.color);
    const values = carats.map(c => goldByCarat[c.key].value);
    const chart = new Chart(el, {
      type: 'doughnut',
      data: { labels: labels, datasets: [{ data: data, backgroundColor: colors, borderWidth: 2, borderColor: '#FFFEFB' }] },
      options: {
        responsive: true, maintainAspectRatio: false,
        cutout: '60%',
        plugins: {
          legend: { position: 'right', labels: { font: { size: 12 }, padding: 12, boxWidth: 14 } },
          tooltip: {
            callbacks: {
              label: c => {
                const w = c.parsed;
                const pct = ((w / goldTotalWeight) * 100).toFixed(0);
                const v = values[c.dataIndex];
                return c.label + ': ' + w.toFixed(2) + 'g (' + pct + '%) · ' + curSym() + v.toFixed(0);
              }
            }
          }
        }
      }
    });
    _statsCharts.push(chart);
  }

  // =========================================================================
  // EXPORT — PDF + CSV with section filters
  // =========================================================================
  let _jsPdfLoaded = false;
  function loadJsPdf() {
    return new Promise((resolve, reject) => {
      if (_jsPdfLoaded || (window.jspdf && window.jspdf.jsPDF)) { _jsPdfLoaded = true; resolve(); return; }
      const s = document.createElement('script');
      s.src = 'https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js';
      s.onload = () => { _jsPdfLoaded = true; resolve(); };
      s.onerror = () => reject(new Error('jsPDF load failed'));
      document.head.appendChild(s);
    });
  }

  // JSZip — lazy-loaded only when bulk-downloading receipts into a zip.
  let _jsZipLoaded = false;
  function loadJsZip() {
    return new Promise((resolve, reject) => {
      if (_jsZipLoaded || window.JSZip) { _jsZipLoaded = true; resolve(); return; }
      const s = document.createElement('script');
      s.src = 'https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js';
      s.onload = () => { _jsZipLoaded = true; resolve(); };
      s.onerror = () => reject(new Error('JSZip load failed'));
      document.head.appendChild(s);
    });
  }

  // =========================================================================
  // SILVER STOCK — running total of silver held (not yet sold) across all trips.
  // Editable by user after each trip. Persisted via localStorage and synced to
  // parkroute_sync.settings JSONB so both partners see the same number.
  // =========================================================================
  const SILVER_DEFAULTS = { kg: 30, pricePerKg: 2600 };
  function getSilverStock() {
    try {
      const raw = localStorage.getItem('pr_silver_stock');
      if (raw) {
        const p = JSON.parse(raw);
        if (p && typeof p.kg === 'number' && typeof p.pricePerKg === 'number') return p;
      }
    } catch (e) {}
    return Object.assign({}, SILVER_DEFAULTS);
  }

  // ===========================================================================
  // PRE-MELT PILE (V-271) — raw metal accumulated before refining. Silver is
  // built up over 1-3 months; gold is pooled across 1-2 trials then melted into
  // one. Manual running totals (gold split by carat, silver in grams). On melt
  // we capture the final refined figure, reset the pile to zero, and log a
  // completed batch into history. Stored in settings blob so both partners see
  // it (same pattern as silverStock).
  var PREMELT_CARATS = ['9', '10', '14', '15', '18', '19', '22', '24'];
  function getPreMelt() {
    var def = { gold: { '9':0,'10':0,'14':0,'15':0,'18':0,'19':0,'22':0,'24':0 }, silverG: 0, batches: [],
      meta: { gold: {}, silver: null } };
    try {
      if (state.settings && state.settings.preMelt) {
        var p = state.settings.preMelt;
        return {
          gold: Object.assign({ '9':0,'10':0,'14':0,'15':0,'18':0,'19':0,'22':0,'24':0 }, p.gold || {}),
          silverG: Number(p.silverG) || 0,
          batches: Array.isArray(p.batches) ? p.batches : [],
          meta: { gold: (p.meta && p.meta.gold) || {}, silver: (p.meta && p.meta.silver) || null }
        };
      }
      var raw = localStorage.getItem('pr_premelt');
      if (raw) { var q = JSON.parse(raw); if (q) { q.meta = q.meta || { gold:{}, silver:null }; return Object.assign(def, q); } }
    } catch (e) {}
    return def;
  }
  function _pmStamp() { return { at: new Date().toISOString(), by: state.salesman || 'You' }; }
  function savePreMelt(data) {
    if (!state.settings) state.settings = {};
    data.updatedAt = new Date().toISOString();
    data.updatedBy = state.salesman || 'You';
    state.settings.preMelt = data;
    try { localStorage.setItem('pr_premelt', JSON.stringify(data)); } catch (e) {}
    lsSet(LS.settings, state.settings);
    state.dirty = true;
    if (typeof window.pushNow === 'function') window.pushNow(); else scheduleSync();
    if (state.currentTab === 'stock') renderStockBody();
  }
  // V-272: admin-only guard for every pre-melt write.
  function _pmCanEdit() { return window.isAdminUser ? window.isAdminUser() : true; }
  // Add grams to a carat pile (or subtract with a negative number).
  window.preMeltAddGold = function (carat) {
    if (!_pmCanEdit()) return;
    var pm = getPreMelt();
    var cur = pm.gold[carat] || 0;
    var v = prompt('Add grams of ' + carat + 'ct gold to the pre-melt pile\n(current: ' + cur + 'g). Enter grams to ADD (use a minus number to remove):', '');
    if (v === null) return;
    var n = parseFloat(v);
    if (isNaN(n)) { window.toast && window.toast('Enter a number'); return; }
    pm.gold[carat] = Math.max(0, Math.round((cur + n) * 100) / 100);
    pm.meta.gold[carat] = _pmStamp();
    savePreMelt(pm);
    window.toast && window.toast(carat + 'ct now ' + pm.gold[carat] + 'g');
  };
  window.preMeltSetGold = function (carat) {
    if (!_pmCanEdit()) return;
    var pm = getPreMelt();
    var v = prompt('EDIT total grams of ' + carat + 'ct gold (replaces current ' + (pm.gold[carat]||0) + 'g):', String(pm.gold[carat] || 0));
    if (v === null) return;
    var n = parseFloat(v);
    if (isNaN(n) || n < 0) { window.toast && window.toast('Enter a valid number'); return; }
    pm.gold[carat] = Math.round(n * 100) / 100;
    pm.meta.gold[carat] = _pmStamp();
    savePreMelt(pm);
  };
  window.preMeltAddSilver = function () {
    if (!_pmCanEdit()) return;
    var pm = getPreMelt();
    var v = prompt('Add grams of silver to the pre-melt pile\n(current: ' + pm.silverG + 'g = ' + (pm.silverG/1000).toFixed(2) + 'kg). Enter grams to ADD (minus to remove):', '');
    if (v === null) return;
    var n = parseFloat(v);
    if (isNaN(n)) { window.toast && window.toast('Enter a number'); return; }
    pm.silverG = Math.max(0, Math.round((pm.silverG + n) * 100) / 100);
    pm.meta.silver = _pmStamp();
    savePreMelt(pm);
    window.toast && window.toast('Silver now ' + (pm.silverG/1000).toFixed(2) + 'kg');
  };
  window.preMeltSetSilver = function () {
    if (!_pmCanEdit()) return;
    var pm = getPreMelt();
    var v = prompt('EDIT total grams of silver (replaces current ' + pm.silverG + 'g):', String(pm.silverG || 0));
    if (v === null) return;
    var n = parseFloat(v);
    if (isNaN(n) || n < 0) { window.toast && window.toast('Enter a valid number'); return; }
    pm.silverG = Math.round(n * 100) / 100;
    pm.meta.silver = _pmStamp();
    savePreMelt(pm);
  };
  // Melt/refine: capture the final refined result, reset that metal's pile to
  // zero, and log a completed batch into history.
  window.preMeltMelt = function (metal) {
    if (!_pmCanEdit()) return;
    var pm = getPreMelt();
    var summary, payout;
    if (metal === 'gold') {
      var parts = PREMELT_CARATS.filter(function (c) { return (pm.gold[c] || 0) > 0; })
        .map(function (c) { return pm.gold[c] + 'g ' + c + 'ct'; });
      if (!parts.length) { window.toast && window.toast('No gold in the pile'); return; }
      summary = parts.join(', ');
    } else {
      if (!pm.silverG) { window.toast && window.toast('No silver in the pile'); return; }
      summary = (pm.silverG/1000).toFixed(2) + 'kg silver';
    }
    payout = prompt('Melting ' + summary + '.\n\nEnter the FINAL refined £ figure the refinery paid (leave blank if not known yet):', '');
    if (payout === null) return; // cancelled
    var paid = parseFloat(payout);
    var batch = {
      id: 'melt_' + Date.now().toString(36),
      metal: metal,
      date: new Date().toISOString(),
      by: state.salesman || 'You',
      summary: summary,
      paid: isNaN(paid) ? null : Math.round(paid * 100) / 100,
      gold: metal === 'gold' ? Object.assign({}, pm.gold) : null,
      silverG: metal === 'silver' ? pm.silverG : null
    };
    pm.batches = pm.batches || [];
    pm.batches.unshift(batch);
    if (metal === 'gold') pm.gold = { '9':0,'10':0,'14':0,'15':0,'18':0,'19':0,'22':0,'24':0 };
    else pm.silverG = 0;
    savePreMelt(pm);
    window.toast && window.toast('Melt logged — pile reset');
  };
  window.preMeltDeleteBatch = function (id) {
    if (!_pmCanEdit()) return;
    if (!confirm('Delete this melt batch from history?')) return;
    var pm = getPreMelt();
    pm.batches = (pm.batches || []).filter(function (b) { return b.id !== id; });
    savePreMelt(pm);
  };

  // Realized + on-hand breakdown of the STOCK inventory (silver / watches /
  // other), used by the Financials page. "Realized" = items actually SOLD,
  // using their sold_price as revenue and cost as basis → profit. "On hand" =
  // items still held, valued at the mid of their estimated sell range (an
  // estimate, NOT counted as profit). Gold is handled separately via trips.
  // inRangeFn(iso) optionally restricts by date: realized items filter on
  // sold_date, held items are always included (they have no realized date).
  // === Line-based trip stock (V-144) ===
  // Trips can now hold MULTIPLE gold/silver lines, each with its own weight,
  // spot and payout. New edits write t.stockLines = [ {metal,label,purity,weight,
  // spot,payout,date}, ... ]. For trips saved before this (legacy fixed fields
  // gold9ct/…/silver), we DERIVE equivalent lines on the fly so every financial
  // figure stays identical until the trip is re-saved. This keeps the reconciled
  // numbers untouched.
  var STOCK_GOLD_CARATS = [
    { key: 'gold9ct',  label: '9ct gold',  color: '#B8842C', purity: 0.375 },
    { key: 'gold14ct', label: '14ct gold', color: '#D9A441', purity: 0.585 },
    { key: 'gold18ct', label: '18ct gold', color: '#E6B450', purity: 0.750 },
    { key: 'gold22ct', label: '22ct gold', color: '#F5C76A', purity: 0.916 }
  ];
  var STOCK_SILVER_PURITIES = [
    { v: 0.500, label: '50% (coin)' },
    { v: 0.800, label: '80% (continental)' },
    { v: 0.925, label: '92.5% (sterling)' },
    { v: 0.958, label: '95.8% (Britannia)' },
    { v: 0.999, label: '99.9% (fine)' }
  ];
  function stockPerGram(spot, purity, payoutPct) {
    var s = Number(spot) || 0, p = Number(purity) || 0, r = Number(payoutPct) || 0;
    if (s <= 0 || p <= 0 || r <= 0) return 0;
    return (s / 31) * p * (r / 100);
  }
  // Return the trip's stock lines. If t.stockLines exists, use it. Otherwise
  // derive lines from the legacy fixed fields so nothing changes numerically.
  function getTripStockLines(t) {
    if (!t) return [];
    if (Array.isArray(t.stockLines)) return t.stockLines;
    var lines = [];
    STOCK_GOLD_CARATS.forEach(function (c) {
      var wt = Number(t[c.key]) || 0;
      if (wt > 0 || t[c.key + '_spot'] || t[c.key + '_payout']) {
        lines.push({ metal: 'gold', label: c.label, purity: c.purity,
          weight: wt, spot: Number(t[c.key + '_spot']) || 0,
          payout: Number(t[c.key + '_payout']) || 0, date: t[c.key + '_date'] || '' });
      }
    });
    var sWt = Number(t.silver) || 0;
    if (sWt > 0 || t.silver_spot || t.silver_payout) {
      var sp = Number(t.silver_purity) || 0.925;
      var spLabel = (STOCK_SILVER_PURITIES.find(function (x) { return Math.abs(x.v - sp) < 0.001; }) || { label: 'silver' }).label;
      lines.push({ metal: 'silver', label: spLabel, purity: sp,
        weight: sWt, spot: Number(t.silver_spot) || 0, payout: Number(t.silver_payout) || 0, date: t.silver_date || '' });
    }
    return lines;
  }
  // Aggregate a trip's stock lines into gold/silver weight + estimated value.
  function getTripStockTotals(t) {
    var g = { weight: 0, value: 0 }, s = { weight: 0, value: 0 };
    getTripStockLines(t).forEach(function (ln) {
      var perG = stockPerGram(ln.spot, ln.purity, ln.payout);
      var val = (Number(ln.weight) || 0) * perG;
      if (ln.metal === 'silver') { s.weight += Number(ln.weight) || 0; s.value += val; }
      else { g.weight += Number(ln.weight) || 0; g.value += val; }
    });
    return { gold: g, silver: s };
  }
  window.getTripStockLines = getTripStockLines;
  window.getTripStockTotals = getTripStockTotals;

  function getStockFinancials(inRangeFn) {
    const cats = ['silver', 'watch', 'other'];
    const out = {
      byCat: {},
      realizedRevenue: 0, realizedCost: 0, realizedProfit: 0,
      onHandCost: 0, onHandEst: 0, onHandCount: 0,            // watch + other only (excludes silver)
      silverOnHandEst: 0, silverOnHandCount: 0                // silver items tracked separately
    };
    cats.forEach(c => { out.byCat[c] = { revenue: 0, cost: 0, profit: 0, soldCount: 0, onHandEst: 0, onHandCount: 0 }; });
    const items = (window.STOCK && STOCK.items) ? STOCK.items : [];
    items.forEach(it => {
      const cat = cats.indexOf(it.category) >= 0 ? it.category : (it.category === 'gold' ? null : 'other');
      if (!cat) return; // gold counted via trips, skip here
      const b = out.byCat[cat];
      const cost = Number(it.cost) || 0;
      if (it.status === 'sold') {
        if (inRangeFn && !inRangeFn(it.sold_date)) return;
        const rev = Number(it.sold_price) || 0;
        b.revenue += rev; b.cost += cost; b.profit += (rev - cost); b.soldCount++;
        out.realizedRevenue += rev; out.realizedCost += cost; out.realizedProfit += (rev - cost);
      } else if (it.status === 'in_stock' || it.status === 'reserved') {
        const vlo = Number(it.estimated_value_low) || 0;
        const vhi = Number(it.estimated_value_high) || 0;
        const mid = (vlo && vhi) ? (vlo + vhi) / 2 : (vhi || vlo || 0);
        b.onHandEst += mid; b.onHandCount++;
        if (cat === 'silver') {
          // Silver on-hand is represented by the bulk "silver in stock" figure
          // in the Financials view, so keep itemised silver OUT of the held-items
          // total to avoid double-counting the same metal.
          out.silverOnHandEst += mid; out.silverOnHandCount++;
        } else {
          out.onHandCost += cost; out.onHandEst += mid; out.onHandCount++;
        }
      }
    });
    return out;
  }

  function saveSilverStock(kg, pricePerKg) {
    const data = {
      kg: Number(kg) || 0,
      pricePerKg: Number(pricePerKg) || 0,
      updatedAt: new Date().toISOString(),
      updatedBy: state.salesman || 'You'
    };
    localStorage.setItem('pr_silver_stock', JSON.stringify(data));
    // Also write into the synced settings blob so the other partner sees it
    if (!state.settings) state.settings = {};
    state.settings.silverStock = data;
    lsSet(LS.settings, state.settings);
    state.dirty = true;
    scheduleSync();
  }

  // Sell bulk silver in one action: (1) drop the running stock kg, and
  // (2) log the sale as a real sold stock-item so it lands in net profit.
  // Per business rule, silver sale price is treated as PURE PROFIT (cost = 0).
  // Opens a small form; on confirm both happen together and both partners sync.
  function openSilverSale() {
    const cur = getSilverStock();
    const wrap = document.createElement('div');
    wrap.className = 'modal-backdrop open';
    wrap.id = '_silver-sale-modal';
    wrap.innerHTML =
      '<div class="modal" style="max-width:420px;">' +
        '<div class="modal-head"><h2 style="display:flex;align-items:center;gap:7px;">' + icoSvg('coin',18,'currentColor') + 'Sell silver</h2>' +
          '<button class="icon-btn" id="_ss-close"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></button>' +
        '</div>' +
        '<div class="modal-body">' +
          '<div style="font-size:12px;color:var(--text-muted);margin-bottom:14px;line-height:1.45;">Logs a silver sale as profit and drops your silver-in-stock by the kilos sold. Currently in stock: <strong>' + cur.kg + ' kg</strong>.</div>' +
          '<div style="display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;">' +
            '<div>' +
              '<label style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);display:block;margin-bottom:4px;font-weight:600;">Kilos sold</label>' +
              '<input type="number" id="_ss-kg" min="0" step="0.1" max="' + cur.kg + '" placeholder="0" style="width:100%;height:44px;padding:0 12px;border:1px solid var(--border);border-radius:8px;font-family:\'Fraunces\',serif;font-size:18px;background:var(--surface);color:var(--text);box-sizing:border-box;" />' +
            '</div>' +
            '<div>' +
              '<label style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);display:block;margin-bottom:4px;font-weight:600;">Sale price (' + curSym() + ')</label>' +
              '<input type="number" id="_ss-price" min="0" step="10" placeholder="0" style="width:100%;height:44px;padding:0 12px;border:1px solid var(--border);border-radius:8px;font-family:\'Fraunces\',serif;font-size:18px;background:var(--surface);color:var(--text);box-sizing:border-box;" />' +
            '</div>' +
          '</div>' +
          '<div style="margin-bottom:12px;">' +
            '<label style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);display:block;margin-bottom:4px;font-weight:600;">Sold to (optional)</label>' +
            '<input type="text" id="_ss-buyer" placeholder="e.g. trade buyer" style="width:100%;height:40px;padding:0 12px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;background:var(--surface);color:var(--text);box-sizing:border-box;" />' +
          '</div>' +
          '<div id="_ss-preview" style="background:var(--surface-2);border-radius:10px;padding:10px 12px;margin-bottom:14px;border-left:3px solid #2B6E4A;">' +
            '<div style="font-size:10px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);font-weight:700;">Profit added (pure)</div>' +
            '<div style="font-family:\'Fraunces\',serif;font-size:24px;font-weight:600;color:#2B6E4A;" id="_ss-profit">' + curSym() + '0</div>' +
            '<div style="font-size:10.5px;color:var(--text-muted);margin-top:2px;" id="_ss-remaining">Remaining stock: ' + cur.kg + ' kg</div>' +
          '</div>' +
          '<div style="display:flex;gap:8px;">' +
            '<button class="btn btn-primary" id="_ss-save" style="flex:1;height:44px;">Log sale</button>' +
            '<button class="btn btn-ghost" id="_ss-cancel" style="height:44px;">Cancel</button>' +
          '</div>' +
        '</div>' +
      '</div>';
    document.body.appendChild(wrap);
    function recalc() {
      const kg = Number(document.getElementById('_ss-kg').value) || 0;
      const price = Number(document.getElementById('_ss-price').value) || 0;
      document.getElementById('_ss-profit').textContent = curSym() + Math.round(price).toLocaleString('en-GB');
      const remain = Math.max(0, cur.kg - kg);
      document.getElementById('_ss-remaining').textContent = 'Remaining stock: ' + (Math.round(remain * 100) / 100) + ' kg';
    }
    document.getElementById('_ss-kg').addEventListener('input', recalc);
    document.getElementById('_ss-price').addEventListener('input', recalc);
    const close = () => wrap.remove();
    document.getElementById('_ss-close').addEventListener('click', close);
    document.getElementById('_ss-cancel').addEventListener('click', close);
    wrap.addEventListener('click', e => { if (e.target === wrap) close(); });
    document.getElementById('_ss-save').addEventListener('click', async () => {
      const kg = Number(document.getElementById('_ss-kg').value) || 0;
      const price = Number(document.getElementById('_ss-price').value) || 0;
      const buyer = (document.getElementById('_ss-buyer').value || '').trim();
      if (kg <= 0) { window.toast && window.toast('Enter kilos sold'); return; }
      if (price <= 0) { window.toast && window.toast('Enter a sale price'); return; }
      if (kg > cur.kg + 0.0001) { window.toast && window.toast('Only ' + cur.kg + ' kg in stock'); return; }
      const today = new Date().toISOString().slice(0, 10);
      try {
        // (1) Log the sale as a real sold stock item → flows into net profit.
        await saveStockItem({
          id: stockId(),
          category: 'silver',
          name: kg + ' kg silver (bulk sale)',
          weight_g: kg * 1000,
          purity: 0.999,
          cost: 0,                       // pure profit per business rule
          estimated_value_low: null,
          estimated_value_high: null,
          acquired_date: today,
          status: 'sold',
          sold_date: today,
          sold_price: price,
          sold_to: buyer || null,
          notes: 'Bulk silver sale logged from Financials',
          added_by: state.salesman || 'You'
        }, true);
        // (2) Drop the running silver stock by the kilos sold.
        saveSilverStock(Math.max(0, cur.kg - kg), cur.pricePerKg);
        close();
        if (document.getElementById('stats-content') && typeof renderStatsContent === 'function') renderStatsContent();
        if (state.currentTab === 'trips') _renderTripsList();
        if (state.currentTab === 'stock' && typeof renderStockBody === 'function') renderStockBody();
        window.toast && window.toast('Silver sale logged — ' + curSym() + Math.round(price).toLocaleString('en-GB') + ' profit, ' + kg + ' kg removed');
      } catch (e) {
        window.toast && window.toast('Could not log sale');
      }
    });
  }
  window.openSilverSale = openSilverSale;

  function openSilverEditor() {
    const cur = getSilverStock();
    const wrap = document.createElement('div');
    wrap.className = 'modal-backdrop open';
    wrap.id = '_silver-modal';
    wrap.innerHTML =
      '<div class="modal" style="max-width:420px;">' +
        '<div class="modal-head"><h2 style="display:flex;align-items:center;gap:7px;">' + icoSvg('coin',18,'currentColor') + 'Silver stock</h2>' +
          '<button class="icon-btn" id="_silver-close"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></button>' +
        '</div>' +
        '<div class="modal-body">' +
          '<div style="font-size:12px;color:var(--text-muted);margin-bottom:14px;line-height:1.45;">Running total of silver held in stock (not yet sold). Update after each trip to reflect new silver bought. Refined 925→999 silver counts here too. Both partners see the same value.</div>' +
          '<div style="display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;">' +
            '<div>' +
              '<label style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);display:block;margin-bottom:4px;font-weight:600;">Kilograms (kg)</label>' +
              '<input type="number" id="_silver-kg" min="0" step="0.1" value="' + cur.kg + '" style="width:100%;height:44px;padding:0 12px;border:1px solid var(--border);border-radius:8px;font-family:\'Fraunces\',serif;font-size:18px;background:var(--surface);color:var(--text);box-sizing:border-box;" />' +
            '</div>' +
            '<div>' +
              '<label style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);display:block;margin-bottom:4px;font-weight:600;">Price per kg (' + curSym() + ')</label>' +
              '<input type="number" id="_silver-price" min="0" step="10" value="' + cur.pricePerKg + '" style="width:100%;height:44px;padding:0 12px;border:1px solid var(--border);border-radius:8px;font-family:\'Fraunces\',serif;font-size:18px;background:var(--surface);color:var(--text);box-sizing:border-box;" />' +
            '</div>' +
          '</div>' +
          '<div id="_silver-preview" style="background:var(--surface-2);border-radius:10px;padding:10px 12px;margin-bottom:14px;border-left:3px solid #8FA5B5;">' +
            '<div style="font-size:10px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);font-weight:700;">Total value</div>' +
            '<div style="font-family:\'Fraunces\',serif;font-size:24px;font-weight:600;color:var(--text);" id="_silver-total">' + curSym() + (cur.kg * cur.pricePerKg).toLocaleString('en-GB') + '</div>' +
            '<div style="font-size:10.5px;color:var(--text-muted);margin-top:2px;">' + cur.kg + ' kg × ' + curSym() + cur.pricePerKg.toLocaleString('en-GB') + '/kg</div>' +
          '</div>' +
          '<div style="display:flex;gap:8px;">' +
            '<button class="btn btn-primary" id="_silver-save" style="flex:1;height:44px;">Save</button>' +
            '<button class="btn btn-ghost" id="_silver-cancel" style="height:44px;">Cancel</button>' +
          '</div>' +
        '</div>' +
      '</div>';
    document.body.appendChild(wrap);
    function recalc() {
      const kg = Number(document.getElementById('_silver-kg').value) || 0;
      const price = Number(document.getElementById('_silver-price').value) || 0;
      document.getElementById('_silver-total').textContent = curSym() + (kg * price).toLocaleString('en-GB');
      const sub = document.querySelector('#_silver-preview > div:last-child');
      if (sub) sub.textContent = kg + ' kg × ' + curSym() + price.toLocaleString('en-GB') + '/kg';
    }
    document.getElementById('_silver-kg').addEventListener('input', recalc);
    document.getElementById('_silver-price').addEventListener('input', recalc);
    document.getElementById('_silver-close').addEventListener('click', () => wrap.remove());
    document.getElementById('_silver-cancel').addEventListener('click', () => wrap.remove());
    wrap.addEventListener('click', e => { if (e.target === wrap) wrap.remove(); });
    document.getElementById('_silver-save').addEventListener('click', () => {
      const kg = Number(document.getElementById('_silver-kg').value) || 0;
      const price = Number(document.getElementById('_silver-price').value) || 0;
      saveSilverStock(kg, price);
      wrap.remove();
      if (state.currentTab === 'trips') _renderTripsList();
      if (state.currentTab === 'stock' && typeof renderStockBody === 'function') renderStockBody();
      // If the Financials page is open, refresh its on-hand figure.
      if (document.getElementById('stats-content') && typeof renderStatsContent === 'function') renderStatsContent();
      window.toast && window.toast('Silver stock updated: ' + kg + 'kg × ' + curSym() + price.toLocaleString('en-GB'));
    });
  }

  // =========================================================================
  // JV SETTLEMENTS — running balance ledger between partners (Lewis & Lorri)
  // Tracks per-trip cost-asymmetry imbalances + settlement payments.
  // =========================================================================
  const JVS = {
    balance: null,       // { partner_a, partner_b, balance, status, debtor, creditor }
    entries: [],
    loaded: false,
    loading: false
  };

  // === LIVE AUTO-LEDGER (Trip 14 onward) ====================================
  // For trips numbered >= 14, the who-owes-who imbalance is computed live from
  // the trip's own deals (COGS, by salesman) + expenses (by payer), split 50/50
  // unless an item is tagged shared:'no' (individual — borne by its own payer,
  // no imbalance). Trips 1-13 keep their settled manual jv_settlements history.
  // Updates every time a deal/expense is added; a deleted trip drops out
  // automatically because we read live state.trips. Names normalise to the two
  // ledger partners: 'Lorri' and 'Lewis Mundy'.
  // V-257: the live auto-calc owns Trip 15 onward. Trips 1-14 are settled in the
  // DB ledger (Trip 14 was squared in person — £400 sovereign + £120 cash). The
  // OLD bug had this at 14, so Trip 14's deals were recomputed live AND settled
  // manually = double-count, which is what produced the wrong £329 headline.
  const JV_AUTO_FROM_TRIP = 15;
  // Belt-and-braces: also treat any trip that already has a DB settlement entry
  // (by trip_id) as "owned by the manual ledger", so live + manual can never
  // double-count the same trip again, whatever the boundary number is.
  function _tripIsManuallySettled(tripId) {
    if (!tripId) return false;
    return (JVS.entries || []).some(function (e) { return e && e.trip_id === tripId; });
  }
  function _jvPartner(name) {
    const c = canonicalSalesman(name);
    if (c === 'Lorri Haines' || c === 'Lorri') return 'Lorri';
    if (c === 'Lewis Mundy' || c === 'Lewis') return 'Lewis Mundy';
    return c; // unknown — kept separate, won't match either partner
  }
  function _tripNumber(t) {
    const m = String(t && t.name || '').match(/(\d+)/);
    return m ? parseInt(m[1], 10) : 0;
  }
  // Returns { Lorri: £fronted, 'Lewis Mundy': £fronted } of JOINT cost only.
  function computeLiveLedger() {
    const paid = { 'Lorri': 0, 'Lewis Mundy': 0 };
    (state.trips || []).forEach(t => {
      if (_tripNumber(t) < JV_AUTO_FROM_TRIP) return; // only Trip 15+
      if (_tripIsManuallySettled(t.id)) return;       // already in the DB ledger — don't double-count
      // Deals (COGS) — joint by default; the buyer fronts the cash.
      (state.deals || []).forEach(d => {
        if (d.tripId !== t.id) return;
        if (d.shared === 'no') return; // individual, no imbalance
        const p = _jvPartner(d.salesman);
        if (paid[p] != null) paid[p] += Number(d.amount) || 0;
      });
      // Expenses — joint unless tagged shared:'no'.
      (t.expenses || []).forEach(e => {
        if (e.shared === 'no') return;
        const p = _jvPartner(e.payer);
        if (paid[p] != null) paid[p] += Number(e.amount) || 0;
      });
    });
    const total = paid['Lorri'] + paid['Lewis Mundy'];
    const half = total / 2;
    // Whoever fronted more than half is OWED the difference by the other.
    const lorriOver = paid['Lorri'] - half; // >0 => Lorri is owed
    const amount = Math.abs(Math.round(lorriOver * 100) / 100);
    let debtor = null, creditor = null;
    if (amount > 0.005) {
      if (lorriOver > 0) { creditor = 'Lorri'; debtor = 'Lewis Mundy'; }
      else { creditor = 'Lewis Mundy'; debtor = 'Lorri'; }
    }
    return { paidLorri: paid['Lorri'], paidLewis: paid['Lewis Mundy'], total, amount, debtor, creditor };
  }
  // Combine the settled DB balance (trips 1-13) with the live Trip 14+ figure
  // into one net { debtor, creditor, balance } the UI can show.
  function combinedJVBalance() {
    const db = JVS.balance; // from jv_balance_summary (signed by debtor/creditor)
    // Represent everything as a signed number: + means Lewis owes Lorri.
    function signed(debtor, creditor, amt) {
      const a = Number(amt) || 0;
      if (a === 0 || !debtor) return 0;
      if (debtor === 'Lewis Mundy' && creditor === 'Lorri') return a;
      if (debtor === 'Lorri' && creditor === 'Lewis Mundy') return -a;
      return 0;
    }
    let net = 0;
    if (db) net += signed(db.debtor, db.creditor, db.balance);
    const live = computeLiveLedger();
    net += signed(live.debtor, live.creditor, live.amount);
    const amount = Math.abs(Math.round(net * 100) / 100);
    let debtor = null, creditor = null;
    if (amount > 0.005) {
      if (net > 0) { debtor = 'Lewis Mundy'; creditor = 'Lorri'; }
      else { debtor = 'Lorri'; creditor = 'Lewis Mundy'; }
    }
    return { balance: String(amount), debtor, creditor, live };
  }
  async function jvsApi(path, opts) {
    path = withCountryPath(path);
    opts = opts || {};
    opts.headers = Object.assign({}, HDR(), opts.headers || {});
    if (opts.body && opts.method && /^(POST|PATCH|PUT)$/i.test(opts.method)) {
      opts.body = stampCountryBody(opts.body);
    }
    const u = REST + path;
    const r = await fetch(u, opts);
    if (!r.ok) throw new Error('JVS API ' + r.status + ': ' + await r.text());
    if (r.status === 204) return null;
    const ct = r.headers.get('content-type') || '';
    return ct.includes('application/json') ? await r.json() : await r.text();
  }
  async function fetchJVSettlements() {
    JVS.loading = true;
    try {
      const [bal, entries] = await Promise.all([
        jvsApi('/jv_balance_summary?select=*'),
        jvsApi('/jv_settlements_view?select=*&order=recorded_date.desc,created_at.desc')
      ]);
      JVS.balance = (bal && bal[0]) || null;
      JVS.entries = entries || [];
      JVS.loaded = true;
    } catch (e) {
      console.warn('[JVS] fetch failed:', e);
    } finally {
      JVS.loading = false;
    }
  }
  function jvsBalanceLine() {
    // AU is single-entity — no JV ledger, no balance line.
    if (isAU()) return '';
    // Combine settled history (DB) with the live Trip 14+ auto-computed figure.
    const cb = combinedJVBalance();
    const bal = Number(cb.balance) || 0;
    if (bal === 0) {
      return '<div style="margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,0.18);display:flex;align-items:center;gap:6px;font-size:11px;">' +
        '<span style="display:inline-block;width:8px;height:8px;border-radius:50%;background:#86efac;"></span>' +
        '<span style="opacity:0.95;font-weight:600;">JV balance: Settled / even</span>' +
        '<span style="opacity:0.55;margin-left:auto;cursor:pointer;text-decoration:underline;" id="jvs-open-ledger">View ledger</span>' +
        '</div>';
    }
    return '<div style="margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,0.18);display:flex;align-items:center;gap:6px;font-size:11px;">' +
      '<span style="display:inline-block;width:8px;height:8px;border-radius:50%;background:#fbbf24;"></span>' +
      '<span style="opacity:0.95;font-weight:600;">' + escapeHtml(cb.debtor || '') + ' owes ' + escapeHtml(cb.creditor || '') + ' ' + curSym() + bal.toLocaleString('en-GB') + '</span>' +
      '<span style="opacity:0.55;margin-left:auto;cursor:pointer;text-decoration:underline;" id="jvs-open-ledger">Settle / view</span>' +
      '</div>';
  }

  function openJVSLedger() {
    const wrap = document.createElement('div');
    wrap.className = 'modal-backdrop open';
    wrap.id = '_jvs-modal';
    const cb = combinedJVBalance();
    const bal = Number(cb.balance) || 0;
    const b = { status: bal === 0 ? 'Settled / even' : (cb.debtor + ' owes ' + cb.creditor), debtor: cb.debtor, creditor: cb.creditor };
    const live = cb.live;
    let entriesHtml = '';
    if ((JVS.entries || []).length === 0) {
      entriesHtml = '<div style="padding:18px;text-align:center;color:var(--text-muted);font-size:13px;">No settlement entries yet.</div>';
    } else {
      JVS.entries.forEach(e => {
        const isPayment = e.type === 'payment';
        const icon = icoSvg(isPayment ? 'cash' : e.type === 'imbalance' ? 'scale' : 'tool', 14, 'currentColor');
        const colour = isPayment ? '#2B6E4A' : e.type === 'imbalance' ? '#D97706' : '#7A6BC6';
        const dateStr = _tripFormatDate(e.recorded_date);
        entriesHtml += '<div style="display:flex;gap:10px;align-items:flex-start;padding:10px 6px;border-bottom:1px solid var(--border);">' +
          '<span style="font-size:18px;flex-shrink:0;line-height:1.2;">' + icon + '</span>' +
          '<div style="flex:1;min-width:0;">' +
            '<div style="font-size:13.5px;font-weight:600;color:' + colour + ';">' +
              escapeHtml(e.from_partner) + ' → ' + escapeHtml(e.to_partner) +
              '<span style="color:var(--text);font-weight:700;"> · ' + curSym() + Number(e.amount).toLocaleString('en-GB') + '</span>' +
            '</div>' +
            '<div style="font-size:11px;color:var(--text-muted);margin-top:1px;">' +
              dateStr + ' · ' + e.type + (e.method ? ' · ' + escapeHtml(e.method) : '') +
              (e.trip_id ? ' · ' + escapeHtml((state.trips.find(t => t.id === e.trip_id) || {}).name || e.trip_id) : '') +
            '</div>' +
            (e.notes ? '<div style="font-size:11.5px;color:var(--text-light);margin-top:3px;font-style:italic;line-height:1.35;">' + escapeHtml(e.notes) + '</div>' : '') +
          '</div>' +
          '<button class="btn btn-ghost _jvs-del" data-id="' + e.id + '" style="height:28px;padding:0 8px;font-size:11px;color:#C53030;flex-shrink:0;">✕</button>' +
        '</div>';
      });
    }
    wrap.innerHTML =
      '<div class="modal" style="max-width:520px;">' +
        '<div class="modal-head"><h2>JV settlement ledger</h2>' +
          '<button class="icon-btn" id="_jvs-close"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></button>' +
        '</div>' +
        '<div class="modal-body">' +
          // Current balance hero
          '<div style="background:' + (bal === 0 ? 'linear-gradient(135deg,#1F4733,#2B6E4A)' : 'linear-gradient(135deg,#92400E,#D97706)') + ';color:#fff;border-radius:14px;padding:14px 16px;margin-bottom:14px;">' +
            '<div style="font-size:10px;text-transform:uppercase;letter-spacing:0.08em;opacity:0.85;font-weight:700;">Current balance</div>' +
            '<div style="font-family:\'Fraunces\',serif;font-size:26px;font-weight:600;line-height:1.1;margin-top:2px;">' +
              (bal === 0 ? '✓ Settled' : curSym() + bal.toLocaleString('en-GB')) +
            '</div>' +
            '<div style="font-size:12px;opacity:0.92;margin-top:3px;">' + escapeHtml(b.status || '') + '</div>' +
          '</div>' +
          // Live auto-ledger breakdown (Trip 14+)
          (live && live.total > 0 ?
            '<div style="background:var(--surface-2);border-radius:10px;padding:10px 12px;margin-bottom:14px;font-size:12px;">' +
              '<div style="font-weight:700;margin-bottom:4px;">Live (Trip 15 onward, auto)</div>' +
              '<div style="display:flex;justify-content:space-between;"><span style="color:var(--text-muted);">Lorri fronted</span><span style="font-weight:600;">' + curSym() + live.paidLorri.toLocaleString('en-GB') + '</span></div>' +
              '<div style="display:flex;justify-content:space-between;"><span style="color:var(--text-muted);">Lewis fronted</span><span style="font-weight:600;">' + curSym() + live.paidLewis.toLocaleString('en-GB') + '</span></div>' +
              '<div style="display:flex;justify-content:space-between;border-top:1px solid var(--border);margin-top:4px;padding-top:4px;"><span style="color:var(--text-muted);">' + (live.amount > 0 ? escapeHtml(live.debtor) + ' owes ' + escapeHtml(live.creditor) : 'Even') + '</span><span style="font-weight:700;">' + curSym() + live.amount.toLocaleString('en-GB') + '</span></div>' +
              '<div style="color:var(--text-muted);font-size:10.5px;margin-top:5px;">Auto-calculated from Trip 15+ deals &amp; expenses by who paid. Updates as you log. Trips 1-14 are settled (in the history below).</div>' +
            '</div>' : '') +
          // Record new
          '<button class="btn btn-primary" id="_jvs-add" style="width:100%;height:40px;margin-bottom:14px;font-size:13px;">+ Record settlement / imbalance</button>' +
          // Entries
          '<div style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);font-weight:700;margin-bottom:6px;">Ledger (' + (JVS.entries || []).length + ' entries)</div>' +
          '<div style="background:var(--surface-2);border-radius:10px;padding:4px 10px;">' + entriesHtml + '</div>' +
        '</div>' +
      '</div>';
    document.body.appendChild(wrap);
    document.getElementById('_jvs-close').addEventListener('click', () => wrap.remove());
    wrap.addEventListener('click', e => { if (e.target === wrap) wrap.remove(); });
    document.getElementById('_jvs-add').addEventListener('click', () => { wrap.remove(); openJVSEntryForm(null); });
    wrap.querySelectorAll('._jvs-del').forEach(b => bindButton(b, () => {
      const id = b.dataset.id;
      if (!confirm('Delete this ledger entry? Will recalculate balance.')) return;
      jvsApi('/jv_settlements?id=eq.' + encodeURIComponent(id), { method: 'DELETE' })
        .then(async () => {
          await fetchJVSettlements();
          wrap.remove(); openJVSLedger();
          if (state.currentTab === 'trips') _renderTripsList();
          window.toast && window.toast('Entry deleted, balance recalculated');
        }).catch(e => window.toast && window.toast('Delete failed: ' + e.message));
    }));
  }

  function openJVSEntryForm(existing) {
    const isNew = !existing;
    const item = existing || {
      from_partner: 'Lorri',
      to_partner: 'Lewis',
      amount: '',
      type: 'payment',
      method: 'cash',
      recorded_date: new Date().toISOString().slice(0,10),
      trip_id: '',
      notes: ''
    };
    const tripOpts = '<option value="">— none —</option>' +
      state.trips.slice().sort((a,b)=>(b.startDate||'').localeCompare(a.startDate||'')).map(t =>
        '<option value="' + t.id + '"' + (item.trip_id === t.id ? ' selected' : '') + '>' + escapeHtml(t.name || t.id) + (t.startDate ? ' (' + _tripFormatDate(t.startDate) + ')' : '') + '</option>'
      ).join('');

    const wrap = document.createElement('div');
    wrap.className = 'modal-backdrop open';
    wrap.id = '_jvse-form';
    wrap.innerHTML =
      '<div class="modal" style="max-width:480px;">' +
        '<div class="modal-head"><h2>' + (isNew ? 'Record entry' : 'Edit entry') + '</h2>' +
          '<button class="icon-btn" id="_jvse-close"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></button>' +
        '</div>' +
        '<div class="modal-body">' +
          '<div style="margin-bottom:12px;"><label style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);display:block;margin-bottom:4px;font-weight:600;">Type</label>' +
            '<select id="_jvse-type" style="width:100%;height:38px;padding:0 12px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;background:var(--surface);color:var(--text);box-sizing:border-box;">' +
              ['payment','imbalance','adjustment'].map(t => '<option value="' + t + '"' + (item.type === t ? ' selected' : '') + '>' + (t === 'payment' ? 'Payment (someone settled)' : t === 'imbalance' ? 'Imbalance (new debt arose)' : 'Adjustment (manual)') + '</option>').join('') +
            '</select></div>' +
          '<div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;">' +
            '<div><label style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);display:block;margin-bottom:4px;font-weight:600;">From (paying / owing)</label><input type="text" id="_jvse-from" value="' + escapeHtml(item.from_partner) + '" placeholder="Lorri" style="width:100%;height:38px;padding:0 10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;background:var(--surface);color:var(--text);box-sizing:border-box;" /></div>' +
            '<div><label style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);display:block;margin-bottom:4px;font-weight:600;">To (receiving / owed)</label><input type="text" id="_jvse-to" value="' + escapeHtml(item.to_partner) + '" placeholder="Lewis" style="width:100%;height:38px;padding:0 10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;background:var(--surface);color:var(--text);box-sizing:border-box;" /></div>' +
          '</div>' +
          '<div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;">' +
            '<div><label style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);display:block;margin-bottom:4px;font-weight:600;">Amount (' + curSym() + ')</label><input type="number" id="_jvse-amount" min="0" step="0.01" value="' + (item.amount || '') + '" style="width:100%;height:38px;padding:0 10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;background:var(--surface);color:var(--text);box-sizing:border-box;" /></div>' +
            '<div><label style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);display:block;margin-bottom:4px;font-weight:600;">Date</label><input type="date" id="_jvse-date" value="' + item.recorded_date + '" style="width:100%;height:38px;padding:0 10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;background:var(--surface);color:var(--text);box-sizing:border-box;" /></div>' +
          '</div>' +
          '<div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;">' +
            '<div><label style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);display:block;margin-bottom:4px;font-weight:600;">Method</label><select id="_jvse-method" style="width:100%;height:38px;padding:0 10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;background:var(--surface);color:var(--text);box-sizing:border-box;">' +
              [['cash','Cash'],['bank_transfer','Bank transfer'],['carried_forward','Carried forward'],['other','Other']].map(([v,l]) => '<option value="' + v + '"' + (item.method === v ? ' selected' : '') + '>' + l + '</option>').join('') +
            '</select></div>' +
            '<div><label style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);display:block;margin-bottom:4px;font-weight:600;">Linked trip</label><select id="_jvse-trip" style="width:100%;height:38px;padding:0 10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;background:var(--surface);color:var(--text);box-sizing:border-box;">' + tripOpts + '</select></div>' +
          '</div>' +
          '<div style="margin-bottom:14px;"><label style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);display:block;margin-bottom:4px;font-weight:600;">Notes</label>' +
            '<textarea id="_jvse-notes" style="width:100%;min-height:60px;padding:10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:13px;background:var(--surface);color:var(--text);box-sizing:border-box;resize:vertical;">' + escapeHtml(item.notes || '') + '</textarea></div>' +
          '<div style="display:flex;gap:8px;">' +
            '<button class="btn btn-primary" id="_jvse-save" style="flex:1;">Save</button>' +
            '<button class="btn btn-ghost" id="_jvse-cancel">Cancel</button>' +
          '</div>' +
        '</div>' +
      '</div>';
    document.body.appendChild(wrap);
    document.getElementById('_jvse-close').addEventListener('click', () => wrap.remove());
    document.getElementById('_jvse-cancel').addEventListener('click', () => wrap.remove());
    wrap.addEventListener('click', e => { if (e.target === wrap) wrap.remove(); });
    document.getElementById('_jvse-save').addEventListener('click', async () => {
      const amount = parseFloat(document.getElementById('_jvse-amount').value);
      if (!amount || amount <= 0) { window.toast && window.toast('Enter amount'); return; }
      // Normalise to the exact ledger partner names so payments always net
      // ('Lewis' -> 'Lewis Mundy', 'Lorri Haines' -> 'Lorri'). This prevents the
      // balance view (which matches on exact names) from ignoring an entry.
      function _ledgerName(n) {
        const c = (typeof canonicalSalesman === 'function') ? canonicalSalesman(n) : n;
        if (c === 'Lorri Haines' || c === 'Lorri') return 'Lorri';
        if (c === 'Lewis Mundy' || c === 'Lewis') return 'Lewis Mundy';
        return (n || '').trim();
      }
      const body = {
        id: isNew ? ('s_' + Math.random().toString(36).slice(2,12)) : item.id,
        from_partner: _ledgerName(document.getElementById('_jvse-from').value.trim()),
        to_partner: _ledgerName(document.getElementById('_jvse-to').value.trim()),
        amount: amount,
        type: document.getElementById('_jvse-type').value,
        method: document.getElementById('_jvse-method').value,
        recorded_date: document.getElementById('_jvse-date').value,
        trip_id: document.getElementById('_jvse-trip').value || null,
        notes: document.getElementById('_jvse-notes').value.trim() || null,
        created_by: state.salesman || 'manual_entry'
      };
      if (!body.from_partner || !body.to_partner) { window.toast && window.toast('From + To required'); return; }
      try {
        await jvsApi('/jv_settlements', {
          method: 'POST',
          headers: { 'Content-Type': 'application/json', 'Prefer': 'return=minimal' },
          body: JSON.stringify(body)
        });
        await fetchJVSettlements();
        wrap.remove();
        openJVSLedger();
        if (state.currentTab === 'trips') _renderTripsList();
        window.toast && window.toast('Entry recorded');
      } catch (e) { window.toast && window.toast('Save failed: ' + e.message); }
    });
  }

  // =========================================================================
  // JV partners — 50/50 split between the two Ltd companies
  // Configurable via localStorage in case % or names change.
  // =========================================================================
  const _JV_DEFAULTS = [
    { name: 'Capsa London Ltd',          contact: 'You',   percent: 50 },
    { name: 'UK Jewellery Exchange UK Ltd', contact: 'Lewis', percent: 50 }
  ];
  function getJVPartners() {
    try {
      const raw = localStorage.getItem('pr_jv_partners');
      if (!raw) return _JV_DEFAULTS.slice();
      const parsed = JSON.parse(raw);
      if (Array.isArray(parsed) && parsed.length > 0) return parsed;
    } catch (e) {}
    return _JV_DEFAULTS.slice();
  }
  function setJVPartners(arr) {
    localStorage.setItem('pr_jv_partners', JSON.stringify(arr));
  }
  function splitAmount(amount) {
    const partners = getJVPartners();
    return partners.map(p => ({ name: p.name, contact: p.contact, percent: p.percent, share: (Number(amount) || 0) * p.percent / 100 }));
  }
  function jvSplitText(amount, opts) {
    // Returns a short label like "Capsa £50 · UKJE £50"
    const useShort = !opts || opts.short !== false;
    const partners = getJVPartners();
    return partners.map(p => {
      const lbl = useShort ? _shortPartnerName(p.name) : p.name;
      return lbl + ' ' + curSym() + ((amount * p.percent / 100) || 0).toFixed(2);
    }).join(' · ');
  }
  function _shortPartnerName(name) {
    if (!name) return '';
    if (/capsa/i.test(name)) return 'Capsa';
    if (/uk jewellery/i.test(name)) return 'UKJE';
    // Fallback: first word
    return name.split(/\s+/)[0];
  }

  // Tax/financial year helper, scoped per country.
  //   UK → 6 Apr → 5 Apr (HMRC self-assessment year).
  //   AU → 1 Jul → 30 Jun (ATO financial year).
  // Name kept as ukTaxYear() so existing call sites don't change; returns the
  // active country's year. Label format stays 'YYYY/YY' for both.
  function ukTaxYear(forDate) {
    const d = forDate ? new Date(forDate) : new Date();
    const y = d.getFullYear();
    if (isAU()) {
      const jul1ThisYear = new Date(y, 6, 1); // July is month 6 (0-indexed)
      const startY = d >= jul1ThisYear ? y : y - 1;
      return {
        start: startY + '-07-01',
        end: (startY + 1) + '-06-30',
        label: String(startY) + '/' + String((startY + 1) % 100).padStart(2, '0')
      };
    }
    const apr6ThisYear = new Date(y, 3, 6); // April is month 3 (0-indexed)
    const startY = d >= apr6ThisYear ? y : y - 1;
    const start = startY + '-04-06';
    const end = (startY + 1) + '-04-05';
    const label = String(startY) + '/' + String((startY + 1) % 100).padStart(2, '0');
    return { start, end, label };
  }

  const EXPORT_SECTIONS = [
    { key: 'trips',       label: 'Trip summaries',              default: true },
    { key: 'deals',       label: 'Logged deals',                default: true },
    { key: 'expenses',    label: 'Expenses',                    default: true },
    { key: 'purchases',   label: 'Trip purchases (gold/silver)', default: true },
    { key: 'stock',       label: 'Stock items',                 default: true },
    { key: 'hours',       label: 'Hours worked log',            default: true },
    { key: 'mileage',     label: 'Mileage log',                 default: true },
    { key: 'parks',       label: 'Park activity',               default: false },
    { key: 'team',        label: 'Team nudges + locations',     default: false }
  ];

  function openExportModal() {
    const f = _statsFilters || {};
    const partners = getJVPartners();
    const ty = ukTaxYear();
    const wrap = document.createElement('div');
    wrap.className = 'modal-backdrop open';
    wrap.id = '_export-modal';
    let secHtml = '';
    EXPORT_SECTIONS.forEach(s => {
      secHtml += '<label style="display:flex;align-items:center;gap:10px;padding:8px 10px;border-bottom:1px solid var(--border);cursor:pointer;font-size:14px;">' +
        '<input type="checkbox" class="_exp-section" data-k="' + s.key + '"' + (s.default ? ' checked' : '') + ' style="width:18px;height:18px;flex-shrink:0;" />' +
        '<span>' + s.label + '</span>' +
      '</label>';
    });

    // JV partners display
    let jvHtml = '';
    partners.forEach(p => {
      jvHtml += '<div style="display:flex;justify-content:space-between;font-size:12px;padding:3px 0;">' +
        '<span><strong>' + escapeHtml(p.name) + '</strong>' + (p.contact ? ' <span style="color:var(--text-muted);">· ' + escapeHtml(p.contact) + '</span>' : '') + '</span>' +
        '<span style="font-weight:700;color:#2B6E4A;">' + p.percent + '%</span>' +
      '</div>';
    });

    wrap.innerHTML =
      '<div class="modal" style="max-width:500px;">' +
        '<div class="modal-head"><h2>Export data</h2>' +
          '<button class="icon-btn" id="_exp-close"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></button>' +
        '</div>' +
        '<div class="modal-body">' +
          // JV partners panel (UK-only — hidden in AU via .jv-only)
          '<div class="jv-only" style="background:var(--surface-2);border-radius:10px;padding:10px 12px;margin-bottom:14px;border-left:3px solid #2B6E4A;">' +
            '<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;">' +
              '<div style="font-size:10px;text-transform:uppercase;letter-spacing:0.08em;color:var(--text-muted);font-weight:700;">JV split — applied to all £ totals</div>' +
              '<button class="btn btn-ghost" id="_exp-jv-edit" style="height:24px;padding:0 8px;font-size:11px;">Edit</button>' +
            '</div>' +
            jvHtml +
            // Company filter
            '<div style="margin-top:10px;padding-top:8px;border-top:1px solid var(--border);">' +
              '<label style="font-size:10px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);font-weight:700;display:block;margin-bottom:4px;">Show in export for</label>' +
              '<select id="_exp-company" style="width:100%;height:36px;padding:0 10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:13px;background:var(--surface);color:var(--text);box-sizing:border-box;">' +
                '<option value="all">Both companies (JV view)</option>' +
                partners.map((p, i) => '<option value="' + i + '">' + escapeHtml(p.name) + ' only (' + p.percent + '%)</option>').join('') +
              '</select>' +
              '<div style="font-size:10.5px;color:var(--text-muted);margin-top:4px;">"Both" shows JV totals + split. "Only" shows only that company\'s share — perfect for sending to one company\'s accountant.</div>' +
            '</div>' +
          '</div>' +
          // Date range + tax-year quick set
          '<div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px;">' +
            '<div><label style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);display:block;margin-bottom:4px;font-weight:600;">From</label>' +
            '<input type="date" id="_exp-from" value="' + (f.startDate || '') + '" style="width:100%;height:36px;padding:0 10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:13px;background:var(--surface);color:var(--text);box-sizing:border-box;" /></div>' +
            '<div><label style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);display:block;margin-bottom:4px;font-weight:600;">To</label>' +
            '<input type="date" id="_exp-to" value="' + (f.endDate || '') + '" style="width:100%;height:36px;padding:0 10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:13px;background:var(--surface);color:var(--text);box-sizing:border-box;" /></div>' +
          '</div>' +
          '<div style="display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap;">' +
            '<button class="btn btn-ghost _exp-quick" data-q="ty" style="flex:1;min-width:120px;height:32px;font-size:11px;padding:0;background:#EDE8DA;font-weight:700;">' + icoSvg('calendar',12,'currentColor') + ' Tax year ' + ty.label + '</button>' +
            '<button class="btn btn-ghost _exp-quick" data-q="typrev" style="flex:1;min-width:100px;height:32px;font-size:11px;padding:0;">Prev tax yr</button>' +
            '<button class="btn btn-ghost _exp-quick" data-q="30" style="flex:1;height:32px;font-size:11px;padding:0;">30d</button>' +
            '<button class="btn btn-ghost _exp-quick" data-q="90" style="flex:1;height:32px;font-size:11px;padding:0;">90d</button>' +
            '<button class="btn btn-ghost _exp-quick" data-q="ytd" style="flex:1;height:32px;font-size:11px;padding:0;">YTD</button>' +
            '<button class="btn btn-ghost _exp-quick" data-q="all" style="flex:1;height:32px;font-size:11px;padding:0;">All</button>' +
          '</div>' +
          // Sections
          '<div style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);font-weight:700;margin-bottom:6px;">Sections</div>' +
          '<div style="background:var(--surface-2);border-radius:10px;padding:4px 8px;margin-bottom:14px;">' + secHtml + '</div>' +
          // HMRC mileage toggle (defaults ON since this is the HMRC-friendly export)
          '<label style="display:flex;align-items:flex-start;gap:8px;padding:10px;background:#EDE8DA;border-radius:8px;margin-bottom:12px;cursor:pointer;font-size:12.5px;line-height:1.35;">' +
            '<input type="checkbox" id="_exp-hmrc" checked style="width:18px;height:18px;flex-shrink:0;margin-top:1px;" />' +
            '<span>' + (isAU()
              ? '<strong>ATO cents-per-km mileage</strong> (flat ' + cur(_mileageRate()) + '/km) — recommended for your tax return. Uncheck to use your custom flat rate.'
              : '<strong>HMRC tiered mileage</strong> (45p first 10,000 mi · 25p after) — recommended for self-assessment. Uncheck to use your custom flat rate.') + '</span>' +
          '</label>' +
          // Self-assessment one-pager — flagship
          '<button class="btn btn-primary" id="_exp-sa" style="width:100%;height:48px;font-size:14px;font-weight:700;margin-bottom:10px;background:#1F4733;">' + icoSvg('clipboard',14,'currentColor') + ' Self-assessment summary (PDF)</button>' +
          '<div style="font-size:11px;color:var(--text-muted);text-align:center;margin:-4px 0 14px;">One-pager for your accountant. Tax-year totals, JV split, key figures.</div>' +
          // Full export
          '<div style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);font-weight:700;margin-bottom:6px;">Full export</div>' +
          '<div style="display:flex;gap:6px;">' +
            '<button class="btn btn-secondary" id="_exp-pdf" style="flex:1;height:42px;font-size:13px;">' + icoSvg('file',14,'currentColor') + ' PDF</button>' +
            '<button class="btn btn-secondary" id="_exp-csv" style="flex:1;height:42px;font-size:13px;">' + icoSvg('chart',14,'currentColor') + ' CSV</button>' +
            '<button class="btn btn-primary" id="_exp-both" style="flex:1.2;height:42px;font-size:13px;background:#1F4733;">' + icoSvg('box',14,'currentColor') + ' Both</button>' +
          '</div>' +
          '<div style="font-size:11px;color:var(--text-muted);text-align:center;margin-top:10px;">PDF: printable multi-page report. CSV: opens in Excel/Sheets. Both: ZIP-free, two downloads.</div>' +
        '</div>' +
      '</div>';
    document.body.appendChild(wrap);
    document.getElementById('_exp-close').addEventListener('click', () => wrap.remove());
    wrap.addEventListener('click', (e) => { if (e.target === wrap) wrap.remove(); });

    // Quick date buttons
    wrap.querySelectorAll('._exp-quick').forEach(b => bindButton(b, () => {
      const q = b.dataset.q;
      const today = new Date();
      const today10 = today.toISOString().slice(0,10);
      const fromEl = document.getElementById('_exp-from');
      const toEl = document.getElementById('_exp-to');
      if (q === 'ty') { fromEl.value = ty.start; toEl.value = ty.end; }
      else if (q === 'typrev') { const prev = ukTaxYear(new Date(ty.start + 'T00:00:00').getTime() - 86400000); fromEl.value = prev.start; toEl.value = prev.end; }
      else if (q === 'ytd') { fromEl.value = today.getFullYear() + '-01-01'; toEl.value = today10; }
      else if (q === 'all') { fromEl.value = ''; toEl.value = today10; }
      else { const ago = new Date(today.getTime() - parseInt(q,10) * 86400000); fromEl.value = ago.toISOString().slice(0,10); toEl.value = today10; }
    }));

    // JV edit
    document.getElementById('_exp-jv-edit').addEventListener('click', () => openJVEditor(() => { wrap.remove(); openExportModal(); }));

    function pick() {
      const picked = {};
      wrap.querySelectorAll('._exp-section').forEach(c => { if (c.checked) picked[c.dataset.k] = true; });
      const compEl = document.getElementById('_exp-company');
      const compVal = compEl ? compEl.value : 'all';
      const hmrcEl = document.getElementById('_exp-hmrc');
      return {
        sections: picked,
        startDate: document.getElementById('_exp-from').value || '',
        endDate: document.getElementById('_exp-to').value || '',
        companyIdx: compVal === 'all' ? null : parseInt(compVal, 10),
        useHmrcMileage: hmrcEl ? !!hmrcEl.checked : false
      };
    }
    function _companySuffix(o) {
      if (o.companyIdx == null) return '';
      const p = getJVPartners()[o.companyIdx];
      if (!p) return '';
      return '-' + _shortPartnerName(p.name).toLowerCase().replace(/[^a-z0-9]+/g, '');
    }
    document.getElementById('_exp-pdf').addEventListener('click', async () => {
      try {
        const o = pick();
        if (Object.keys(o.sections).length === 0) { window.toast && window.toast('Pick at least one section'); return; }
        window.toast && window.toast('Building PDF…');
        await loadJsPdf();
        const data = await collectExportData(o);
        const blob = buildExportPDF(data, o);
        downloadBlob(blob, 'parkroute-export-' + new Date().toISOString().slice(0,10) + _companySuffix(o) + '.pdf');
        wrap.remove();
        window.toast && window.toast('PDF downloaded');
      } catch (e) { console.error(e); window.toast && window.toast('PDF failed: ' + e.message); }
    });
    document.getElementById('_exp-csv').addEventListener('click', async () => {
      try {
        const o = pick();
        if (Object.keys(o.sections).length === 0) { window.toast && window.toast('Pick at least one section'); return; }
        const data = await collectExportData(o);
        const csv = buildExportCSV(data, o);
        const blob = new Blob([csv], { type: 'text/csv;charset=utf-8' });
        downloadBlob(blob, 'parkroute-export-' + new Date().toISOString().slice(0,10) + _companySuffix(o) + '.csv');
        wrap.remove();
        window.toast && window.toast('CSV downloaded');
      } catch (e) { console.error(e); window.toast && window.toast('CSV failed: ' + e.message); }
    });
    document.getElementById('_exp-both').addEventListener('click', async () => {
      try {
        const o = pick();
        if (Object.keys(o.sections).length === 0) { window.toast && window.toast('Pick at least one section'); return; }
        window.toast && window.toast('Building PDF + CSV…');
        await loadJsPdf();
        const data = await collectExportData(o);

        // PDF first
        const pdfBlob = buildExportPDF(data, o);
        downloadBlob(pdfBlob, 'parkroute-export-' + new Date().toISOString().slice(0,10) + _companySuffix(o) + '.pdf');

        // Brief delay so browsers don't merge the two downloads into a popup-blocker block
        await new Promise(r => setTimeout(r, 400));

        const csv = buildExportCSV(data, o);
        const csvBlob = new Blob([csv], { type: 'text/csv;charset=utf-8' });
        downloadBlob(csvBlob, 'parkroute-export-' + new Date().toISOString().slice(0,10) + _companySuffix(o) + '.csv');

        wrap.remove();
        window.toast && window.toast('PDF + CSV downloaded');
      } catch (e) { console.error(e); window.toast && window.toast('Both-export failed: ' + e.message); }
    });
    document.getElementById('_exp-sa').addEventListener('click', async () => {
      try {
        window.toast && window.toast('Building self-assessment summary…');
        await loadJsPdf();
        const o = pick();
        o.sections = { trips:true, deals:true, expenses:true, purchases:true, stock:true, hours:true, mileage:true };
        const data = await collectExportData(o);
        const blob = buildSelfAssessmentPDF(data, o);
        const tyForFile = ukTaxYear(new Date(o.endDate || undefined));
        downloadBlob(blob, 'self-assessment-' + tyForFile.label.replace('/', '-') + _companySuffix(o) + '.pdf');
        wrap.remove();
        window.toast && window.toast('Self-assessment PDF downloaded');
      } catch (e) { console.error(e); window.toast && window.toast('SA PDF failed: ' + e.message); }
    });
  }

  // === JV partners editor ===
  function openJVEditor(onSave) {
    const partners = getJVPartners();
    const wrap = document.createElement('div');
    wrap.className = 'modal-backdrop open';
    wrap.style.zIndex = '5000';
    let rowsHtml = '';
    partners.forEach((p, i) => {
      rowsHtml += '<div class="_jv-row" data-i="' + i + '" style="display:grid;grid-template-columns:1fr 100px 60px 28px;gap:6px;margin-bottom:8px;align-items:center;">' +
        '<input type="text" class="_jv-name" value="' + escapeHtml(p.name) + '" placeholder="Company name" style="height:36px;padding:0 10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:13px;background:var(--surface);color:var(--text);box-sizing:border-box;" />' +
        '<input type="text" class="_jv-contact" value="' + escapeHtml(p.contact || '') + '" placeholder="Contact" style="height:36px;padding:0 10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:13px;background:var(--surface);color:var(--text);box-sizing:border-box;" />' +
        '<input type="number" class="_jv-pct" min="0" max="100" step="0.01" value="' + p.percent + '" style="height:36px;padding:0 10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:13px;background:var(--surface);color:var(--text);box-sizing:border-box;text-align:right;" />' +
        '<button type="button" class="_jv-del" data-i="' + i + '" style="width:28px;height:36px;background:transparent;border:1px solid var(--border);border-radius:8px;color:#C53030;font-size:16px;cursor:pointer;">×</button>' +
      '</div>';
    });
    wrap.innerHTML =
      '<div class="modal" style="max-width:520px;">' +
        '<div class="modal-head"><h2>JV partners</h2>' +
          '<button class="icon-btn" id="_jv-close"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></button>' +
        '</div>' +
        '<div class="modal-body">' +
          '<div style="font-size:12px;color:var(--text-muted);margin-bottom:12px;">All ' + curSym() + ' totals in exports show the split below. Percentages must sum to 100.</div>' +
          '<div style="display:grid;grid-template-columns:1fr 100px 60px 28px;gap:6px;margin-bottom:6px;font-size:10px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);font-weight:700;">' +
            '<span>Company</span><span>Contact</span><span style="text-align:right;">%</span><span></span>' +
          '</div>' +
          '<div id="_jv-rows">' + rowsHtml + '</div>' +
          '<button type="button" id="_jv-add" class="btn btn-ghost" style="height:32px;padding:0 12px;font-size:12px;margin-top:4px;">+ Add partner</button>' +
          '<div id="_jv-sum" style="font-size:12px;color:var(--text-muted);margin-top:14px;text-align:right;"></div>' +
          '<div style="display:flex;gap:8px;margin-top:12px;">' +
            '<button class="btn btn-primary" id="_jv-save" style="flex:1;">Save</button>' +
            '<button class="btn btn-ghost" id="_jv-cancel">Cancel</button>' +
          '</div>' +
        '</div>' +
      '</div>';
    document.body.appendChild(wrap);

    function refreshSum() {
      let total = 0;
      wrap.querySelectorAll('._jv-pct').forEach(i => total += parseFloat(i.value) || 0);
      const el = document.getElementById('_jv-sum');
      el.innerHTML = 'Total: <strong style="color:' + (Math.abs(total - 100) < 0.01 ? '#2B6E4A' : '#C53030') + ';">' + total.toFixed(2) + '%</strong>' + (Math.abs(total - 100) < 0.01 ? ' ✓' : ' (must be 100)');
    }
    function rewireDel() {
      wrap.querySelectorAll('._jv-del').forEach(b => b.onclick = () => {
        if (wrap.querySelectorAll('._jv-row').length <= 1) { window.toast && window.toast('Need at least one partner'); return; }
        b.closest('._jv-row').remove();
        refreshSum();
      });
    }
    wrap.querySelectorAll('._jv-pct').forEach(i => i.addEventListener('input', refreshSum));
    rewireDel();
    refreshSum();
    document.getElementById('_jv-add').addEventListener('click', () => {
      const container = document.getElementById('_jv-rows');
      const newIdx = container.children.length;
      const div = document.createElement('div');
      div.innerHTML = '<div class="_jv-row" data-i="' + newIdx + '" style="display:grid;grid-template-columns:1fr 100px 60px 28px;gap:6px;margin-bottom:8px;align-items:center;">' +
        '<input type="text" class="_jv-name" placeholder="Company name" style="height:36px;padding:0 10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:13px;background:var(--surface);color:var(--text);box-sizing:border-box;" />' +
        '<input type="text" class="_jv-contact" placeholder="Contact" style="height:36px;padding:0 10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:13px;background:var(--surface);color:var(--text);box-sizing:border-box;" />' +
        '<input type="number" class="_jv-pct" min="0" max="100" step="0.01" value="0" style="height:36px;padding:0 10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:13px;background:var(--surface);color:var(--text);box-sizing:border-box;text-align:right;" />' +
        '<button type="button" class="_jv-del" data-i="' + newIdx + '" style="width:28px;height:36px;background:transparent;border:1px solid var(--border);border-radius:8px;color:#C53030;font-size:16px;cursor:pointer;">×</button>' +
      '</div>';
      container.appendChild(div.firstChild);
      rewireDel();
      container.lastElementChild.querySelector('._jv-pct').addEventListener('input', refreshSum);
      refreshSum();
    });
    document.getElementById('_jv-close').addEventListener('click', () => wrap.remove());
    document.getElementById('_jv-cancel').addEventListener('click', () => wrap.remove());
    wrap.addEventListener('click', e => { if (e.target === wrap) wrap.remove(); });
    document.getElementById('_jv-save').addEventListener('click', () => {
      const rows = wrap.querySelectorAll('._jv-row');
      const arr = [];
      let total = 0;
      rows.forEach(r => {
        const name = r.querySelector('._jv-name').value.trim();
        const contact = r.querySelector('._jv-contact').value.trim();
        const pct = parseFloat(r.querySelector('._jv-pct').value) || 0;
        if (!name) return;
        arr.push({ name, contact, percent: pct });
        total += pct;
      });
      if (arr.length === 0) { window.toast && window.toast('Need at least one partner'); return; }
      if (Math.abs(total - 100) > 0.01) { window.toast && window.toast('Percentages must sum to 100'); return; }
      setJVPartners(arr);
      window.toast && window.toast('JV partners saved');
      wrap.remove();
      if (onSave) onSave();
    });
  }

  function downloadBlob(blob, filename) {
    const url = URL.createObjectURL(blob);
    const a = document.createElement('a');
    a.href = url; a.download = filename;
    document.body.appendChild(a); a.click(); a.remove();
    setTimeout(() => URL.revokeObjectURL(url), 1500);
  }

  async function collectExportData(o) {
    const inRange = (iso) => {
      if (!iso) return false;
      const d = String(iso).slice(0, 10);
      return (!o.startDate || d >= o.startDate) && (!o.endDate || d <= o.endDate);
    };
    const out = {};
    if (o.sections.trips) {
      out.trips = state.trips.filter(t => !t.startDate || inRange(t.startDate)).map(t => {
        const dealsInTrip = state.deals.filter(d => (t.parkIds || []).indexOf(d.parkId) >= 0 || d.tripId === t.id);
        const dealsTotal = dealsInTrip.reduce((a, d) => a + (Number(d.amount) || 0), 0) + (Number(t.tripCogs) || 0);
        const expTotal = (t.expenses || []).reduce((a, e) => a + (Number(e.amount) || 0), 0);
        const gross = Number(t.grossOverride) > 0 ? Number(t.grossOverride) : dealsTotal;
        const profit = gross - expTotal + (Number(t.profitAdjustment) || 0);
        return {
          id: t.id, name: t.name, startDate: t.startDate, endDate: t.endDate,
          parkCount: (t.parkIds || []).length,
          dealCount: Number(t.dealsCountOverride) > 0 ? Number(t.dealsCountOverride) : dealsInTrip.length,
          gross: gross, expenses: expTotal, profit: profit,
          notes: t.notes || ''
        };
      });
      // Hall events roll into the same trip-shaped totals so the master profit
      // summary, exports and report all include them automatically.
      (state.halls || []).filter(h => !h.eventDate || inRange(h.eventDate)).forEach(h => {
        out.trips.push({
          id: h.id, name: (h.name || 'Hall event'),
          startDate: h.eventDate, endDate: h.eventDate,
          parkCount: 0,
          dealCount: Number(h.dealsCount) || 0,
          gross: window.hallGross(h),
          expenses: window.hallExpensesTotal(h),
          profit: window.hallNet(h),
          notes: h.notes || '',
          isHall: true
        });
      });
    }
    if (o.sections.deals) {
      out.deals = state.deals.filter(d => inRange(d.date)).map(d => {
        const park = getParkById(d.parkId);
        return { date: d.date, salesman: d.salesman || '', amount: Number(d.amount) || 0,
                 client: d.client || '', notes: d.notes || '', park: park ? park.name : '' };
      });
    }
    if (o.sections.expenses) {
      const arr = [];
      state.trips.forEach(t => (t.expenses || []).forEach(e => {
        if (inRange(e.date)) arr.push({ trip: t.name, date: e.date, type: e.type || '', amount: Number(e.amount) || 0, payer: e.payer || '', notes: e.notes || '' });
      }));
      out.expenses = arr;
    }
    if (o.sections.purchases) {
      out.purchases = state.trips.filter(t => !t.startDate || inRange(t.startDate)).map(t => {
        const tot = getTripStockTotals(t);
        const byCarat = { gold9: 0, gold14: 0, gold18: 0, gold22: 0 };
        getTripStockLines(t).forEach(function (ln) {
          if (ln.metal === 'silver') return;
          if (Math.abs(ln.purity - 0.375) < 0.01) byCarat.gold9 += Number(ln.weight) || 0;
          else if (Math.abs(ln.purity - 0.585) < 0.01) byCarat.gold14 += Number(ln.weight) || 0;
          else if (Math.abs(ln.purity - 0.750) < 0.01) byCarat.gold18 += Number(ln.weight) || 0;
          else if (Math.abs(ln.purity - 0.916) < 0.01) byCarat.gold22 += Number(ln.weight) || 0;
          else byCarat.gold9 += Number(ln.weight) || 0;
        });
        return { trip: t.name, startDate: t.startDate || '',
          gold9: byCarat.gold9, gold14: byCarat.gold14, gold18: byCarat.gold18, gold22: byCarat.gold22,
          silver: tot.silver.weight, silver_purity: 0.925 };
      }).filter(p => p.gold9 || p.gold14 || p.gold18 || p.gold22 || p.silver);
    }
    if (o.sections.stock) {
      if (!STOCK.loaded) await fetchStockItems();
      out.stock = (STOCK.items || []).filter(it => !it.acquired_date || inRange(it.acquired_date));
    }
    if (o.sections.parks) {
      out.parks = state.parks.filter(p => p.doneAt && inRange(p.doneAt)).map(p => ({
        name: p.name, town: p.town || '', county: p.county || '',
        rating: p.rating || '', status: p.status || '', doneAt: p.doneAt || '', notes: p.notes || ''
      }));
    }
    if (o.sections.hours) {
      try {
        let q = '/work_sessions?select=*&order=session_date.desc';
        if (o.startDate) q += '&session_date=gte.' + encodeURIComponent(o.startDate);
        if (o.endDate)   q += '&session_date=lte.' + encodeURIComponent(o.endDate);
        const rows = await timeApi(q);
        out.hours = (rows || []).map(s => Object.assign({}, s, { worked_hours: _sessionHours(s) }));
      } catch (e) { out.hours = []; }
    }
    if (o.sections.mileage) {
      try {
        let q = '/mileage_entries?select=*&order=entry_date.desc';
        if (o.startDate) q += '&entry_date=gte.' + encodeURIComponent(o.startDate);
        if (o.endDate)   q += '&entry_date=lte.' + encodeURIComponent(o.endDate);
        out.mileage = await timeApi(q) || [];
      } catch (e) { out.mileage = []; }
    }
    if (o.sections.team) {
      try {
        const since = o.startDate ? new Date(o.startDate).toISOString() : new Date(Date.now() - 30*24*3600*1000).toISOString();
        const until = o.endDate ? new Date(o.endDate + 'T23:59:59').toISOString() : new Date().toISOString();
        out.nudges = await safetyApi('/team_nudges?select=*&created_at=gte.' + encodeURIComponent(since) + '&created_at=lte.' + encodeURIComponent(until) + '&order=created_at.desc') || [];
        out.locations = await safetyApi('/team_locations?select=*&recorded_at=gte.' + encodeURIComponent(since) + '&recorded_at=lte.' + encodeURIComponent(until) + '&order=recorded_at.desc&limit=500') || [];
      } catch (e) { out.nudges = []; out.locations = []; }
    }
    return out;
  }

  function buildExportPDF(data, o) {
    const { jsPDF } = window.jspdf;
    const doc = new jsPDF({ unit: 'mm', format: 'a4' });
    let y = 18;
    const left = 14, right = 196, lineH = 5.5;
    const dateRange = (o.startDate || o.endDate) ? ((o.startDate || '…') + ' → ' + (o.endDate || '…')) : 'All time';
    const allPartners = getJVPartners();
    // Filter to selected company if specified
    const partners = (o.companyIdx != null && allPartners[o.companyIdx])
      ? [allPartners[o.companyIdx]]
      : allPartners;
    const isFiltered = o.companyIdx != null && allPartners[o.companyIdx];
    const filteredCompany = isFiltered ? allPartners[o.companyIdx] : null;
    const rate = _mileageRate();

    // Cover
    doc.setFont('helvetica', 'bold'); doc.setFontSize(22);
    doc.text('Jewellery RoadShow export', left, y); y += 9;
    if (isFiltered) {
      doc.setFont('helvetica', 'bold'); doc.setFontSize(13);
      doc.setTextColor(31, 71, 51);
      doc.text('Filtered for: ' + filteredCompany.name + ' (' + filteredCompany.percent + '%)', left, y);
      doc.setTextColor(0); y += 7;
    }
    doc.setFont('helvetica', 'normal'); doc.setFontSize(11);
    doc.text('Date range: ' + dateRange, left, y); y += lineH;
    doc.text('Generated: ' + new Date().toLocaleString(), left, y); y += lineH;
    doc.text('Salesman: ' + (state.salesman || '—'), left, y); y += lineH + 2;

    // JV partners box (UK-only — AU is single-entity and has no JV split)
    if (isUK()) {
      doc.setFillColor(237, 232, 218);
      doc.rect(left, y - 4, right - left, 7 + partners.length * 5, 'F');
      doc.setFont('helvetica', 'bold'); doc.setFontSize(10);
      doc.text('JV split — applied to all £ totals', left + 2, y + 1);
      y += 5;
      doc.setFont('helvetica', 'normal'); doc.setFontSize(9);
      partners.forEach(p => {
        doc.text(p.name + (p.contact ? ' (' + p.contact + ')' : ''), left + 4, y + 1);
        doc.text(p.percent + '%', right - 12, y + 1, { align: 'right' });
        y += 5;
      });
      y += 6;
    }

    function ensureSpace(needed) {
      if (y + needed > 285) { doc.addPage(); y = 18; }
    }
    function sectionHead(title) {
      ensureSpace(12);
      doc.setFillColor(43, 110, 74); doc.rect(left, y - 4, right - left, 8, 'F');
      doc.setTextColor(255); doc.setFont('helvetica', 'bold'); doc.setFontSize(12);
      doc.text(title, left + 2, y + 1.5);
      doc.setTextColor(0); doc.setFont('helvetica', 'normal'); doc.setFontSize(10);
      y += 9;
    }
    function row(cols, widths, bold) {
      ensureSpace(lineH + 1);
      doc.setFont('helvetica', bold ? 'bold' : 'normal');
      let x = left;
      cols.forEach((c, i) => {
        const txt = String(c == null ? '' : c);
        doc.text(txt.length > 28 ? txt.slice(0, 26) + '…' : txt, x, y);
        x += widths[i];
      });
      y += lineH;
    }
    // Show JV split line for a £ total. No-op for AU (single-entity).
    function jvSplitRow(label, amount) {
      if (isAU()) return;
      ensureSpace(lineH + 1);
      doc.setFont('helvetica', 'italic'); doc.setFontSize(9);
      doc.setTextColor(80);
      const parts = partners.map(p => _shortPartnerName(p.name) + ' ' + curSym() + ((amount * p.percent / 100) || 0).toFixed(2));
      doc.text('   ' + label + ': ' + parts.join('  ·  '), left, y);
      doc.setTextColor(0); doc.setFontSize(10);
      y += lineH;
    }

    // Trips
    if (data.trips) {
      sectionHead('Trip summaries (' + data.trips.length + ')');
      row(['Name', 'Dates', 'Parks', 'Deals', 'Gross', 'Profit'], [40, 40, 18, 18, 28, 28], true);
      doc.setDrawColor(180); doc.line(left, y - 3.5, right, y - 3.5);
      let gross = 0, profit = 0, deals = 0, exps = 0;
      data.trips.forEach(t => {
        const dr = (t.startDate || '') + (t.endDate && t.endDate !== t.startDate ? '→' + t.endDate : '');
        row([t.name || t.id, dr, t.parkCount, t.dealCount, curSym() + t.gross.toFixed(0), curSym() + t.profit.toFixed(0)],
            [40, 40, 18, 18, 28, 28]);
        gross += t.gross; profit += t.profit; deals += t.dealCount; exps += t.expenses;
      });
      doc.setDrawColor(180); doc.line(left, y - 3.5, right, y - 3.5); y += 1;
      row(['TOTAL', '', '', deals, curSym() + gross.toFixed(0), curSym() + profit.toFixed(0)],
          [40, 40, 18, 18, 28, 28], true);
      y += 1;
      jvSplitRow('Gross split', gross);
      jvSplitRow('Profit split', profit);
      y += 3;
    }

    // Deals
    if (data.deals) {
      sectionHead('Logged deals (' + data.deals.length + ')');
      row(['Date', 'Salesman', 'Client', 'Park', 'Amount'], [25, 30, 40, 40, 25], true);
      doc.setDrawColor(180); doc.line(left, y - 3.5, right, y - 3.5);
      let total = 0;
      data.deals.forEach(d => {
        row([d.date, d.salesman, d.client, d.park, curSym() + d.amount.toFixed(2)],
            [25, 30, 40, 40, 25]);
        total += d.amount;
      });
      doc.setDrawColor(180); doc.line(left, y - 3.5, right, y - 3.5); y += 1;
      row(['TOTAL', '', '', '', curSym() + total.toFixed(2)], [25, 30, 40, 40, 25], true);
      jvSplitRow('Split', total);
      y += 3;
    }

    // Expenses
    if (data.expenses) {
      sectionHead('Expenses (' + data.expenses.length + ')');
      row(['Date', 'Trip', 'Type', 'Payer', 'Amount'], [25, 35, 30, 30, 25], true);
      doc.setDrawColor(180); doc.line(left, y - 3.5, right, y - 3.5);
      let total = 0;
      data.expenses.forEach(e => {
        row([e.date, e.trip, e.type, e.payer, curSym() + e.amount.toFixed(2)],
            [25, 35, 30, 30, 25]);
        total += e.amount;
      });
      doc.setDrawColor(180); doc.line(left, y - 3.5, right, y - 3.5); y += 1;
      row(['TOTAL', '', '', '', curSym() + total.toFixed(2)], [25, 35, 30, 30, 25], true);
      jvSplitRow('Split', total);
      y += 3;
    }

    // Trip purchases
    if (data.purchases) {
      sectionHead('Trip purchases (gold + silver weights)');
      row(['Trip', 'Date', '9ct', '14ct', '18ct', '22ct', 'Silver'], [38, 22, 18, 18, 18, 18, 22], true);
      doc.setDrawColor(180); doc.line(left, y - 3.5, right, y - 3.5);
      let tg9=0, tg14=0, tg18=0, tg22=0, ts=0;
      data.purchases.forEach(p => {
        row([p.trip, p.startDate,
             p.gold9.toFixed(1) + 'g', p.gold14.toFixed(1) + 'g', p.gold18.toFixed(1) + 'g',
             p.gold22.toFixed(1) + 'g', p.silver.toFixed(1) + 'g'],
            [38, 22, 18, 18, 18, 18, 22]);
        tg9+=p.gold9; tg14+=p.gold14; tg18+=p.gold18; tg22+=p.gold22; ts+=p.silver;
      });
      doc.setDrawColor(180); doc.line(left, y - 3.5, right, y - 3.5); y += 1;
      row(['TOTAL', '',
           tg9.toFixed(1) + 'g', tg14.toFixed(1) + 'g', tg18.toFixed(1) + 'g',
           tg22.toFixed(1) + 'g', ts.toFixed(1) + 'g'],
          [38, 22, 18, 18, 18, 18, 22], true);
      y += 3;
    }

    // Stock items
    if (data.stock) {
      sectionHead('Stock items (' + data.stock.length + ')');
      row(['Name', 'Cat', 'Weight/Spec', 'Cost', 'Status'], [55, 16, 50, 25, 25], true);
      doc.setDrawColor(180); doc.line(left, y - 3.5, right, y - 3.5);
      let totalCost = 0, inStockCost = 0;
      data.stock.forEach(it => {
        let spec = '';
        if (it.weight_g) spec += it.weight_g + 'g';
        if (it.carat) spec += (spec ? ' ' : '') + it.carat;
        if (it.purity && !it.carat) spec += (spec ? ' ' : '') + (Number(it.purity) === 0.925 ? '925' : Number(it.purity) === 0.999 ? '999' : it.purity);
        if (it.estimated_value_low || it.estimated_value_high)
          spec += (spec ? ' · ' : '') + curSym() + (it.estimated_value_low || 0) + '-' + (it.estimated_value_high || 0);
        const c = Number(it.cost) || 0;
        totalCost += c;
        if (it.status === 'in_stock') inStockCost += c;
        row([it.name || '(unnamed)', it.category, spec, curSym() + c.toFixed(0), it.status],
            [55, 16, 50, 25, 25]);
      });
      doc.setDrawColor(180); doc.line(left, y - 3.5, right, y - 3.5); y += 1;
      row(['TOTAL COST', '', '', curSym() + totalCost.toFixed(0), ''], [55, 16, 50, 25, 25], true);
      row(['IN STOCK COST', '', '', curSym() + inStockCost.toFixed(0), ''], [55, 16, 50, 25, 25], true);
      jvSplitRow('In-stock cost split', inStockCost);
      y += 3;
    }

    // Hours worked
    if (data.hours) {
      sectionHead('Hours worked (' + data.hours.length + ' sessions)');
      row(['Date', 'Salesman', 'Start', 'End', 'Lunch', 'Hours'], [28, 32, 22, 22, 22, 24], true);
      doc.setDrawColor(180); doc.line(left, y - 3.5, right, y - 3.5);
      let totHours = 0;
      const days = {};
      data.hours.forEach(s => {
        const hrs = Number(s.worked_hours) || 0;
        row([s.session_date, s.salesman, s.start_time || '—', s.end_time || '—',
             (s.lunch_minutes || 0) + 'm', hrs.toFixed(1) + 'h'],
            [28, 32, 22, 22, 22, 24]);
        totHours += hrs;
        if (hrs > 0) days[s.session_date + '|' + s.salesman] = true;
      });
      doc.setDrawColor(180); doc.line(left, y - 3.5, right, y - 3.5); y += 1;
      const dayCount = Object.keys(days).length;
      row(['TOTAL', dayCount + ' days · ' + (dayCount/5).toFixed(1) + ' wk', '', '', '', totHours.toFixed(1) + 'h'],
          [28, 32, 22, 22, 22, 24], true);
      y += 3;
    }

    // Mileage
    if (data.mileage) {
      sectionHead('Mileage (' + data.mileage.length + ' entries, ' + curSym() + rate.toFixed(2) + '/' + distUnit() + ')');
      row(['Date', 'Salesman', 'From → To', 'Purpose', 'Miles', curSym()], [22, 28, 60, 24, 18, 22], true);
      doc.setDrawColor(180); doc.line(left, y - 3.5, right, y - 3.5);
      let totMiles = 0;
      data.mileage.forEach(m => {
        const route = (m.from_location || '—') + ' → ' + (m.to_location || '—');
        const mi = Number(m.miles) || 0;
        row([m.entry_date, m.salesman, route, m.purpose || '', mi.toFixed(0), curSym() + (mi * rate).toFixed(2)],
            [22, 28, 60, 24, 18, 22]);
        totMiles += mi;
      });
      doc.setDrawColor(180); doc.line(left, y - 3.5, right, y - 3.5); y += 1;
      const reimb = totMiles * rate;
      row(['TOTAL', '', '', '', totMiles.toFixed(0) + ' ' + distUnit(), curSym() + reimb.toFixed(2)], [22, 28, 60, 24, 18, 22], true);
      jvSplitRow('Reimbursable split', reimb);
      y += 3;
    }

    // Parks activity
    if (data.parks) {
      sectionHead('Park activity (' + data.parks.length + ')');
      row(['Name', 'Town', 'Rating', 'Status', 'Done at'], [50, 35, 22, 22, 32], true);
      doc.setDrawColor(180); doc.line(left, y - 3.5, right, y - 3.5);
      data.parks.forEach(p => {
        row([p.name, p.town, p.rating, p.status, p.doneAt], [50, 35, 22, 22, 32]);
      });
      y += 3;
    }

    // Team
    if (data.nudges) {
      sectionHead('Team activity (' + data.nudges.length + ' nudges)');
      row(['Created', 'From', 'To', 'Type', 'Message'], [32, 25, 25, 16, 60], true);
      doc.setDrawColor(180); doc.line(left, y - 3.5, right, y - 3.5);
      data.nudges.forEach(n => {
        row([String(n.created_at).slice(0,16).replace('T',' '), n.from_salesman, n.to_salesman || 'team', n.type, n.message || ''],
            [32, 25, 25, 16, 60]);
      });
      y += 3;
    }

    return doc.output('blob');
  }

  function csvEsc(v) {
    if (v == null) return '';
    const s = String(v);
    if (s.indexOf(',') >= 0 || s.indexOf('"') >= 0 || s.indexOf('\n') >= 0) {
      return '"' + s.replace(/"/g, '""') + '"';
    }
    return s;
  }
  function csvRow(arr) { return arr.map(csvEsc).join(',') + '\n'; }

  // === Self-Assessment Summary PDF — clean one-pager for the accountant ===
  function buildSelfAssessmentPDF(data, o) {
    const { jsPDF } = window.jspdf;
    const doc = new jsPDF({ unit: 'mm', format: 'a4' });
    const allPartners = getJVPartners();
    const partners = (o.companyIdx != null && allPartners[o.companyIdx])
      ? [allPartners[o.companyIdx]]
      : allPartners;
    const isFiltered = o.companyIdx != null && allPartners[o.companyIdx];
    const filteredCompany = isFiltered ? allPartners[o.companyIdx] : null;
    const rate = _mileageRate();
    const left = 14, right = 196;
    const pageWidth = right - left;
    let y = 16;

    // Derive the tax year label from the date range (use endDate if set, else today)
    const ty = ukTaxYear(o.endDate ? new Date(o.endDate) : new Date());
    const matchesTaxYear = o.startDate === ty.start && o.endDate === ty.end;

    // Header
    doc.setFillColor(31, 71, 51);
    doc.rect(0, 0, 210, 26, 'F');
    doc.setTextColor(255);
    doc.setFont('helvetica', 'bold'); doc.setFontSize(20);
    doc.text(isAU() ? 'Tax Summary' : 'Self-Assessment Summary', left, 14);
    doc.setFont('helvetica', 'normal'); doc.setFontSize(11);
    let subtitle = (matchesTaxYear ? 'Tax year ' + ty.label : ((o.startDate || '…') + ' → ' + (o.endDate || '…')));
    if (isFiltered) subtitle += '  ·  ' + filteredCompany.name;
    doc.text(subtitle, left, 21);
    doc.setTextColor(0);
    y = 34;

    // JV partners banner (UK-only — AU is single-entity and has no JV split)
    if (isUK()) {
      doc.setFillColor(237, 232, 218);
      doc.rect(left, y - 4, pageWidth, 7 + partners.length * 5, 'F');
      doc.setFont('helvetica', 'bold'); doc.setFontSize(10);
      doc.text('Joint Venture — profit & expense split', left + 2, y + 1);
      y += 5;
      doc.setFont('helvetica', 'normal'); doc.setFontSize(9);
      partners.forEach(p => {
        doc.text((p.contact ? p.contact + ' — ' : '') + p.name, left + 4, y + 1);
        doc.text(p.percent + '%', right - 2, y + 1, { align: 'right' });
        y += 5;
      });
      y += 6;
    }

    // === Compute headline figures ===
    const trips = data.trips || [];
    const totalGross  = trips.reduce((a, t) => a + (Number(t.gross) || 0), 0);
    const totalExpenses = trips.reduce((a, t) => a + (Number(t.expenses) || 0), 0);
    const totalProfit = trips.reduce((a, t) => a + (Number(t.profit) || 0), 0);

    const hours = data.hours || [];
    const totalHours = hours.reduce((a, s) => a + (Number(s.worked_hours) || 0), 0);
    const dayKeys = {};
    hours.forEach(s => { if ((Number(s.worked_hours) || 0) > 0) dayKeys[s.session_date + '|' + s.salesman] = true; });
    const totalDays = Object.keys(dayKeys).length;

    const mileage = data.mileage || [];
    const totalMiles = mileage.reduce((a, m) => a + (Number(m.miles) || 0), 0);
    const useHmrc = !!o.useHmrcMileage;
    const hmrc = _hmrcMileageBreakdown(totalMiles);
    const mileageReimb = useHmrc ? hmrc.total : (totalMiles * rate);

    const stock = data.stock || [];
    let stockCostBought = 0, stockSoldRevenue = 0, stockSoldCost = 0, stockInHandCost = 0, stockInHandEst = 0;
    stock.forEach(it => {
      const c = Number(it.cost) || 0;
      stockCostBought += c;
      if (it.status === 'sold') { stockSoldRevenue += Number(it.sold_price) || 0; stockSoldCost += c; }
      if (it.status === 'in_stock') {
        stockInHandCost += c;
        const vlo = Number(it.estimated_value_low) || 0;
        const vhi = Number(it.estimated_value_high) || 0;
        stockInHandEst += (vlo && vhi) ? (vlo + vhi) / 2 : (vhi || vlo || 0);
      }
    });

    // === Headline figures box ===
    function bigStat(label, value, sub) {
      const cw = (pageWidth - 4) / 2;
      return { label, value, sub, cw };
    }

    function paintStatGrid(stats) {
      const cellW = (pageWidth - 6) / 2;
      const cellH = 22;
      const cols = 2;
      stats.forEach((s, i) => {
        const col = i % cols;
        const rowIdx = Math.floor(i / cols);
        const x = left + col * (cellW + 6);
        const yy = y + rowIdx * (cellH + 4);
        doc.setFillColor(247, 244, 235);
        doc.rect(x, yy, cellW, cellH, 'F');
        doc.setTextColor(120);
        doc.setFont('helvetica', 'bold'); doc.setFontSize(8);
        doc.text(s.label.toUpperCase(), x + 3, yy + 5);
        doc.setTextColor(31, 71, 51);
        doc.setFont('helvetica', 'bold'); doc.setFontSize(15);
        doc.text(s.value, x + 3, yy + 13);
        if (s.sub) {
          doc.setTextColor(80);
          doc.setFont('helvetica', 'normal'); doc.setFontSize(8);
          doc.text(s.sub, x + 3, yy + 19);
        }
        doc.setTextColor(0);
      });
      y += Math.ceil(stats.length / cols) * (cellH + 4) + 4;
    }

    // Scale factor: if filtered, scale all £ figures to that company's share
    const scale = isFiltered ? (filteredCompany.percent / 100) : 1;
    const fmt = v => curSym() + Number(v).toLocaleString('en-GB', {maximumFractionDigits:0});

    paintStatGrid([
      { label: (isFiltered ? filteredCompany.name + ' — ' : '') + 'Gross income',
        value: fmt(totalGross * scale),
        sub: isFiltered ? ('Your ' + filteredCompany.percent + '% of ' + curSym() + totalGross.toLocaleString('en-GB',{maximumFractionDigits:0}) + ' JV') : (trips.length + ' trips') },
      { label: (isFiltered ? filteredCompany.name + ' — ' : '') + 'Expenses',
        value: fmt(totalExpenses * scale),
        sub: isFiltered ? 'Your share of JV expenses' : 'Including travel + lodging' },
      { label: (isFiltered ? filteredCompany.name + ' — ' : '') + 'Net profit',
        value: fmt(totalProfit * scale),
        sub: 'Gross − Expenses' },
      { label: 'Mileage',
        value: totalMiles.toLocaleString() + ' ' + distUnit(),
        sub: curSym() + (mileageReimb * scale).toFixed(0) + (isFiltered ? ' your share' : '') + ' @ ' + curSym() + rate.toFixed(2) + '/' + distUnit() }
    ]);

    // === 50/50 SPLIT BOX (the headline) ===
    doc.setFillColor(31, 71, 51);
    doc.rect(left, y, pageWidth, 8, 'F');
    doc.setTextColor(255);
    doc.setFont('helvetica', 'bold'); doc.setFontSize(11);
    doc.text(isFiltered ? 'Your share of JV profit' : 'Profit split per company', left + 3, y + 5.5);
    y += 8;
    doc.setTextColor(0);
    doc.setFillColor(255);

    const colW = pageWidth / partners.length;
    partners.forEach((p, i) => {
      const x = left + i * colW;
      doc.setFillColor(252, 248, 240);
      doc.rect(x, y, colW - 1, 30, 'F');
      doc.setFont('helvetica', 'bold'); doc.setFontSize(10);
      doc.text(p.name, x + 3, y + 6, { maxWidth: colW - 6 });
      doc.setFont('helvetica', 'normal'); doc.setFontSize(8);
      doc.setTextColor(100);
      doc.text((p.contact || '') + ' · ' + p.percent + '%', x + 3, y + 11);
      doc.setTextColor(43, 110, 74);
      doc.setFont('helvetica', 'bold'); doc.setFontSize(18);
      doc.text(curSym() + (totalProfit * p.percent / 100).toLocaleString('en-GB', {maximumFractionDigits:0}), x + 3, y + 22);
      doc.setTextColor(80);
      doc.setFont('helvetica', 'normal'); doc.setFontSize(7.5);
      doc.text('Gross share: ' + curSym() + (totalGross * p.percent / 100).toLocaleString('en-GB', {maximumFractionDigits:0}), x + 3, y + 27);
      doc.setTextColor(0);
    });
    y += 34;

    // === Time & travel summary ===
    doc.setFillColor(237, 232, 218);
    doc.rect(left, y, pageWidth, 7, 'F');
    doc.setFont('helvetica', 'bold'); doc.setFontSize(10);
    doc.text('Time & travel', left + 2, y + 5);
    y += 11;
    doc.setFont('helvetica', 'normal'); doc.setFontSize(10);
    const timeRows = [
      ['Total hours worked', totalHours.toFixed(1) + 'h across ' + totalDays + ' days'],
      ['Working weeks (approx)', (totalDays / 5).toFixed(1) + ' weeks · ' + (totalDays / 22).toFixed(2) + ' months'],
      ['Total ' + distUnitLong() + ' driven', totalMiles.toLocaleString() + ' ' + distUnit()],
      ['Mileage reimbursement', curSym() + mileageReimb.toFixed(2) +
        (useHmrc
          ? ' (' + (isAU() ? 'ATO' : 'HMRC') + ': ' + hmrc.label + ')'
          : ' @ ' + curSym() + rate.toFixed(2) + '/' + distUnit() + ' (custom flat rate)')]
    ];
    timeRows.forEach(([k, v]) => {
      doc.setFont('helvetica', 'normal'); doc.text(k, left + 2, y);
      doc.setFont('helvetica', 'bold'); doc.text(v, right - 2, y, { align: 'right' });
      y += 5.5;
    });
    y += 4;

    // === Stock movements ===
    doc.setFillColor(237, 232, 218);
    doc.rect(left, y, pageWidth, 7, 'F');
    doc.setFont('helvetica', 'bold'); doc.setFontSize(10);
    doc.text('Stock movements (in this period)', left + 2, y + 5);
    y += 11;
    doc.setFont('helvetica', 'normal'); doc.setFontSize(10);
    const stockRows = [
      ['Cost basis of items bought',          fmt(stockCostBought * scale)],
      ['Sold revenue',                        fmt(stockSoldRevenue * scale)],
      ['Cost of sold items',                  fmt(stockSoldCost * scale)],
      ['Gross margin on sold stock',          fmt((stockSoldRevenue - stockSoldCost) * scale)],
      ['Items currently held — cost basis',   fmt(stockInHandCost * scale)],
      ['Items currently held — est. resale value', fmt(stockInHandEst * scale)]
    ];
    stockRows.forEach(([k, v]) => {
      doc.setFont('helvetica', 'normal'); doc.text(k, left + 2, y);
      doc.setFont('helvetica', 'bold'); doc.text(v, right - 2, y, { align: 'right' });
      y += 5.5;
    });
    y += 4;

    // === Trip detail mini-table (compact) ===
    if (trips.length > 0 && y < 235) {
      doc.setFillColor(237, 232, 218);
      doc.rect(left, y, pageWidth, 7, 'F');
      doc.setFont('helvetica', 'bold'); doc.setFontSize(10);
      doc.text('Trips in period', left + 2, y + 5);
      y += 11;
      doc.setFontSize(8.5);
      doc.setFont('helvetica', 'bold');
      doc.text('Trip', left, y);
      doc.text('Dates', left + 50, y);
      doc.text('Gross', right - 60, y);
      doc.text('Expenses', right - 38, y);
      doc.text('Profit', right - 14, y, { align: 'right' });
      y += 4;
      doc.setDrawColor(180); doc.line(left, y - 1, right, y - 1);
      doc.setFont('helvetica', 'normal');
      trips.forEach(t => {
        if (y > 280) return; // stop if running out of space
        const dr = (t.startDate || '') + (t.endDate && t.endDate !== t.startDate ? '→' + t.endDate : '');
        doc.text(String(t.name || t.id).slice(0, 22), left, y);
        doc.text(dr, left + 50, y);
        doc.text(curSym() + (t.gross * scale).toFixed(0), right - 60, y);
        doc.text(curSym() + (t.expenses * scale).toFixed(0), right - 38, y);
        doc.text(curSym() + (t.profit * scale).toFixed(0), right - 14, y, { align: 'right' });
        y += 5;
      });
    }

    // === Footer ===
    doc.setFontSize(7);
    doc.setTextColor(120);
    doc.text(
      'Jewellery RoadShow · Generated ' + new Date().toLocaleString(isAU() ? 'en-AU' : 'en-GB') + ' · Mileage rate: ' + curSym() + rate.toFixed(2) + '/' + distUnit() + ' · For more detail download the Detailed PDF/CSV.',
      105, 290, { align: 'center', maxWidth: pageWidth }
    );

    return doc.output('blob');
  }

  function buildExportCSV(data, o) {
    const partners = getJVPartners();
    let csv = '=== JV PARTNERS ===\n';
    csv += csvRow(['company','contact','percent']);
    partners.forEach(p => csv += csvRow([p.name, p.contact, p.percent]));
    csv += '\n=== DATE RANGE ===\n';
    csv += csvRow(['from', o.startDate || '']);
    csv += csvRow(['to', o.endDate || '']);
    csv += csvRow(['generated_at', new Date().toISOString()]);
    if (data.trips) {
      csv += '\n=== TRIPS ===\n';
      csv += csvRow(['id','name','startDate','endDate','parkCount','dealCount','gross','expenses','profit','notes']);
      data.trips.forEach(t => csv += csvRow([t.id, t.name, t.startDate, t.endDate, t.parkCount, t.dealCount, t.gross, t.expenses, t.profit, t.notes]));
    }
    if (data.deals) {
      csv += '\n=== DEALS ===\n';
      csv += csvRow(['date','salesman','client','park','amount','notes']);
      data.deals.forEach(d => csv += csvRow([d.date, d.salesman, d.client, d.park, d.amount, d.notes]));
    }
    if (data.expenses) {
      csv += '\n=== EXPENSES ===\n';
      csv += csvRow(['date','trip','type','payer','amount','notes']);
      data.expenses.forEach(e => csv += csvRow([e.date, e.trip, e.type, e.payer, e.amount, e.notes]));
    }
    if (data.purchases) {
      csv += '\n=== TRIP PURCHASES ===\n';
      csv += csvRow(['trip','startDate','gold9ct_g','gold14ct_g','gold18ct_g','gold22ct_g','silver_g','silver_purity']);
      data.purchases.forEach(p => csv += csvRow([p.trip, p.startDate, p.gold9, p.gold14, p.gold18, p.gold22, p.silver, p.silver_purity]));
    }
    if (data.stock) {
      csv += '\n=== STOCK ITEMS ===\n';
      csv += csvRow(['id','category','name','weight_g','carat','purity','cost','est_value_low','est_value_high','acquired_date','source_trip_id','status','sold_date','sold_price','sold_to','notes']);
      data.stock.forEach(it => csv += csvRow([it.id, it.category, it.name, it.weight_g, it.carat, it.purity, it.cost, it.estimated_value_low, it.estimated_value_high, it.acquired_date, it.source_trip_id, it.status, it.sold_date, it.sold_price, it.sold_to, it.notes]));
    }
    if (data.hours) {
      csv += '\n=== HOURS WORKED ===\n';
      csv += csvRow(['session_date','salesman','start_time','end_time','lunch_minutes','worked_hours','trip_id','location_label','notes']);
      data.hours.forEach(s => csv += csvRow([s.session_date, s.salesman, s.start_time, s.end_time, s.lunch_minutes, (Number(s.worked_hours)||0).toFixed(2), s.trip_id, s.location_label, s.notes]));
    }
    if (data.mileage) {
      const rate = _mileageRate();
      csv += '\n=== MILEAGE ===\n';
      csv += csvRow(['entry_date','salesman','miles','from_location','to_location','purpose','trip_id','reimbursable_at_' + rate.toFixed(2),'notes']);
      data.mileage.forEach(m => csv += csvRow([m.entry_date, m.salesman, m.miles, m.from_location, m.to_location, m.purpose, m.trip_id, ((Number(m.miles)||0) * rate).toFixed(2), m.notes]));
    }
    if (data.parks) {
      csv += '\n=== PARKS ===\n';
      csv += csvRow(['name','town','county','rating','status','doneAt','notes']);
      data.parks.forEach(p => csv += csvRow([p.name, p.town, p.county, p.rating, p.status, p.doneAt, p.notes]));
    }
    if (data.nudges) {
      csv += '\n=== TEAM NUDGES ===\n';
      csv += csvRow(['created_at','from','to','type','message','lat','lng','resolved']);
      data.nudges.forEach(n => csv += csvRow([n.created_at, n.from_salesman, n.to_salesman, n.type, n.message, n.lat, n.lng, n.resolved]));
    }
    if (data.locations) {
      csv += '\n=== TEAM LOCATIONS ===\n';
      csv += csvRow(['recorded_at','salesman','lat','lng','accuracy']);
      data.locations.forEach(l => csv += csvRow([l.recorded_at, l.salesman, l.lat, l.lng, l.accuracy]));
    }
    return csv;
  }

  function statCard(label, value, accent) {
    return '<div style="background:var(--surface-2);padding:12px;border-radius:10px;">' +
      '<div style="font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:4px;">' + label + '</div>' +
      '<div style="font-size:20px;font-weight:700;color:' + (accent || 'var(--text)') + ';">' + value + '</div>' +
      '</div>';
  }

  function uniqueSalesmen(deals) {
    const set = {};
    deals.forEach(d => { set[d.salesman || 'Unknown'] = true; });
    return Object.keys(set);
  }

  // ===== COLOUR TAG HEAT MAP =====
  const RATING_TAGS = [
    { key: 'good',     label: 'Good',      color: '#2B6E4A' },
    { key: 'ok',       label: 'OK',        color: '#D97706' },
    { key: 'notgreat', label: 'Not great', color: '#EAB308' },
    { key: 'rubbish',  label: 'Rubbish',   color: '#C53030' },
    { key: 'awful',    label: 'Awful',     color: '#1A1A1F' }
  ];

  function hexAlpha(hex, alpha) {
    const a = Math.max(0, Math.min(1, alpha));
    const hh = Math.round(a * 255).toString(16).padStart(2, '0');
    return hex + hh;
  }

  function renderColourHeatmap(filteredDeals, filteredExpenses) {
    // Aggregate per-colour stats
    const byColour = {};
    RATING_TAGS.forEach(c => { byColour[c.key] = { parks: 0, deals: 0, revenue: 0 }; });

    // Count ALL tagged parks (not date-filtered — colour tags don't have dates)
    state.parks.forEach(p => {
      if (p.rating && byColour[p.rating]) byColour[p.rating].parks++;
    });

    // Deals filtered by current stats range/salesman → joined to park rating
    filteredDeals.forEach(d => {
      const park = getParkById(d.parkId);
      if (park && park.rating && byColour[park.rating]) {
        byColour[park.rating].deals++;
        byColour[park.rating].revenue += Number(d.amount) || 0;
      }
    });

    const totalTagged = RATING_TAGS.reduce((s, c) => s + byColour[c.key].parks, 0);
    const totalRevenue = RATING_TAGS.reduce((s, c) => s + byColour[c.key].revenue, 0);

    let html = '<div style="margin-bottom:18px;"><h4 style="margin:0 0 4px;">Colour heat map — which tags actually pay</h4>' +
      '<div style="font-size:11px;color:var(--text-muted);margin-bottom:8px;">Background intensity = ' + curSym() + ' revenue. Tells you whether your gut-feel tags match the money.</div>';

    if (totalTagged === 0) {
      html += '<div style="padding:18px;color:var(--text-muted);font-size:13px;text-align:center;background:var(--surface-2);border-radius:8px;">' +
        'No colour tags set yet. Tag parks Good / OK / Not great / Rubbish / Awful and they\'ll show up here.</div></div>';
      return html;
    }

    const maxRev = Math.max(1, ...RATING_TAGS.map(c => byColour[c.key].revenue));

    html += '<div style="background:var(--surface-2);border-radius:10px;padding:10px;">';
    RATING_TAGS.forEach(c => {
      const b = byColour[c.key];
      const intensity = maxRev > 0 ? b.revenue / maxRev : 0;
      const heatAlpha = b.revenue > 0 ? (0.12 + intensity * 0.55) : 0.04;
      const bg = hexAlpha(c.color, heatAlpha);
      const avgPerPark = b.parks > 0 ? (b.revenue / b.parks) : 0;
      const pctRev = totalRevenue > 0 ? Math.round((b.revenue / totalRevenue) * 100) : 0;

      html += '<div style="display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:10px 12px;margin-bottom:6px;border-radius:8px;background:' + bg + ';border:1px solid ' + hexAlpha(c.color, 0.25) + ';">';
      html += '<div style="display:flex;align-items:center;gap:10px;min-width:0;">';
      html += '<span style="width:14px;height:14px;border-radius:50%;background:' + c.color + ';flex-shrink:0;border:1.5px solid white;box-shadow:0 0 0 1px ' + c.color + ';"></span>';
      html += '<div style="min-width:0;">';
      html += '<div style="font-weight:600;font-size:13px;color:var(--text);">' + c.label + '</div>';
      html += '<div style="font-size:11px;color:var(--text-muted);">' +
        b.parks + ' park' + (b.parks !== 1 ? 's' : '') + ' · ' +
        b.deals + ' deal' + (b.deals !== 1 ? 's' : '') +
        (b.parks > 0 && b.revenue > 0 ? ' · ' + curSym() + avgPerPark.toFixed(0) + '/park avg' : '') +
        (b.revenue > 0 && totalRevenue > 0 ? ' · ' + pctRev + '% of revenue' : '') +
        '</div>';
      html += '</div></div>';
      html += '<div style="text-align:right;font-weight:700;font-size:16px;color:' + (b.revenue > 0 ? c.color : 'var(--text-light)') + ';">' + curSym() + b.revenue.toFixed(0) + '</div>';
      html += '</div>';
    });
    html += '</div></div>';

    // === TRIP × COLOUR MATRIX ===
    html += renderTripColourMatrix(filteredDeals, filteredExpenses);
    return html;
  }

  function renderTripColourMatrix(filteredDeals, filteredExpenses) {
    if (!state.trips || state.trips.length === 0) return '';

    // Build per-trip stats
    const tripStats = [];
    state.trips.forEach(t => {
      const tripDeals = filteredDeals.filter(d => d.tripId === t.id);
      if (tripDeals.length === 0) return; // skip trips with no deals in range
      const dealsTotal = tripDeals.reduce((a, d) => a + (Number(d.amount) || 0), 0);
      const tripSpent = filteredExpenses
        .filter(e => e.tripName === t.name)
        .reduce((a, e) => a + (Number(e.amount) || 0), 0);
      const profit = dealsTotal - tripSpent;
      const byColour = {};
      RATING_TAGS.forEach(c => { byColour[c.key] = 0; });
      let untagged = 0;
      tripDeals.forEach(d => {
        const park = getParkById(d.parkId);
        if (park && park.rating && byColour[park.rating] !== undefined) {
          byColour[park.rating] += Number(d.amount) || 0;
        } else {
          untagged += Number(d.amount) || 0;
        }
      });
      tripStats.push({ trip: t, dealsTotal: dealsTotal, spent: tripSpent, profit: profit, byColour: byColour, untagged: untagged });
    });

    if (tripStats.length === 0) {
      return '<div style="margin-bottom:18px;"><h4 style="margin:0 0 4px;">Trip × colour tag</h4>' +
        '<div style="font-size:11px;color:var(--text-muted);margin-bottom:8px;">Where each trip\'s money came from, by colour.</div>' +
        '<div style="padding:18px;color:var(--text-muted);font-size:13px;text-align:center;background:var(--surface-2);border-radius:8px;">' +
        'No trip deals in this date range yet. Once you log the 12 trips, this matrix lights up.</div></div>';
    }

    // Sort trips by profit desc
    tripStats.sort((a, b) => b.profit - a.profit);

    const maxCell = Math.max(1, ...tripStats.flatMap(s => RATING_TAGS.map(c => s.byColour[c.key]).concat([s.untagged])));
    const anyUntagged = tripStats.some(s => s.untagged > 0);

    let html = '<div style="margin-bottom:18px;"><h4 style="margin:0 0 4px;">Trip × colour tag — where the money came from</h4>' +
      '<div style="font-size:11px;color:var(--text-muted);margin-bottom:8px;">Each row is a trip. Cell shade = ' + curSym() + ' from parks tagged that colour.</div>' +
      '<div style="overflow-x:auto;background:var(--surface-2);border-radius:10px;padding:10px;">' +
      '<table style="width:100%;border-collapse:separate;border-spacing:3px;font-size:11px;min-width:420px;">' +
      '<thead><tr>' +
      '<th style="text-align:left;font-weight:600;color:var(--text-muted);font-size:10px;padding:4px 6px;text-transform:uppercase;letter-spacing:0.04em;">Trip</th>';
    RATING_TAGS.forEach(c => {
      html += '<th style="text-align:center;font-weight:700;font-size:9.5px;padding:4px 2px;color:' + c.color + ';text-transform:uppercase;letter-spacing:0.04em;">' + c.label + '</th>';
    });
    if (anyUntagged) {
      html += '<th style="text-align:center;font-weight:600;font-size:9.5px;padding:4px 2px;color:var(--text-light);text-transform:uppercase;letter-spacing:0.04em;">No tag</th>';
    }
    html += '<th style="text-align:right;font-weight:600;color:var(--text-muted);font-size:10px;padding:4px 6px;text-transform:uppercase;letter-spacing:0.04em;">Profit</th>' +
      '</tr></thead><tbody>';

    tripStats.forEach(s => {
      html += '<tr>';
      html += '<td style="padding:6px 6px;font-weight:600;font-size:12px;white-space:nowrap;color:var(--text);">' + escapeHtml(s.trip.name || 'Untitled') + '</td>';
      RATING_TAGS.forEach(c => {
        const v = s.byColour[c.key];
        const intensity = maxCell > 0 ? v / maxCell : 0;
        const heatAlpha = v > 0 ? (0.18 + intensity * 0.65) : 0;
        const bg = v > 0 ? hexAlpha(c.color, heatAlpha) : 'transparent';
        const txt = v > 0 ? curSym() + (v >= 1000 ? (v / 1000).toFixed(1) + 'k' : v.toFixed(0)) : '·';
        html += '<td style="text-align:center;padding:6px 4px;background:' + bg + ';border-radius:6px;font-weight:' + (v > 0 ? 700 : 400) + ';color:' + (v > 0 ? c.color : 'var(--text-light)') + ';font-size:11px;">' + txt + '</td>';
      });
      if (anyUntagged) {
        const v = s.untagged;
        const intensity = maxCell > 0 ? v / maxCell : 0;
        const heatAlpha = v > 0 ? (0.15 + intensity * 0.5) : 0;
        const bg = v > 0 ? 'rgba(150,150,150,' + heatAlpha.toFixed(2) + ')' : 'transparent';
        const txt = v > 0 ? curSym() + (v >= 1000 ? (v / 1000).toFixed(1) + 'k' : v.toFixed(0)) : '·';
        html += '<td style="text-align:center;padding:6px 4px;background:' + bg + ';border-radius:6px;font-weight:' + (v > 0 ? 600 : 400) + ';color:var(--text-muted);font-size:11px;">' + txt + '</td>';
      }
      html += '<td style="padding:6px 6px;text-align:right;font-weight:700;font-size:12px;color:' + (s.profit >= 0 ? '#2B6E4A' : '#C53030') + ';white-space:nowrap;">' + curSym() + s.profit.toFixed(0) + '</td>';
      html += '</tr>';
    });
    html += '</tbody></table></div></div>';
    return html;
  }

  const CHART_COLORS = ['#2B6E4A', '#D97706', '#8B5CF6', '#0EA5E9', '#EAB308', '#EC4899', '#14B8A6', '#F97316'];

  function createSalesmanChart(deals) {
    const el = document.getElementById('chart-salesmen');
    if (!el) return;
    const bySales = {};
    deals.forEach(d => {
      const s = d.salesman || 'Unknown';
      bySales[s] = (bySales[s] || 0) + (Number(d.amount) || 0);
    });
    const labels = Object.keys(bySales).sort((a, b) => bySales[b] - bySales[a]);
    const data = labels.map(l => bySales[l]);
    const chart = new Chart(el, {
      type: 'bar',
      data: {
        labels: labels,
        datasets: [{
          label: 'Revenue (' + curSym() + ')',
          data: data,
          backgroundColor: labels.map((_, i) => CHART_COLORS[i % CHART_COLORS.length]),
          borderRadius: 6
        }]
      },
      options: {
        indexAxis: 'y',
        responsive: true,
        maintainAspectRatio: false,
        plugins: { legend: { display: false }, tooltip: { callbacks: { label: c => curSym() + Number(c.parsed.x).toFixed(2) } } },
        scales: { x: { ticks: { callback: v => curSym() + v } } }
      }
    });
    _statsCharts.push(chart);
  }

  function createTimeChart(deals, startDate, endDate) {
    const el = document.getElementById('chart-time');
    if (!el) return;
    const buckets = {};
    if (startDate && endDate) {
      const s = new Date(startDate);
      const e = new Date(endDate);
      // cap to 90 days to avoid huge x-axis
      const maxDays = 90;
      const diff = Math.floor((e - s) / (24*60*60*1000));
      if (diff <= maxDays) {
        const cursor = new Date(s);
        while (cursor <= e) {
          buckets[cursor.toISOString().slice(0,10)] = 0;
          cursor.setDate(cursor.getDate() + 1);
        }
      } else {
        // group by week
        const cursor = new Date(s);
        cursor.setDate(cursor.getDate() - cursor.getDay()); // start of week
        while (cursor <= e) {
          buckets[cursor.toISOString().slice(0,10)] = 0;
          cursor.setDate(cursor.getDate() + 7);
        }
      }
    }
    deals.forEach(d => {
      let key = (d.date || '').slice(0,10);
      if (!key) return;
      // If we're in week-mode, snap to nearest week start
      if (!buckets.hasOwnProperty(key)) {
        const dd = new Date(key);
        dd.setDate(dd.getDate() - dd.getDay());
        key = dd.toISOString().slice(0,10);
      }
      buckets[key] = (buckets[key] || 0) + (Number(d.amount) || 0);
    });
    const labels = Object.keys(buckets).sort();
    const data = labels.map(l => buckets[l]);
    const shortLabels = labels.map(l => {
      const dd = new Date(l);
      return dd.getDate() + ' ' + dd.toLocaleString('en-GB', { month: 'short' });
    });
    const chart = new Chart(el, {
      type: 'bar',
      data: {
        labels: shortLabels,
        datasets: [{ label: 'Revenue (' + curSym() + ')', data: data, backgroundColor: '#2B6E4A', borderRadius: 4 }]
      },
      options: {
        responsive: true, maintainAspectRatio: false,
        plugins: { legend: { display: false }, tooltip: { callbacks: { label: c => curSym() + Number(c.parsed.y).toFixed(2) } } },
        scales: {
          y: { beginAtZero: true, ticks: { callback: v => curSym() + v } },
          x: { ticks: { maxRotation: 50, minRotation: 0, autoSkip: true, maxTicksLimit: 12 } }
        }
      }
    });
    _statsCharts.push(chart);
  }

  function createStatusChart() {
    const el = document.getElementById('chart-status');
    if (!el) return;
    const done = state.parks.filter(p => p.status === 'done').length;
    const inProg = state.parks.filter(p => p.status === 'in_progress').length;
    const untouched = state.parks.length - done - inProg;
    const chart = new Chart(el, {
      type: 'doughnut',
      data: {
        labels: ['Done', 'In progress', 'Not started'],
        datasets: [{ data: [done, inProg, untouched], backgroundColor: ['#2B6E4A', '#D97706', '#E5E1D8'], borderWidth: 0 }]
      },
      options: {
        responsive: true, maintainAspectRatio: false,
        plugins: { legend: { position: 'bottom', labels: { boxWidth: 12, font: { size: 12 } } } },
        cutout: '60%'
      }
    });
    _statsCharts.push(chart);
  }

  function createSpendChart(expenses) {
    const el = document.getElementById('chart-spend');
    if (!el) return;
    const byCat = {};
    expenses.forEach(e => {
      var c = e.category || 'COGS';
      byCat[c] = (byCat[c] || 0) + (Number(e.amount) || 0);
    });
    const labels = Object.keys(byCat).sort((a, b) => byCat[b] - byCat[a]);
    const data = labels.map(l => byCat[l]);
    const chart = new Chart(el, {
      type: 'bar',
      data: {
        labels: labels,
        datasets: [{ label: 'Spend (' + curSym() + ')', data: data, backgroundColor: '#C53030', borderRadius: 4 }]
      },
      options: {
        indexAxis: 'y',
        responsive: true, maintainAspectRatio: false,
        plugins: { legend: { display: false }, tooltip: { callbacks: { label: c => curSym() + Number(c.parsed.x).toFixed(2) } } },
        scales: { x: { ticks: { callback: v => curSym() + v } } }
      }
    });
    _statsCharts.push(chart);
  }

  // =========================================================================
  // CSV EXPORTS
  // =========================================================================
  function exportParksCSV() {
    const headers = ['name','town','county','region','status','rating','notes','doorsCovered','dealsCount','totalRevenue','url','lat','lng'];
    const lines = [headers.join(',')];
    state.parks.forEach(p => {
      const ds = state.deals.filter(d => d.parkId === p.id);
      const total = ds.reduce((a, d) => a + (Number(d.amount) || 0), 0);
      lines.push([
        csvEsc(p.name), csvEsc(p.town), csvEsc(p.county), csvEsc(p.region),
        csvEsc(p.status), csvEsc(p.rating || ''), csvEsc(p.notes || ''),
        p.doorsCovered || 0, ds.length, total.toFixed(2),
        csvEsc(p.url || ''), p.lat || '', p.lng || ''
      ].join(','));
    });
    downloadCSV('parkroute_parks.csv', lines.join('\n'));
  }
  function exportDealsCSV() {
    const headers = ['date','client','address','items','amount','payment','salesman','park','town','county','notes'];
    const lines = [headers.join(',')];
    state.deals.forEach(d => {
      const p = getParkById(d.parkId) || {};
      lines.push([
        csvEsc(d.date || ''), csvEsc(d.client || ''), csvEsc(d.address || ''),
        csvEsc(d.items || ''), Number(d.amount || 0).toFixed(2),
        csvEsc(d.payment || ''), csvEsc(d.salesman || ''),
        csvEsc(p.name || ''), csvEsc(p.town || ''), csvEsc(p.county || ''),
        csvEsc(d.notes || '')
      ].join(','));
    });
    downloadCSV('parkroute_deals.csv', lines.join('\n'));
  }
  function csvEsc(v) {
    if (v == null) return '';
    const s = String(v);
    if (/[",\n]/.test(s)) return '"' + s.replace(/"/g, '""') + '"';
    return s;
  }
  function downloadCSV(name, content) {
    const blob = new Blob([content], { type: 'text/csv;charset=utf-8;' });
    const url = URL.createObjectURL(blob);
    const a = document.createElement('a');
    a.href = url; a.download = name;
    document.body.appendChild(a); a.click();
    setTimeout(() => { document.body.removeChild(a); URL.revokeObjectURL(url); }, 100);
  }

  // =========================================================================
  // MANUAL ADD PARK
  // =========================================================================
  async function saveManualPark() {
    const name = document.getElementById('m-name').value.trim();
    const town = document.getElementById('m-town').value.trim();
    if (!name || !town) { window.toast('Name and Town are required'); return; }
    const slug = (name + '-' + town).toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/^-|-$/g, '');
    const county = document.getElementById('m-county').value.trim();
    const typeSel = document.getElementById('m-type');
    const propertyType = (typeSel && typeSel.value) || 'park';
    const rawPostcode = document.getElementById('m-postcode').value.trim();
    const notes = document.getElementById('m-notes').value.trim();

    // The "postcode" field is often used to paste a Google Maps link instead.
    // Detect that: if it looks like a URL, treat it as the location URL and try
    // to pull coordinates straight out of the link; otherwise geocode the postcode.
    let lat = null, lng = null, postcode = '', url = '';
    const looksUrl = /^https?:\/\//i.test(rawPostcode) || /maps\.app\.goo\.gl|google\.[^/]+\/maps/i.test(rawPostcode);
    if (looksUrl) {
      url = rawPostcode;
      // Try to extract @lat,lng or q=lat,lng or !3dlat!4dlng from a full maps URL.
      const m1 = rawPostcode.match(/@(-?\d+\.\d+),(-?\d+\.\d+)/) ||
                 rawPostcode.match(/[?&]q=(-?\d+\.\d+),(-?\d+\.\d+)/) ||
                 rawPostcode.match(/!3d(-?\d+\.\d+)!4d(-?\d+\.\d+)/);
      if (m1) { lat = parseFloat(m1[1]); lng = parseFloat(m1[2]); }
      // Short goo.gl links can't be resolved client-side; coords will fill in
      // later if a postcode is added, but the link is saved so it's never lost.
      if (lat == null) window.toast('Saved — short map links can\u2019t be pinned automatically; add a postcode later for an exact pin');
    } else if (rawPostcode) {
      postcode = rawPostcode;
      try {
        const r = await fetch('https://api.postcodes.io/postcodes/' + encodeURIComponent(postcode));
        if (r.ok) {
          const j = await r.json();
          if (j.result) { lat = j.result.latitude; lng = j.result.longitude; }
        }
      } catch (e) {}
    }

    // GPS button wins: if the user captured their current location, use those
    // exact coordinates (overrides postcode/url geocoding).
    var gLat = parseFloat(document.getElementById('m-lat') && document.getElementById('m-lat').value);
    var gLng = parseFloat(document.getElementById('m-lng') && document.getElementById('m-lng').value);
    if (isFinite(gLat) && isFinite(gLng)) { lat = gLat; lng = gLng; }

    // Read the trip selection + chosen status up front.
    var tripSel = document.getElementById('m-trip');
    var assignTripId = tripSel ? tripSel.value : '';
    var statusEl = document.getElementById('m-status');
    var chosenStatus = (statusEl && statusEl.value) || 'new';
    // If you assigned it to a trip but left status on "To do", default to
    // working (you're knocking it now). An explicit choice always wins.
    var startStatus = chosenStatus;
    if (assignTripId && chosenStatus === 'new') startStatus = 'working';
    // IMPORTANT: the rest of the app uses 'in_progress' as the canonical
    // "Working" status (filter chip, counts, colours, trips, hotspots). The
    // picker uses 'working' as a label value, so map it here — otherwise a
    // newly-added location saved as "working" is invisible to the Working
    // filter and you'd have to re-set it manually. (This was the bug.)
    if (startStatus === 'working') startStatus = 'in_progress';
    var doneAt = startStatus === 'done' ? new Date().toISOString() : null;

    const p = {
      id: slug, slug,
      name, town, county, region: '', postcode,
      url, lat, lng,
      propertyType: propertyType,
      status: startStatus, rating: null,
      notes, doorsCovered: 0, favorite: false,
      visits: [], deals: [],
      doneAt: doneAt, modifiedAt: new Date().toISOString(),
      modifiedBy: state.salesman || 'You'
    };
    state.parks.push(p);
    state.overlays[slug] = p;
    lsSet(LS.overlays, state.overlays);
    state.dirty = true;
    scheduleSync();
    // Make sure the type we just added is actually shown, otherwise (e.g. adding
    // a chalet while viewing Parks) the new entry would be invisible.
    if (!state.selectedTypes || state.selectedTypes.indexOf(propertyType) < 0) {
      state.selectedTypes = [propertyType];
      try { localStorage.setItem(LS.selectedTypes, JSON.stringify(state.selectedTypes)); } catch (e) {}
    }
    // Also clear any active status filter (To do / Working / Done) so the new
    // location is guaranteed to be visible right after adding it.
    state.filter = 'all';
    try { document.querySelectorAll('.chip[data-filter]').forEach(function (c) { c.classList.toggle('active', c.dataset.filter === 'all'); }); } catch (e) {}

    // Assign to the chosen trip (added to its parkIds).
    var assignedTripName = '';
    if (assignTripId) {
      var tr = state.trips.find(function (x) { return x.id === assignTripId; });
      if (tr) {
        tr.parkIds = (tr.parkIds || []).slice();
        if (tr.parkIds.indexOf(slug) < 0) tr.parkIds.push(slug);
        updateTrip(tr.id, { parkIds: tr.parkIds });
        assignedTripName = tr.name || 'trip';
      }
    }

    clearManualParkForm();
    closeAllModals();
    window.render();
    const typeLabel = { 'park':'Park','retirement-home':'Retirement home','chalet':'Chalet','council':'Council estate','housing-assoc':'Housing association','house':'House','bungalow':'Bungalow' }[propertyType] || 'Location';
    var statusWord = { 'new':'to do', 'working':'working', 'done':'done' }[startStatus] || '';
    var msg = typeLabel + ' added · ' + statusWord;
    if (assignedTripName) msg += ' · in ' + assignedTripName;
    window.toast(msg);
  }

  // Set the status segmented control's active state + hidden value.
  window.setAddLocationStatus = function (s) {
    var hid = document.getElementById('m-status'); if (hid) hid.value = s;
    var seg = document.getElementById('m-status-seg');
    if (!seg) return;
    seg.querySelectorAll('.m-status-btn').forEach(function (b) {
      var on = b.getAttribute('data-status') === s;
      b.style.background = on ? 'var(--primary)' : 'var(--surface)';
      b.style.borderColor = on ? 'var(--primary)' : 'var(--border)';
      b.style.color = on ? '#F1ECDD' : 'var(--text)';
    });
  };

  // Reset the Add-a-location form so it's blank next time it's opened.
  function clearManualParkForm() {
    ['m-name','m-town','m-county','m-postcode','m-notes','m-lat','m-lng'].forEach(function (id) {
      var el = document.getElementById(id); if (el) el.value = '';
    });
    var t = document.getElementById('m-type'); if (t) t.value = 'park';
    var trp = document.getElementById('m-trip'); if (trp) trp.value = '';
    var gs = document.getElementById('m-gps-status'); if (gs) { gs.style.display = 'none'; gs.innerHTML = ''; }
    if (typeof window.setAddLocationStatus === 'function') window.setAddLocationStatus('new');
  }
  window.clearManualParkForm = clearManualParkForm;

  // Open the Add-a-location form from anywhere (Trips, More, etc.), blank.
  window.openAddLocation = function (presetTripId) {
    closeAllModals();
    clearManualParkForm();
    // Populate the trip dropdown with current (non-completed first) trips.
    var sel = document.getElementById('m-trip');
    if (sel) {
      var trips = (state.trips || []).slice().sort(function (a, b) {
        return (b.startDate || b.createdAt || '').localeCompare(a.startDate || a.createdAt || '');
      });
      var opts = '<option value="">— Don\u2019t add to a trip —</option>';
      trips.forEach(function (t) {
        var lbl = (t.name || 'Trip') + (t.completed ? ' (done)' : '') + (t.startDate ? ' · ' + t.startDate : '');
        opts += '<option value="' + escapeHtml(t.id) + '">' + escapeHtml(lbl) + '</option>';
      });
      sel.innerHTML = opts;
      if (presetTripId) sel.value = presetTripId;
    }
    openModal('manual-backdrop');
  };

  // GPS: capture the device's current position into the Add-a-location form and
  // reverse-resolve the nearest postcode/town so the fields fill in too.
  window.captureMyLocationForAdd = function () {
    var statusEl = document.getElementById('m-gps-status');
    var btn = document.getElementById('m-use-gps');
    function show(msg) { if (statusEl) { statusEl.style.display = ''; statusEl.innerHTML = msg; } }
    if (!navigator.geolocation) { show('Location isn\u2019t available on this device.'); return; }
    if (btn) { btn.disabled = true; }
    show('Getting your location… (allow the location prompt if it appears)');
    navigator.geolocation.getCurrentPosition(function (pos) {
      var lat = pos.coords.latitude, lng = pos.coords.longitude;
      var acc = pos.coords.accuracy ? Math.round(pos.coords.accuracy) : null;
      var latEl = document.getElementById('m-lat'), lngEl = document.getElementById('m-lng');
      if (latEl) latEl.value = lat; if (lngEl) lngEl.value = lng;
      // You're physically at this location knocking it — default to Working
      // (unless you've already picked Done).
      var _curStatus = (document.getElementById('m-status') || {}).value;
      if (_curStatus !== 'done' && typeof window.setAddLocationStatus === 'function') window.setAddLocationStatus('working');
      // Show coordinates straight away — the pin is captured even if the address lookup fails.
      var coordStr = lat.toFixed(5) + ', ' + lng.toFixed(5);
      show('Pinned ✓ &nbsp;<b>' + coordStr + '</b>' + (acc ? ' (±' + acc + 'm)' : '') + '<br>Looking up the address…');
      if (btn) btn.disabled = false;

      // Reverse geocode. Try postcodes.io first (great for mainland UK), then
      // fall back to OSM Nominatim which also covers the Channel Islands and
      // returns the actual road name.
      function fillFromNominatim() {
        fetch('https://nominatim.openstreetmap.org/reverse?format=jsonv2&lat=' + lat + '&lon=' + lng + '&zoom=18&addressdetails=1', { headers: { 'Accept': 'application/json' } })
          .then(function (r) { return r.ok ? r.json() : null; })
          .then(function (j) {
            var a = j && j.address;
            if (!a) { show('Pinned ✓ &nbsp;<b>' + coordStr + '</b><br>Couldn\u2019t read the address — add the town manually.'); return; }
            var road = a.road || a.pedestrian || a.residential || a.neighbourhood || '';
            var town = a.town || a.village || a.city || a.hamlet || a.suburb || a.municipality || '';
            var county = a.county || a.state_district || a.state || '';
            var pc = a.postcode || '';
            var nm = document.getElementById('m-name'); if (nm && !nm.value && road) nm.value = road;
            var pcEl = document.getElementById('m-postcode'); if (pcEl && !pcEl.value && pc) pcEl.value = pc;
            var twEl = document.getElementById('m-town'); if (twEl && !twEl.value && town) twEl.value = town;
            var cyEl = document.getElementById('m-county'); if (cyEl && !cyEl.value && county) cyEl.value = county;
            show('Pinned ✓ &nbsp;<b>' + coordStr + '</b><br>' + [road, town, pc].filter(Boolean).join(', '));
          })
          .catch(function () { show('Pinned ✓ &nbsp;<b>' + coordStr + '</b><br>Address lookup failed — coordinates saved.'); });
      }
      fetch('https://api.postcodes.io/postcodes?lon=' + lng + '&lat=' + lat)
        .then(function (r) { return r.ok ? r.json() : null; })
        .then(function (j) {
          var res = j && j.result && j.result[0];
          if (res) {
            var pc = document.getElementById('m-postcode'); if (pc && !pc.value) pc.value = res.postcode || '';
            var tw = document.getElementById('m-town'); if (tw && !tw.value) tw.value = res.parish || res.admin_ward || res.admin_district || '';
            var cy = document.getElementById('m-county'); if (cy && !cy.value) cy.value = res.admin_county || res.admin_district || '';
            // postcodes.io has no road name — grab that from Nominatim too.
            fillFromNominatim();
          } else {
            fillFromNominatim();
          }
        })
        .catch(fillFromNominatim);
    }, function (err) {
      if (btn) btn.disabled = false;
      show(err && err.code === 1 ? 'Location permission denied. Allow location for Safari in iPhone Settings → Privacy → Location, then try again.' : (err && err.code === 3 ? 'Location timed out — make sure you\u2019re outside/have signal, then try again.' : 'Couldn\u2019t get your location — try again or enter a postcode.'));
    }, { enableHighAccuracy: true, timeout: 20000, maximumAge: 0 });
  };

  // =========================================================================
  // BIND ALL EVENTS
  // =========================================================================
  function bindEvents() {
    // Search
    const s = document.getElementById('search');
    if (s) s.addEventListener('input', onSearch);
    const myLocBtn = document.getElementById('btn-my-location');
    if (myLocBtn) bindButton(myLocBtn, searchMyArea);

    // View toggle
    const vl = document.getElementById('view-list');
    const vm = document.getElementById('view-map');
    if (vl) vl.addEventListener('click', () => setView('list'));
    if (vm) vm.addEventListener('click', () => setView('map'));

    // Type-chip swipe guard: scrolling the Parks/Chalets/Council chip row must
    // not toggle a chip. Track finger movement and set a flag toggleTypeFilter reads.
    const typeRow = document.getElementById('type-filter-row');
    if (typeRow) {
      let _sx = 0, _sy = 0;
      typeRow.addEventListener('touchstart', (e) => {
        const t = e.touches[0]; _sx = t.clientX; _sy = t.clientY; window._typeChipSwiping = false;
      }, { passive: true });
      typeRow.addEventListener('touchmove', (e) => {
        const t = e.touches[0];
        if (Math.abs(t.clientX - _sx) > 8 || Math.abs(t.clientY - _sy) > 8) window._typeChipSwiping = true;
      }, { passive: true });
    }

    // Heat map toggle (only visible in map view)
    const heatBtn = document.getElementById('map-heat-toggle');
    if (heatBtn) bindButton(heatBtn, toggleHeatMap);

    // Settings & stats
    const setBtn = document.getElementById('btn-settings');
    if (setBtn) setBtn.addEventListener('click', () => {
      if (typeof window.closeHeaderMenu === 'function') window.closeHeaderMenu();
      openModal('settings-backdrop');
      var bugSec = document.getElementById('bug-triage-section');
      if (bugSec) {
        if (window.isSuperAdmin && window.isSuperAdmin()) {
          bugSec.style.display = '';
          if (window.renderBugTriage) window.renderBugTriage();
          if (window.refreshBugBadge) window.refreshBugBadge();
        } else {
          bugSec.style.display = 'none';
        }
      }
      var actSec = document.getElementById('recent-activity-section');
      if (actSec) actSec.style.display = (window.isSuperAdmin && window.isSuperAdmin()) ? '' : 'none';
      var maintSec = document.getElementById('maintenance-section');
      if (maintSec) maintSec.style.display = (window.isSuperAdmin && window.isSuperAdmin()) ? '' : 'none';
    });
    const profBtn = document.getElementById('btn-profile');
    if (profBtn) profBtn.addEventListener('click', () => { if (window.closeHeaderMenu) window.closeHeaderMenu(); window.openProfileModal(); });
    const statBtn = document.getElementById('btn-stats');
    if (statBtn) statBtn.addEventListener('click', () => { if (window.closeHeaderMenu) window.closeHeaderMenu(); openStats(); });
    const safetyBtn = document.getElementById('btn-safety');
    if (safetyBtn) safetyBtn.addEventListener('click', () => { if (window.closeHeaderMenu) window.closeHeaderMenu(); openSafety(); });

    // Safety: restore previous sharing state + start polling for nudges/locations
    _initSafetyPersisted();
    startSafetyPolling();

    // FAB import
    const fab = document.getElementById('btn-import');
    if (fab) fab.addEventListener('click', () => openModal('import-backdrop'));

    // Manual add
    const am = document.getElementById('btn-add-manual');
    if (am) am.addEventListener('click', () => { window.openAddLocation(); });
    const gpsBtn = document.getElementById('m-use-gps');
    if (gpsBtn) gpsBtn.addEventListener('click', () => window.captureMyLocationForAdd());
    var statusSeg = document.getElementById('m-status-seg');
    if (statusSeg) {
      statusSeg.querySelectorAll('.m-status-btn').forEach(function (b) {
        b.addEventListener('click', function () { window.setAddLocationStatus(b.getAttribute('data-status')); });
      });
    }
    const sm = document.getElementById('btn-save-manual');
    if (sm) sm.addEventListener('click', saveManualPark);

    // Modal close buttons
    document.querySelectorAll('[data-close-modal]').forEach(b =>
      b.addEventListener('click', closeAllModals));
    document.querySelectorAll('.modal-backdrop').forEach(b => {
      b.addEventListener('click', (e) => { if (e.target === b) closeAllModals(); });
    });

    // Deal modal save
    const sd = document.getElementById('btn-save-deal');
    if (sd) sd.addEventListener('click', saveDeal);

    // ---- Safeguarding / T&Cs wiring on the deal form ----
    // The signature pad is locked until the T&Cs box is ticked. The "not
    // vulnerable" box toggles the question set. Vuln answers are click-to-set.
    var notVuln = document.getElementById('deal-not-vulnerable');
    var vulnQs = document.getElementById('deal-vuln-questions');
    if (notVuln && vulnQs) {
      notVuln.addEventListener('change', function () {
        vulnQs.style.display = notVuln.checked ? 'none' : 'block';
      });
    }
    var acceptTerms = document.getElementById('deal-accept-terms');
    if (acceptTerms) acceptTerms.addEventListener('change', window.syncDealSignLock);
    document.querySelectorAll('.vuln-btn').forEach(function (b) {
      b.addEventListener('click', function () {
        var q = b.dataset.q;
        document.querySelectorAll('.vuln-btn[data-q="' + q + '"]').forEach(function (x) { x.classList.remove('active'); });
        b.classList.add('active');
      });
    });

    // Expense modal save
    const se = document.getElementById('btn-save-expense');
    if (se) se.addEventListener('click', saveExpense);
    // Pay grid
    document.querySelectorAll('#pay-grid [data-pay], #pay-grid .pay-btn').forEach(b => {
      b.addEventListener('click', () => {
        document.querySelectorAll('#pay-grid [data-pay], #pay-grid .pay-btn').forEach(x => x.classList.remove('active'));
        b.classList.add('active');
      });
    });

    // Sync buttons
    const sp = document.getElementById('btn-sync-push');
    if (sp) sp.addEventListener('click', () => pushSync());
    const pl = document.getElementById('btn-sync-pull');
    if (pl) pl.addEventListener('click', async () => {
      if (!confirm('Load from cloud will overwrite your local changes. Continue?')) return;
      const s = await pullSync();
      applySyncData(s);
      window.render();
      window.toast('Loaded from cloud');
    });

    // Name edit
    const nameBtn = document.getElementById('name-edit-btn');
    const nameWrap = document.getElementById('name-edit-wrap');
    const nameInp = document.getElementById('set-user-name');
    const nameDisp = document.getElementById('name-display');
    if (nameBtn) nameBtn.addEventListener('click', () => {
      if (nameWrap.style.display === 'none' || !nameWrap.style.display) {
        nameWrap.style.display = 'flex';
        nameInp.value = state.salesman || '';
        nameInp.focus();
      } else {
        const v = (nameInp.value || '').trim();
        state.salesman = v;
        localStorage.setItem(LS.user, v);
        if (nameDisp) nameDisp.textContent = v || '(not set)';
        nameWrap.style.display = 'none';
        state.dirty = true;
        scheduleSync();
        window.toast('Name saved');
      }
    });

    // Settings: radius, grouping
    const rad = document.getElementById('set-radius');
    if (rad) rad.addEventListener('change', () => {
      const s = lsGet(LS.settings, {});
      // Input is in the active display unit — store internally in miles.
      s.radius = distFromUnit(Number(rad.value)) || 10;
      lsSet(LS.settings, s);
      // Keep the on-screen Near-page slider in sync if that tab is open.
      if (state.currentTab === 'nearby') renderNearby();
    });

    // Exports
    const sxe = document.getElementById('btn-settings-export');
    if (sxe) sxe.addEventListener('click', () => { closeAllModals(); setTimeout(openExportModal, 50); });
    const ed = document.getElementById('btn-export-deals');
    if (ed) ed.addEventListener('click', exportDealsCSV);
    const ep = document.getElementById('btn-export');
    if (ep) ep.addEventListener('click', exportParksCSV);

    // PR (V-95): Sounds & Haptics preference toggles
    (function wirePrefToggles() {
      const st = document.getElementById('pr-sound-toggle');
      const ht = document.getElementById('pr-haptic-toggle');
      function paint() {
        if (st) st.classList.toggle('on', PRFB.soundOn());
        if (st) st.setAttribute('aria-checked', PRFB.soundOn() ? 'true' : 'false');
        if (ht) ht.classList.toggle('on', PRFB.hapticOn());
        if (ht) ht.setAttribute('aria-checked', PRFB.hapticOn() ? 'true' : 'false');
      }
      if (st) bindButton(st, () => { PRFB.unlock(); PRFB.setSound(!PRFB.soundOn()); paint(); if (PRFB.soundOn()) PRFB.feedback('spotTap'); });
      if (ht) bindButton(ht, () => { PRFB.setHaptic(!PRFB.hapticOn()); paint(); if (PRFB.hapticOn()) PRFB.feedback('spotTap'); });
      paint();
    })();

    const epi = document.getElementById('btn-settings-import');
    if (epi) epi.addEventListener('click', () => { closeAllModals(); openModal('import-backdrop'); });

    // Reset & clear — SUPERADMIN ONLY, and Clear all additionally requires
    // password re-entry + a fresh email OTP. BOTH reset and clear are LOCAL-ONLY:
    // they never push a wipe to the cloud. They clear this device's local view
    // and re-pull from the cloud, so the database is always the source of truth
    // and can never be emptied from the app.
    const rs = document.getElementById('btn-reset');
    if (rs) rs.addEventListener('click', () => {
      if (!(authedProfile && authedProfile.role === 'superadmin')) { window.toast && window.toast('Superadmin only'); return; }
      if (!confirm('Reset this device\u2019s local view and re-pull from cloud? (Your cloud data is not touched.)')) return;
      state.overlays = {}; state.deals = [];
      lsSet(LS.overlays, {}); lsSet(LS.deals, []);
      state.dirty = false; // ensure the fresh pull is applied, not held back
      pullSync().then(s => { applySyncData(s); window.render(); window.toast('Reset from cloud'); });
    });
    const cl = document.getElementById('btn-clear');
    if (cl) cl.addEventListener('click', () => { _clearAllGuarded(); });

    // Identity / logout
    const lout = document.getElementById('btn-identity-logout');
    if (lout) lout.addEventListener('click', window.lockApp);

    // Filters & panel
    bindFilters();
    bindPanelControls();

    // File input (import)
    const fi = document.getElementById('file-input');
    const dz = document.getElementById('drop-zone');
    if (dz) dz.addEventListener('click', () => fi && fi.click());
    if (fi) fi.addEventListener('change', handleImport);

    // ESC closes modals/panel
    document.addEventListener('keydown', (e) => {
      if (e.key === 'Escape') { closeAllModals(); window.closePanel(); }
    });
  }

  // =========================================================================
  // IMPORT (Excel/CSV via SheetJS)
  // =========================================================================
  async function handleImport(e) {
    const f = e.target.files && e.target.files[0];
    if (!f) return;
    if (typeof XLSX === 'undefined') { window.toast('SheetJS not loaded'); return; }
    document.getElementById('import-progress').style.display = '';
    document.getElementById('progress-text').textContent = 'Reading file…';
    const reader = new FileReader();
    reader.onload = async (ev) => {
      try {
        const wb = XLSX.read(ev.target.result, { type: 'binary' });
        const sheet = wb.Sheets[wb.SheetNames[0]];
        const rows = XLSX.utils.sheet_to_json(sheet, { defval: '' });
        let added = 0, kept = 0;
        for (let i = 0; i < rows.length; i++) {
          const r = rows[i];
          const name = (r.name || r.Name || '').toString().trim();
          const town = (r.town || r.Town || '').toString().trim();
          if (!name || !town) continue;
          const slug = (name + '-' + town).toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/^-|-$/g, '');
          if (getParkById(slug)) { kept++; continue; }
          let lat = null, lng = null;
          const postcode = (r.postcode || r.Postcode || '').toString().trim();
          if (postcode) {
            try {
              const pr = await fetch('https://api.postcodes.io/postcodes/' + encodeURIComponent(postcode));
              if (pr.ok) {
                const j = await pr.json();
                if (j.result) { lat = j.result.latitude; lng = j.result.longitude; }
              }
            } catch (e) {}
          }
          const p = {
            id: slug, slug,
            name, town,
            county: (r.county || r.County || '').toString(),
            region: (r.region || r.Region || '').toString(),
            postcode,
            url: (r.url || r.URL || '').toString(),
            lat, lng,
            propertyType: (r.type || r.propertyType || 'park').toString(),
            status: 'new', rating: null,
            notes: (r.notes || r.Notes || '').toString(),
            doorsCovered: 0, favorite: false,
            visits: [], deals: [],
            doneAt: null, modifiedAt: new Date().toISOString(),
            modifiedBy: state.salesman || 'You'
          };
          state.parks.push(p);
          state.overlays[slug] = p;
          added++;
          if (i % 10 === 0) {
            document.getElementById('progress-text').textContent = 'Processed ' + (i+1) + '/' + rows.length;
            document.getElementById('progress-bar').style.width = Math.round(100 * (i+1) / rows.length) + '%';
          }
        }
        lsSet(LS.overlays, state.overlays);
        state.dirty = true;
        scheduleSync();
        document.getElementById('progress-text').textContent = 'Done · ' + added + ' added · ' + kept + ' already existed';
        document.getElementById('progress-bar').style.width = '100%';
        window.render();
        setTimeout(closeAllModals, 1500);
      } catch (err) {
        console.error(err);
        document.getElementById('progress-text').textContent = 'Import failed: ' + err.message;
      }
    };
    reader.readAsBinaryString(f);
  }

  // =========================================================================
  // APPLY SYNC DATA from parkroute_sync row
  // =========================================================================
  function applySyncData(sync) {
    if (!sync) return;
    // V-263: NEVER blow away unsynced local work. The old code did
    // state.overlays = {} and rebuilt only from the cloud — so if a pull landed
    // before a just-added location had synced, that location (and sometimes an
    // existing working one) got wiped. Now: start from the cloud set, then
    // re-overlay any LOCAL overlay that is newer or not yet in the cloud, so a
    // pending add/edit survives a concurrent pull. Same protection for deals/
    // trips/halls (id-merged) when there are local changes in flight.
    const arr = sync.parks_changed || [];
    var prevOverlays = state.overlays || {};
    var merged = {};
    arr.forEach(o => {
      if (o && (o.id || o.slug)) {
        const key = o.id || o.slug;
        merged[key] = Object.assign({}, o, { id: key, slug: key });
      }
    });
    // Re-apply local overlays the cloud doesn't have yet, or that are newer
    // locally (compare modifiedAt). This keeps an unsynced new/edited location.
    Object.keys(prevOverlays).forEach(function (key) {
      var loc = prevOverlays[key];
      if (!loc) return;
      var cloudV = merged[key];
      if (!cloudV) { merged[key] = loc; return; }            // cloud doesn't have it → keep local
      var lt = Date.parse(loc.modifiedAt || loc.modifedAt || '') || 0;
      var ct = Date.parse(cloudV.modifiedAt || cloudV.modifedAt || '') || 0;
      if (lt > ct) merged[key] = loc;                         // local edit is newer → keep local
    });
    state.overlays = merged;
    lsSet(LS.overlays, state.overlays);
    // CRITICAL DATA-SAFETY FIX (V-314): a pull must NEVER drop a deal/trip/hall
    // that exists locally but hasn't reached the cloud yet. The old code only
    // merged when state.dirty was true — but on a COLD START (force-quit +
    // reopen) state.dirty is false in fresh memory, so the cloud pull took the
    // 'else' branch and OVERWROTE locally-saved-but-unsynced deals with cloud.
    // That is exactly how a signed deal (Mrs Heather Mauren £40) was lost: saved
    // on-device, never synced, then wiped by the boot pull. Now we ALWAYS merge
    // the locally-PERSISTED arrays (from localStorage, which survives a restart)
    // with the cloud, newest-wins per id, tombstones respected — so an unsynced
    // local deal can never be dropped, dirty flag or not. If anything local is
    // newer/extra vs cloud, we mark dirty so it gets pushed.
    if (typeof mergeById === 'function') {
      var _localDeals = lsGet(LS.deals, state.deals || []);
      var _localTrips = lsGet(LS.trips, state.trips || []);
      var _localHalls = lsGet(LS.halls, state.halls || []);
      var _tomb = (state.tombstones) || { deals: [], trips: [], halls: [] };
      var _cloudDeals = sync.deals || [];
      var _mergedDeals = mergeById(_localDeals, _cloudDeals, _tomb.deals || []);
      // If the merge kept anything the cloud didn't have (an unsynced local deal),
      // flag dirty so the next push uploads it.
      if (_mergedDeals.length > _cloudDeals.length) state.dirty = true;
      state.deals = _mergedDeals;
      state.trips = mergeById(_localTrips, sync.trips || [], _tomb.trips || []);
      state.halls = mergeById(_localHalls, sync.halls || [], _tomb.halls || []);
    } else {
      state.deals = sync.deals || [];
      state.trips = sync.trips || [];
      state.halls = sync.halls || [];
    }
    lsSet(LS.deals, state.deals);
    lsSet(LS.trips, state.trips);
    lsSet(LS.halls, state.halls);
    state.meltBatches = sync.melt_batches || [];
    lsSet(LS.meltBatches, state.meltBatches);
    state.aiLog = sync.ai_log || [];
    lsSet(LS.aiLog, state.aiLog);
    state.notifications = sync.notifications || [];
    lsSet(LS.notifications, state.notifications);
    if (sync.settings && sync.settings.user) {
      // IMPORTANT: settings.user is a SHARED value in parkroute_sync (one row per
      // country), so whichever partner saved last would otherwise stamp their
      // name onto everyone. Never let it override a signed-in user's own identity
      // — that caused Lewis's edits to land on Lorri's profile. Only adopt the
      // shared value when nobody is authenticated (legacy PIN-only mode).
      if (!(authedProfile && (authedProfile.salesman || authedProfile.full_name))) {
        state.salesman = sync.settings.user;
        localStorage.setItem(LS.user, sync.settings.user);
      }
    }
    // Pull synced settings (silver stock etc.) into local state
    if (sync.settings) {
      state.settings = Object.assign({}, state.settings || {}, sync.settings);
      lsSet(LS.settings, state.settings);
      // Sync silver stock — DB wins if present (so changes propagate between partners)
      if (sync.settings.silverStock && typeof sync.settings.silverStock.kg === 'number') {
        localStorage.setItem('pr_silver_stock', JSON.stringify(sync.settings.silverStock));
      }
      // V-271: pre-melt pile — DB wins so it propagates between partners
      if (sync.settings.preMelt) {
        try { localStorage.setItem('pr_premelt', JSON.stringify(sync.settings.preMelt)); } catch (e) {}
      }
    }
    mergeParks();
  }

  // =========================================================================
  // HELPERS
  // =========================================================================
  function setText(id, v) { const e = document.getElementById(id); if (e) e.textContent = v; }
  function escapeHtml(s) {
    return String(s == null ? '' : s).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/g, '&#39;');
  }

  // =========================================================================
  // BOOT
  // =========================================================================
  async function bootApp() {
    showApp();
    // Load country FIRST so every subsequent fetch is filtered by it.
    // Defaults to UK on first load (and on any malformed stored value).
    var storedCountry = null;
    try { storedCountry = localStorage.getItem(LS.country); } catch (e) {}
    state.country = (storedCountry === 'AU' || storedCountry === 'US' || storedCountry === 'CA') ? storedCountry : 'UK';
    document.body.classList.toggle('country-uk', state.country === 'UK');
    document.body.classList.toggle('country-au', state.country === 'AU');
    document.body.classList.toggle('country-us', state.country === 'US');
    document.body.classList.toggle('country-ca', state.country === 'CA');
    // Reflect the active pill (toggle markup lives in the topbar).
    document.querySelectorAll('.country-toggle-btn').forEach(function (b) {
      b.classList.toggle('active', b.getAttribute('data-country') === state.country);
    });
    // Load local
    state.overlays = lsGet(LS.overlays, {});
    planLoad();
    state.deals = lsGet(LS.deals, []);
    state.trips = lsGet(LS.trips, []);
    state.halls = lsGet(LS.halls, []);
    state.meltBatches = lsGet(LS.meltBatches, []);
    state.notifications = lsGet(LS.notifications, []);
    state.readNotifs = lsGet(LS.readNotifs, {});
    state.salesman = localStorage.getItem(LS.user) || '';
    // If signed in via Supabase Auth, the authenticated profile is the single
    // source of truth for identity — it must win over any locally stored name
    // or shared sync value, so each partner edits only their own profile and
    // "modifiedBy" attribution is trustworthy across devices.
    if (authedProfile && (authedProfile.salesman || authedProfile.full_name)) {
      state.salesman = authedProfile.salesman || authedProfile.full_name;
      try { localStorage.setItem(LS.user, state.salesman); } catch (e) {}
    } else if (authedSession && authedSession.user && authedSession.user.email) {
      state.salesman = (state.salesman || authedSession.user.email.split('@')[0]);
    }
    renderAccountSection();
    if (window.applyRoleUI) window.applyRoleUI();
    // Accountant role lands on Stock (their primary allowed view) instead of
    // Locations, which they can't access.
    if (window.isAccountant && window.isAccountant()) {
      setTimeout(function () { try { window.switchTab('stock'); } catch (e) {} }, 0);
    }
    // Restore type filter selection (multi-select). When NOTHING is saved (fresh
    // device, cleared storage, or right after a sign-out that wiped local state),
    // default to ALL types — not just 'park'. Showing park-only silently hid
    // councils / retirement homes / housing-assoc / chalets / houses, so a
    // freshly-signed-in phone could "lose" a working location that was really
    // there (it was just filtered out by type). Defaulting to all is the safe,
    // non-surprising behaviour; the user can narrow down from the type chips.
    const ALL_PARK_TYPES = ['park','retirement-home','chalet','council','housing-assoc','house','bungalow'];
    const savedTypes = lsGet(LS.selectedTypes, null);
    if (Array.isArray(savedTypes) && savedTypes.length > 0) {
      // NOTE: an old one-time migration here used to rewrite 'bungalow' →
      // 'retirement-home' (from the May 2026 rename). That has been REMOVED in
      // V-313 because 'bungalow' is now a real, separate location type again —
      // leaving the migration in would silently convert a user's Bungalows
      // filter back to Retirement Homes on every load, so it could never stick.
      state.selectedTypes = savedTypes;
      state.currentType = savedTypes[0] || null;
    } else {
      // No saved selection → show everything and persist it so it's stable.
      state.selectedTypes = ALL_PARK_TYPES.slice();
      state.currentType = 'park';
      try { localStorage.setItem(LS.selectedTypes, JSON.stringify(state.selectedTypes)); } catch(e) {}
    }
    injectSelectButton();
    injectBellIcon();
    injectMentionsTab();
    injectDealFab();
    hideDuplicateDealsSection();
    startNotificationsPoll();
    const nameDisp = document.getElementById('name-display');
    if (nameDisp) nameDisp.textContent = state.salesman || '(not set)';
    const rad = document.getElementById('set-radius');
    if (rad) { const s = lsGet(LS.settings, {}); rad.value = s.radius || 10; }
    if (typeof refreshDistUnitUI === 'function') refreshDistUnitUI();
    if (typeof amlRefreshBadge === 'function') setTimeout(amlRefreshBadge, 800);

    // Fetch parks
    try {
      setSync('syncing', 'Loading parks…');
      const parks = await fetchParks();
      state.parks = parks;
      invalidateParkIndex();
      state._parksRev = (state._parksRev || 0) + 1;
      // Pull cloud overlays + deals.
      // KEEP-LOCAL-IF-DIRTY: if this device has unsaved local edits left over
      // from a previous session (never pushed to cloud), do NOT let the boot
      // pull overwrite them — that would silently destroy unsynced work. We
      // still fetch the cloud row so the sync-status line is accurate, but we
      // only apply it when local is clean. When dirty, we keep local and nudge
      // the user to save when ready.
      try {
        const sync = await pullSync();
        if (state.dirty) {
          mergeParks();
          setSync('idle', 'Unsaved local changes — tap "Load from cloud" in Settings to pull the latest');
          window.toast && window.toast('You have unsaved changes — kept your local copy. Use Settings → Load from cloud to pull the latest.');
        } else {
          applySyncData(sync);
          // V-314: if applySyncData's merge recovered an unsynced local deal
          // (local had something the cloud didn't), it set state.dirty. Push it
          // up immediately so the recovered deal lands in the cloud right away
          // rather than waiting for the next manual save.
          if (state.dirty && typeof pushSync === 'function') {
            setSync('syncing', 'Syncing your latest…');
            try { await pushSync(); } catch (e) { console.warn('[Boot] post-merge push failed, will retry:', e); }
          }
        }
      } catch (e) {
        console.error('Cloud pull failed:', e);
        mergeParks();
        // Be honest: the pull FAILED. Don't leave a stale "synced" time that hides
        // the problem (that exact silence cost an hour of debugging). Make it clear
        // and point at the manual recovery button.
        setSync('error', 'Couldn\u2019t load from cloud — tap Settings → Load from cloud to retry');
        window.toast && window.toast('Couldn\u2019t load latest from cloud. Open Settings → Load from cloud to retry.');
      }
      // Fetch team profiles
      try {
        await window.fetchProfiles();
        window.updateProfileHeader();
      } catch (e) {
        console.warn('[Profiles] fetch failed:', e);
      }
      window.render();
      // Init type filter button styles from restored state
      if (window.syncTypeButtonStyles) window.syncTypeButtonStyles();
      // NOTE: the old boot "backfill" that force-marked every trip-linked park as
      // Done has been removed — it was overriding Working/To-do statuses on every
      // app launch (parks you were mid-visit kept flipping to Done). Status is now
      // only ever changed by an explicit user action.
      // Pre-fetch callbacks so the Calls tab badge can light up immediately
      // without waiting for the user to open the tab.
      try { fetchCallbacks(); } catch (e) { console.warn('[Calls] pre-fetch failed:', e); }
      try { if (window.refreshBugBadge) window.refreshBugBadge(); } catch (e) {}
    } catch (e) {
      console.error('Boot failed:', e);
      setSync('error', 'Failed to load: ' + e.message);
      window.toast('Could not load parks. Check connection.');
    }
  }

  // =========================================================================
  // INIT
  // =========================================================================
  async function init() {
    bindEvents();
    bindAuthEvents();
    if (typeof window._wireAllSheetSwipes === 'function') window._wireAllSheetSwipes();
    if (typeof window.applyThemeLabel === 'function') window.applyThemeLabel();

    // Detect invite / recovery link in URL before anything else.
    // Supabase JS auto-parses the hash params when detectSessionInUrl: true.
    const urlHash = window.location.hash || '';
    const isInviteOrRecovery = /type=(invite|recovery)/.test(urlHash);

    if (sbClient) {
      // Keep session in sync if Supabase refreshes the token in the background
      sbClient.auth.onAuthStateChange((event, session) => {
        authedSession = session || null;
        if (event === 'PASSWORD_RECOVERY') {
          // User followed a password-reset link
          showSetPasswordPane();
        }
      });

      try {
        const { data: { session } } = await sbClient.auth.getSession();
        authedSession = session || null;
      } catch (e) {
        authedSession = null;
      }

      // If they arrived via invite link, force the set-password screen
      if (authedSession && isInviteOrRecovery) {
        // Clean URL so a refresh doesn't re-trigger this flow
        try { history.replaceState(null, '', window.location.pathname + window.location.search); } catch (e) {}
        showSetPasswordPane();
        return;
      }
    }

    if (authedSession) {
      await loadProfile();
      bootApp();
    } else {
      showLogin();
    }
  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', init);
  } else {
    init();
  }

  // =========================================================================
  // TRIPS — trip files: parks + dates + expenses + notes
  // =========================================================================
  function nextTripName() {
    const nums = state.trips
      .map(t => /^Trip\s+(\d+)/i.exec(t.name || ''))
      .filter(Boolean)
      .map(m => Number(m[1]));
    const next = nums.length ? Math.max.apply(null, nums) + 1 : 1;
    return 'Trip ' + next;
  }

  function createTrip() {
    const id = 't_' + Math.random().toString(36).slice(2,10);
    const today = new Date().toISOString().slice(0,10);
    const trip = {
      id: id,
      name: nextTripName(),
      startDate: today,
      endDate: '',
      parkIds: [],
      expenses: [],
      notes: '',
      createdAt: new Date().toISOString(),
      updatedAt: new Date().toISOString()
    };
    state.trips.push(trip);
    lsSet(LS.trips, state.trips);
    state.dirty = true;
    scheduleSync();
    openTrip(id);
  }

  // Expose trip helpers so the AI assistant + Hall events module can call them.
  window.createTrip = createTrip;
  window.updateTrip = updateTrip;
  window.openTrip = openTrip;
  window._renderTripsList = _renderTripsList;

  function updateTrip(id, partial) {
    const t = state.trips.find(x => x.id === id);
    if (!t) return;
    const oldParkIds = (t.parkIds || []).slice();
    // Audit snapshot for trip field edits (live). Expenses are logged via the
    // hold-for-review path in saveExpense, so skip them here to avoid dupes.
    try {
      if (window.logAudit && partial && typeof partial === 'object') {
        var pCopy = Object.assign({}, partial);
        delete pCopy.expenses; delete pCopy.updatedAt;
        var beforeSnap = {};
        Object.keys(pCopy).forEach(function (k) { beforeSnap[k] = t[k] === undefined ? null : t[k]; });
        var d = window.auditDiff(beforeSnap, pCopy);
        if (d.changed) {
          window.logAudit({ entity: 'trip', entity_id: id, entity_label: t.name || id,
            action: 'edit', before: d.before, after: d.after });
        }
      }
    } catch (e) { /* never block */ }
    Object.assign(t, partial, { updatedAt: new Date().toISOString() });
    if (state.openTripId === id) state._tripEdited = true;
    lsSet(LS.trips, state.trips);
    state.dirty = true;
    scheduleSync();
    // When parkIds changes, auto-mark newly-added parks as done.
    if (Object.prototype.hasOwnProperty.call(partial, 'parkIds')) {
      const newIds = (partial.parkIds || []).filter(pid => oldParkIds.indexOf(pid) < 0);
      if (newIds.length > 0) markParksDone(newIds);
    }
    // Only re-render the trip detail when a STRUCTURAL change happened
    // (parks list / expenses list). Plain field edits (name, notes, dates,
    // gross, adjustment, stock weights) don't need a re-render — the input
    // already shows the user's value, and live-recalc functions update the
    // displayed totals. This avoids destroying inputs mid-typing and losing focus.
    const STRUCTURAL_KEYS = ['parkIds', 'expenses'];
    const changedKeys = Object.keys(partial).filter(function (k) { return k !== 'updatedAt'; });
    const isStructural = STRUCTURAL_KEYS.some(k => Object.prototype.hasOwnProperty.call(partial, k));
    if (isStructural && state.openTripId === id) {
      // Fast path: if the ONLY structural change is expenses, patch just that
      // section instead of rebuilding the whole panel.
      var onlyExpenses = changedKeys.length === 1 && changedKeys[0] === 'expenses';
      if (onlyExpenses && document.querySelector('[data-trip-section="expenses"]')) {
        _patchTripSection('expenses');
      } else {
        renderTripDetail();
      }
    }
  }

  // Mark parks 'done' when they're added to a trip. Doesn't override parks
  // that were already manually set to other statuses unless they're 'todo'.
  function markParksDone(parkIds) {
    const today = new Date().toISOString().slice(0,10);
    const who = state.salesman || 'You';
    let updated = 0;
    // Batch: updatePark calls window.render() on every call. Marking a 9-park
    // trip done used to fire 9 full app re-renders back-to-back (the main cause
    // of the slow trip exit). Suspend rendering across the loop, render once.
    const prevSuspended = window._renderSuspended;
    window._renderSuspended = true;
    window._renderPending = false;
    try {
      parkIds.forEach(pid => {
        const p = getParkById(pid);
        if (!p) return;
        // Only auto-promote parks that are still untouched ('new'/'todo' with no
        // rating). NEVER override a park you've set to Working (in_progress) or
        // one you've rated — being in a trip's plan doesn't mean it's been done.
        if (p.status !== 'new' && p.status !== 'todo' && p.status != null) return;
        if (p.rating) return;
        window.updatePark && window.updatePark(pid, {
          status: 'done',
          doneAt: p.doneAt || today,
          modifiedBy: p.modifiedBy || who
        });
        updated++;
      });
    } finally {
      window._renderSuspended = prevSuspended;
    }
    // One render for the whole batch (only if not still nested inside another
    // suspended batch, and only if something actually wanted to render).
    if (!window._renderSuspended && window._renderPending) {
      window._renderPending = false;
      window.render();
    }
    if (updated > 0) {
      window.toast && window.toast(updated + ' park' + (updated > 1 ? 's' : '') + ' marked done');
    }
  }

  // One-time auto-backfill: when app boots, scan all trips and ensure every
  // linked park is marked done. Runs once per session.
  let _parksBackfillDone = false;
  function backfillTripParkStatus() {
    if (_parksBackfillDone) return;
    _parksBackfillDone = true;
    const linked = {};
    state.trips.forEach(t => (t.parkIds || []).forEach(pid => { linked[pid] = true; }));
    const toFix = state.parks.filter(p => linked[p.id] && p.status !== 'done');
    if (toFix.length === 0) return;
    console.log('[ParkRoute] Backfilling park status: ' + toFix.length + ' parks linked to trips need to be marked done');
    markParksDone(toFix.map(p => p.id));
  }

  function deleteTrip(id) {
    // Deals tagged to THIS trip (by tripId only). We deliberately do NOT delete
    // deals just because their park is in the trip's parkIds — parks can be
    // shared across trips, so that would wipe other trips' / standalone deals.
    const doomedDeals = state.deals.filter(d => d.tripId === id);
    const dealCount = doomedDeals.length;

    const msg = dealCount
      ? ('Delete this trip and its ' + dealCount + ' logged deal' + (dealCount === 1 ? '' : 's') + '? This permanently removes the trip and those deals. This can\'t be undone.')
      : 'Delete this trip? This permanently removes the trip. This can\'t be undone.';
    if (!confirm(msg)) return;

    // Remove the trip wrapper.
    if (window.tombstone) window.tombstone('trips', id);
    state.trips = state.trips.filter(t => t.id !== id);
    lsSet(LS.trips, state.trips);

    // Cascade: remove the trip's deals from state, then refresh the mirrored
    // p.deals array on every park those deals touched (same pattern as deleteDeal).
    if (dealCount) {
      const affectedParkIds = Array.from(new Set(doomedDeals.map(d => d.parkId).filter(Boolean)));
      doomedDeals.forEach(function (d) { if (window.tombstone) window.tombstone('deals', d.id); });
      state.deals = state.deals.filter(d => d.tripId !== id);
      lsSet(LS.deals, state.deals);
      affectedParkIds.forEach(pid => {
        const p = getParkById(pid);
        if (p) {
          p.deals = state.deals.filter(d => d.parkId === pid);
          window.updatePark(p.id, { deals: p.deals });
        }
      });
    }

    state.openTripId = null;
    state.dirty = true;
    scheduleSync();
    window.toast && window.toast(dealCount ? ('Trip deleted · ' + dealCount + ' deal' + (dealCount === 1 ? '' : 's') + ' removed') : 'Trip deleted');
    closeTrip();
  }

  function openTrip(id) {
    state.openTripId = id;
    state._tripEdited = false;
    state._tripStockOpen = false; // collapse the heavy stock section on each open
    const tv = document.getElementById('trips-view');
    const td = document.getElementById('trip-detail-view');
    if (tv) tv.style.display = 'none';
    if (td) { td.style.display = ''; td.innerHTML = '<div style="padding:40px 24px;text-align:center;color:var(--text-muted);font-size:14px;">Loading trip\u2026</div>'; }
    // Defer the heavy panel build to the next frame so the tap registers and
    // the screen paints a placeholder instantly instead of appearing to freeze.
    requestAnimationFrame(function () {
      requestAnimationFrame(function () {
        if (state.openTripId === id) renderTripDetail();
      });
    });
  }

  function closeTrip() {
    state.openTripId = null;
    const tv = document.getElementById('trips-view');
    const td = document.getElementById('trip-detail-view');
    if (tv) tv.style.display = '';
    if (td) td.style.display = 'none';
    // Always make sure the list is actually present & painted. The old
    // conditional could leave a blank screen if trips-view had been hidden by
    // a tab switch. Rebuild whenever the list node is missing or something changed.
    if (state._tripEdited || !document.getElementById('trips-list')) {
      state._tripEdited = false;
      renderTrips();
    }
  }

  function summaryCard(value, label) {
    return '<div style="background:var(--surface-2);padding:10px;border-radius:8px;text-align:center;">' +
      '<div style="font-size:18px;font-weight:700;">' + value + '</div>' +
      '<div style="font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.06em;margin-top:2px;">' + label + '</div>' +
      '</div>';
  }

  function renderTripDetail() {
    var _t0 = (window.performance && performance.now) ? performance.now() : Date.now();
    try {
      _renderTripDetailInner();
    } catch (e) {
      console.error('[Trip detail] render failed:', e);
      var box = document.getElementById('trip-detail-view');
      if (box) box.innerHTML = '<div style="padding:24px;text-align:center;color:var(--text-muted);">' +
        '<div style="font-weight:700;color:var(--text);margin-bottom:6px;">Couldn\u2019t open this trip</div>' +
        '<div style="font-size:13px;">Something in this trip\u2019s data caused an error. The rest of the app is fine.</div>' +
        '<button class="btn btn-secondary" style="margin-top:14px;" onclick="window.closeTrip&&window.closeTrip()">Back to trips</button>' +
        '</div>';
      return;
    }
    // Temporary build-time badge (superadmin only) so we can confirm where time
    // goes on the device. Remove once perf is confirmed good.
    try {
      if (window.isSuperAdmin && window.isSuperAdmin()) {
        var _ms = Math.round(((window.performance && performance.now) ? performance.now() : Date.now()) - _t0);
        var host = document.getElementById('trip-detail-view');
        if (host) {
          var b = document.createElement('div');
          b.textContent = 'detail built in ' + _ms + 'ms';
          b.style.cssText = 'position:fixed;bottom:78px;right:10px;z-index:99;background:rgba(0,0,0,.72);color:#fff;font-size:11px;padding:4px 8px;border-radius:8px;pointer-events:none;';
          host.appendChild(b);
          setTimeout(function () { try { b.remove(); } catch (e) {} }, 6000);
        }
      }
    } catch (e) {}
  }

  // ---- Section builders (return inner HTML for one <section>) ----
  // Extracting sections lets us re-render just the part that changed instead of
  // rebuilding the whole 865-line panel, which was the main source of lag.
  function _tripExpensesInner(t, expensesTotal) {
    var h = '<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;">' +
      '<h4 style="margin:0;">Expenses</h4>' +
      '<button class="btn btn-secondary" id="btn-add-trip-expense" style="height:30px;padding:0 12px;font-size:12px;">+ Add expense</button>' +
      '</div>';
    if (!t.expenses || t.expenses.length === 0) {
      h += '<div style="padding:12px;color:var(--text-muted);font-size:13px;text-align:center;background:var(--surface-2);border-radius:8px;">No expenses logged.</div>';
    } else {
      t.expenses.slice().sort(function (a, b) { return (b.date || '').localeCompare(a.date || ''); }).forEach(function (e) {
        h += '<div class="trip-expense-row" data-id="' + escapeHtml(e.id) + '" style="display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border);cursor:pointer;">' +
          '<div style="flex:1;min-width:0;">' +
          '<div style="font-size:14px;font-weight:500;">' + escapeHtml(e.description || '(no description)') + '</div>' +
          '<div style="font-size:11px;color:var(--text-muted);">' + escapeHtml(e.category || '') + ' · ' + escapeHtml(e.date || '') + ' · ' + escapeHtml(e.payer || '') + (e.shared === 'yes' ? ' · shared' : '') + '</div>' +
          '</div>' +
          '<div style="font-weight:600;color:var(--danger);">−' + curSym() + Number(e.amount || 0).toFixed(2) + '</div>' +
          '</div>';
      });
      h += '<div style="display:flex;justify-content:space-between;padding:8px 0 0;font-size:14px;font-weight:700;">' +
        '<span>Total out</span><span style="color:var(--danger);">−' + curSym() + expensesTotal.toFixed(2) + '</span></div>';
    }
    return h;
  }
  // Wire the expense section's interactive bits (add button + row taps).
  function _wireTripExpenses(t) {
    bindButton(document.getElementById('btn-add-trip-expense'), function () { openExpenseModal(t.id, null); });
    document.querySelectorAll('[data-trip-section="expenses"] .trip-expense-row').forEach(function (row) {
      row.addEventListener('click', function () { openExpenseModal(t.id, row.getAttribute('data-id')); });
    });
  }
  // Re-render ONE section in place (no full panel rebuild) + re-wire it.
  function _patchTripSection(name) {
    if (!state.openTripId) return;
    var t = state.trips.find(function (x) { return x.id === state.openTripId; });
    if (!t) return;
    var sec = document.querySelector('[data-trip-section="' + name + '"]');
    if (!sec) { renderTripDetail(); return; } // fallback if structure changed
    if (name === 'expenses') {
      var expensesTotal = (t.expenses || []).reduce(function (a, e) { return a + (Number(e.amount) || 0); }, 0);
      sec.innerHTML = _tripExpensesInner(t, expensesTotal);
      _wireTripExpenses(t);
      _patchTripProfitFigures(t); // expenses feed the profit card totals
    }
  }
  window._patchTripSection = _patchTripSection;

  // Update just the numbers that depend on expenses (no rebuild): the profit
  // card's "Expenses out" line, the headline profit/spent total, and the top
  // "Expenses" summary card. Mirrors the math in the full render.
  function _patchTripProfitFigures(t) {
    var parkIds = t.parkIds || [];
    var dealsInTrip = state.deals.filter(function (d) { return parkIds.indexOf(d.parkId) >= 0; });
    var dealsRaw = dealsInTrip.reduce(function (a, d) { return a + (Number(d.amount) || 0); }, 0);
    var dealsTotal = dealsRaw + Number(t.tripCogs || 0);
    var expensesTotal = (t.expenses || []).reduce(function (a, e) { return a + (Number(e.amount) || 0); }, 0);
    var profitAdj = Number(t.profitAdjustment || 0);
    var grossOverride = Number(t.grossOverride || 0);
    var isOverriding = grossOverride > 0;
    var effectiveGross = isOverriding ? grossOverride : dealsTotal;
    var profit = effectiveGross - expensesTotal + profitAdj;

    var expOut = document.getElementById('trip-exp-out');
    if (expOut) expOut.textContent = '−' + curSym() + expensesTotal.toFixed(2);
    var total = document.getElementById('trip-profit-total');
    if (total) {
      if (isOverriding) {
        total.style.color = (profit >= 0 ? '#2B6E4A' : 'var(--danger)');
        total.textContent = (profit >= 0 ? curSym() : '−' + curSym()) + Math.abs(profit).toFixed(2);
      } else {
        total.textContent = curSym() + Math.abs(dealsTotal + expensesTotal).toFixed(2);
      }
    }
    var expCard = document.getElementById('trip-summary-expenses');
    if (expCard) expCard.textContent = curSym() + Math.round(expensesTotal);
  }

  function _renderTripDetailInner() {
    const box = document.getElementById('trip-detail-view');
    if (!box) return;
    const t = state.trips.find(x => x.id === state.openTripId);
    if (!t) { closeTrip(); return; }

    const parkIds = t.parkIds || [];
    const parksInTrip = parkIds.map(id => getParkById(id)).filter(Boolean);
    // Include deals at this trip's parks OR tagged directly to the trip (parkId
    // null = random-house / field-logged, e.g. Lewis's batch). De-dupe by id.
    const _seenD = {};
    const dealsInTrip = state.deals.filter(function (d) {
      if (_seenD[d.id]) return false;
      var inTrip = (d.parkId != null && parkIds.indexOf(d.parkId) >= 0) || d.tripId === t.id;
      if (inTrip) { _seenD[d.id] = 1; return true; }
      return false;
    });
    const dealsRaw = dealsInTrip.reduce((a, d) => a + (Number(d.amount) || 0), 0);
    // Trip-level COGS: a manual total for gold bought, used when deals weren't
    // logged individually (e.g. historical bulk-entered trips). Adds to any
    // per-deal amounts so both can coexist without double-counting parks.
    const tripCogs = Number(t.tripCogs || 0);
    const dealsTotal = dealsRaw + tripCogs;
    const expensesTotal = (t.expenses || []).reduce((a, e) => a + (Number(e.amount) || 0), 0);

    // Deals grouped by salesman
    const bySalesman = {};
    dealsInTrip.forEach(d => {
      const s = (typeof canonicalSalesman === 'function') ? canonicalSalesman(d.salesman) : (d.salesman || 'Unknown');
      if (!bySalesman[s]) bySalesman[s] = { count: 0, total: 0 };
      bySalesman[s].count++;
      bySalesman[s].total += Number(d.amount) || 0;
    });

    let html = '<div class="trip-detail-panel" style="padding:12px;">' +
      // Header
      '<div style="display:flex;gap:8px;align-items:center;margin-bottom:12px;">' +
      '<button id="btn-back-trips" class="icon-btn" style="flex-shrink:0;">' +
      '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" width="20" height="20"><line x1="19" y1="12" x2="5" y2="12"/><polyline points="12 19 5 12 12 5"/></svg>' +
      '</button>' +
      '<input id="trip-name" value="' + escapeHtml(t.name) + '" placeholder="Trip name" inputmode="text" autocomplete="off" style="flex:1;min-width:0;font-size:18px;font-weight:700;border:none;border-bottom:1.5px dashed var(--border-strong);background:transparent;color:var(--text);outline:none;padding:6px 4px;" />' +
      '<button id="btn-delete-trip" class="btn btn-ghost" style="color:var(--danger);font-size:12px;height:32px;padding:0 8px;">' + ((window.isAdminUser && !window.isAdminUser()) ? 'Request delete' : 'Delete') + '</button>' +
      '</div>' +
      // Dates
      '<div style="display:flex;gap:8px;margin-bottom:14px;">' +
      '<div style="flex:1;"><label style="font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.06em;display:block;margin-bottom:3px;">Start</label><input type="date" id="trip-start" value="' + (t.startDate || '') + '" class="form-input" style="width:100%;" /></div>' +
      '<div style="flex:1;"><label style="font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.06em;display:block;margin-bottom:3px;">End</label><input type="date" id="trip-end" value="' + (t.endDate || '') + '" class="form-input" style="width:100%;" /></div>' +
      '</div>' +
      // PR (V-95): Trip Done toggle
      '<button id="btn-trip-done" class="pr-trip-done-btn' + (t.completed ? ' is-done' : '') + '" style="margin-bottom:14px;">' +
        (t.completed
          ? '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" width="18" height="18"><polyline points="20 6 9 17 4 12"/></svg> Trip completed · tap to reopen'
          : '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" width="18" height="18"><polyline points="20 6 9 17 4 12"/></svg> Mark trip done') +
      '</button>' +
      // Summary
      '<div style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-bottom:16px;">' +
      summaryCard(parksInTrip.length, tripCountWord(parksInTrip)) +
      summaryCard(curSym() + Math.round(dealsTotal), 'Bought (COGS)') +
      summaryCard('<span id="trip-summary-expenses">' + curSym() + Math.round(expensesTotal) + '</span>', 'Expenses') +
      '</div>' +
      // Parks
      '<section style="margin-bottom:16px;">' +
      '<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;">' +
      '<h4 style="margin:0;">' + (function(){ var w = tripCountWord(parksInTrip); return (w === 'Parks' || w === 'Locations') ? w + ' in this trip' : (w.charAt(0).toUpperCase()+w.slice(1)) + ' in this trip'; })() + '</h4>' +
      '<button class="btn btn-secondary" id="btn-add-parks-to-trip" style="height:30px;padding:0 12px;font-size:12px;">+ Add locations</button>' +
      '</div>';
    if (parksInTrip.length === 0) {
      html += '<div style="padding:12px;color:var(--text-muted);font-size:13px;text-align:center;background:var(--surface-2);border-radius:8px;">No locations added yet. Tap "+ Add locations" above, or use Select mode from the Locations tab.</div>';
    } else {
      parksInTrip.forEach(p => {
        const col = ratingColor(p.rating);
        const dot = col
          ? '<span style="display:inline-block;width:10px;height:10px;border-radius:50%;background:' + col + ';margin-right:8px;flex-shrink:0;"></span>'
          : '<span style="display:inline-block;width:10px;height:10px;border-radius:50%;border:1.5px solid var(--border);margin-right:8px;flex-shrink:0;"></span>';
        const dealsAtPark = dealsInTrip.filter(d => d.parkId === p.id);
        const tpTotal = dealsAtPark.reduce((a, d) => a + (Number(d.amount) || 0), 0);
        const _wxh = wxHintForPark(p);
        html += '<div class="trip-park-row" data-id="' + escapeHtml(p.id) + '" style="display:flex;align-items:center;padding:10px 4px;border-bottom:1px solid var(--border);cursor:pointer;">' +
          dot + '<div style="flex:1;min-width:0;">' +
          '<div style="font-size:14px;font-weight:600;">' + escapeHtml(p.name) + '</div>' +
          '<div style="font-size:12px;color:var(--text-muted);">' + escapeHtml(p.town) + '<span id="trip-park-wx-' + escapeHtml(p.id) + '">' + (_wxh ? ' · ' + _wxh : '') + '</span>' + (dealsAtPark.length ? ' · ' + curSym() + tpTotal.toFixed(0) + ' (' + dealsAtPark.length + ' deal' + (dealsAtPark.length > 1 ? 's' : '') + ')' : '') + '</div>' +
          '</div>' +
          '<button class="trip-park-remove" data-rid="' + escapeHtml(p.id) + '" style="background:transparent;border:none;color:var(--text-muted);font-size:20px;width:32px;height:32px;cursor:pointer;">×</button>' +
          '</div>';
      });
    }
    html += '</section>';

    // === TRIP PHOTOS ===
    // Photos of things bought on this trip. Thumbnails load via signed URLs
    // after render (async); paths are stored on t.photos.
    html += '<section style="margin-bottom:16px;">' +
      '<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;">' +
      '<h4 style="margin:0;">Photos</h4>' +
      '<button class="btn btn-secondary" id="btn-add-trip-photo" style="height:30px;padding:0 12px;font-size:12px;">+ Add photo</button>' +
      '</div>' +
      '<input type="file" id="trip-photo-input" accept="image/*" multiple style="display:none;" />' +
      '<div id="trip-photos-grid" style="display:grid;grid-template-columns:repeat(3,1fr);gap:6px;">' +
      (((t.photos || []).length === 0)
        ? '<div style="grid-column:1/-1;padding:12px;color:var(--text-muted);font-size:13px;text-align:center;background:var(--surface-2);border-radius:8px;">No photos yet. Tap "+ Add photo" to add pictures of what you bought.</div>'
        : (t.photos || []).map((ph, i) =>
            '<div class="trip-photo-cell" data-idx="' + i + '" style="position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:var(--surface-2);cursor:pointer;">' +
              '<img data-photo-path="' + escapeHtml(ph.path) + '" style="width:100%;height:100%;object-fit:cover;display:block;" alt="Trip photo" />' +
              '<button class="trip-photo-del" data-idx="' + i + '" style="position:absolute;top:2px;right:2px;width:22px;height:22px;border:none;border-radius:50%;background:rgba(0,0,0,0.55);color:#fff;font-size:14px;line-height:1;cursor:pointer;">×</button>' +
            '</div>'
          ).join('')) +
      '</div>' +
      '</section>';

    // === DEALS TOTAL (logged deals + manual override) ===
    const hasLoggedDeals = dealsInTrip.length > 0;
    const dealsCountOverride = Number(t.dealsCountOverride || 0);
    const dealsBySalesmanOverride = Array.isArray(t.dealsBySalesman) ? t.dealsBySalesman : [];
    const dealsBulkNotes = t.dealsBulkNotes || '';

    html += '<section style="margin-bottom:16px;">' +
      '<h4 style="margin:0 0 8px;">Deals total</h4>';

    // Auto-aggregated from logged deals
    if (hasLoggedDeals) {
      html += '<div style="background:var(--surface-2);border-radius:10px;padding:12px 14px;margin-bottom:8px;">' +
        '<div style="font-size:10px;text-transform:uppercase;letter-spacing:0.08em;color:var(--text-muted);margin-bottom:6px;font-weight:700;">From logged deals</div>';
      Object.keys(bySalesman).forEach(name => {
        const s = bySalesman[name];
        html += '<div style="display:flex;justify-content:space-between;padding:5px 0;font-size:13px;border-bottom:1px solid var(--border);">' +
          '<span>' + escapeHtml(name) + ' · ' + s.count + ' deal' + (s.count > 1 ? 's' : '') + '</span>' +
          '<span style="font-weight:600;">' + curSym() + s.total.toFixed(2) + '</span>' +
          '</div>';
      });
      html += '<div style="display:flex;justify-content:space-between;padding:7px 0 0;font-size:14px;font-weight:700;">' +
        '<span>Logged total</span><span style="color:#2B6E4A;">' + curSym() + dealsTotal.toFixed(2) + '</span>' +
        '</div></div>';
    }

    // === DAILY SPEND BREAKDOWN (V-253) ===
    // Per-day, per-person spend so a multi-day trip (e.g. Guernsey Day 1 Tue,
    // Day 2 Wed) shows what each of you bought each day + the combined day total.
    // Groups logged deals by their date; numbers each day relative to the trip
    // start so it reads "Day 1 · Tue 9 Jun" etc.
    if (hasLoggedDeals) {
      var _byDay = {};                 // 'YYYY-MM-DD' -> { perSalesman:{name:total}, total, count }
      dealsInTrip.forEach(function (d) {
        var day = (d.date || (d.createdAt || '').slice(0, 10)) || 'Undated';
        var nm = (typeof canonicalSalesman === 'function') ? canonicalSalesman(d.salesman) : (d.salesman || 'Unknown');
        if (!_byDay[day]) _byDay[day] = { per: {}, total: 0, count: 0 };
        _byDay[day].per[nm] = (_byDay[day].per[nm] || 0) + (Number(d.amount) || 0);
        _byDay[day].total += Number(d.amount) || 0;
        _byDay[day].count += 1;
      });
      var _days = Object.keys(_byDay).sort(); // chronological
      var _startMs = t.startDate ? Date.parse(t.startDate) : null;
      var _dayNum = function (iso) {
        if (!_startMs || iso === 'Undated') return null;
        var diff = Math.round((Date.parse(iso) - _startMs) / 86400000);
        return diff >= 0 ? (diff + 1) : null;
      };
      var _fmtDay = function (iso) {
        if (iso === 'Undated') return 'Undated';
        try { return new Date(iso + 'T00:00:00').toLocaleDateString('en-GB', { weekday: 'short', day: 'numeric', month: 'short' }); }
        catch (e) { return iso; }
      };
      html += '<section style="margin:16px 0;">' +
        '<h4 style="margin:0 0 8px;">Daily spend (per person)</h4>' +
        '<div style="background:var(--surface-2);border-radius:10px;padding:4px 14px 12px;">';
      _days.forEach(function (iso, idx) {
        var dd = _byDay[iso];
        var n = _dayNum(iso);
        var label = (n ? 'Day ' + n + ' · ' : '') + _fmtDay(iso);
        html += '<div style="padding:10px 0;' + (idx < _days.length - 1 ? 'border-bottom:1px solid var(--border);' : '') + '">' +
          '<div style="display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px;">' +
            '<span style="font-size:13px;font-weight:800;color:var(--text);">' + escapeHtml(label) + '</span>' +
            '<span style="font-size:13px;font-weight:800;color:#2B6E4A;">' + curSym() + dd.total.toFixed(2) + '</span>' +
          '</div>';
        Object.keys(dd.per).sort().forEach(function (nm) {
          html += '<div style="display:flex;justify-content:space-between;padding:3px 0;font-size:12.5px;color:var(--text-muted);">' +
            '<span>' + escapeHtml(nm) + '</span>' +
            '<span style="font-weight:600;color:var(--text);">' + curSym() + dd.per[nm].toFixed(2) + '</span>' +
          '</div>';
        });
        html += '<div style="font-size:11px;color:var(--text-muted);margin-top:3px;">' + dd.count + ' deal' + (dd.count > 1 ? 's' : '') + '</div>';
        html += '</div>';
      });
      html += '</div></section>';
    }

    // Manual override card
    html += '<div style="background:var(--surface-2);border-radius:10px;padding:12px 14px;border:1px solid var(--border);">' +
      '<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;">' +
        '<div style="font-size:10px;text-transform:uppercase;letter-spacing:0.08em;color:var(--text-muted);font-weight:700;">Quick entry (manual override)</div>' +
        (dealsCountOverride > 0
          ? '<span style="font-size:10px;background:#2B6E4A;color:#fff;padding:2px 8px;border-radius:6px;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;">Active</span>'
          : '') +
      '</div>' +
      // Total deal count
      '<div style="display:flex;justify-content:space-between;align-items:center;padding:5px 0 8px;border-bottom:1px solid var(--border);margin-bottom:10px;">' +
        '<span style="font-size:14px;font-weight:600;">Total deals</span>' +
        '<input type="number" step="1" min="0" id="trip-deals-count" value="' + (dealsCountOverride || '') + '" placeholder="0" style="width:90px;text-align:right;padding:8px 10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:15px;font-weight:700;background:var(--surface);color:var(--text);box-sizing:border-box;' + (dealsCountOverride > 0 ? 'border-color:#2B6E4A;color:#2B6E4A;' : '') + '" />' +
      '</div>' +
      // Per-salesman label
      '<div style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);margin-bottom:6px;font-weight:600;">By salesman</div>' +
      // Salesman rows container
      '<div id="deals-by-salesman-rows">';

    // Seed with existing salesmen, or one empty row if none
    const seedRows = dealsBySalesmanOverride.length > 0
      ? dealsBySalesmanOverride
      : [{ name: '', count: 0 }];
    seedRows.forEach((row, idx) => {
      html += _renderSalesmanRow(row.name || '', row.count || 0, idx);
    });

    html += '</div>' +
      '<button type="button" id="btn-add-salesman" class="btn btn-ghost" style="height:34px;padding:0 12px;font-size:12px;margin-top:6px;">+ Add salesman</button>' +
      // Bulk paste
      '<div style="margin-top:14px;">' +
        '<label style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);display:block;margin-bottom:4px;font-weight:600;">Deal details / bulk paste</label>' +
        '<textarea id="trip-deals-bulk" placeholder="Paste anything here — client names, items, amounts, dates. For your records, not parsed." style="width:100%;min-height:90px;padding:10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:13px;background:var(--surface);color:var(--text);box-sizing:border-box;resize:vertical;">' + escapeHtml(dealsBulkNotes) + '</textarea>' +
      '</div>' +
    '</div>' +
    '</section>';

    // Expenses
    html += '<section data-trip-section="expenses" style="margin-bottom:16px;">' + _tripExpensesInner(t, expensesTotal) + '</section>';

    // === TRIP PROFIT CARD (always visible, with manual adjustment) ===
    const profitAdj = Number(t.profitAdjustment || 0);
    const grossOverride = Number(t.grossOverride || 0);
    const isOverriding = grossOverride > 0;
    // Until a real sale figure (manual gross) is entered, deal "amounts" are
    // what we PAID for gold (COGS) — money out, not profit. Only once a gross
    // sale figure is set does this become a real profit calculation.
    const effectiveGross = isOverriding ? grossOverride : dealsTotal;
    const profit = effectiveGross - expensesTotal + profitAdj;
    const spentSoFar = dealsTotal + expensesTotal - profitAdj; // COGS + expenses (adj usually negative stock cost)
    html += '<section style="margin-bottom:16px;">' +
      '<h4 style="margin:0 0 8px;">Trip ' + (isOverriding ? 'profit' : 'spend') + '</h4>' +
      '<div style="background:var(--surface-2);border-radius:12px;padding:14px 16px;border:1px solid var(--border);">' +
        // Logged deals = COGS (money paid for gold). Shows per-deal total plus
        // an editable trip-level COGS for bulk/historical entry.
        '<div style="display:flex;justify-content:space-between;padding:5px 0;font-size:14px;' +
              (isOverriding ? 'opacity:0.5;text-decoration:line-through;' : '') + '">' +
          '<span style="color:var(--text-muted);">Paid for gold (COGS)</span>' +
          '<span style="font-weight:600;color:var(--text);">' + curSym() + dealsTotal.toFixed(2) + '</span>' +
        '</div>' +
        // Editable trip-level COGS (for trips entered as a bulk total)
        '<div style="display:flex;justify-content:space-between;align-items:center;padding:5px 0 5px 12px;font-size:12.5px;border-left:3px solid var(--border);background:var(--surface-2);border-radius:0 8px 8px 0;margin:2px 0;">' +
          '<span style="color:var(--text-muted);">Trip COGS total<br><span style="font-size:10px;text-transform:uppercase;letter-spacing:0.05em;">(bulk gold spend, no per-deal log)</span></span>' +
          '<div style="display:flex;align-items:center;gap:4px;flex-shrink:0;">' +
            '<span style="color:var(--text-muted);font-weight:600;pointer-events:none;">' + curSym() + '</span>' +
            '<input type="number" inputmode="decimal" step="0.01" min="0" id="trip-cogs" value="' + (tripCogs || '') + '" placeholder="0.00" style="width:100px;text-align:right;padding:6px 8px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;background:var(--surface);color:var(--text);box-sizing:border-box;position:relative;z-index:1;" />' +
          '</div>' +
        '</div>' +
        // Trip gross manual override
        '<div style="display:flex;justify-content:space-between;align-items:center;padding:5px 0;font-size:14px;">' +
          '<span style="color:var(--text-muted);">Sold for (gross)<br><span style="font-size:10px;text-transform:uppercase;letter-spacing:0.06em;">(enter once melted &amp; sold)</span></span>' +
          '<div style="display:flex;align-items:center;gap:4px;flex-shrink:0;">' +
            '<span style="color:var(--text-muted);font-weight:600;">' + curSym() + '</span>' +
            '<input type="number" step="0.01" min="0" id="trip-gross-override" value="' + (grossOverride || '') + '" placeholder="0.00" style="width:100px;text-align:right;padding:6px 8px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;background:var(--surface);color:var(--text);box-sizing:border-box;position:relative;z-index:1;' + (isOverriding ? 'font-weight:700;color:#2B6E4A;border-color:#2B6E4A;' : '') + '" />' +
          '</div>' +
        '</div>' +
        // Effective gross display (only when overriding)
        (isOverriding
          ? '<div style="display:flex;justify-content:space-between;padding:5px 0 5px 12px;font-size:12px;color:var(--text-muted);border-left:3px solid #2B6E4A;background:rgba(43,110,74,0.04);border-radius:0 8px 8px 0;margin:4px 0;">' +
              '<span>Using manual gross</span>' +
              '<span style="font-weight:700;color:#2B6E4A;">' + curSym() + grossOverride.toFixed(2) + '</span>' +
            '</div>'
          : '') +
        // Expenses out
        '<div style="display:flex;justify-content:space-between;padding:5px 0;font-size:14px;">' +
          '<span style="color:var(--text-muted);">Expenses out</span>' +
          '<span id="trip-exp-out" style="font-weight:600;color:var(--danger);">−' + curSym() + expensesTotal.toFixed(2) + '</span>' +
        '</div>' +
        // Manual adjustment input
        '<div style="display:flex;justify-content:space-between;align-items:center;padding:5px 0;font-size:14px;">' +
          '<span style="color:var(--text-muted);">Other adjustment<br><span style="font-size:10px;text-transform:uppercase;letter-spacing:0.06em;">(stock cost, cash off-the-books, etc.)</span></span>' +
          '<div style="display:flex;align-items:center;gap:4px;flex-shrink:0;">' +
            '<span style="color:var(--text-muted);font-weight:600;">' + curSym() + '</span>' +
            '<input type="number" step="0.01" id="trip-profit-adj" value="' + (profitAdj || '') + '" placeholder="0.00" style="width:100px;text-align:right;padding:6px 8px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;background:var(--surface);color:var(--text);box-sizing:border-box;" />' +
          '</div>' +
        '</div>' +
        // Divider
        '<div style="height:1px;background:var(--border);margin:8px 0 6px;"></div>' +
        // Total line: "Spent so far" (outflow) until sold, then real Profit.
        (isOverriding
          ? '<div style="display:flex;justify-content:space-between;align-items:center;padding:5px 0;font-size:18px;font-weight:800;">' +
              '<span>Profit</span>' +
              '<span id="trip-profit-total" style="color:' + (profit >= 0 ? '#2B6E4A' : 'var(--danger)') + ';font-size:22px;">' +
                (profit >= 0 ? curSym() : '−' + curSym()) + Math.abs(profit).toFixed(2) +
              '</span>' +
            '</div>'
          : '<div style="display:flex;justify-content:space-between;align-items:center;padding:5px 0;font-size:18px;font-weight:800;">' +
              '<span>Spent so far</span>' +
              '<span id="trip-profit-total" style="color:var(--text);font-size:22px;">' +
                curSym() + Math.abs(dealsTotal + expensesTotal).toFixed(2) +
              '</span>' +
            '</div>' +
            '<div style="font-size:11px;color:var(--text-muted);text-align:center;margin-top:4px;">Profit is unknown until the gold is melted &amp; sold. Enter the sale figure above (or use a Melt &amp; sell batch) to see real profit.</div>') +
      '</div>' +
    '</section>';

    // === STOCK PURCHASED — per-carat spot price + payout calculation ===
    // Formula per gram = (spot_per_oz / 31) * carat_purity * (payout / 100)
    // Subtotal £ = weight_g * per_gram_£
    const GOLD_CARATS = [
      { key: 'gold9ct',  label: '9ct gold',  color: '#B8842C', purity: 0.375 },
      { key: 'gold14ct', label: '14ct gold', color: '#D9A441', purity: 0.585 },
      { key: 'gold18ct', label: '18ct gold', color: '#E6B450', purity: 0.750 },
      { key: 'gold22ct', label: '22ct gold', color: '#F5C76A', purity: 0.916 }
    ];
    const PAYOUT_OPTIONS = [96, 97, 97.5, 98, 99];
    const SILVER_PURITIES = [
      { v: 0.500, label: '50% (coin)' },
      { v: 0.800, label: '80% (continental)' },
      { v: 0.925, label: '92.5% (sterling)' },
      { v: 0.958, label: '95.8% (Britannia)' },
      { v: 0.999, label: '99.9% (fine)' }
    ];

    const calcPerGram = (spot, purity, payoutPct) => {
      const s = Number(spot) || 0;
      const p = Number(purity) || 0;
      const r = Number(payoutPct) || 0;
      if (s <= 0 || p <= 0 || r <= 0) return 0;
      return (s / 31) * p * (r / 100);
    };

    // ===== LINE-BASED STOCK (V-144) =====
    // Render each gold/silver purchase as its own removable line with weight,
    // spot, payout and (for silver) purity. "+ Add" buttons append new lines.
    const tripLines = getTripStockLines(t).map(function (l) { return Object.assign({}, l); });
    function lineCardHtml(ln, idx) {
      var isSilver = ln.metal === 'silver';
      var color = isSilver ? '#9EA3A8'
        : (STOCK_GOLD_CARATS.find(function (c) { return Math.abs(c.purity - ln.purity) < 0.01; }) || { color: '#B8842C' }).color;
      var perGram = stockPerGram(ln.spot, ln.purity, ln.payout);
      var subtotal = (Number(ln.weight) || 0) * perGram;
      // Type selector: gold carats + silver purities
      var typeOpts = '<optgroup label="Gold">';
      STOCK_GOLD_CARATS.forEach(function (c) {
        typeOpts += '<option value="gold|' + c.purity + '|' + escapeHtml(c.label) + '"' +
          (!isSilver && Math.abs(c.purity - ln.purity) < 0.01 ? ' selected' : '') + '>' + c.label + '</option>';
      });
      typeOpts += '</optgroup><optgroup label="Silver">';
      STOCK_SILVER_PURITIES.forEach(function (s) {
        typeOpts += '<option value="silver|' + s.v + '|' + escapeHtml(s.label) + '"' +
          (isSilver && Math.abs(s.v - ln.purity) < 0.001 ? ' selected' : '') + '>' + s.label + '</option>';
      });
      typeOpts += '</optgroup>';
      var payOpts = '<option value="">—</option>';
      [96, 97, 97.5, 98, 99].forEach(function (v) {
        payOpts += '<option value="' + v + '"' + (Number(ln.payout) === v ? ' selected' : '') + '>' + v + '%</option>';
      });
      var inS = 'width:100%;height:36px;padding:0 10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;background:var(--surface);color:var(--text);box-sizing:border-box;text-align:right;';
      var selS = 'width:100%;height:36px;padding:0 8px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;background:var(--surface);color:var(--text);';
      return '<div class="stock-line" data-line-idx="' + idx + '" style="background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px;margin-bottom:8px;">' +
        '<div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">' +
          '<span style="width:10px;height:10px;border-radius:50%;background:' + color + ';flex-shrink:0;border:1px solid rgba(0,0,0,0.1);"></span>' +
          '<select class="stock-line-input" data-line-idx="' + idx + '" data-field="type" style="' + selS + 'flex:1;font-weight:700;">' + typeOpts + '</select>' +
          '<button type="button" class="stock-line-del" data-line-idx="' + idx + '" title="Remove" style="border:none;background:transparent;color:var(--danger);cursor:pointer;padding:4px;flex-shrink:0;"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="3 6 5 6 21 6"/><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/></svg></button>' +
        '</div>' +
        '<div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;">' +
          '<div><label style="display:block;font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:3px;">Weight (g)</label>' +
            '<input type="number" step="0.01" min="0" class="stock-line-input" data-line-idx="' + idx + '" data-field="weight" value="' + (ln.weight || '') + '" placeholder="0.00" style="' + inS + (ln.weight > 0 ? 'font-weight:700;' : '') + '" /></div>' +
          '<div><label style="display:block;font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:3px;">Spot ' + curSym() + '/oz (24ct) <button type="button" class="stock-line-livespot" data-line-idx="' + idx + '" data-metal="' + (isSilver ? 'silver' : 'gold') + '" style="border:none;background:transparent;color:#2B6E4A;font-size:10px;font-weight:700;cursor:pointer;padding:0 2px;text-transform:none;letter-spacing:0;">↻ live</button></label>' +
            '<input type="number" step="0.01" min="0" class="stock-line-input" data-line-idx="' + idx + '" data-field="spot" value="' + (ln.spot || '') + '" placeholder="0.00" style="' + inS + '" /></div>' +
          '<div><label style="display:block;font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:3px;">Spot date</label>' +
            '<input type="date" class="stock-line-input" data-line-idx="' + idx + '" data-field="date" value="' + escapeHtml(ln.date || '') + '" style="' + inS + 'text-align:left;" /></div>' +
          '<div><label style="display:block;font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:3px;">Payout %</label>' +
            '<select class="stock-line-input" data-line-idx="' + idx + '" data-field="payout" style="' + selS + '">' + payOpts + '</select></div>' +
        '</div>' +
        '<div style="display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:8px;border-top:1px dashed var(--border);font-size:13px;">' +
          '<span style="color:var(--text-muted);" data-pergram="' + idx + '">' + (perGram > 0 ? curSym() + perGram.toFixed(2) + ' /g' : '—') + '</span>' +
          '<span style="font-weight:700;font-size:15px;color:' + (subtotal > 0 ? color : 'var(--text-light)') + ';" data-subtotal="' + idx + '">' + (subtotal > 0 ? curSym() + subtotal.toFixed(2) : (curSym() + '0.00')) + '</span>' +
        '</div>' +
      '</div>';
    }

    // STOCK ("Trip spend"): this is the heaviest part of the panel (many
    // selects with full optgroups per line). It is NOT needed just to glance at
    // a trip, so we render it collapsed and only BUILD its inner HTML when the
    // user opens it. This keeps opening a trip fast. The builders + totals are
    // computed lazily in window._tripBuildStock (wired after innerHTML).
    var _goldCount = tripLines.filter(function (l) { return l.metal !== 'silver'; }).length;
    var _silverCount = tripLines.filter(function (l) { return l.metal === 'silver'; }).length;
    var _gV = 0, _sV = 0;
    tripLines.forEach(function (ln) {
      var sub = (Number(ln.weight) || 0) * stockPerGram(ln.spot, ln.purity, ln.payout);
      if (ln.metal === 'silver') _sV += sub; else _gV += sub;
    });
    html += '<section style="margin-bottom:16px;">' +
      '<button type="button" id="btn-open-stock" style="width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:14px;font-family:inherit;cursor:pointer;color:var(--text);">' +
        '<span style="font-weight:700;font-size:15px;">Trip spend (gold &amp; silver)</span>' +
        '<span style="font-size:12.5px;color:var(--text-muted);">' + _goldCount + ' gold · ' + _silverCount + ' silver · ' + curSym() + Math.round(_gV + _sV) + ' ▸</span>' +
      '</button>' +
      '<div id="trip-stock-host" style="display:none;margin-top:10px;"></div>' +
    '</section>';

    // --- Paper receipts for this trip ---
    html += '<section><button type="button" id="btn-open-receipts" style="width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:14px;font-family:inherit;cursor:pointer;color:var(--text);">' +
        '<span style="font-weight:700;font-size:15px;">Paper receipts</span>' +
        '<span style="font-size:12.5px;color:var(--text-muted);">Tap to view ▸</span>' +
      '</button>' +
      '<div id="trip-receipts-host" style="display:none;margin-top:10px;">' +
        '<div style="font-size:12px;color:var(--text-muted);margin:0 0 8px;">Photos of signed paper receipts (clients with no email/phone).</div>' +
        '<div id="trip-receipts-list" style="display:flex;flex-direction:column;gap:8px;margin-bottom:8px;"></div>' +
        '<button type="button" class="btn btn-secondary" id="btn-add-trip-receipt" style="height:38px;padding:0 14px;font-size:13px;">+ Upload receipt</button>' +
      '</div>' +
      '</section>';

    html += '<section><h4>Trip notes</h4>' +
      '<textarea id="trip-notes" placeholder="Client details, decisions, follow-ups, anything else…" style="width:100%;min-height:100px;padding:10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;background:var(--surface);color:var(--text);box-sizing:border-box;resize:vertical;">' + escapeHtml(t.notes || '') + '</textarea>' +
      '</section>' +
      // Bottom action bar — Save on the right
      '<div style="display:flex;justify-content:flex-end;gap:8px;padding:24px 0 80px;">' +
        '<button class="btn btn-ghost" id="btn-trip-cancel" style="height:44px;padding:0 18px;font-size:14px;">Cancel</button>' +
        '<button class="btn btn-primary" id="btn-trip-save" style="height:44px;padding:0 22px;font-size:15px;font-weight:700;min-width:120px;">' +
          '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" style="width:16px;height:16px;margin-right:6px;vertical-align:-3px;"><polyline points="20 6 9 17 4 12"/></svg>' +
          'Save trip' +
        '</button>' +
      '</div>' +
      '</div>';

    box.innerHTML = html;

    // PERF: the panel is now painted. Defer all event-wiring, the weather map,
    // and photo-thumbnail loading to the next frame so the browser shows the
    // trip instantly instead of blocking on ~450 lines of synchronous setup.
    // Guard: if the user navigated away before the frame fires, bail.
    var _wireToken = (state._tripWireToken = (state._tripWireToken || 0) + 1);
    requestAnimationFrame(function () {
      if (state.openTripId !== t.id || state._tripWireToken !== _wireToken) return;

    // Weather for the parks in this trip (batched, 30-min cache). Refresh the
    // Per-park weather hints are intentionally NOT fetched on the trip detail
    // anymore — they added network + work to a screen meant for a quick glance.
    // Any cached hint already shows inline in the park row; nothing is fetched.

    bindButton(document.getElementById('btn-back-trips'), () => closeTrip());
    bindButton(document.getElementById('btn-delete-trip'), () => {
      // Salesmen can't delete trips directly — it routes to admin approval.
      if (window.isAdminUser && !window.isAdminUser()) {
        if (!confirm('Request deletion of this trip? An admin will review it. The trip stays live until they approve.')) return;
        if (window.submitForApproval) window.submitForApproval('trip_delete', { tripId: t.id, tripName: t.name }, 'Trip deletion');
        if (window.notifyApprovers) window.notifyApprovers('trip_delete', t.name);
        return;
      }
      deleteTrip(t.id);
    });
    bindButton(document.getElementById('btn-add-parks-to-trip'), () => openAddParksPicker(t.id));
    bindButton(document.getElementById('btn-add-trip-expense'), () => openExpenseModal(t.id, null));

    // --- Trip photos ---
    const photoBtn = document.getElementById('btn-add-trip-photo');
    const photoInput = document.getElementById('trip-photo-input');
    if (photoBtn && photoInput) {
      photoBtn.addEventListener('click', () => photoInput.click());
      photoInput.addEventListener('change', async () => {
        const files = Array.prototype.slice.call(photoInput.files || []);
        photoInput.value = ''; // allow re-picking the same file later
        if (!files.length) return;
        photoBtn.disabled = true;
        const origLabel = photoBtn.textContent;
        photoBtn.textContent = 'Uploading…';
        const added = [];
        for (const f of files) {
          const path = await window.uploadAttachment('trips', t.id, f);
          if (path) added.push({ path: path, addedAt: new Date().toISOString() });
        }
        if (added.length) {
          const photos = (t.photos || []).concat(added);
          updateTrip(t.id, { photos: photos });
          window.toast && window.toast(added.length + ' photo' + (added.length === 1 ? '' : 's') + ' added');
          renderTripDetail(); // re-render to show new thumbnails
        } else {
          photoBtn.disabled = false;
          photoBtn.textContent = origLabel;
        }
      });
    }
    // Load thumbnails (signed URLs) for any photos already on the trip.
    (function loadTripPhotoThumbs() {
      const imgs = document.querySelectorAll('#trip-photos-grid img[data-photo-path]');
      imgs.forEach(async img => {
        const url = await window.getAttachmentUrl(img.getAttribute('data-photo-path'));
        if (url) img.src = url;
      });
    })();
    // Tap a thumbnail to open it full-size in a new tab.
    document.querySelectorAll('#trip-photos-grid .trip-photo-cell img').forEach(img => {
      img.addEventListener('click', () => { if (img.src) window.open(img.src, '_blank'); });
    });
    // Delete a photo (removes from storage + from t.photos).
    document.querySelectorAll('#trip-photos-grid .trip-photo-del').forEach(btn => {
      btn.addEventListener('click', async (e) => {
        e.stopPropagation();
        const idx = Number(btn.getAttribute('data-idx'));
        if (!confirm('Delete this photo? This cannot be undone.')) return;
        const photos = (t.photos || []).slice();
        const removed = photos.splice(idx, 1)[0];
        if (!removed) return;
        await window.deleteAttachment(removed.path);
        updateTrip(t.id, { photos: photos });
        renderTripDetail();
      });
    });

    // Paper receipts: collapsed by default — only fetch the receipts table +
    // signed-URL thumbnails when the user actually opens the section (keeps the
    // trip fast; this used to fetch on every trip open).
    var _receiptsOpened = false;
    var openReceiptsBtn = document.getElementById('btn-open-receipts');
    var receiptsHost = document.getElementById('trip-receipts-host');
    if (openReceiptsBtn && receiptsHost) {
      bindButton(openReceiptsBtn, function () {
        var nowOpen = receiptsHost.style.display === 'none';
        receiptsHost.style.display = nowOpen ? '' : 'none';
        if (nowOpen && !_receiptsOpened) {
          _receiptsOpened = true;
          var addReceiptBtn = document.getElementById('btn-add-trip-receipt');
          if (addReceiptBtn) addReceiptBtn.addEventListener('click', function () { window.openReceiptUploadModal(t.id, t.name); });
          _renderTripReceiptsList(t.id); // fetches + hydrates only now
        }
      });
    }

    const nameEl = document.getElementById('trip-name');
    const _salesmanView = (window.isAdminUser && !window.isAdminUser());
    if (_salesmanView) {
      // Salesmen can view trips and log deals, but not restructure them.
      // Name/dates become read-only; structural changes go via approval/notes.
      if (nameEl) { nameEl.readOnly = true; nameEl.style.borderBottom = 'none'; }
      var _ts = document.getElementById('trip-start'); if (_ts) _ts.disabled = true;
      var _te = document.getElementById('trip-end'); if (_te) _te.disabled = true;
    } else {
      let nameT;
      nameEl.addEventListener('input', () => {
        clearTimeout(nameT);
        nameT = setTimeout(() => updateTrip(t.id, { name: nameEl.value.trim() || nextTripName() }), 500);
      });
      document.getElementById('trip-start').addEventListener('change', e => updateTrip(t.id, { startDate: e.target.value }));
      document.getElementById('trip-end').addEventListener('change', e => updateTrip(t.id, { endDate: e.target.value }));
    }

    // PR (V-95): Trip Done toggle
    const tripDoneBtn = document.getElementById('btn-trip-done');
    if (tripDoneBtn) bindButton(tripDoneBtn, () => {
      const nowDone = !t.completed;
      updateTrip(t.id, { completed: nowDone, completedAt: nowDone ? new Date().toISOString() : null });
      // V-118: dropped the celebrate() fireworks + green edge-sweep animation —
      // it was heavy and caused lag/jank. A plain toast confirms completion.
      if (nowDone) { window.toast && window.toast('Trip marked done'); }
      else { window.toast && window.toast('Trip reopened'); }
      renderTripDetail();
      if (typeof _renderTripsList === 'function') _renderTripsList();
    });

    const notesEl = document.getElementById('trip-notes');
    let notesT;
    notesEl.addEventListener('input', () => {
      clearTimeout(notesT);
      notesT = setTimeout(() => updateTrip(t.id, { notes: notesEl.value }), 500);
    });

    // Profit adjustment input — live total update + debounced save
    const adjEl = document.getElementById('trip-profit-adj');
    const grossEl = document.getElementById('trip-gross-override');
    const totalEl = document.getElementById('trip-profit-total');
    let adjT, grossT;

    // Recalculate and repaint the bottom line based on current input values.
    // No gross entered = "Spent so far" (COGS+expenses); gross entered = Profit.
    function recalcProfit() {
      const adj = adjEl ? (parseFloat(adjEl.value) || 0) : 0;
      const gross = grossEl ? (parseFloat(grossEl.value) || 0) : 0;
      if (!totalEl) return;
      if (gross > 0) {
        const np = gross - expensesTotal + adj;
        totalEl.textContent = (np >= 0 ? curSym() : '−' + curSym()) + Math.abs(np).toFixed(2);
        totalEl.style.color = np >= 0 ? '#2B6E4A' : 'var(--danger)';
      } else {
        totalEl.textContent = curSym() + Math.abs(dealsTotal + expensesTotal).toFixed(2);
        totalEl.style.color = 'var(--text)';
      }
    }

    if (adjEl) {
      adjEl.addEventListener('input', () => {
        clearTimeout(adjT);
        recalcProfit();
        const v = parseFloat(adjEl.value) || 0;
        adjT = setTimeout(() => updateTrip(t.id, { profitAdjustment: v }), 500);
      });
    }
    if (grossEl) {
      grossEl.addEventListener('input', () => {
        clearTimeout(grossT);
        recalcProfit();
        const v = parseFloat(grossEl.value) || 0;
        const wasOverriding = grossOverride > 0;
        grossT = setTimeout(() => {
          updateTrip(t.id, { grossOverride: v });
          // If we've crossed between "not sold" and "sold", the whole panel's
          // labels (Spent so far ⇄ Profit) need to flip — re-render once.
          if ((v > 0) !== wasOverriding) renderTripDetail();
        }, 600);
      });
    }
    // Trip-level COGS (bulk gold spend). Save debounced; refresh totals on blur
    // only, so typing stays smooth (no full panel rebuild mid-keystroke).
    const cogsEl = document.getElementById('trip-cogs');
    if (cogsEl) {
      let cogsT;
      cogsEl.addEventListener('input', () => {
        clearTimeout(cogsT);
        const v = parseFloat(cogsEl.value) || 0;
        cogsT = setTimeout(() => { updateTrip(t.id, { tripCogs: v }); }, 600);
      });
      cogsEl.addEventListener('blur', () => {
        clearTimeout(cogsT);
        const v = parseFloat(cogsEl.value) || 0;
        updateTrip(t.id, { tripCogs: v });
        if (state.openTripId === t.id) renderTripDetail();
      });
    }

    // === STOCK PURCHASED (line-based: gold + silver lines, add/remove) ===
    let stockT;
    function readStockLinesFromDOM() {
      var lines = [];
      box.querySelectorAll('.stock-line').forEach(function (card) {
        var typeSel = card.querySelector('[data-field="type"]');
        var wEl = card.querySelector('[data-field="weight"]');
        var spEl = card.querySelector('[data-field="spot"]');
        var dEl = card.querySelector('[data-field="date"]');
        var pEl = card.querySelector('[data-field="payout"]');
        var parts = (typeSel ? typeSel.value : 'gold|0.375|9ct gold').split('|');
        lines.push({
          metal: parts[0] || 'gold',
          purity: parseFloat(parts[1]) || 0,
          label: parts[2] || '',
          weight: parseFloat(wEl && wEl.value) || 0,
          spot: parseFloat(spEl && spEl.value) || 0,
          payout: parseFloat(pEl && pEl.value) || 0,
          date: (dEl && dEl.value) || ''
        });
      });
      return lines;
    }
    function recalcStockTotals() {
      var lines = readStockLinesFromDOM();
      var gW = 0, gV = 0, sW = 0, sV = 0;
      box.querySelectorAll('.stock-line').forEach(function (card, i) {
        var ln = lines[i]; if (!ln) return;
        var perG = stockPerGram(ln.spot, ln.purity, ln.payout);
        var sub = (Number(ln.weight) || 0) * perG;
        var idx = card.dataset.lineIdx;
        var perEl = card.querySelector('[data-pergram="' + idx + '"]');
        var subEl = card.querySelector('[data-subtotal="' + idx + '"]');
        var color = ln.metal === 'silver' ? '#9EA3A8'
          : (STOCK_GOLD_CARATS.find(function (c) { return Math.abs(c.purity - ln.purity) < 0.01; }) || { color: '#B8842C' }).color;
        if (perEl) perEl.textContent = perG > 0 ? (curSym() + perG.toFixed(2) + ' /g') : '—';
        if (subEl) { subEl.textContent = sub > 0 ? (curSym() + sub.toFixed(2)) : (curSym() + '0.00'); subEl.style.color = sub > 0 ? color : 'var(--text-light)'; }
        if (ln.metal === 'silver') { sW += Number(ln.weight) || 0; sV += sub; }
        else { gW += Number(ln.weight) || 0; gV += sub; }
      });
      var gw = document.getElementById('gold-total-weight'), gv = document.getElementById('gold-total-value');
      if (gw) gw.textContent = gW.toFixed(2);
      if (gv) gv.textContent = curSym() + gV.toFixed(2);
      var sw = document.getElementById('silver-total-weight'), sv = document.getElementById('silver-total-value');
      if (sw) sw.textContent = sW.toFixed(2);
      if (sv) sv.textContent = curSym() + sV.toFixed(2);
    }
    function flushStockSave() {
      // Save line array. Also clear legacy fixed fields so they can't double-count.
      var patch = { stockLines: readStockLinesFromDOM(),
        gold9ct: 0, gold9ct_spot: 0, gold9ct_payout: 0, gold9ct_date: '',
        gold14ct: 0, gold14ct_spot: 0, gold14ct_payout: 0, gold14ct_date: '',
        gold18ct: 0, gold18ct_spot: 0, gold18ct_payout: 0, gold18ct_date: '',
        gold22ct: 0, gold22ct_spot: 0, gold22ct_payout: 0, gold22ct_date: '',
        silver: 0, silver_spot: 0, silver_payout: 0, silver_purity: 0, silver_date: '' };
      updateTrip(t.id, patch);
    }
    function bindStockLineInputs() {
      box.querySelectorAll('.stock-line-input').forEach(function (inp) {
        if (inp._bound) return; inp._bound = true;
        var evt = (inp.tagName === 'SELECT' || inp.type === 'date') ? 'change' : 'input';
        inp.addEventListener(evt, function () {
          recalcStockTotals();
          clearTimeout(stockT);
          stockT = setTimeout(flushStockSave, 500);
        });
      });
      box.querySelectorAll('.stock-line-del').forEach(function (btn) {
        if (btn._bound) return; btn._bound = true;
        btn.addEventListener('click', function () {
          var card = btn.closest('.stock-line');
          if (card) card.remove();
          recalcStockTotals();
          flushStockSave();
        });
      });
      // "↻ live" buttons: drop today's 24ct spot into this line's spot field.
      box.querySelectorAll('.stock-line-livespot').forEach(function (btn) {
        if (btn._bound) return; btn._bound = true;
        btn.addEventListener('click', async function () {
          var live = await getLiveSpot(btn.dataset.metal);
          if (!live || live <= 0) { window.toast && window.toast('Live spot unavailable'); return; }
          var card = btn.closest('.stock-line');
          var spotInput = card && card.querySelector('[data-field="spot"]');
          var dateInput = card && card.querySelector('[data-field="date"]');
          if (spotInput) {
            spotInput.value = live;
            spotInput.dispatchEvent(new Event('input', { bubbles: true }));
          }
          if (dateInput && !dateInput.value) {
            dateInput.value = new Date().toISOString().slice(0, 10);
            dateInput.dispatchEvent(new Event('input', { bubbles: true }));
          }
          recalcStockTotals();
          flushStockSave();
          window.toast && window.toast('Spot set to ' + curSym() + live + '/oz');
        });
      });
    }
    bindStockLineInputs();

    async function appendStockLine(metal) {
      var lines = readStockLinesFromDOM();
      var today = new Date().toISOString().slice(0, 10);
      var def = metal === 'silver'
        ? { metal: 'silver', purity: 0.925, label: '92.5% (sterling)', weight: 0, spot: 0, payout: 0, date: today }
        : { metal: 'gold', purity: 0.375, label: '9ct gold', weight: 0, spot: 0, payout: 0, date: today };
      try {
        var live = await getLiveSpot(metal);
        if (live && live > 0) def.spot = live;
      } catch (e) {}
      lines.push(def);
      updateTrip(t.id, { stockLines: lines });
      state._tripStockOpen = true; // keep the panel open across the re-render
      renderTripDetail();
      if (def.spot > 0 && window.toast) window.toast('Spot auto-filled: ' + curSym() + def.spot + '/oz');
    }

    // LAZY stock section: build the heavy gold/silver editors only when opened.
    function buildStockSection() {
      var host = document.getElementById('trip-stock-host');
      if (!host || host._built) return;
      host._built = true;
      var goldLinesHtml = '', silverLinesHtml = '';
      var gTot = { w: 0, v: 0 }, sTot = { w: 0, v: 0 };
      tripLines.forEach(function (ln, i) {
        var perG = stockPerGram(ln.spot, ln.purity, ln.payout);
        var sub = (Number(ln.weight) || 0) * perG;
        if (ln.metal === 'silver') { silverLinesHtml += lineCardHtml(ln, i); sTot.w += Number(ln.weight) || 0; sTot.v += sub; }
        else { goldLinesHtml += lineCardHtml(ln, i); gTot.w += Number(ln.weight) || 0; gTot.v += sub; }
      });
      host.innerHTML =
        '<div style="margin-bottom:16px;">' +
          '<div style="display:flex;justify-content:space-between;align-items:center;margin:0 0 8px;">' +
            '<h4 style="margin:0;">Gold purchased</h4>' +
            '<button class="btn btn-secondary" id="btn-add-gold-line" style="height:30px;padding:0 12px;font-size:12px;">+ Add gold</button>' +
          '</div>' +
          '<div style="background:var(--surface-2);border-radius:12px;padding:12px;border:1px solid var(--border);">' +
            '<div id="gold-lines">' + (goldLinesHtml || '<div style="padding:10px;text-align:center;color:var(--text-muted);font-size:13px;">No gold lines. Tap “+ Add gold”.</div>') + '</div>' +
            '<div style="display:flex;justify-content:space-between;align-items:center;padding:8px 4px 4px;border-top:1px solid var(--border);margin-top:4px;font-size:14px;font-weight:700;">' +
              '<span>Gold totals</span>' +
              '<span><span id="gold-total-weight">' + gTot.w.toFixed(2) + '</span> g · <span id="gold-total-value" style="color:#B8842C;">' + curSym() + gTot.v.toFixed(2) + '</span></span>' +
            '</div>' +
          '</div>' +
        '</div>' +
        '<div style="margin-bottom:4px;">' +
          '<div style="display:flex;justify-content:space-between;align-items:center;margin:0 0 8px;">' +
            '<h4 style="margin:0;">Silver purchased</h4>' +
            '<button class="btn btn-secondary" id="btn-add-silver-line" style="height:30px;padding:0 12px;font-size:12px;">+ Add silver</button>' +
          '</div>' +
          '<div style="background:var(--surface-2);border-radius:12px;padding:12px;border:1px solid var(--border);">' +
            '<div id="silver-lines">' + (silverLinesHtml || '<div style="padding:10px;text-align:center;color:var(--text-muted);font-size:13px;">No silver lines. Tap “+ Add silver”.</div>') + '</div>' +
            '<div style="display:flex;justify-content:space-between;align-items:center;padding:8px 4px 4px;border-top:1px solid var(--border);margin-top:8px;font-size:14px;font-weight:700;">' +
              '<span>Silver totals</span>' +
              '<span><span id="silver-total-weight">' + sTot.w.toFixed(2) + '</span> g · <span id="silver-total-value" style="color:#666;">' + curSym() + sTot.v.toFixed(2) + '</span></span>' +
            '</div>' +
          '</div>' +
        '</div>';
      // Wire the freshly-built controls.
      bindStockLineInputs();
      var addGoldBtn = document.getElementById('btn-add-gold-line');
      if (addGoldBtn) addGoldBtn.addEventListener('click', function () { appendStockLine('gold'); });
      var addSilverBtn = document.getElementById('btn-add-silver-line');
      if (addSilverBtn) addSilverBtn.addEventListener('click', function () { appendStockLine('silver'); });
      if (typeof getLiveSpot === 'function') { getLiveSpot('gold'); getLiveSpot('silver'); }
    }
    var openStockBtn = document.getElementById('btn-open-stock');
    var stockHost = document.getElementById('trip-stock-host');
    function toggleStock(forceOpen) {
      if (!stockHost) return;
      var willOpen = forceOpen || stockHost.style.display === 'none';
      stockHost.style.display = willOpen ? '' : 'none';
      state._tripStockOpen = willOpen;
      if (willOpen) buildStockSection();
    }
    if (openStockBtn) openStockBtn.addEventListener('click', function () { toggleStock(); });
    // If the user had it open before a re-render (e.g. after adding a line), reopen.
    if (state._tripStockOpen) toggleStock(true);

    // === DEALS OVERRIDE — total count, per-salesman rows, bulk paste ===
    let dealsT;
    function collectDealsBySalesman() {
      const rows = box.querySelectorAll('#deals-by-salesman-rows .salesman-row');
      const arr = [];
      rows.forEach(row => {
        const nameEl = row.querySelector('.deals-salesman-name');
        const countEl = row.querySelector('.deals-salesman-count');
        const name = nameEl ? nameEl.value.trim() : '';
        const count = countEl ? (parseInt(countEl.value, 10) || 0) : 0;
        if (name || count > 0) arr.push({ name: name || 'Unknown', count: count });
      });
      return arr;
    }
    function flushDealsSave() {
      const countEl = document.getElementById('trip-deals-count');
      const bulkEl = document.getElementById('trip-deals-bulk');
      updateTrip(t.id, {
        dealsCountOverride: countEl ? (parseInt(countEl.value, 10) || 0) : 0,
        dealsBySalesman: collectDealsBySalesman(),
        dealsBulkNotes: bulkEl ? bulkEl.value : ''
      });
    }
    function bindDealsInput(el) {
      if (!el || el._dealsBound) return;
      el._dealsBound = true;
      el.addEventListener('input', () => {
        clearTimeout(dealsT);
        dealsT = setTimeout(flushDealsSave, 500);
      });
    }
    function rebindSalesmanRows() {
      box.querySelectorAll('#deals-by-salesman-rows .deals-salesman-name, #deals-by-salesman-rows .deals-salesman-count')
        .forEach(bindDealsInput);
      box.querySelectorAll('#deals-by-salesman-rows .btn-remove-salesman').forEach(b => {
        if (b._removeBound) return;
        b._removeBound = true;
        b.addEventListener('click', () => {
          const rows = box.querySelectorAll('#deals-by-salesman-rows .salesman-row');
          if (rows.length <= 1) {
            // Last row — just clear instead of removing
            const r = rows[0];
            if (r) {
              r.querySelector('.deals-salesman-name').value = '';
              r.querySelector('.deals-salesman-count').value = '';
            }
          } else {
            b.closest('.salesman-row').remove();
          }
          flushDealsSave();
        });
      });
    }
    bindDealsInput(document.getElementById('trip-deals-count'));
    bindDealsInput(document.getElementById('trip-deals-bulk'));
    rebindSalesmanRows();
    const addSalesmanBtn = document.getElementById('btn-add-salesman');
    if (addSalesmanBtn) addSalesmanBtn.addEventListener('click', () => {
      const container = document.getElementById('deals-by-salesman-rows');
      if (!container) return;
      const newIdx = container.querySelectorAll('.salesman-row').length;
      const wrapper = document.createElement('div');
      wrapper.innerHTML = _renderSalesmanRow('', 0, newIdx);
      container.appendChild(wrapper.firstChild);
      rebindSalesmanRows();
      // Focus the new name input
      const lastRow = container.lastElementChild;
      if (lastRow) {
        const nameInput = lastRow.querySelector('.deals-salesman-name');
        if (nameInput) nameInput.focus();
      }
    });

    box.querySelectorAll('.trip-park-row').forEach(r => {
      r.addEventListener('click', (e) => {
        if (e.target.classList.contains('trip-park-remove')) return;
        openPark(r.dataset.id);
      });
    });
    box.querySelectorAll('.trip-park-remove').forEach(b => {
      b.addEventListener('click', (e) => {
        e.stopPropagation();
        const id = b.dataset.rid;
        updateTrip(t.id, { parkIds: (t.parkIds || []).filter(x => x !== id) });
        window.toast('Removed from trip');
      });
    });
    box.querySelectorAll('.trip-expense-row').forEach(r => {
      r.addEventListener('click', () => openExpenseModal(t.id, r.dataset.id));
    });

    // === SAVE / CANCEL ===
    const saveBtn = document.getElementById('btn-trip-save');
    if (saveBtn) bindButton(saveBtn, async () => {
      // Cancel any pending debounced auto-saves and flush latest values immediately
      try { clearTimeout(nameT); } catch (e) {}
      try { clearTimeout(notesT); } catch (e) {}
      try { clearTimeout(adjT); } catch (e) {}
      try { clearTimeout(grossT); } catch (e) {}
      try { clearTimeout(stockT); } catch (e) {}
      const liveName = (nameEl && nameEl.value.trim()) || nextTripName();
      const liveStart = document.getElementById('trip-start').value || '';
      const liveEnd = document.getElementById('trip-end').value || '';
      const liveNotes = (notesEl && notesEl.value) || '';
      const liveAdj = adjEl ? (parseFloat(adjEl.value) || 0) : (Number(t.profitAdjustment) || 0);
      const liveGross = grossEl ? (parseFloat(grossEl.value) || 0) : (Number(t.grossOverride) || 0);
      const patch = {
        name: liveName, startDate: liveStart, endDate: liveEnd,
        notes: liveNotes, profitAdjustment: liveAdj, grossOverride: liveGross
      };
      // Pull live stock as lines, and clear legacy fixed fields to avoid double-count.
      patch.stockLines = readStockLinesFromDOM();
      patch.gold9ct = 0; patch.gold9ct_spot = 0; patch.gold9ct_payout = 0; patch.gold9ct_date = '';
      patch.gold14ct = 0; patch.gold14ct_spot = 0; patch.gold14ct_payout = 0; patch.gold14ct_date = '';
      patch.gold18ct = 0; patch.gold18ct_spot = 0; patch.gold18ct_payout = 0; patch.gold18ct_date = '';
      patch.gold22ct = 0; patch.gold22ct_spot = 0; patch.gold22ct_payout = 0; patch.gold22ct_date = '';
      patch.silver = 0; patch.silver_spot = 0; patch.silver_payout = 0; patch.silver_purity = 0; patch.silver_date = '';
      // Deals override fields
      const dcEl = document.getElementById('trip-deals-count');
      const dbEl = document.getElementById('trip-deals-bulk');
      patch.dealsCountOverride = dcEl ? (parseInt(dcEl.value, 10) || 0) : 0;
      patch.dealsBySalesman = collectDealsBySalesman();
      patch.dealsBulkNotes = dbEl ? dbEl.value : '';
      try { clearTimeout(dealsT); } catch (e) {}
      updateTrip(t.id, patch);

      // Force an immediate cloud push (bypasses the 3-second debounce)
      saveBtn.disabled = true;
      const original = saveBtn.innerHTML;
      saveBtn.innerHTML = 'Saving…';
      try {
        await pushSync();
        window.toast('Trip saved');
        closeTrip();
      } catch (err) {
        console.error('[ParkRoute] Save failed:', err);
        window.toast('Saved locally · cloud retry');
        closeTrip();
      } finally {
        saveBtn.disabled = false;
        saveBtn.innerHTML = original;
      }
    });
    const cancelBtn = document.getElementById('btn-trip-cancel');
    if (cancelBtn) bindButton(cancelBtn, () => closeTrip());
    }); // end requestAnimationFrame (deferred wiring)
  }

  // =========================================================================
  // ADD-PARKS PICKER (modal injected dynamically)
  // =========================================================================
  let _pickerSelection = {};
  let _pickerTargetTripId = null;

  function ensureAddParksPicker() {
    if (document.getElementById('add-parks-backdrop')) return;
    const html =
      '<div class="modal-backdrop" id="add-parks-backdrop">' +
        '<div class="modal" style="max-height:85vh;display:flex;flex-direction:column;">' +
          '<div class="modal-head"><h2>Add locations to trip</h2>' +
            '<button class="icon-btn" data-close-modal-picker>' +
              '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>' +
            '</button>' +
          '</div>' +
          '<div class="modal-body" style="flex:1;overflow:hidden;display:flex;flex-direction:column;">' +
            '<input type="search" id="add-parks-search" placeholder="Search parks…" class="search-input" style="padding-left:12px;margin-bottom:10px;flex-shrink:0;" />' +
            '<div id="add-parks-list" style="flex:1;overflow-y:auto;"></div>' +
          '</div>' +
          '<div class="modal-foot">' +
            '<span id="add-parks-count" style="margin-right:auto;font-size:13px;color:var(--text-muted);">0 selected</span>' +
            '<button class="btn btn-secondary" data-close-modal-picker>Cancel</button>' +
            '<button class="btn btn-primary" id="btn-confirm-add-parks">Add</button>' +
          '</div>' +
        '</div>' +
      '</div>';
    document.body.insertAdjacentHTML('beforeend', html);
    document.querySelectorAll('#add-parks-backdrop [data-close-modal-picker]').forEach(b =>
      b.addEventListener('click', closeAddParksPicker));
    document.getElementById('add-parks-backdrop').addEventListener('click', e => {
      if (e.target.id === 'add-parks-backdrop') closeAddParksPicker();
    });
    let searchT;
    document.getElementById('add-parks-search').addEventListener('input', e => {
      clearTimeout(searchT);
      searchT = setTimeout(() => renderPickerList(e.target.value), 150);
    });
    document.getElementById('btn-confirm-add-parks').addEventListener('click', confirmAddParksToTrip);
  }

  function openAddParksPicker(tripId) {
    ensureAddParksPicker();
    _pickerTargetTripId = tripId;
    _pickerSelection = {};
    document.getElementById('add-parks-search').value = '';
    renderPickerList('');
    document.getElementById('add-parks-backdrop').classList.add('open');
  }

  function closeAddParksPicker() {
    document.getElementById('add-parks-backdrop').classList.remove('open');
    _pickerSelection = {};
  }

  function renderPickerList(query) {
    const list = document.getElementById('add-parks-list');
    if (!list) return;
    const trip = state.trips.find(t => t.id === _pickerTargetTripId);
    const alreadyIn = {};
    if (trip) (trip.parkIds || []).forEach(id => { alreadyIn[id] = true; });
    const q = (query || '').trim().toLowerCase();
    let parks = state.parks;
    if (q) parks = parks.filter(p => (p.name + ' ' + p.town + ' ' + p.county).toLowerCase().indexOf(q) >= 0);
    parks = parks.filter(p => !alreadyIn[p.id]);

    // Sort: working first, then recently done, then everything else
    const working   = parks.filter(p => p.status === 'in_progress')
                           .sort((a, b) => (b.modifiedAt || '').localeCompare(a.modifiedAt || ''));
    const done      = parks.filter(p => p.status === 'done')
                           .sort((a, b) => (b.doneAt || '').localeCompare(a.doneAt || ''));
    const workingIds = {}; working.forEach(p => { workingIds[p.id] = true; });
    const doneIds    = {}; done.forEach(p => { doneIds[p.id] = true; });
    const others    = parks.filter(p => !workingIds[p.id] && !doneIds[p.id]);
    parks = working.concat(done).concat(others).slice(0, 300);

    if (parks.length === 0) {
      list.innerHTML = '<div style="padding:20px;text-align:center;color:var(--text-muted);">No matching parks.</div>';
    } else {
      let html = '';
      // Optional section labels for the top tiers
      let renderedHeads = { working: false, done: false, others: false };
      parks.forEach(p => {
        // Insert a small header when we transition tiers (only when no search query)
        if (!q) {
          if (p.status === 'in_progress' && !renderedHeads.working) {
            html += '<div style="font-size:10px;text-transform:uppercase;letter-spacing:0.08em;color:var(--text-muted);padding:8px 4px 4px;font-weight:700;">Working on now</div>';
            renderedHeads.working = true;
          } else if (p.status === 'done' && !renderedHeads.done) {
            html += '<div style="font-size:10px;text-transform:uppercase;letter-spacing:0.08em;color:var(--text-muted);padding:12px 4px 4px;font-weight:700;border-top:1px solid var(--border);margin-top:4px;">Recently completed</div>';
            renderedHeads.done = true;
          } else if (p.status !== 'in_progress' && p.status !== 'done' && !renderedHeads.others) {
            html += '<div style="font-size:10px;text-transform:uppercase;letter-spacing:0.08em;color:var(--text-muted);padding:12px 4px 4px;font-weight:700;border-top:1px solid var(--border);margin-top:4px;">All other parks</div>';
            renderedHeads.others = true;
          }
        }
        const ticked = !!_pickerSelection[p.id];
        const col = ratingColor(p.rating);
        const dot = col
          ? '<span style="display:inline-block;width:8px;height:8px;border-radius:50%;background:' + col + ';flex-shrink:0;margin-right:8px;"></span>'
          : '';
        const statusBadge = p.status === 'in_progress'
          ? '<span style="font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;padding:2px 6px;border-radius:4px;background:var(--accent, #D97706);color:#fff;margin-left:6px;flex-shrink:0;">Working</span>'
          : (p.status === 'done'
              ? '<span style="font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;padding:2px 6px;border-radius:4px;background:var(--primary, #2B6E4A);color:#fff;margin-left:6px;flex-shrink:0;">Done</span>'
              : '');
        html += '<div class="picker-row" data-id="' + escapeHtml(p.id) + '" style="display:flex;align-items:center;padding:10px 4px;border-bottom:1px solid var(--border);cursor:pointer;">' +
          '<span style="width:22px;height:22px;border-radius:6px;border:1.5px solid ' + (ticked ? 'var(--primary, #2B6E4A)' : 'var(--border)') + ';background:' + (ticked ? 'var(--primary, #2B6E4A)' : 'transparent') + ';flex-shrink:0;margin-right:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:700;">' + (ticked ? '✓' : '') + '</span>' +
          '<div style="flex:1;min-width:0;">' +
            '<div style="font-size:14px;font-weight:500;display:flex;align-items:center;">' + dot + '<span style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">' + escapeHtml(p.name) + '</span>' + statusBadge + '</div>' +
            '<div style="font-size:12px;color:var(--text-muted);">' + escapeHtml(p.town) + (p.county ? ' · ' + escapeHtml(p.county) : '') + '</div>' +
          '</div></div>';
      });
      list.innerHTML = html;
    }
    list.querySelectorAll('.picker-row').forEach(r => {
      r.addEventListener('click', () => {
        const id = r.dataset.id;
        if (_pickerSelection[id]) delete _pickerSelection[id];
        else _pickerSelection[id] = true;
        renderPickerList(document.getElementById('add-parks-search').value);
      });
    });
    document.getElementById('add-parks-count').textContent = Object.keys(_pickerSelection).length + ' selected';
  }

  function confirmAddParksToTrip() {
    const ids = Object.keys(_pickerSelection);
    const trip = state.trips.find(t => t.id === _pickerTargetTripId);
    if (!trip) { closeAddParksPicker(); return; }
    if (ids.length === 0) { closeAddParksPicker(); return; }
    const merged = (trip.parkIds || []).concat(ids).filter((v, i, a) => a.indexOf(v) === i);
    updateTrip(trip.id, { parkIds: merged });
    closeAddParksPicker();
    window.toast(ids.length + ' park' + (ids.length > 1 ? 's' : '') + ' added');
  }

  // =========================================================================
  // SELECTION MODE — multi-select on main Parks list
  // =========================================================================
  function enterSelectionMode() {
    state.selectionMode = true;
    state.selectedParkIds = {};
    showSelectionBar();
    window.render();
  }

  function exitSelectionMode() {
    state.selectionMode = false;
    state.selectedParkIds = {};
    hideSelectionBar();
    window.render();
  }

  function showSelectionBar() {
    let bar = document.getElementById('selection-bar');
    if (!bar) {
      bar = document.createElement('div');
      bar.id = 'selection-bar';
      bar.style.cssText = 'position:fixed;left:12px;right:12px;bottom:calc(80px + env(safe-area-inset-bottom,0px));background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:10px 12px;box-shadow:0 4px 20px rgba(0,0,0,0.15);z-index:90;display:flex;gap:8px;align-items:center;';
      document.body.appendChild(bar);
    }
    bar.style.display = 'flex';
    updateSelectionBar();
  }

  function hideSelectionBar() {
    const bar = document.getElementById('selection-bar');
    if (bar) bar.style.display = 'none';
  }

  function updateSelectionBar() {
    const bar = document.getElementById('selection-bar');
    if (!bar) return;
    const n = Object.keys(state.selectedParkIds).length;
    bar.innerHTML = '<span style="font-size:13px;font-weight:600;flex:1;">' + n + ' selected</span>' +
      '<button class="btn btn-secondary" id="btn-sel-cancel" style="height:32px;padding:0 12px;font-size:12px;">Cancel</button>' +
      (n > 0 ? '<button class="btn btn-primary" id="btn-sel-add" style="height:32px;padding:0 12px;font-size:12px;">Add to Trip ▾</button>' : '');
    document.getElementById('btn-sel-cancel').addEventListener('click', exitSelectionMode);
    const addBtn = document.getElementById('btn-sel-add');
    if (addBtn) addBtn.addEventListener('click', openTripChooser);
  }

  function toggleParkSelected(id) {
    if (state.selectedParkIds[id]) delete state.selectedParkIds[id];
    else state.selectedParkIds[id] = true;
    updateSelectionBar();
    renderList();
  }

  function renderListSelection() {
    const list = document.getElementById('list-view');
    if (!list) return;
    const parks = visibleParks();
    if (parks.length === 0) {
      list.innerHTML = '<div style="padding:32px 16px;text-align:center;color:var(--text-muted);">No parks to show.</div>';
      return;
    }
    const byCounty = {};
    parks.forEach(p => {
      const c = p.county || 'Other';
      (byCounty[c] = byCounty[c] || []).push(p);
    });
    let html = '<div style="padding:8px 12px;font-size:12px;color:var(--text-muted);">Tap parks to select · ' + Object.keys(state.selectedParkIds).length + ' chosen</div>';
    Object.keys(byCounty).sort().forEach(c => {
      html += '<div class="county-group"><div class="county-head">' + escapeHtml(c) + ' <span class="county-count">' + byCounty[c].length + '</span></div>';
      byCounty[c].forEach(p => {
        const ticked = !!state.selectedParkIds[p.id];
        const col = ratingColor(p.rating);
        const dot = col ? '<span style="display:inline-block;width:8px;height:8px;border-radius:50%;background:' + col + ';margin-right:6px;flex-shrink:0;"></span>' : '';
        html += '<div class="park-row sel-row" data-id="' + escapeHtml(p.id) + '">' +
          '<span style="width:22px;height:22px;border-radius:6px;border:1.5px solid ' + (ticked ? '#2B6E4A' : 'var(--border)') + ';background:' + (ticked ? '#2B6E4A' : 'transparent') + ';flex-shrink:0;margin-right:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:700;">' + (ticked ? '✓' : '') + '</span>' +
          '<div style="flex:1;min-width:0;display:flex;align-items:center;">' + dot +
          '<div style="flex:1;min-width:0;"><div class="park-row-name">' + escapeHtml(p.name) + '</div>' +
          '<div class="park-row-sub">' + escapeHtml(p.town) + '</div></div></div></div>';
      });
      html += '</div>';
    });
    list.innerHTML = html;
    list.querySelectorAll('.sel-row').forEach(r => {
      r.addEventListener('click', () => toggleParkSelected(r.dataset.id));
    });
  }

  function openTripChooser() {
    const ids = Object.keys(state.selectedParkIds);
    if (ids.length === 0) return;
    let html = '<div id="trip-chooser-backdrop" class="modal-backdrop open" style="z-index:120;">' +
      '<div class="modal" style="max-width:380px;">' +
      '<div class="modal-head"><h2>Add ' + ids.length + ' park' + (ids.length > 1 ? 's' : '') + ' to…</h2>' +
      '<button class="icon-btn" data-tc-close>' +
      '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>' +
      '</button></div>' +
      '<div class="modal-body" style="max-height:60vh;overflow-y:auto;">' +
      '<button class="btn btn-primary" id="tc-new" style="width:100%;margin-bottom:12px;">+ Create new trip</button>';
    if (state.trips.length === 0) {
      html += '<p style="font-size:12px;color:var(--text-muted);text-align:center;margin:8px 0;">No existing trips. Create a new one above.</p>';
    } else {
      html += '<div style="font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:6px;">Or add to existing</div>';
      state.trips.slice().sort((a, b) => (b.startDate || b.createdAt || '').localeCompare(a.startDate || a.createdAt || '')).forEach(t => {
        html += '<button class="btn btn-secondary tc-trip" data-id="' + escapeHtml(t.id) + '" style="width:100%;margin-bottom:6px;text-align:left;justify-content:flex-start;">' +
          escapeHtml(t.name) + '<span style="color:var(--text-muted);font-weight:400;font-size:12px;margin-left:6px;">· ' + (t.parkIds || []).length + ' parks</span></button>';
      });
    }
    html += '</div></div></div>';
    document.body.insertAdjacentHTML('beforeend', html);
    const close = () => { const b = document.getElementById('trip-chooser-backdrop'); if (b) b.remove(); };
    document.querySelector('#trip-chooser-backdrop [data-tc-close]').addEventListener('click', close);
    document.getElementById('trip-chooser-backdrop').addEventListener('click', e => {
      if (e.target.id === 'trip-chooser-backdrop') close();
    });
    document.getElementById('tc-new').addEventListener('click', () => {
      const id = 't_' + Math.random().toString(36).slice(2,10);
      const today = new Date().toISOString().slice(0,10);
      const trip = {
        id: id, name: nextTripName(), startDate: today, endDate: '',
        parkIds: ids.slice(), expenses: [], notes: '',
        createdAt: new Date().toISOString(), updatedAt: new Date().toISOString()
      };
      state.trips.push(trip);
      lsSet(LS.trips, state.trips);
      state.dirty = true;
      scheduleSync();
      // Auto-mark these parks as done since they're now part of a trip
      markParksDone(ids.slice());
      close();
      exitSelectionMode();
      window.toast('Created ' + trip.name + ' · ' + ids.length + ' parks');
      window.switchTab('trips');
      openTrip(id);
    });
    document.querySelectorAll('#trip-chooser-backdrop .tc-trip').forEach(b => {
      b.addEventListener('click', () => {
        const t = state.trips.find(x => x.id === b.dataset.id);
        if (!t) return;
        const merged = (t.parkIds || []).concat(ids).filter((v, i, a) => a.indexOf(v) === i);
        updateTrip(t.id, { parkIds: merged });
        close();
        exitSelectionMode();
        window.toast('Added ' + ids.length + ' to ' + t.name);
      });
    });
  }

  // =========================================================================
  // SELECT BUTTON in topbar
  // =========================================================================
  // Header burger opens its OWN sheet (separate from the bottom More tab).
  window.openHeaderMenu = function () {
    if (typeof window.syncMoreBadges === 'function') window.syncMoreBadges();
    var bd = document.getElementById('burger-backdrop');
    var sh = document.getElementById('burger-sheet');
    if (bd) bd.classList.add('open');
    if (sh) sh.classList.add('open');
    if (typeof window.syncOverlayState === 'function') window.syncOverlayState();
  };
  window.closeHeaderMenu = function () {
    var bd = document.getElementById('burger-backdrop');
    var sh = document.getElementById('burger-sheet');
    if (bd) bd.classList.remove('open');
    if (sh) sh.classList.remove('open');
    if (typeof window.syncOverlayState === 'function') window.syncOverlayState();
  };
  // Navigate from the burger sheet to a tab (closes the burger first).
  window.burgerGo = function (tab) {
    window.closeHeaderMenu();
    window.switchTab(tab);
  };

  // Quick "Add a deal" — same action as the floating £+ FAB, but reachable
  // from the bottom More sheet and the header burger menu so it's always one
  // tap away (logging deals is the most frequent action).
  window.moreAddDeal = function () {
    if (typeof window.closeMoreSheet === 'function') window.closeMoreSheet();
    openDealModal(null, null);
  };
  window.burgerAddDeal = function () {
    if (typeof window.closeHeaderMenu === 'function') window.closeHeaderMenu();
    openDealModal(null, null);
  };
  window.moreAddLocation = function () {
    if (typeof window.closeMoreSheet === 'function') window.closeMoreSheet();
    window.openAddLocation();
  };
  window.burgerAddLocation = function () {
    if (typeof window.closeHeaderMenu === 'function') window.closeHeaderMenu();
    window.openAddLocation();
  };

  function injectSelectButton() {
    // Select-parks now lives in the More sheet (#btn-select there); wire it.
    const sel = document.getElementById('btn-select');
    if (sel && !sel._wired) {
      sel._wired = true;
      sel.addEventListener('click', () => {
        if (typeof window.closeHeaderMenu === 'function') window.closeHeaderMenu();
        if (state.selectionMode) exitSelectionMode();
        else enterSelectionMode();
      });
    }
  }

  // =========================================================================
  // DEAL FAB — floating + button to log a deal from anywhere
  // =========================================================================
  function injectDealFab() {
    if (document.getElementById('btn-deal-fab')) return;
    const fab = document.createElement('button');
    fab.id = 'btn-deal-fab';
    fab.type = 'button';
    fab.title = 'Log a deal';
    fab.setAttribute('aria-label', 'Log a deal');
    fab.style.cssText = [
      'position:fixed',
      'right:16px',
      'bottom:calc(158px + env(safe-area-inset-bottom,0px))',
      'background:#2B6E4A',
      'color:#fff',
      'width:54px',
      'height:54px',
      'border-radius:50%',
      'border:none',
      'box-shadow:0 4px 14px rgba(0,0,0,0.28)',
      'cursor:pointer',
      'z-index:40',
      'display:flex',
      'align-items:center',
      'justify-content:center',
      'font-family:inherit',
      'padding:0'
    ].join(';') + ';';
    fab.innerHTML = '<span style="font-size:22px;font-weight:800;line-height:1;letter-spacing:-1px;">' + curSym() + '+</span>';
    document.body.appendChild(fab);
    bindButton(fab, () => openDealModal(null, null));
  }

  // Hide the duplicate "Deals & Purchases" section in the park panel
  // (the one with deals-summary + big add-deal-btn). Keeps the cleaner
  // "Deals at this park" section above it.
  function hideDuplicateDealsSection() {
    const sum = document.getElementById('deals-summary');
    if (!sum) return;
    const sec = sum.closest('section');
    if (sec) sec.style.display = 'none';
  }

  // =========================================================================
  // NOTIFICATIONS / @ MENTIONS
  // Team alerts: salesmen can @-mention each other or broadcast.
  // Cloud-synced via parkroute_sync.notifications. Read state is local (per device).
  // =========================================================================
  let _mentionsFilter = 'inbox';

  function getSalesmenList() {
    const set = {};
    state.deals.forEach(d => { if (d.salesman) set[d.salesman] = true; });
    state.parks.forEach(p => { if (p.modifiedBy) set[p.modifiedBy] = true; });
    state.trips.forEach(t => (t.expenses || []).forEach(e => { if (e.payer) set[e.payer] = true; }));
    state.notifications.forEach(n => {
      if (n.from) set[n.from] = true;
      (n.to || []).forEach(r => { if (r) set[r] = true; });
    });
    if (state.salesman) set[state.salesman] = true;
    return Object.keys(set).sort();
  }

  function countUnreadNotifs() {
    const me = state.salesman;
    if (!me) return 0;
    return state.notifications.filter(n => {
      if (state.readNotifs[n.id]) return false;
      if (n.from === me) return false;
      if (n.toAll) return true;
      return (n.to || []).indexOf(me) >= 0;
    }).length;
  }

  function injectBellIcon() {
    const actions = document.querySelector('.topbar-actions');
    if (!actions || document.getElementById('btn-notif')) return;
    const btn = document.createElement('button');
    btn.id = 'btn-notif';
    btn.className = 'icon-btn';
    btn.title = 'Notifications';
    btn.style.cssText = 'position:relative;';
    btn.innerHTML =
      '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" width="20" height="20">' +
      '<path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"></path>' +
      '<path d="M13.73 21a2 2 0 0 1-3.46 0"></path></svg>' +
      '<span id="notif-badge" style="position:absolute;top:-2px;right:-2px;min-width:16px;height:16px;border-radius:8px;background:#C53030;color:#fff;font-size:10px;font-weight:700;display:none;align-items:center;justify-content:center;padding:0 4px;line-height:1;box-sizing:border-box;">0</span>';
    actions.insertBefore(btn, actions.firstChild);
    bindButton(btn, () => window.switchTab('mentions'));
    updateBellBadge();
  }

  function updateBellBadge() {
    const n = countUnreadNotifs();
    const badge = document.getElementById('notif-badge');
    if (badge) {
      if (n > 0) {
        badge.textContent = n > 9 ? '9+' : String(n);
        badge.style.display = 'flex';
      } else {
        badge.style.display = 'none';
      }
    }
    if (typeof window.syncMoreBadges === 'function') window.syncMoreBadges();
  }

  function injectMentionsTab() {
    if (document.querySelector('.tab-btn[data-tab="mentions"]')) return;
    const tabs = document.querySelectorAll('.tab-btn');
    if (tabs.length === 0) return;
    const lastTab = tabs[tabs.length - 1];
    const parent = lastTab.parentElement;
    const btn = document.createElement('button');
    btn.className = 'tab-btn';
    btn.dataset.tab = 'mentions';
    btn.innerHTML = '<span style="font-size:16px;font-weight:700;">@</span>';
    btn.title = 'Team mentions';
    parent.appendChild(btn);
    btn.addEventListener('click', () => window.switchTab('mentions'));
    // Add tab content container alongside the other tabs
    const tabParks = document.getElementById('tab-parks');
    if (!tabParks || document.getElementById('tab-mentions')) return;
    const container = document.createElement('div');
    container.id = 'tab-mentions';
    container.style.display = 'none';
    container.innerHTML = '<div id="mentions-view"></div>';
    tabParks.parentElement.appendChild(container);
  }

  function sendNotification(toList, toAll, message) {
    const msg = (message || '').trim();
    if (!msg) return;
    const n = {
      id: 'n_' + Math.random().toString(36).slice(2, 10),
      from: state.salesman || 'Unknown',
      toAll: !!toAll,
      to: toList || [],
      message: msg,
      createdAt: new Date().toISOString(),
      readBy: []
    };
    state.notifications.push(n);
    lsSet(LS.notifications, state.notifications);
    state.dirty = true;
    scheduleSync();
  }

  function markNotifRead(id) {
    state.readNotifs[id] = true;
    lsSet(LS.readNotifs, state.readNotifs);
    updateBellBadge();
  }

  function markAllRead() {
    const me = state.salesman;
    if (!me) return;
    state.notifications.forEach(n => {
      if (n.from === me) return;
      const isRecipient = n.toAll || (n.to || []).indexOf(me) >= 0;
      if (isRecipient) state.readNotifs[n.id] = true;
    });
    lsSet(LS.readNotifs, state.readNotifs);
    updateBellBadge();
    renderMentions();
  }

  function renderMentions() {
    const box = document.getElementById('mentions-view');
    if (!box) return;
    const me = state.salesman;
    if (!me) {
      box.innerHTML = _teamSubToggle('mentions') +
        '<div style="padding:32px 20px;text-align:center;color:var(--text-muted);">' +
        '<p style="margin:0 0 8px;font-size:14px;">Set your name in <strong>Settings</strong> first so other salesmen know who you are.</p>' +
        '</div>';
      return;
    }
    const salesmen = getSalesmenList().filter(s => s !== me);

    // Compose
    let html = _teamSubToggle('mentions');
    html += '<div style="padding:12px;background:var(--surface);border-bottom:1px solid var(--border);">' +
      '<div style="font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:6px;font-weight:600;">New @ mention</div>' +
      '<select id="ment-to" style="width:100%;padding:10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;background:var(--surface);color:var(--text);box-sizing:border-box;margin-bottom:8px;">' +
        '<option value="__all__">Everyone (broadcast)</option>';
    salesmen.forEach(s => {
      html += '<option value="' + escapeHtml(s) + '">@' + escapeHtml(s) + '</option>';
    });
    html += '</select>' +
      '<textarea id="ment-msg" placeholder="Write a quick message to the team…" rows="2" style="width:100%;padding:10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;background:var(--surface);color:var(--text);box-sizing:border-box;resize:vertical;margin-bottom:8px;"></textarea>' +
      '<button id="ment-send" class="btn btn-primary" style="width:100%;height:40px;">Send</button>' +
    '</div>';

    // Tabs
    const unreadIn = state.notifications.filter(n => {
      if (n.from === me) return false;
      if (state.readNotifs[n.id]) return false;
      if (n.toAll) return true;
      return (n.to || []).indexOf(me) >= 0;
    }).length;
    const inboxActive = _mentionsFilter === 'inbox';
    const sentActive = _mentionsFilter === 'sent';
    const tabStyle = (active) => 'flex:1;padding:12px;background:' + (active ? 'var(--surface)' : 'transparent') +
      ';border:none;font-family:inherit;font-size:13px;font-weight:600;color:var(--text);cursor:pointer;' +
      'border-bottom:2px solid ' + (active ? '#2B6E4A' : 'transparent') + ';';
    html += '<div style="display:flex;background:var(--surface-2);">' +
      '<button id="ment-tab-inbox" style="' + tabStyle(inboxActive) + '">Inbox' +
        (unreadIn > 0 ? ' <span style="background:#C53030;color:#fff;border-radius:8px;padding:1px 6px;font-size:11px;margin-left:4px;">' + unreadIn + '</span>' : '') +
      '</button>' +
      '<button id="ment-tab-sent" style="' + tabStyle(sentActive) + '">Sent</button>' +
    '</div>';

    if (inboxActive && unreadIn > 0) {
      html += '<div style="padding:8px 12px;display:flex;justify-content:flex-end;background:var(--surface);"><button id="ment-mark-all" class="btn btn-ghost" style="font-size:12px;height:28px;padding:0 12px;">Mark all read</button></div>';
    }

    // List
    let list = [];
    if (inboxActive) {
      list = state.notifications.filter(n => {
        if (n.from === me) return false;
        if (n.toAll) return true;
        return (n.to || []).indexOf(me) >= 0;
      });
    } else {
      list = state.notifications.filter(n => n.from === me);
    }
    list.sort((a, b) => (b.createdAt || '').localeCompare(a.createdAt || ''));

    if (list.length === 0) {
      html += '<div style="padding:32px 20px;text-align:center;color:var(--text-muted);font-size:13px;">' +
        (inboxActive ? 'No messages yet. Other salesmen\'s @ mentions will show up here.' : "You haven't sent any messages yet.") +
        '</div>';
    } else {
      list.forEach(n => {
        const isUnread = inboxActive && !state.readNotifs[n.id];
        const targets = n.toAll ? 'Everyone' : (n.to || []).map(t => '@' + t).join(', ');
        html += '<div class="ment-row" data-id="' + escapeHtml(n.id) + '" style="padding:12px 14px;border-bottom:1px solid var(--border);cursor:pointer;background:' + (isUnread ? 'rgba(43,110,74,0.06)' : 'transparent') + ';">' +
          '<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;">' +
            '<span style="font-weight:700;font-size:13px;color:var(--text);">' +
              (isUnread ? '<span style="display:inline-block;width:8px;height:8px;border-radius:50%;background:#2B6E4A;margin-right:6px;vertical-align:middle;"></span>' : '') +
              (inboxActive ? escapeHtml(n.from) : 'To ' + escapeHtml(targets)) +
            '</span>' +
            '<span style="font-size:11px;color:var(--text-muted);">' + escapeHtml(relTime(n.createdAt)) + '</span>' +
          '</div>' +
          '<div style="font-size:13px;color:var(--text);line-height:1.5;white-space:pre-wrap;">' + escapeHtml(n.message) + '</div>' +
          (inboxActive && n.toAll ? '<div style="font-size:11px;color:var(--text-muted);margin-top:4px;">Broadcast to everyone</div>' : '') +
        '</div>';
      });
    }
    box.innerHTML = html;

    // Bind
    const sendBtn = document.getElementById('ment-send');
    if (sendBtn) {
      bindButton(sendBtn, () => {
        const sel = document.getElementById('ment-to');
        const msgEl = document.getElementById('ment-msg');
        const msg = msgEl.value.trim();
        if (!msg) { window.toast('Type a message first'); return; }
        const to = sel.value;
        if (to === '__all__') sendNotification([], true, msg);
        else sendNotification([to], false, msg);
        msgEl.value = '';
        window.toast(to === '__all__' ? 'Broadcast sent' : 'Sent to ' + to);
        _mentionsFilter = 'sent';
        renderMentions();
      });
    }
    const ib = document.getElementById('ment-tab-inbox');
    if (ib) bindButton(ib, () => { _mentionsFilter = 'inbox'; renderMentions(); });
    const st = document.getElementById('ment-tab-sent');
    if (st) bindButton(st, () => { _mentionsFilter = 'sent'; renderMentions(); });
    const ma = document.getElementById('ment-mark-all');
    if (ma) bindButton(ma, () => { markAllRead(); window.toast('All marked read'); });
    document.querySelectorAll('.ment-row').forEach(r => {
      r.addEventListener('click', () => {
        if (inboxActive && !state.readNotifs[r.dataset.id]) {
          markNotifRead(r.dataset.id);
          r.style.background = 'transparent';
          const dot = r.querySelector('span[style*="border-radius:50%"]');
          if (dot) dot.style.display = 'none';
          // Update unread counts on tab
          renderMentions();
        }
      });
    });
    updateBellBadge();
  }

  // Periodic poll while the app is visible — pulls fresh notifications/data
  let _notifPollTimer = null;
  // True when the user is actively editing a screen we must not rebuild under
  // them (trip detail with its many inputs is the main one). A re-render here
  // throws away focus, the on-screen keyboard, and any half-typed value.
  function _isEditingSensitiveScreen() {
    if (state.openTripId) return true; // trip detail is open
    var ae = document.activeElement;
    if (ae && (ae.tagName === 'INPUT' || ae.tagName === 'TEXTAREA' || ae.tagName === 'SELECT')) return true;
    return false;
  }
  function startNotificationsPoll() {
    if (_notifPollTimer) return;
    _notifPollTimer = setInterval(() => {
      if (document.visibilityState !== 'visible') return;
      if (window._countrySwitching) return;
      // V-269: if there's unsaved local work, use this 30s heartbeat to FLUSH it
      // to the cloud (don't just skip) — so a deal that failed its instant push
      // still syncs within 30s. We don't pull on the same tick to avoid clobbering
      // the in-flight local edit; the next tick pulls once we're clean.
      if (state.dirty) {
        if (typeof pushSync === 'function') { try { pushSync(); } catch (e) {} }
        return;
      }
      pullSync().then((sync) => {
        if (sync) {
          applySyncData(sync);
          // Don't rebuild the UI if the user is mid-edit (e.g. in a trip) — just
          // refresh the lightweight badge. The new data is in state and will
          // show next time the view is opened/closed normally.
          if (typeof window.render === 'function' && !_isEditingSensitiveScreen()) window.render();
        }
        updateBellBadge();
        // V-253: also refresh the approvals badge/alert on every foreground poll
        // so a partner's new approval surfaces within ~60s instead of only when
        // some other action happens to trigger it (the 48-min Sheryl Sarre gap).
        if (typeof window.refreshApprovalsBadge === 'function') { try { window.refreshApprovalsBadge(); } catch (e) {} }
        if (state.currentTab === 'mentions' && !_isEditingSensitiveScreen()) renderMentions();
      }).catch(() => {});
    }, 30000);
    // Also pull when the tab/app comes back to the foreground
    document.addEventListener('visibilitychange', () => {
      if (document.visibilityState !== 'visible') return;
      // V-258: on returning to the app, refresh the token first (it may have
      // expired while backgrounded), then flush any deal queued by a failed
      // push so it syncs the moment we're back — before anything else.
      (async function () {
        try { if (typeof ensureFreshToken === 'function') await ensureFreshToken(); } catch (e) {}
        if (state.dirty && typeof pushSync === 'function') { try { await pushSync(); } catch (e) {} return; }
        pullSync().then((sync) => {
          if (sync) {
            applySyncData(sync);
            if (typeof window.render === 'function' && !_isEditingSensitiveScreen()) window.render();
          }
          updateBellBadge();
          if (typeof window.refreshApprovalsBadge === 'function') { try { window.refreshApprovalsBadge(); } catch (e) {} }
          if (state.currentTab === 'mentions' && !_isEditingSensitiveScreen()) renderMentions();
        }).catch(() => {});
      })();
    });
  }

  // =========================================================================
  // EXPENSE MODAL — wires existing #expense-form-backdrop fields
  // =========================================================================
  let _currentExpenseTrip = null;
  let _currentExpenseId = null;

  function ensureExpenseCategory() {
    if (document.getElementById('ef-category')) return;
    const desc = document.getElementById('ef-desc');
    if (!desc) return;
    // The description sits inside a wrapper div; we add a category select right before that wrapper
    let wrap = desc.parentElement;
    // Walk up to find the form-row containing the description, fallback to parent
    if (!wrap) return;
    const block = document.createElement('div');
    block.style.marginBottom = '12px';
    block.innerHTML = '<label class="form-label" style="display:block;font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:4px;">Category</label>' +
      '<select id="ef-category" class="form-input" style="width:100%;">' +
        '<option value="Jewellery purchased">Jewellery purchased</option>' +
        '<option value="Fuel">Fuel</option>' +
        '<option value="Hotel">Hotel</option>' +
        '<option value="Food">Food</option>' +
        '<option value="Leaflets / marketing">Leaflets / marketing</option>' +
        '<option value="Other">Other</option>' +
      '</select>';
    wrap.parentNode.insertBefore(block, wrap);
  }

  function openExpenseModal(tripId, expenseId) {
    ensureExpenseCategory();
    _currentExpenseTrip = tripId;
    _currentExpenseId = expenseId;
    const today = new Date().toISOString().slice(0,10);
    const payer = document.getElementById('ef-payer');
    const shared = document.getElementById('ef-shared');
    const desc = document.getElementById('ef-desc');
    const amount = document.getElementById('ef-amount');
    const date = document.getElementById('ef-date');
    const cat = document.getElementById('ef-category');
    const delBtn = document.getElementById('btn-delete-expense');

    if (payer) payer.value = state.salesman || (payer.options && payer.options[0] && payer.options[0].value) || '';
    if (shared) shared.value = 'no';
    if (desc) desc.value = '';
    if (amount) amount.value = '';
    if (date) date.value = today;
    if (cat) cat.value = 'Jewellery purchased';
    const amtLabel = document.getElementById('ef-amount-label');
    if (amtLabel) amtLabel.textContent = 'Amount (' + curSym() + ')';

    if (expenseId) {
      const trip = state.trips.find(t => t.id === tripId);
      const e = trip && (trip.expenses || []).find(x => x.id === expenseId);
      if (e) {
        if (payer) payer.value = e.payer || state.salesman || '';
        if (shared) shared.value = e.shared || 'no';
        if (desc) desc.value = e.description || '';
        if (amount) amount.value = e.amount || '';
        if (date) date.value = e.date || today;
        if (cat) cat.value = e.category || 'COGS';
      }
    }
    // Inject a delete button if missing
    if (expenseId) injectExpenseDeleteButton(expenseId);
    else removeExpenseDeleteButton();
    openModal('expense-form-backdrop');
  }

  function injectExpenseDeleteButton(expenseId) {
    const foot = document.querySelector('#expense-form-backdrop .modal-foot');
    if (!foot) return;
    let del = document.getElementById('btn-delete-expense');
    if (!del) {
      del = document.createElement('button');
      del.id = 'btn-delete-expense';
      del.className = 'btn btn-danger';
      del.style.cssText = 'margin-right:auto;';
      del.textContent = 'Delete';
      foot.insertBefore(del, foot.firstChild);
    }
    del.style.display = '';
    del.onclick = () => {
      if (!confirm('Delete this expense?')) return;
      const trip = state.trips.find(t => t.id === _currentExpenseTrip);
      if (!trip) return;
      trip.expenses = (trip.expenses || []).filter(x => x.id !== expenseId);
      closeAllModals();
      window.toast('Expense deleted');
      (window.requestAnimationFrame || function (fn) { return setTimeout(fn, 16); })(function () {
        updateTrip(trip.id, { expenses: trip.expenses });
      });
    };
  }

  function removeExpenseDeleteButton() {
    const del = document.getElementById('btn-delete-expense');
    if (del) del.style.display = 'none';
  }

  function saveExpense() {
    if (!_currentExpenseTrip) return;
    const trip = state.trips.find(t => t.id === _currentExpenseTrip);
    if (!trip) return;
    trip.expenses = trip.expenses || [];
    const desc = document.getElementById('ef-desc');
    const amount = document.getElementById('ef-amount');
    const payer = document.getElementById('ef-payer');
    const shared = document.getElementById('ef-shared');
    const date = document.getElementById('ef-date');
    const cat = document.getElementById('ef-category');
    const exp = {
      id: _currentExpenseId || ('e_' + Math.random().toString(36).slice(2,10)),
      date: date ? date.value : new Date().toISOString().slice(0,10),
      payer: payer ? payer.value : '',
      shared: shared ? shared.value : 'no',
      category: cat ? cat.value : 'COGS',
      description: desc ? desc.value.trim() : '',
      amount: amount ? (parseFloat(amount.value) || 0) : 0
    };
    if (_currentExpenseId) {
      const i = trip.expenses.findIndex(x => x.id === _currentExpenseId);
      if (i >= 0) trip.expenses[i] = exp;
    } else {
      // Hold-for-review: a new expense / COGS from a non-superadmin is logged
      // as pending and NOT added live until an admin/superadmin approves it.
      if (window.needsApproval && window.needsApproval('expense')) {
        var lbl = (exp.category || 'Expense') + ' · ' + curSym() + (exp.amount || 0) + (trip.name ? ' · ' + trip.name : '');
        window.logAudit({
          entity: 'expense', entity_id: trip.id, entity_label: lbl,
          action: 'create', before: null,
          after: { tripId: trip.id, expense: exp }, review: 'pending'
        });
        closeAllModals();
        window.toast && window.toast('Expense submitted for approval');
        _currentExpenseTrip = null; _currentExpenseId = null;
        return;
      }
      trip.expenses.push(exp);
    }
    // Superadmin (or edit of existing) applies live + logs the change.
    // Order matters for perf: close the modal FIRST, then apply the trip update
    // (which triggers a full trip-panel rebuild) on the next frame — doing the
    // heavy rebuild while the modal is still on screen is what caused the freeze.
    window.logAudit({ entity: 'expense', entity_id: trip.id, entity_label: (trip.name || trip.id),
      action: _currentExpenseId ? 'edit' : 'create', before: null, after: { tripId: trip.id, expense: exp } });
    const wasEdit = !!_currentExpenseId;
    closeAllModals();
    _currentExpenseTrip = null;
    _currentExpenseId = null;
    window.toast(wasEdit ? 'Expense updated' : 'Expense added');
    // Defer the state save + re-render so the modal close paints first.
    (window.requestAnimationFrame || function (fn) { return setTimeout(fn, 16); })(function () {
      updateTrip(trip.id, { expenses: trip.expenses });
    });
  }

  // =========================================================================
  // FAVORITES — list rendering in Settings + toggle-to-remove
  // =========================================================================
  window.renderFavorites = function() {
    const box = document.getElementById('favorites-list');
    if (!box) return;
    const favs = (state.parks || [])
      .filter(p => p.favorite)
      .sort((a, b) => (a.name || '').localeCompare(b.name || ''));
    if (!favs.length) {
      box.innerHTML = ''; // ::before empty state shows automatically
      return;
    }
    const starSvg = '<svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>';
    const pinSvg = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 21s-7-6.5-7-12a7 7 0 1 1 14 0c0 5.5-7 12-7 12z"/><circle cx="12" cy="9" r="2.5"/></svg>';
    const chevSvg = '<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M9 6l6 6-6 6"/></svg>';
    box.innerHTML = favs.map(p => {
      const loc = [p.town, p.county].filter(Boolean).join(', ');
      return '<div class="fav-row" data-id="' + escapeHtml(p.id) + '">' +
        '<button class="fav-star" data-fav-remove="' + escapeHtml(p.id) + '" title="Remove from favorites" aria-label="Remove from favorites" type="button">' + starSvg + '</button>' +
        '<div class="fav-info">' +
          '<div class="fav-name">' + escapeHtml(p.name || '—') + '</div>' +
          (loc ? '<div class="fav-loc">' + pinSvg + '<span>' + escapeHtml(loc) + '</span></div>' : '') +
        '</div>' +
        '<span class="fav-chev">' + chevSvg + '</span>' +
      '</div>';
    }).join('');
    // Star click → unfavorite (don't bubble to row click)
    box.querySelectorAll('[data-fav-remove]').forEach(btn => {
      btn.addEventListener('click', (e) => {
        e.stopPropagation();
        const id = btn.getAttribute('data-fav-remove');
        window.updatePark(id, { favorite: false });
        window.renderFavorites();
        // Also re-sync the panel star if that park is currently open
        if (state.openParkId === id) {
          const pf = document.getElementById('panel-favorite');
          if (pf) pf.classList.remove('favorited');
        }
        window.toast('Removed from favorites');
      });
    });
    // Row click → open the park
    box.querySelectorAll('.fav-row').forEach(row => {
      row.addEventListener('click', () => {
        const id = row.dataset.id;
        // Close settings, then open the park panel
        const sb = document.getElementById('settings-backdrop');
        if (sb) sb.classList.remove('open');
        if (typeof window.openPark === 'function') {
          window.openPark(id);
        } else {
          // Fallback: dispatch a click on the park row in main list
          const target = document.querySelector('#list-view .park-row[data-id="' + id + '"]');
          if (target) target.click();
        }
      });
    });
  };

  // Refresh favorites whenever Settings opens
  (function hookSettingsOpen() {
    const btn = document.getElementById('btn-settings');
    if (btn) btn.addEventListener('click', () => {
      // openModal('settings-backdrop') has already been bound elsewhere;
      // we just piggy-back to populate the favorites section.
      setTimeout(() => { try { window.renderFavorites(); } catch (e) {} }, 0);
    });
  })();

})();

</script>

<!-- EXPENSE FORM MODAL -->
<div class="modal-backdrop" id="expense-form-backdrop">
  <div class="modal">
    <div class="modal-head">
      <h2>Add expense</h2>
      <button class="icon-btn" data-close-modal onclick="closeAllModals()">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
      </button>
    </div>
    <div class="modal-body">
      <div class="form-grid">
        <div class="form-row-2">
          <div>
            <label class="form-label">Paid by</label>
            <select id="ef-payer" class="form-input">
              <option value="Lewis">Lewis</option>
              <option value="Lorri">Lorri</option>
            </select>
          </div>
          <div>
            <label class="form-label">Shared with</label>
            <select id="ef-shared" class="form-input">
              <option value="joint">Joint (both)</option>
              <option value="individual">Individual (just payer)</option>
            </select>
          </div>
        </div>
        <div>
          <label class="form-label">Description</label>
          <input type="text" id="ef-desc" class="form-input" placeholder="e.g. Hotel, Fuel, Leaflets"/>
        </div>
        <div class="form-row-2">
          <div>
            <label class="form-label" id="ef-amount-label">Amount (£)</label>
            <input type="number" id="ef-amount" class="form-input" step="0.01"/>
          </div>
          <div>
            <label class="form-label">Date</label>
            <input type="date" id="ef-date" class="form-input"/>
          </div>
        </div>
      </div>


    </div>
    <div class="modal-foot">
      <button class="btn btn-secondary" data-close-modal onclick="closeAllModals()">Cancel</button>
      <button class="btn btn-primary" id="btn-save-expense">Save expense</button>
    </div>
  </div>
</div>


  </div>
</div>


<!-- PASSWORD MODAL -->
<div class="modal-backdrop" id="pw-backdrop">
  <div class="modal" style="max-width:380px;">
    <div class="modal-head">
      <h2>Admin password</h2>
      <button class="icon-btn" data-close-modal onclick="closeAllModals()">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
      </button>
    </div>
    <div class="modal-body">
      <p id="pw-prompt" style="font-size:13.5px; color:var(--text-muted); margin-bottom:14px;">
        This action requires the admin password.
      </p>
      <input type="password" id="pw-input" class="form-input" placeholder="Enter password" autocomplete="off"/>
      <div id="pw-error" style="display:none; color:var(--danger); font-size:12.5px; margin-top:8px;">Wrong password.</div>


    </div>
    <div class="modal-foot">
      <button class="btn btn-secondary" data-close-modal onclick="closeAllModals()">Cancel</button>
      <button class="btn btn-danger" id="pw-submit">Confirm</button>
    </div>
  </div>
</div>


<!-- ============================================================= -->
<!-- ===== AI ASSISTANT + HALL EVENTS MODULE (added)          ===== -->
<!-- ============================================================= -->
<style>
  /* =====================================================================
     NEAR ME PAGE — on-screen radius slider, type filters, list/map toggle.
     ===================================================================== */
  .near-controls {
    position: sticky; top: 0; z-index: 20;
    background: var(--bg);
    padding: 10px 14px 8px;
    border-bottom: 1px solid var(--border);
  }
  .near-radius-row { display: flex; align-items: center; gap: 10px; }
  .near-radius-row label { font-size: 12px; font-weight: 700; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.05em; flex-shrink: 0; }
  .near-radius-row input[type="range"] {
    flex: 1; min-width: 0; height: 28px; accent-color: var(--primary); cursor: pointer;
  }
  .near-radius-val {
    flex-shrink: 0; min-width: 58px; text-align: right;
    font-size: 14px; font-weight: 700; color: var(--primary); font-variant-numeric: tabular-nums;
  }
  .near-type-row {
    display: flex; gap: 6px; overflow-x: auto; margin-top: 8px; padding-bottom: 2px;
    -webkit-overflow-scrolling: touch;
  }
  .near-type-row::-webkit-scrollbar { display: none; }
  .near-type-btn {
    flex-shrink: 0; height: 32px; padding: 0 13px; border-radius: 18px;
    border: 1.5px solid var(--border); background: var(--surface); color: var(--text);
    font-size: 12.5px; font-weight: 600; cursor: pointer; font-family: inherit;
    white-space: nowrap; touch-action: manipulation;
  }
  .near-type-btn.active { border-color: var(--primary); background: var(--primary); color: #fff; }
  #nearby-map { width: 100%; height: calc(100vh - 290px); min-height: 360px; background: var(--surface-2); }
  /* Near-page floating List/Map toggle — mirrors the Locations one, bottom-right. */
  .near-view-switch {
    position: fixed; right: 16px; z-index: 40;
    bottom: calc(104px + env(safe-area-inset-bottom));
    display: none; gap: 0; background: var(--surface);
    border: 1px solid var(--border); border-radius: 22px;
    box-shadow: var(--shadow-md); overflow: hidden;
  }
  body.tab-nearby.near-located .near-view-switch { display: flex; }
  .near-view-switch button {
    display: inline-flex; align-items: center; gap: 6px;
    border: none; background: transparent; cursor: pointer;
    font-family: inherit; font-size: 13px; font-weight: 600; color: var(--text-muted);
    padding: 9px 16px;
  }
  .near-view-switch button svg { width: 14px; height: 14px; }
  .near-view-switch button.active { background: var(--primary); color: #fff; }

  /* Floating AI button — moved into the top bar (May 2026). Kept in DOM for
     any JS references but no longer shown floating. */
  .ai-fab { display: none !important; }
  .ai-fab--legacy {
    position: fixed;
    right: 16px;
    bottom: calc(env(safe-area-inset-bottom) + 162px);
    width: 52px; height: 52px;
    border-radius: 50%;
    background: linear-gradient(135deg, #1F4733, #2B6E4A);
    color: #F1ECDD;
    border: none;
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 6px 20px rgba(31,71,51,.45);
    z-index: 1395;
    cursor: pointer;
    transition: transform .15s;
  }
  .ai-fab:hover { transform: scale(1.06); }
  .ai-fab:active { transform: scale(0.97); }
  .ai-fab svg { width: 24px; height: 24px; }

  /* AI panel (bottom sheet) */
  .ai-backdrop {
    position: fixed; inset: 0;
    background: rgba(20,20,24,0.42);
    opacity: 0; pointer-events: none;
    transition: opacity .2s;
    z-index: 1400;
  }
  .ai-backdrop.open { opacity: 1; pointer-events: auto; }
  .ai-sheet {
    position: fixed; left: 0; right: 0; bottom: 0;
    max-height: 88vh;
    background: var(--surface);
    border-radius: 18px 18px 0 0;
    box-shadow: 0 -8px 30px rgba(0,0,0,0.22);
    transform: translateY(102%);
    transition: transform .26s cubic-bezier(.4,0,.2,1);
    z-index: 1401;
    display: flex; flex-direction: column;
    padding-bottom: env(safe-area-inset-bottom);
  }
  .ai-sheet.open { transform: translateY(0); }
  .ai-grab { width: 40px; height: 4px; border-radius: 2px; background: var(--border); margin: 10px auto 4px; flex-shrink: 0; }
  .ai-head { display:flex; align-items:center; gap:8px; padding: 4px 16px 10px; flex-shrink:0; }
  .ai-head h3 { margin:0; font-size:16px; flex:1; }
  .ai-modes { display:flex; gap:6px; padding: 0 16px 10px; flex-shrink:0; }
  .ai-mode-btn {
    flex:1; height:38px; border:1px solid var(--border); background:var(--surface-2);
    color:var(--text-muted); border-radius:10px; font-family:inherit; font-size:11px; font-weight:600;
    cursor:pointer; display:flex; align-items:center; justify-content:center; gap:3px; padding:0 2px; white-space:nowrap;
  }
  .ai-mode-btn.active { background: var(--primary); color:#F1ECDD; border-color: var(--primary); }
  .ai-body { overflow-y:auto; padding: 0 16px 12px; flex:1; }
  .ai-inputrow { display:flex; gap:8px; padding: 10px 16px; border-top:1px solid var(--border); flex-shrink:0; align-items:flex-end; }
  .ai-textarea {
    flex:1; min-height:44px; max-height:120px; padding:11px 12px; border:1px solid var(--border);
    border-radius:12px; font-family:inherit; font-size:14px; background:var(--surface); color:var(--text);
    box-sizing:border-box; resize:none; line-height:1.35;
  }
  .ai-send, .ai-mic {
    width:44px; height:44px; border-radius:12px; border:none; cursor:pointer; flex-shrink:0;
    display:flex; align-items:center; justify-content:center; color:#fff;
  }
  .ai-send { background: var(--primary); }
  .ai-mic { background: var(--surface-2); color: var(--text-muted); border:1px solid var(--border); }
  .ai-mic.recording { background:#C53030; color:#fff; border-color:#C53030; animation: aiPulse 1.1s infinite; }
  @keyframes aiPulse { 0%,100%{box-shadow:0 0 0 0 rgba(197,48,48,.5);} 50%{box-shadow:0 0 0 8px rgba(197,48,48,0);} }
  .ai-send svg, .ai-mic svg { width:20px; height:20px; }

  .ai-msg { margin:10px 0; font-size:14px; line-height:1.45; }
  .ai-msg.user { text-align:right; }
  .ai-bubble { display:inline-block; padding:9px 13px; border-radius:14px; max-width:88%; text-align:left; white-space:pre-wrap; }
  .ai-msg.user .ai-bubble { background: var(--primary); color:#F1ECDD; border-bottom-right-radius:4px; }
  .ai-msg.bot .ai-bubble { background: var(--surface-2); color:var(--text); border-bottom-left-radius:4px; }
  .ai-thinking { color:var(--text-muted); font-size:13px; font-style:italic; padding:6px 2px; }

  /* Proposal cards */
  .ai-proposal {
    background: var(--surface-2); border:1px solid var(--border); border-radius:12px;
    padding:12px 14px; margin:10px 0;
  }
  .ai-proposal .ai-prop-kind { font-size:10px; text-transform:uppercase; letter-spacing:0.08em; color:var(--primary); font-weight:700; margin-bottom:5px; }
  .ai-proposal .ai-prop-title { font-size:14px; font-weight:600; margin-bottom:6px; }
  .ai-proposal .ai-prop-detail { font-size:13px; color:var(--text-muted); margin-bottom:10px; }
  .ai-proposal .ai-prop-detail b { color: var(--text); font-weight:600; }
  .ai-prop-actions { display:flex; gap:8px; }
  .ai-prop-actions button { height:36px; border-radius:9px; font-family:inherit; font-size:13px; font-weight:600; cursor:pointer; padding:0 14px; }
  .ai-prop-confirm { background: var(--primary); color:#F1ECDD; border:none; flex:1; }
  .ai-prop-dismiss { background: transparent; color:var(--text-muted); border:1px solid var(--border); }
  .ai-prop-done { color:#2B6E4A; font-weight:700; font-size:13px; display:flex; align-items:center; gap:6px; }
  .ai-hint { color:var(--text-muted); font-size:12px; padding:8px 2px; }

  /* Trip-or-Hall chooser */
  .toh-backdrop { position:fixed; inset:0; background:rgba(20,20,24,0.42); opacity:0; pointer-events:none; transition:opacity .2s; z-index:1300; }
  .toh-backdrop.open { opacity:1; pointer-events:auto; }
  .toh-sheet { position:fixed; left:16px; right:16px; bottom:calc(env(safe-area-inset-bottom) + 80px); background:var(--surface); border-radius:16px; box-shadow:0 -8px 30px rgba(0,0,0,0.22); transform:translateY(20px); opacity:0; pointer-events:none; transition:transform .22s, opacity .22s; z-index:1301; padding:8px; }
  .toh-sheet.open { transform:translateY(0); opacity:1; pointer-events:auto; }
  .toh-opt { display:flex; align-items:center; gap:12px; padding:14px; border-radius:12px; cursor:pointer; }
  .toh-opt:hover { background:var(--surface-2); }
  .toh-opt .toh-ic { width:40px; height:40px; border-radius:10px; display:flex; align-items:center; justify-content:center; font-size:20px; flex-shrink:0; }
  .toh-opt .toh-tx b { display:block; font-size:15px; }
  .toh-opt .toh-tx span { font-size:12px; color:var(--text-muted); }
</style>

<!-- AI floating button -->
<button class="ai-fab" id="ai-fab" title="AI assistant" onclick="window.openAI()" ontouchend="event.preventDefault();window.openAI()">
  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
    <path d="M12 2a2 2 0 0 1 2 2v1.2a6 6 0 0 1 3.8 3.8H19a2 2 0 1 1 0 4h-1.2a6 6 0 0 1-3.8 3.8V20a2 2 0 1 1-4 0v-1.2A6 6 0 0 1 6.2 15H5a2 2 0 1 1 0-4h1.2A6 6 0 0 1 10 7.2V4a2 2 0 0 1 2-2z"/>
    <circle cx="12" cy="12" r="2.2"/>
  </svg>
</button>

<!-- AI panel -->
<div class="ai-backdrop" id="ai-backdrop" onclick="window.closeAI()"></div>
<div class="ai-sheet" id="ai-sheet" role="dialog" aria-label="AI assistant">
  <div class="ai-grab"></div>
  <div class="ai-head">
    <h3 id="ai-title">AI Assistant</h3>
    <button class="icon-btn" onclick="window.closeAI()" aria-label="Close">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" width="20" height="20"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
    </button>
  </div>
  <div class="ai-modes">
    <button class="ai-mode-btn active" data-aimode="quick" onclick="window.setAIMode('quick')"><svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="vertical-align:-2px;margin-right:4px;"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"/></svg>Quick Task</button>
    <button class="ai-mode-btn" data-aimode="voice" onclick="window.setAIMode('voice')"><svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="vertical-align:-2px;margin-right:4px;"><rect x="9" y="2" width="6" height="12" rx="3"/><path d="M5 10a7 7 0 0 0 14 0"/><line x1="12" y1="19" x2="12" y2="22"/></svg>Voice</button>
    <button class="ai-mode-btn" data-aimode="lookup" onclick="window.setAIMode('lookup')"><svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="vertical-align:-2px;margin-right:4px;"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>Look-up</button>
    <button class="ai-mode-btn" data-aimode="history" onclick="window.setAIMode('history')"><svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="vertical-align:-2px;margin-right:4px;"><path d="M3 3v5h5"/><path d="M3.05 13A9 9 0 1 0 6 5.3L3 8"/><polyline points="12 7 12 12 15 14"/></svg>History</button>
  </div>
  <div class="ai-body" id="ai-body"></div>
  <div class="ai-inputrow">
    <button class="ai-mic" id="ai-mic" onclick="window.aiToggleMic()" title="Voice input" style="display:none;">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z"/><path d="M19 10v2a7 7 0 0 1-14 0v-2"/><line x1="12" y1="19" x2="12" y2="23"/></svg>
    </button>
    <textarea class="ai-textarea" id="ai-input" rows="1" placeholder="Type a task or question…"></textarea>
    <button class="ai-send" id="ai-send" onclick="window.aiSend()" title="Send">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="22" y1="2" x2="11" y2="13"/><polygon points="22 2 15 22 11 13 2 9 22 2"/></svg>
    </button>
  </div>
</div>

<!-- New trip / new hall chooser -->
<div class="toh-backdrop" id="toh-backdrop" onclick="window.closeNewTripOrHallChooser()"></div>
<div class="toh-sheet" id="toh-sheet" role="dialog" aria-label="Add new">
  <div class="toh-opt" onclick="window.chooseNewTrip()">
    <div class="toh-ic" style="background:rgba(43,110,74,0.15);"><svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="1" y="3" width="15" height="13" rx="1"/><path d="M16 8h4l3 3v5h-7z"/><circle cx="5.5" cy="18.5" r="2.5"/><circle cx="18.5" cy="18.5" r="2.5"/></svg></div>
    <div class="toh-tx"><b>New trip</b><span>A door-to-door round across parks</span></div>
  </div>
  <div class="toh-opt" onclick="window.chooseNewHall()">
    <div class="toh-ic" style="background:rgba(184,132,44,0.18);"><svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="4" y="2" width="16" height="20" rx="1"/><path d="M9 22v-4h6v4"/><line x1="8" y1="6" x2="8" y2="6"/><line x1="12" y1="6" x2="12" y2="6"/><line x1="16" y1="6" x2="16" y2="6"/></svg></div>
    <div class="toh-tx"><b>New hall event</b><span>Rent a hall, advertise, buy gold on the day</span></div>
  </div>
</div>

<script>
(function () {
  'use strict';

  /* ====================================================== */
  /* ===== HALL EVENTS: data model + maths + detail   ===== */
  /* ====================================================== */
  // A hall event mirrors a trip. Shape:
  // { id, name, location, marketing[], eventDate, startTime, endTime,
  //   expenses[ {id,category,description,amount,date} ],
  //   goldBought[ {id,carat,grams,cost} ], goldTotalCost (derived),
  //   dealsGross (what the public was paid / what stock is worth),
  //   profitAdjustment, dealsCount, notes, createdAt, updatedAt }
  //
  // PROFIT MODEL (matches trips: gross - expenses + adjustment):
  //   gross    = dealsGross  (resale/stock value entered by user)
  //   expenses = hall cost + distribution/advertising + print + misc + gold cost
  //   net      = gross - expenses + profitAdjustment
  // Gold cost is treated as an expense (money out to buy stock), so a hall
  // shows real profit only once that gold is valued/sold via dealsGross.

  window.hallExpensesTotal = function (h) {
    if (!h) return 0;
    var ex = (h.expenses || []).reduce(function (a, e) { return a + (Number(e.amount) || 0); }, 0);
    var gold = (h.goldBought || []).reduce(function (a, g) { return a + (Number(g.cost) || 0); }, 0);
    return ex + gold;
  };
  window.hallGoldCost = function (h) {
    return (h && h.goldBought || []).reduce(function (a, g) { return a + (Number(g.cost) || 0); }, 0);
  };
  window.hallGoldGrams = function (h) {
    return (h && h.goldBought || []).reduce(function (a, g) { return a + (Number(g.grams) || 0); }, 0);
  };
  window.hallGross = function (h) {
    return Number((h && h.dealsGross) || 0);
  };
  window.hallNet = function (h) {
    return window.hallGross(h) - window.hallExpensesTotal(h) + Number((h && h.profitAdjustment) || 0);
  };

  function uid(prefix) { return (prefix || 'h_') + Math.random().toString(36).slice(2, 10); }
  function todayISO() { return new Date().toISOString().slice(0, 10); }
  function esc(s) { return (window.escapeHtml ? window.escapeHtml(String(s == null ? '' : s)) : String(s == null ? '' : s)); }
  function sym() { return (window.curSym ? window.curSym() : '£'); }
  function persistHalls() {
    try { window.lsSet && window.lsSet({ halls: 'pr_halls_v1' }.halls, window.state.halls); } catch (e) {}
    try { localStorage.setItem('pr_halls_v1', JSON.stringify(window.state.halls || [])); } catch (e) {}
    window.state.dirty = true;
    if (typeof window.scheduleSync === 'function') window.scheduleSync();
  }
  function persistAiLog() {
    try { localStorage.setItem('pr_ai_log_v1', JSON.stringify(window.state.aiLog || [])); } catch (e) {}
    window.state.dirty = true;
    if (typeof window.scheduleSync === 'function') window.scheduleSync();
  }
  function currentSalesman() { return (window.state && window.state.salesman) || 'You'; }

  window.createHall = function (seed) {
    var h = Object.assign({
      id: uid('h_'),
      name: 'Hall event',
      location: '',
      marketing: [],
      eventDate: todayISO(),
      startTime: '',
      endTime: '',
      expenses: [],
      goldBought: [],
      dealsGross: 0,
      dealsCount: 0,
      profitAdjustment: 0,
      notes: '',
      createdAt: new Date().toISOString(),
      updatedAt: new Date().toISOString()
    }, seed || {});
    if (!window.state.halls) window.state.halls = [];
    window.state.halls.push(h);
    persistHalls();
    return h;
  };

  window.updateHall = function (id, partial) {
    var h = (window.state.halls || []).find(function (x) { return x.id === id; });
    if (!h) return;
    Object.assign(h, partial, { updatedAt: new Date().toISOString() });
    persistHalls();
  };

  window.deleteHall = function (id) {
    if (!confirm('Delete this hall event? This cannot be undone.')) return;
    window.state.halls = (window.state.halls || []).filter(function (h) { return h.id !== id; });
    persistHalls();
    window.openHall._closeToList();
  };

  // ---- Hall detail view (reuses the trip-detail-view container) ----
  var MARKETING_OPTS = ['Free community hall', 'Church hall', 'Paid hotel room', 'Royal Mail door drop', 'Distributor flyers', 'Facebook ads', 'Local radio', 'Local press', 'Word of mouth'];
  var EXP_CATS = ['Hall hire', 'Advertising', 'Leaflet / door drop', 'Printing', 'Travel', 'Refreshments', 'COGS'];

  window.openHall = function (id) {
    var h = (window.state.halls || []).find(function (x) { return x.id === id; });
    if (!h) return;
    window.state.currentTab = 'trips';
    window.state.openTripId = null;
    window.state.openHallId = id;
    // Make sure the trips tab container is visible, hide the trips list
    if (typeof window.switchTab === 'function') {
      // switchTab to trips, then swap in the hall detail
    }
    var tripsView = document.getElementById('trips-view');
    var tdv = document.getElementById('trip-detail-view');
    if (!tdv) return;
    if (tripsView) tripsView.style.display = 'none';
    // ensure trips tab is the active content area
    var tabTrips = document.getElementById('tab-trips');
    if (tabTrips) tabTrips.style.display = '';
    tdv.style.display = '';
    renderHallDetail(h);
    // Ensure RS rates are loaded, then refresh the rate card in place.
    if (typeof window.rsEnsureLoaded === 'function') {
      window.rsEnsureLoaded(function () {
        var hc = document.getElementById('hall-rs-rate');
        if (hc && typeof window.rsHallCardInner === 'function') hc.innerHTML = window.rsHallCardInner(h);
      });
    }
  };
  window.openHall._closeToList = function () {
    var tripsView = document.getElementById('trips-view');
    var tdv = document.getElementById('trip-detail-view');
    if (tdv) tdv.style.display = 'none';
    if (tripsView) tripsView.style.display = '';
    window.state.openHallId = null;
    if (typeof window._renderTripsList === 'function') window._renderTripsList();
  };

  function renderHallDetail(h) {
    var tdv = document.getElementById('trip-detail-view');
    if (!tdv) return;
    var gross = window.hallGross(h);
    var expTotal = window.hallExpensesTotal(h);
    var net = window.hallNet(h);
    var goldGrams = window.hallGoldGrams(h);
    var goldCost = window.hallGoldCost(h);

    var html = '<div style="padding:12px;">';

    // Header
    html += '<div style="display:flex;gap:8px;align-items:center;margin-bottom:12px;">' +
      '<button id="hall-back" class="icon-btn" style="flex-shrink:0;">' +
      '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" width="20" height="20"><line x1="19" y1="12" x2="5" y2="12"/><polyline points="12 19 5 12 12 5"/></svg>' +
      '</button>' +
      '<input id="hall-name" value="' + esc(h.name) + '" placeholder="Hall event name" style="flex:1;font-size:18px;font-weight:700;border:none;background:transparent;color:var(--text);outline:none;padding:6px 4px;" />' +
      '<button id="hall-delete" class="btn btn-ghost" style="color:var(--danger);font-size:12px;height:32px;padding:0 8px;">Delete</button>' +
      '</div>';

    // Summary cards (Gross in / Spent / Profit)
    var netCol = net >= 0 ? '#2B6E4A' : '#C53030';
    html += '<div style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-bottom:16px;">' +
      sumCard(sym() + Math.round(gross), 'Gold value in') +
      sumCard(sym() + Math.round(expTotal), 'Total spent') +
      sumCard('<span style="color:' + netCol + '">' + (net < 0 ? '−' : '') + sym() + Math.abs(Math.round(net)) + '</span>', net >= 0 ? 'Profit' : 'Loss') +
      '</div>';

    // Location + date/time
    html += '<section style="margin-bottom:16px;">' +
      fieldLabel('Location / venue') +
      '<input id="hall-location" value="' + esc(h.location) + '" placeholder="e.g. Methodist Church Hall, Harrogate" class="form-input" style="width:100%;margin-bottom:10px;" />' +
      '<div style="display:flex;gap:8px;margin-bottom:10px;">' +
        '<div style="flex:1.4;">' + fieldLabel('Event date') + '<input type="date" id="hall-date" value="' + (h.eventDate || '') + '" class="form-input" style="width:100%;" /></div>' +
        '<div style="flex:1;">' + fieldLabel('Start') + '<input type="time" id="hall-start" value="' + esc(h.startTime) + '" class="form-input" style="width:100%;" /></div>' +
        '<div style="flex:1;">' + fieldLabel('End') + '<input type="time" id="hall-end" value="' + esc(h.endTime) + '" class="form-input" style="width:100%;" /></div>' +
      '</div>' +
      '</section>';

    // Today's Roadshow Rate (read-only) — what we pay clients at this hall.
    html += '<section style="margin-bottom:16px;">' +
      '<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;">' +
        '<h4 style="margin:0;display:flex;align-items:center;gap:7px;">' + (typeof window.icoSvg === 'function' ? window.icoSvg('coin', 18, 'var(--primary)') : '') + 'Roadshow rate</h4>' +
        '<button type="button" onclick="window.switchTab(\'rsrates\')" ontouchend="event.preventDefault();window.switchTab(\'rsrates\')" style="height:28px;padding:0 10px;border-radius:8px;border:1px solid var(--border-strong);background:var(--surface);color:var(--primary);font-family:inherit;font-weight:700;font-size:12px;cursor:pointer;">Open RS Rates</button>' +
      '</div>' +
      '<div id="hall-rs-rate" style="background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:13px;">' +
        (typeof window.rsHallCardInner === 'function' ? window.rsHallCardInner(h) : 'Loading rate\u2026') +
      '</div>' +
      '</section>';

    // Marketing channels
    html += '<section style="margin-bottom:16px;">' +
      '<h4 style="margin:0 0 8px;">How we marketed it</h4>' +
      '<div id="hall-marketing" style="display:flex;flex-wrap:wrap;gap:6px;">';
    MARKETING_OPTS.forEach(function (m) {
      var on = (h.marketing || []).indexOf(m) >= 0;
      html += '<button type="button" class="chip hall-mkt' + (on ? ' active' : '') + '" data-mkt="' + esc(m) + '" style="cursor:pointer;">' + esc(m) + '</button>';
    });
    html += '</div></section>';

    // Expenses
    html += '<section style="margin-bottom:16px;">' +
      '<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;">' +
      '<h4 style="margin:0;">Expenses</h4>' +
      '<button class="btn btn-secondary" id="hall-add-exp" style="height:30px;padding:0 12px;font-size:12px;">+ Add expense</button>' +
      '</div>';
    if (!h.expenses || h.expenses.length === 0) {
      html += '<div style="padding:12px;color:var(--text-muted);font-size:13px;text-align:center;background:var(--surface-2);border-radius:8px;">No expenses yet (hall hire, advertising, leaflets, printing…).</div>';
    } else {
      h.expenses.slice().forEach(function (e) {
        html += '<div class="hall-exp-row" data-id="' + esc(e.id) + '" style="display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border);cursor:pointer;">' +
          '<div style="flex:1;min-width:0;"><div style="font-size:14px;font-weight:500;">' + esc(e.description || e.category || '(expense)') + '</div>' +
          '<div style="font-size:11px;color:var(--text-muted);">' + esc(e.category || '') + (e.date ? ' · ' + esc(e.date) : '') + '</div></div>' +
          '<div style="font-weight:600;color:var(--danger);">−' + sym() + Number(e.amount || 0).toFixed(2) + '</div></div>';
      });
    }
    html += '</section>';

    // Gold bought
    html += '<section style="margin-bottom:16px;">' +
      '<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;">' +
      '<h4 style="margin:0;">Gold bought on the day</h4>' +
      '<button class="btn btn-secondary" id="hall-add-gold" style="height:30px;padding:0 12px;font-size:12px;">+ Add gold</button>' +
      '</div>';
    if (!h.goldBought || h.goldBought.length === 0) {
      html += '<div style="padding:12px;color:var(--text-muted);font-size:13px;text-align:center;background:var(--surface-2);border-radius:8px;">No gold logged. Add carat, grams and what you paid.</div>';
    } else {
      h.goldBought.slice().forEach(function (g) {
        html += '<div class="hall-gold-row" data-id="' + esc(g.id) + '" style="display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border);cursor:pointer;">' +
          '<div style="flex:1;min-width:0;"><div style="font-size:14px;font-weight:500;">' + esc(g.carat || '?') + 'ct · ' + (Number(g.grams) || 0) + 'g</div></div>' +
          '<div style="font-weight:600;color:var(--danger);">−' + sym() + Number(g.cost || 0).toFixed(2) + '</div></div>';
      });
      html += '<div style="display:flex;justify-content:space-between;padding:8px 0 0;font-size:13px;color:var(--text-muted);">' +
        '<span>' + goldGrams.toFixed(1) + 'g total</span><span>−' + sym() + goldCost.toFixed(2) + '</span></div>';
    }
    html += '</section>';

    // Gold value in (gross) + adjustment
    html += '<section style="margin-bottom:16px;">' +
      '<h4 style="margin:0 0 8px;">Value & profit</h4>' +
      '<div style="background:var(--surface-2);border-radius:10px;padding:12px 14px;">' +
        '<div style="display:flex;justify-content:space-between;align-items:center;padding:5px 0;">' +
          '<span style="font-size:14px;">Gold resale / stock value (' + sym() + ')</span>' +
          '<input type="number" id="hall-gross" step="0.01" min="0" value="' + (h.dealsGross || '') + '" placeholder="0" style="width:120px;text-align:right;padding:8px 10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:15px;font-weight:700;background:var(--surface);color:var(--text);box-sizing:border-box;" /></div>' +
        '<div style="display:flex;justify-content:space-between;align-items:center;padding:5px 0;">' +
          '<span style="font-size:14px;">Manual profit adjustment (' + sym() + ')</span>' +
          '<input type="number" id="hall-adj" step="0.01" value="' + (h.profitAdjustment || '') + '" placeholder="0" style="width:120px;text-align:right;padding:8px 10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:15px;background:var(--surface);color:var(--text);box-sizing:border-box;" /></div>' +
        '<div style="display:flex;justify-content:space-between;align-items:center;padding:5px 0;">' +
          '<span style="font-size:14px;">Deals / sellers</span>' +
          '<input type="number" id="hall-dealscount" step="1" min="0" value="' + (h.dealsCount || '') + '" placeholder="0" style="width:120px;text-align:right;padding:8px 10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:15px;background:var(--surface);color:var(--text);box-sizing:border-box;" /></div>' +
        '<div style="display:flex;justify-content:space-between;padding:10px 0 0;margin-top:6px;border-top:1px solid var(--border);font-size:15px;font-weight:700;">' +
          '<span>Net profit</span><span style="color:' + netCol + ';">' + (net < 0 ? '−' : '') + sym() + Math.abs(net).toFixed(2) + '</span></div>' +
        '<div style="font-size:11px;color:var(--text-muted);margin-top:6px;">Gold value in − all expenses (incl. gold cost) + adjustment. Rolls into your master profit summary.</div>' +
      '</div>' +
      '</section>';

    // Notes
    html += '<section style="margin-bottom:24px;">' +
      fieldLabel('Notes') +
      '<textarea id="hall-notes" class="notes-area" style="min-height:70px;width:100%;box-sizing:border-box;" placeholder="Anything worth recording…">' + esc(h.notes) + '</textarea>' +
      '</section>';

    html += '</div>';
    tdv.innerHTML = html;

    // ---- wire events ----
    byId('hall-back').addEventListener('click', window.openHall._closeToList);
    byId('hall-delete').addEventListener('click', function () { window.deleteHall(h.id); });
    bindInput('hall-name', function (v) { window.updateHall(h.id, { name: v }); });
    bindInput('hall-location', function (v) { window.updateHall(h.id, { location: v }); });
    bindInput('hall-date', function (v) { window.updateHall(h.id, { eventDate: v }); });
    bindInput('hall-start', function (v) { window.updateHall(h.id, { startTime: v }); });
    bindInput('hall-end', function (v) { window.updateHall(h.id, { endTime: v }); });
    bindInput('hall-notes', function (v) { window.updateHall(h.id, { notes: v }); });
    bindNum('hall-gross', function (v) { window.updateHall(h.id, { dealsGross: v }); liveNet(h); });
    bindNum('hall-adj', function (v) { window.updateHall(h.id, { profitAdjustment: v }); liveNet(h); });
    bindNum('hall-dealscount', function (v) { window.updateHall(h.id, { dealsCount: v }); });

    tdv.querySelectorAll('.hall-mkt').forEach(function (b) {
      b.addEventListener('click', function () {
        var m = b.dataset.mkt;
        var arr = (h.marketing || []).slice();
        var i = arr.indexOf(m);
        if (i >= 0) arr.splice(i, 1); else arr.push(m);
        window.updateHall(h.id, { marketing: arr });
        b.classList.toggle('active');
      });
    });

    byId('hall-add-exp').addEventListener('click', function () { editHallExpense(h, null); });
    tdv.querySelectorAll('.hall-exp-row').forEach(function (r) {
      r.addEventListener('click', function () { editHallExpense(h, r.dataset.id); });
    });
    byId('hall-add-gold').addEventListener('click', function () { editHallGold(h, null); });
    tdv.querySelectorAll('.hall-gold-row').forEach(function (r) {
      r.addEventListener('click', function () { editHallGold(h, r.dataset.id); });
    });
  }

  function liveNet(h) {
    // refresh the header cards + net line without full re-render is overkill;
    // simplest: re-render detail (inputs are short, focus loss is acceptable on number commit)
    renderHallDetail(h);
  }

  function editHallExpense(h, expId) {
    var ex = expId ? (h.expenses || []).find(function (e) { return e.id === expId; }) : null;
    var catOpts = EXP_CATS.map(function (c) { return '<option' + (ex && ex.category === c ? ' selected' : '') + '>' + esc(c) + '</option>'; }).join('');
    var body =
      fieldLabel('Category') + '<select id="he-cat" class="form-input" style="width:100%;margin-bottom:10px;">' + catOpts + '</select>' +
      fieldLabel('Description') + '<input id="he-desc" class="form-input" style="width:100%;margin-bottom:10px;" value="' + esc(ex && ex.description) + '" placeholder="e.g. 5000 Royal Mail door drop" />' +
      '<div style="display:flex;gap:8px;">' +
        '<div style="flex:1;">' + fieldLabel('Amount (' + sym() + ')') + '<input id="he-amt" type="number" step="0.01" min="0" class="form-input" style="width:100%;" value="' + (ex ? ex.amount : '') + '" /></div>' +
        '<div style="flex:1;">' + fieldLabel('Date') + '<input id="he-date" type="date" class="form-input" style="width:100%;" value="' + (ex && ex.date || h.eventDate || todayISO()) + '" /></div>' +
      '</div>';
    miniModal(expId ? 'Edit expense' : 'Add expense', body, expId ? function () {
      h.expenses = (h.expenses || []).filter(function (e) { return e.id !== expId; });
      window.updateHall(h.id, { expenses: h.expenses }); renderHallDetail(h);
    } : null, function () {
      var amt = parseFloat(byId('he-amt').value) || 0;
      var rec = { id: expId || uid('he_'), category: byId('he-cat').value, description: byId('he-desc').value.trim(), amount: amt, date: byId('he-date').value };
      if (!h.expenses) h.expenses = [];
      if (expId) { var i = h.expenses.findIndex(function (e) { return e.id === expId; }); if (i >= 0) h.expenses[i] = rec; }
      else h.expenses.push(rec);
      window.updateHall(h.id, { expenses: h.expenses });
      renderHallDetail(h);
    });
  }

  function editHallGold(h, gId) {
    var g = gId ? (h.goldBought || []).find(function (x) { return x.id === gId; }) : null;
    var carats = [9, 14, 18, 22];
    var caratOpts = carats.map(function (c) { return '<option' + (g && Number(g.carat) === c ? ' selected' : '') + '>' + c + '</option>'; }).join('');
    var body =
      '<div style="display:flex;gap:8px;">' +
        '<div style="flex:1;">' + fieldLabel('Carat') + '<select id="hg-carat" class="form-input" style="width:100%;">' + caratOpts + '</select></div>' +
        '<div style="flex:1;">' + fieldLabel('Grams') + '<input id="hg-grams" type="number" step="0.01" min="0" class="form-input" style="width:100%;" value="' + (g ? g.grams : '') + '" /></div>' +
        '<div style="flex:1;">' + fieldLabel('Cost (' + sym() + ')') + '<input id="hg-cost" type="number" step="0.01" min="0" class="form-input" style="width:100%;" value="' + (g ? g.cost : '') + '" /></div>' +
      '</div>';
    miniModal(gId ? 'Edit gold' : 'Add gold', body, gId ? function () {
      h.goldBought = (h.goldBought || []).filter(function (x) { return x.id !== gId; });
      window.updateHall(h.id, { goldBought: h.goldBought }); renderHallDetail(h);
    } : null, function () {
      var rec = { id: gId || uid('hg_'), carat: byId('hg-carat').value, grams: parseFloat(byId('hg-grams').value) || 0, cost: parseFloat(byId('hg-cost').value) || 0 };
      if (!h.goldBought) h.goldBought = [];
      if (gId) { var i = h.goldBought.findIndex(function (x) { return x.id === gId; }); if (i >= 0) h.goldBought[i] = rec; }
      else h.goldBought.push(rec);
      window.updateHall(h.id, { goldBought: h.goldBought });
      renderHallDetail(h);
    });
  }

  // ---- small shared helpers ----
  function byId(id) { return document.getElementById(id); }
  function fieldLabel(t) { return '<label style="font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.06em;display:block;margin-bottom:4px;font-weight:600;">' + esc(t) + '</label>'; }
  function sumCard(val, label) {
    return '<div style="background:var(--surface-2);border-radius:10px;padding:10px;text-align:center;">' +
      '<div style="font-size:17px;font-weight:700;line-height:1.1;">' + val + '</div>' +
      '<div style="font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.05em;margin-top:3px;">' + esc(label) + '</div></div>';
  }
  function bindInput(id, fn) { var el = byId(id); if (el) el.addEventListener('change', function () { fn(el.value); }); }
  function bindNum(id, fn) { var el = byId(id); if (el) el.addEventListener('change', function () { fn(parseFloat(el.value) || 0); }); }

  // =========================================================================
  // MELT BATCHES — gold from one or more trips melted & sold together.
  // Each trip keeps its own pre-melt COGS; the batch holds the post-melt
  // gross (sale proceeds) and net (gross − gold COGS in − batch expenses).
  // Silver / other items are NOT in the melt — they stay in stock and sell
  // separately, so goldCogs is entered per batch (defaults to selected trips'
  // deal totals, editable down to exclude held-back stock). All 50/50.
  // =========================================================================
  function persistMeltBatches() {
    try { localStorage.setItem('pr_melt_batches_v1', JSON.stringify(window.state.meltBatches || [])); } catch (e) {}
    window.state.dirty = true;
    if (typeof window.scheduleSync === 'function') window.scheduleSync();
  }
  window.persistMeltBatches = persistMeltBatches;

  // Sum of deal "amount" (COGS) across the given trip ids — the default gold in.
  window.meltTripsCogs = function (tripIds) {
    var ids = tripIds || [];
    var deals = (window.state.deals || []);
    var dealSum = deals.reduce(function (a, d) {
      var inTrip = (d.tripId && ids.indexOf(d.tripId) >= 0) ||
        ((window.state.trips || []).some(function (t) {
          return ids.indexOf(t.id) >= 0 && (t.parkIds || []).indexOf(d.parkId) >= 0;
        }));
      return inTrip ? a + (Number(d.amount) || 0) : a;
    }, 0);
    // Add any trip-level bulk COGS totals for the selected trips.
    var tripCogsSum = (window.state.trips || []).reduce(function (a, t) {
      return ids.indexOf(t.id) >= 0 ? a + (Number(t.tripCogs) || 0) : a;
    }, 0);
    return dealSum + tripCogsSum;
  };
  window.meltExpensesTotal = function (b) {
    return ((b && b.expenses) || []).reduce(function (a, e) { return a + (Number(e.amount) || 0); }, 0);
  };
  // Sum of the expenses logged on the trips in this batch (travel, hotels, etc.)
  // — these are part of "all outgoings" and come off the sale income too.
  window.meltTripsExpenses = function (b) {
    var ids = (b && b.tripIds) || [];
    return (window.state.trips || []).reduce(function (a, t) {
      if (ids.indexOf(t.id) < 0) return a;
      return a + ((t.expenses || []).reduce(function (x, e) {
        // Silver refining is a cost of the silver stock, NOT the gold melt — so
        // exclude it here to avoid it dragging down a gold melt's net. The silver
        // fee is carried as its own expense category across the trips instead.
        if ((e.category || '') === 'Silver refining') return x;
        return x + (Number(e.amount) || 0);
      }, 0));
    }, 0);
  };
  // Gold cost in: explicit goldCogs if set, else auto-sum of selected trips.
  window.meltGoldCogs = function (b) {
    if (!b) return 0;
    if (b.goldCogs != null && b.goldCogs !== '') return Number(b.goldCogs) || 0;
    return window.meltTripsCogs(b.tripIds || []);
  };
  window.meltGross = function (b) { return Number((b && b.goldGrossSale) || 0); };
  // All outgoings = gold COGS in + trips' expenses + the batch's own melt costs.
  window.meltOutgoings = function (b) {
    return window.meltGoldCogs(b) + window.meltTripsExpenses(b) + window.meltExpensesTotal(b);
  };
  window.meltNet = function (b) {
    return window.meltGross(b) - window.meltOutgoings(b);
  };

  window.createMeltBatch = function (seed) {
    var b = Object.assign({
      id: uid('m_'),
      name: 'Melt & sell',
      tripIds: [],
      saleDate: todayISO(),
      refiner: '',
      goldGrossSale: 0,
      goldCogs: '',
      expenses: [],
      notes: '',
      createdAt: new Date().toISOString(),
      updatedAt: new Date().toISOString()
    }, seed || {});
    if (!window.state.meltBatches) window.state.meltBatches = [];
    window.state.meltBatches.push(b);
    persistMeltBatches();
    return b;
  };
  window.updateMeltBatch = function (id, partial) {
    var b = (window.state.meltBatches || []).find(function (x) { return x.id === id; });
    if (!b) return;
    Object.assign(b, partial, { updatedAt: new Date().toISOString() });
    persistMeltBatches();
    // Keep the Financials summary live: a melt sale changes realised profit, so
    // if that screen is open, re-render it immediately rather than waiting for
    // a close/reopen.
    if (document.getElementById('stats-content') && typeof renderStatsContent === 'function') {
      try { renderStatsContent(); } catch (e) {}
    }
  };
  window.deleteMeltBatch = function (id) {
    if (!confirm('Delete this melt batch? The trips and their pre-melt figures stay; only this melt record is removed.')) return;
    window.state.meltBatches = (window.state.meltBatches || []).filter(function (b) { return b.id !== id; });
    persistMeltBatches();
    if (document.getElementById('stats-content') && typeof renderStatsContent === 'function') {
      try { renderStatsContent(); } catch (e) {}
    }
    if (window.openMeltBatch && window.openMeltBatch._closeToList) window.openMeltBatch._closeToList();
  };

  // ---- Melt batch detail view (reuses the trip-detail-view container) ----
  window.openMeltBatch = function (id) {
    var b = (window.state.meltBatches || []).find(function (x) { return x.id === id; });
    if (!b) return;
    window.state.currentTab = 'trips';
    window.state.openTripId = null;
    window.state.openHallId = null;
    window.state.openMeltId = id;
    var tripsView = byId('trips-view');
    var tdv = byId('trip-detail-view');
    if (!tdv) return;
    var tabTrips = byId('tab-trips');
    if (tabTrips) tabTrips.style.display = '';
    if (tripsView) tripsView.style.display = 'none';
    tdv.style.display = '';
    renderMeltBatchDetail(b);
  };
  window.openMeltBatch._closeToList = function () {
    var tripsView = byId('trips-view');
    var tdv = byId('trip-detail-view');
    if (tdv) tdv.style.display = 'none';
    if (tripsView) tripsView.style.display = '';
    window.state.openMeltId = null;
    if (typeof window._renderTripsList === 'function') window._renderTripsList();
  };

  function renderMeltBatchDetail(b) {
    var tdv = byId('trip-detail-view');
    if (!tdv) return;
    var gross = window.meltGross(b);
    var cogs = window.meltGoldCogs(b);
    var expTotal = window.meltExpensesTotal(b);
    var tripExp = window.meltTripsExpenses(b);
    var net = window.meltNet(b);
    var autoCogs = window.meltTripsCogs(b.tripIds || []);
    var allTrips = (window.state.trips || []).slice().sort(function (a, c) {
      return (c.startDate || '').localeCompare(a.startDate || '');
    });

    var html = '<div style="padding:12px;">';
    // Header
    html += '<div style="display:flex;gap:8px;align-items:center;margin-bottom:12px;">' +
      '<button id="melt-back" class="icon-btn" style="flex-shrink:0;">' +
      '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" width="20" height="20"><line x1="19" y1="12" x2="5" y2="12"/><polyline points="12 19 5 12 12 5"/></svg>' +
      '</button>' +
      '<input id="melt-name" value="' + esc(b.name) + '" placeholder="Melt batch name" style="flex:1;font-size:18px;font-weight:700;border:none;background:transparent;color:var(--text);outline:none;padding:6px 4px;" />' +
      '<button id="melt-delete" class="btn btn-ghost" style="color:var(--danger);font-size:12px;height:32px;padding:0 8px;">Delete</button>' +
      '</div>';

    // Post-melt summary: gross / cogs / net
    var netCol = net >= 0 ? '#2B6E4A' : '#C53030';
    html += '<div style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-bottom:8px;">' +
      sumCard(sym() + Math.round(gross), 'Gross sale') +
      sumCard(sym() + Math.round(cogs + tripExp + expTotal), 'All outgoings') +
      sumCard('<span style="color:' + netCol + '">' + (net < 0 ? '−' : '') + sym() + Math.abs(Math.round(net)) + '</span>', net >= 0 ? 'Net profit' : 'Net loss') +
      '</div>';
    html += '<div style="font-size:11px;color:var(--text-muted);text-align:center;margin-bottom:16px;">Net = gross sale − gold COGS (' + sym() + Math.round(cogs) + ') − trip expenses (' + sym() + Math.round(tripExp) + ') − melt costs (' + sym() + Math.round(expTotal) + ').<br>Split 50/50 = <strong>' + sym() + Math.round(net / 2) + ' each</strong>.</div>';

    // Trips in this batch (pre-melt figures shown per trip)
    html += '<section style="margin-bottom:16px;">' +
      '<h4 style="margin:0 0 8px;">Trips in this melt</h4>' +
      '<div style="font-size:12px;color:var(--text-muted);margin-bottom:8px;">Tick the trips whose gold went into this melt. Each trip\u2019s pre-melt spend is shown.</div>';
    if (!allTrips.length) {
      html += '<div style="padding:12px;color:var(--text-muted);font-size:13px;text-align:center;background:var(--surface-2);border-radius:8px;">No trips yet.</div>';
    } else {
      allTrips.forEach(function (t) {
        var on = (b.tripIds || []).indexOf(t.id) >= 0;
        var tCogs = window.meltTripsCogs([t.id]);
        var tExp = (t.expenses || []).reduce(function (x, e) { return x + (Number(e.amount) || 0); }, 0);
        var tTotal = tCogs + tExp;
        // Show the FULL pre-melt spend (gold COGS + trip expenses) so each row
        // reconciles with the outgoings total below. Break it down if both exist.
        var spendLabel;
        if (tCogs && tExp) spendLabel = sym() + Math.round(tTotal) + ' (gold ' + sym() + Math.round(tCogs) + ' + costs ' + sym() + Math.round(tExp) + ')';
        else if (tExp) spendLabel = sym() + Math.round(tExp) + ' (trip costs)';
        else spendLabel = sym() + Math.round(tCogs) + ' (gold)';
        html += '<label style="display:flex;align-items:center;gap:10px;padding:10px 4px;border-bottom:1px solid var(--border);cursor:pointer;">' +
          '<input type="checkbox" class="melt-trip-cb" value="' + esc(t.id) + '" ' + (on ? 'checked' : '') + ' style="width:20px;height:20px;flex-shrink:0;" />' +
          '<div style="flex:1;min-width:0;"><div style="font-weight:600;font-size:14px;">' + esc(t.name) + '</div>' +
          '<div style="font-size:11px;color:var(--text-muted);">' + (t.startDate ? esc(t.startDate) : 'No date') + ' · pre-melt spend ' + spendLabel + '</div></div>' +
          '</label>';
      });
    }
    html += '</section>';

    // Gold COGS going in (defaults to auto-sum; editable to hold back silver/stock)
    html += '<section style="margin-bottom:16px;">' +
      fieldLabel('Gold COGS going into this melt') +
      '<div style="display:flex;gap:8px;align-items:center;">' +
        '<div style="position:relative;flex:1;"><span style="position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;">' + sym() + '</span>' +
        '<input type="number" inputmode="decimal" id="melt-cogs" value="' + (b.goldCogs === '' || b.goldCogs == null ? '' : esc(b.goldCogs)) + '" placeholder="' + Math.round(autoCogs) + '" class="form-input" style="width:100%;padding-left:22px;position:relative;z-index:1;" /></div>' +
        '<button type="button" id="melt-cogs-auto" class="btn btn-ghost" style="font-size:11px;height:34px;padding:0 8px;white-space:nowrap;">Use ' + sym() + Math.round(autoCogs) + '</button>' +
      '</div>' +
      '<div style="font-size:11px;color:var(--text-muted);margin-top:4px;">Leave blank to auto-use the selected trips\u2019 total spend (' + sym() + Math.round(autoCogs) + '). Lower it to hold silver / other items back in stock for later sale.</div>' +
      '</section>';

    // Sale details
    html += '<section style="margin-bottom:16px;">' +
      '<div style="display:flex;gap:8px;margin-bottom:10px;">' +
        '<div style="flex:1;">' + fieldLabel('Gross sale (refiner proceeds)') +
          '<div style="position:relative;"><span style="position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;">' + sym() + '</span>' +
          '<input type="number" inputmode="decimal" id="melt-gross" value="' + (b.goldGrossSale || '') + '" class="form-input" style="width:100%;padding-left:22px;position:relative;z-index:1;" /></div></div>' +
        '<div style="flex:1;">' + fieldLabel('Sale date') + '<input type="date" id="melt-date" value="' + (b.saleDate || '') + '" class="form-input" style="width:100%;" /></div>' +
      '</div>' +
      fieldLabel('Refiner / buyer') +
      '<input id="melt-refiner" value="' + esc(b.refiner) + '" placeholder="e.g. Cooksongold, Baird & Co" class="form-input" style="width:100%;" />' +
      '</section>';

    // Melt costs
    html += '<section style="margin-bottom:16px;">' +
      '<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;">' +
      '<h4 style="margin:0;">Melt / refine costs</h4>' +
      '<button class="btn btn-secondary" id="melt-add-exp" style="height:30px;padding:0 12px;font-size:12px;">+ Add cost</button>' +
      '</div>';
    if (!b.expenses || !b.expenses.length) {
      html += '<div style="padding:12px;color:var(--text-muted);font-size:13px;text-align:center;background:var(--surface-2);border-radius:8px;">No melt costs yet (refining fee, assay, postage, insurance…).</div>';
    } else {
      b.expenses.slice().forEach(function (e) {
        html += '<div class="melt-exp-row" data-id="' + esc(e.id) + '" style="display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border);cursor:pointer;">' +
          '<div style="flex:1;min-width:0;"><div style="font-size:14px;font-weight:500;">' + esc(e.description || e.category || '(cost)') + '</div>' +
          '<div style="font-size:11px;color:var(--text-muted);">' + esc(e.category || '') + '</div></div>' +
          '<div style="font-weight:600;color:var(--danger);">−' + sym() + Number(e.amount || 0).toFixed(2) + '</div></div>';
      });
    }
    html += '</section>';

    // Notes
    html += '<section style="margin-bottom:16px;">' +
      fieldLabel('Notes') +
      '<textarea id="melt-notes" class="form-input" style="width:100%;min-height:60px;" placeholder="Anything about this melt / sale…">' + esc(b.notes || '') + '</textarea>' +
      '</section>';

    html += '</div>';
    tdv.innerHTML = html;

    // Bindings
    bindButton2('melt-back', function () { window.openMeltBatch._closeToList(); });
    bindButton2('melt-delete', function () { window.deleteMeltBatch(b.id); });
    bindInput('melt-name', function (v) { window.updateMeltBatch(b.id, { name: v }); });
    bindInput('melt-refiner', function (v) { window.updateMeltBatch(b.id, { refiner: v }); });
    bindInput('melt-date', function (v) { window.updateMeltBatch(b.id, { saleDate: v }); });
    bindInput('melt-notes', function (v) { window.updateMeltBatch(b.id, { notes: v }); });
    bindNum('melt-gross', function (v) { window.updateMeltBatch(b.id, { goldGrossSale: v }); renderMeltBatchDetail(getMelt(b.id)); });
    var cogsEl = byId('melt-cogs');
    if (cogsEl) cogsEl.addEventListener('change', function () {
      var val = cogsEl.value.trim();
      window.updateMeltBatch(b.id, { goldCogs: val === '' ? '' : (parseFloat(val) || 0) });
      renderMeltBatchDetail(getMelt(b.id));
    });
    bindButton2('melt-cogs-auto', function () {
      window.updateMeltBatch(b.id, { goldCogs: '' });
      renderMeltBatchDetail(getMelt(b.id));
    });
    byId('trip-detail-view').querySelectorAll('.melt-trip-cb').forEach(function (cb) {
      cb.addEventListener('change', function () {
        var ids = [];
        byId('trip-detail-view').querySelectorAll('.melt-trip-cb:checked').forEach(function (x) { ids.push(x.value); });
        window.updateMeltBatch(b.id, { tripIds: ids });
        renderMeltBatchDetail(getMelt(b.id));
      });
    });
    bindButton2('melt-add-exp', function () {
      meltExpenseModal(b.id, null);
    });
    byId('trip-detail-view').querySelectorAll('.melt-exp-row').forEach(function (row) {
      row.addEventListener('click', function () { meltExpenseModal(b.id, row.dataset.id); });
    });
  }

  function getMelt(id) { return (window.state.meltBatches || []).find(function (x) { return x.id === id; }); }
  function bindButton2(id, fn) {
    var el = byId(id);
    if (!el) return;
    el.addEventListener('click', fn);
    el.addEventListener('touchend', function (e) { e.preventDefault(); fn(); });
  }

  // Add/edit a melt cost via the mini modal.
  function meltExpenseModal(batchId, expId) {
    var b = getMelt(batchId);
    if (!b) return;
    var existing = expId ? (b.expenses || []).find(function (e) { return e.id === expId; }) : null;
    var cats = ['Refining fee', 'Assay', 'Postage / courier', 'Insurance', 'Other'];
    var body =
      fieldLabel('What was it for') +
      '<select id="me-cat" class="form-input" style="width:100%;margin-bottom:10px;">' +
        cats.map(function (c) { return '<option' + (existing && existing.category === c ? ' selected' : '') + '>' + c + '</option>'; }).join('') +
      '</select>' +
      fieldLabel('Description (optional)') +
      '<input id="me-desc" class="form-input" style="width:100%;margin-bottom:10px;" value="' + esc(existing ? existing.description : '') + '" placeholder="e.g. Cookson refine 250g" />' +
      fieldLabel('Amount') +
      '<div style="position:relative;"><span style="position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-muted);">' + sym() + '</span>' +
      '<input id="me-amt" type="number" inputmode="decimal" class="form-input" style="width:100%;padding-left:22px;" value="' + (existing ? existing.amount : '') + '" /></div>';
    miniModal(existing ? 'Edit cost' : 'Add melt cost',
      body,
      existing ? function () {
        b.expenses = (b.expenses || []).filter(function (e) { return e.id !== expId; });
        window.updateMeltBatch(b.id, { expenses: b.expenses });
        renderMeltBatchDetail(getMelt(b.id));
      } : null,
      function () {
        var cat = byId('me-cat').value;
        var desc = byId('me-desc').value.trim();
        var amt = parseFloat(byId('me-amt').value) || 0;
        if (!b.expenses) b.expenses = [];
        if (existing) { existing.category = cat; existing.description = desc; existing.amount = amt; }
        else { b.expenses.push({ id: uid('me_'), category: cat, description: desc, amount: amt }); }
        window.updateMeltBatch(b.id, { expenses: b.expenses });
        renderMeltBatchDetail(getMelt(b.id));
      });
  }

  function miniModal(title, bodyHtml, onDelete, onSave) {
    var wrap = document.createElement('div');
    wrap.style.cssText = 'position:fixed;inset:0;background:rgba(20,20,24,0.5);z-index:1500;display:flex;align-items:flex-end;justify-content:center;';
    wrap.innerHTML =
      '<div style="background:var(--surface);width:100%;max-width:520px;border-radius:16px 16px 0 0;padding:18px 16px calc(env(safe-area-inset-bottom) + 16px);box-shadow:0 -8px 30px rgba(0,0,0,0.25);">' +
        '<div style="display:flex;align-items:center;margin-bottom:14px;"><h3 style="margin:0;flex:1;font-size:16px;">' + esc(title) + '</h3>' +
          '<button class="icon-btn" id="mm-x" aria-label="Close"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="20" height="20"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></button></div>' +
        bodyHtml +
        '<div style="display:flex;gap:8px;margin-top:18px;">' +
          (onDelete ? '<button class="btn btn-ghost" id="mm-del" style="color:var(--danger);">Delete</button>' : '') +
          '<button class="btn btn-primary" id="mm-save" style="flex:1;">Save</button>' +
        '</div>' +
      '</div>';
    document.body.appendChild(wrap);
    function close() { wrap.remove(); }
    wrap.addEventListener('click', function (e) { if (e.target === wrap) close(); });
    byId('mm-x').addEventListener('click', close);
    if (onDelete) byId('mm-del').addEventListener('click', function () { onDelete(); close(); });
    byId('mm-save').addEventListener('click', function () { onSave(); close(); });
  }

  /* ====================================================== */
  /* ===== TRIP / HALL CHOOSER                        ===== */
  /* ====================================================== */
  window.openNewTripOrHallChooser = function () {
    byId('toh-backdrop').classList.add('open');
    byId('toh-sheet').classList.add('open');
  };
  window.closeNewTripOrHallChooser = function () {
    byId('toh-backdrop').classList.remove('open');
    byId('toh-sheet').classList.remove('open');
  };
  window.chooseNewTrip = function () {
    window.closeNewTripOrHallChooser();
    if (typeof window.createTrip === 'function') window.createTrip();
    else if (typeof createTrip === 'function') createTrip();
  };
  window.chooseNewHall = function () {
    window.closeNewTripOrHallChooser();
    var h = window.createHall();
    window.openHall(h.id);
  };
  window.chooseNewMelt = function () {
    window.closeNewTripOrHallChooser();
    var b = window.createMeltBatch();
    window.openMeltBatch(b.id);
  };

  // Melt & sell hub — its own icon in the More menu. Lists batches + New button.
  window.goMelt = function () {
    if (window.isAdminUser && !window.isAdminUser()) {
      window.toast && window.toast('Melt & sell is admin-only');
      if (typeof window.closeMoreSheet === 'function') window.closeMoreSheet();
      return;
    }
    if (typeof window.closeMoreSheet === 'function') window.closeMoreSheet();
    if (typeof window.switchTab === 'function') window.switchTab('trips');
    var batches = (window.state.meltBatches || []).slice()
      .sort(function (a, b) { return (b.saleDate || '').localeCompare(a.saleDate || ''); });
    var existing = byId('melt-hub-backdrop');
    if (existing) existing.remove();
    var rows = batches.length
      ? batches.map(function (b) {
          var net = (typeof window.meltNet === 'function') ? (Number(window.meltNet(b)) || 0) : 0;
          var sold = Number(b.goldGrossSale) > 0;
          var col = !sold ? 'var(--text-muted)' : (net >= 0 ? '#2B6E4A' : '#C53030');
          var val = sold ? ((net >= 0 ? sym() : '−' + sym()) + Math.abs(Math.round(net))) : 'PENDING';
          var nT = (b.tripIds || []).length;
          return '<button class="melt-hub-row" data-id="' + esc(b.id) + '" style="display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px;border:none;border-bottom:1px solid var(--border);background:var(--surface);cursor:pointer;text-align:left;">' +
            '<div style="flex:1;min-width:0;"><div style="font-weight:700;font-size:15px;">' + esc(b.name) + '</div>' +
            '<div style="font-size:12px;color:var(--text-muted);">' + (b.saleDate ? esc(b.saleDate) : 'Not sold yet') + ' · ' + nT + ' trip' + (nT === 1 ? '' : 's') + '</div></div>' +
            '<div style="font-weight:700;color:' + col + ';font-size:14px;">' + val + '</div></button>';
        }).join('')
      : '<div style="padding:24px;text-align:center;color:var(--text-muted);font-size:13px;">No melt batches yet. Create one to combine trips\u2019 gold and log a sale.</div>';
    var html = '<div id="melt-hub-backdrop" class="modal-backdrop open" style="z-index:1600;">' +
      '<div class="modal" style="max-width:520px;">' +
        '<div class="modal-head"><h2 style="display:flex;align-items:center;gap:7px;">' + icoSvg('flame',18,'currentColor') + 'Melt &amp; sell</h2>' +
          '<button class="icon-btn" id="melt-hub-close"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></button>' +
        '</div>' +
        '<div class="modal-body" style="padding:0;">' + rows + '</div>' +
        '<div class="modal-foot"><button class="btn btn-primary" id="melt-hub-new" style="width:100%;">+ New melt &amp; sell</button></div>' +
      '</div></div>';
    document.body.insertAdjacentHTML('beforeend', html);
    function close() { var x = byId('melt-hub-backdrop'); if (x) x.remove(); }
    byId('melt-hub-close').addEventListener('click', close);
    byId('melt-hub-new').addEventListener('click', function () { close(); var b = window.createMeltBatch(); window.openMeltBatch(b.id); });
    document.querySelectorAll('#melt-hub-backdrop .melt-hub-row').forEach(function (r) {
      r.addEventListener('click', function () { close(); window.openMeltBatch(r.dataset.id); });
    });
  };

  /* ====================================================== */
  /* ===== AI ASSISTANT                               ===== */
  /* ====================================================== */
  var AI = { mode: 'quick', messages: [], busy: false, rec: null, recording: false };

  window.openAI = function () {
    byId('ai-backdrop').classList.add('open');
    byId('ai-sheet').classList.add('open');
    if (AI.messages.length === 0) renderAIWelcome();
    // Preload stock in the background so "how much stock / value" works even if
    // the user hasn't opened the Stock tab this session.
    try {
      if (window.STOCK && !window.STOCK.loaded && !window.STOCK.loading && typeof window.fetchStockItems === 'function') {
        window.fetchStockItems();
      }
    } catch (e) {}
    setTimeout(function () { var i = byId('ai-input'); if (i && AI.mode !== 'voice') i.focus(); }, 250);
  };
  window.closeAI = function () {
    byId('ai-backdrop').classList.remove('open');
    byId('ai-sheet').classList.remove('open');
    if (AI.recording) window.aiToggleMic();
  };

  window.setAIMode = function (m) {
    AI.mode = m;
    document.querySelectorAll('.ai-mode-btn').forEach(function (b) {
      b.classList.toggle('active', b.dataset.aimode === m);
    });
    byId('ai-title').textContent = m === 'quick' ? 'Quick Task' : (m === 'voice' ? 'Voice Task' : (m === 'lookup' ? 'Look-up' : 'History'));
    byId('ai-mic').style.display = m === 'voice' ? 'flex' : 'none';
    // Hide the type/send row entirely on the History tab.
    var inputRow = document.querySelector('.ai-inputrow');
    if (inputRow) inputRow.style.display = m === 'history' ? 'none' : 'flex';
    var input = byId('ai-input');
    input.placeholder = m === 'lookup'
      ? 'Ask anything about your parks, trips, halls, deals…'
      : (m === 'voice' ? 'Tap the mic and speak, or type…' : 'e.g. "Add £40 advertising expense to the Harrogate hall"');
    if (m === 'history') { renderHistory(); return; }
    renderAIWelcome();
  };

  function renderAIWelcome() {
    var body = byId('ai-body');
    if (AI.messages.length > 0) { paintMessages(); return; }
    var intro;
    if (AI.mode === 'quick') {
      intro = 'Tell me what to update and I\'ll propose the change for you to confirm. Try:\n• "Log £40 leaflet expense on the Leeds hall"\n• "New hall event at Harrogate Methodist Hall on 14 June"\n• "Mark Bluebell Park as done"';
    } else if (AI.mode === 'voice') {
      intro = 'Tap the mic and speak — I\'ll turn it into a proposed update you can confirm. Same as Quick Task, just hands-free.';
    } else {
      intro = 'Ask me anything about your data. Try:\n• "Which trip made the most profit?"\n• "How much did I spend on halls this month?"\n• "Any parks in Leeds I haven\'t visited?"';
    }
    body.innerHTML = '<div class="ai-hint" style="white-space:pre-wrap;">' + esc(intro) + '</div>';
  }

  function paintMessages() {
    var body = byId('ai-body');
    body.innerHTML = AI.messages.map(function (m) {
      if (m.role === 'proposal') return proposalHtml(m);
      if (m.role === 'thinking') return '<div class="ai-thinking">Thinking…</div>';
      return '<div class="ai-msg ' + (m.role === 'user' ? 'user' : 'bot') + '"><span class="ai-bubble">' + esc(m.text) + '</span></div>';
    }).join('');
    // wire proposal buttons
    AI.messages.forEach(function (m, idx) {
      if (m.role !== 'proposal' || m.done) return;
      var c = byId('ai-prop-confirm-' + idx);
      var d = byId('ai-prop-dismiss-' + idx);
      if (c) c.addEventListener('click', function () { confirmProposal(idx); });
      if (d) d.addEventListener('click', function () {
        m.done = 'dismissed';
        recordOutcome(m, 'dismissed');
        paintMessages();
      });
    });
    body.scrollTop = body.scrollHeight;
  }

  function proposalHtml(m) {
    var idx = AI.messages.indexOf(m);
    var inner = '<div class="ai-prop-kind">Proposed: ' + esc(m.kindLabel || m.action) + '</div>' +
      '<div class="ai-prop-title">' + esc(m.title) + '</div>' +
      (m.detail ? '<div class="ai-prop-detail">' + m.detail + '</div>' : '');
    if (m.done === 'confirmed') {
      inner += '<div class="ai-prop-done">✓ Done' + (m.resultNote ? ' · ' + esc(m.resultNote) : '') + '</div>';
    } else if (m.done === 'dismissed') {
      inner += '<div class="ai-hint">Dismissed.</div>';
    } else {
      inner += '<div class="ai-prop-actions">' +
        '<button class="ai-prop-confirm" id="ai-prop-confirm-' + idx + '">Confirm</button>' +
        '<button class="ai-prop-dismiss" id="ai-prop-dismiss-' + idx + '">Dismiss</button>' +
        '</div>';
    }
    return '<div class="ai-proposal">' + inner + '</div>';
  }

  // Build a compact snapshot of state for the model.
  function buildSnapshot() {
    var s = window.state || {};
    var parks = (s.parks || []);
    // Count parks by property type so Look-up can answer "how many X" precisely
    // without having to count a truncated sample list.
    var byType = {};
    parks.forEach(function (p) {
      var t = p.propertyType || 'park';
      byType[t] = (byType[t] || 0) + 1;
    });
    // Stock / inventory summary from the live STOCK data already loaded in the
    // browser. Values in-stock items as the midpoint of low/high estimates,
    // matching how the Stock tab computes its hero totals.
    var stockSummary = null;
    try {
      var STK = window.STOCK;
      if (STK && STK.items && STK.items.length) {
        var cats = { gold: { count: 0, weight_g: 0, cost: 0, est_value: 0 },
                     silver: { count: 0, weight_g: 0, cost: 0, est_value: 0 },
                     watch: { count: 0, weight_g: 0, cost: 0, est_value: 0 },
                     other: { count: 0, weight_g: 0, cost: 0, est_value: 0 } };
        var totalInStock = 0;
        STK.items.forEach(function (it) {
          if ((it.status || 'in_stock') !== 'in_stock') return; // only value held stock
          var c = cats[it.category || 'other'] || cats.other;
          c.count++;
          c.weight_g += Number(it.weight_g) || 0;
          c.cost += Number(it.cost) || 0;
          var vlo = Number(it.estimated_value_low) || 0;
          var vhi = Number(it.estimated_value_high) || 0;
          var mid = (vlo && vhi) ? (vlo + vhi) / 2 : (vhi || vlo || 0);
          c.est_value += mid;
          totalInStock++;
        });
        stockSummary = {
          in_stock_items: totalInStock,
          by_category: cats,
          total_cost: cats.gold.cost + cats.silver.cost + cats.watch.cost + cats.other.cost,
          total_estimated_value: cats.gold.est_value + cats.silver.est_value + cats.watch.est_value + cats.other.est_value,
          note: 'Counts/values are IN-STOCK items only (sold/refined excluded). Weights in grams. est_value is midpoint of low/high estimates.'
        };
      } else {
        stockSummary = { note: 'Stock not loaded yet — open the Stock tab once to load inventory, then ask again.' };
      }
    } catch (e) { stockSummary = { note: 'Stock unavailable.' }; }

    var snap = {
      country: s.country,
      currency: sym(),
      salesman: s.salesman || '',
      counts: {
        locations_total: parks.length,   // every location row, all property types
        by_property_type: byType,         // e.g. { park: 2570, "retirement-home": 175, ... }
        deals: (s.deals || []).length,
        trips: (s.trips || []).length,
        halls: (s.halls || []).length
      },
      stock: stockSummary,
      trips: (s.trips || []).map(function (t) {
        return { id: t.id, name: t.name, startDate: t.startDate, endDate: t.endDate, parkCount: (t.parkIds || []).length };
      }),
      halls: (s.halls || []).map(function (h) {
        return { id: h.id, name: h.name, location: h.location, eventDate: h.eventDate, gross: window.hallGross(h), spent: window.hallExpensesTotal(h), net: window.hallNet(h) };
      }),
      // A SAMPLE of locations only (first 400) for name/town lookups. NOT a full
      // list — never count this array; use counts above for totals.
      parks_sample: parks.slice(0, 400).map(function (p) {
        return { id: p.id, name: p.name, town: p.town, status: p.status, propertyType: p.propertyType };
      })
    };
    return snap;
  }

  function actionSystemPrompt(snap) {
    return [
      'You are an in-app assistant for a jewellery-buying field-sales app.',
      'The user will give you a short instruction. Convert it into ONE OR MORE structured actions.',
      'You MUST reply with ONLY a JSON object, no markdown, no prose, of this exact shape:',
      '{"proposals":[{"action":"...","title":"short human title","detail":"<b>field</b>: value lines, HTML allowed","args":{...}}],"reply":"one short sentence to show the user"}',
      'Allowed actions and their args:',
      '- "create_hall": {name, location, eventDate (YYYY-MM-DD), startTime, endTime}',
      '- "add_hall_expense": {hallId, category, description, amount}',
      '- "add_hall_gold": {hallId, carat (9|14|18|22), grams, cost}',
      '- "set_hall_value": {hallId, dealsGross}',
      '- "create_trip": {name, startDate}',
      '- "add_trip_expense": {tripId, category, description, amount}',
      '- "set_park_status": {parkId, status ("todo"|"in_progress"|"done")}',
      'Resolve names to ids using the snapshot (trips[], halls[], and the parks_sample[] list of locations). If you cannot find an id, put the best-guess name in args and note it in detail.',
      'If the instruction is ambiguous or you need an id you cannot resolve, still propose your best interpretation; the user confirms before anything happens.',
      'Dates: today is ' + todayISO() + '. Convert relative dates (e.g. "next Friday") to YYYY-MM-DD.',
      'Here is the current app snapshot (JSON):',
      JSON.stringify(snap)
    ].join('\n');
  }

  function lookupSystemPrompt(snap) {
    return [
      'You are an in-app assistant for a jewellery-buying field-sales app. Answer the user\'s question using ONLY the snapshot below.',
      'Be concise and specific. Use the currency symbol ' + sym() + '.',
      'IMPORTANT — counting: for any "how many" question about locations, parks, retirement homes, chalets, council, housing-assoc etc., use the numbers in `counts` (counts.locations_total for all locations, counts.by_property_type for each type). The `parks_sample` array is only a partial sample (first 400) for name/town lookups — NEVER count it or use its length as a total.',
      'Property type keys mean: "park" = parks, "retirement-home" = retirement homes, "chalet" = chalets, "council" = council estates, "housing-assoc" = housing associations.',
      'When asked for a total locations figure, give the total AND the breakdown by type so it is clear (e.g. "6,175 locations total: 2,570 parks, 175 retirement homes, ..."). The total is larger than the visible tabs because it includes every property type.',
      'STOCK questions: use snap.stock. "How much stock" → list in_stock_items and the by_category counts (gold/silver/watch/other) with weights. "What is the value / stock value" → use stock.total_estimated_value (and mention total_cost if useful). All stock figures are IN-STOCK only. If snap.stock has only a note saying it is not loaded, tell the user to open the Stock tab once to load it, then ask again.',
      'If the user asks you to CREATE, ADD, LOG, UPDATE or CHANGE something (an action, not a question), reply exactly: "That\'s an action — switch to the Quick Task tab and I\'ll set it up for you to confirm."',
      'If the snapshot genuinely does not contain the answer, say so plainly, and you may add one short sentence of helpful reasoning or a suggestion. Do not invent numbers.',
      'Snapshot (JSON):',
      JSON.stringify(snap)
    ].join('\n');
  }

  window.aiSend = function (reworkText, reworkLogId) {
    var input = byId('ai-input');
    var text = reworkText != null ? reworkText : (input.value || '').trim();
    if (!text || AI.busy) return;
    if (reworkText == null) { input.value = ''; input.style.height = 'auto'; }
    AI.messages.push({ role: 'user', text: text });
    AI.messages.push({ role: 'thinking' });
    paintMessages();
    AI.busy = true;
    var isLookup = AI.mode === 'lookup';

    // --- Log this input against the current salesman ---
    var logId;
    if (reworkLogId) {
      // Reworking: append a fresh run onto the existing entry's history
      logId = reworkLogId;
      var existing = (window.state.aiLog || []).find(function (e) { return e.id === logId; });
      if (existing) {
        existing.input = text;
        existing.mode = AI.mode;
        existing.status = 'pending';
        existing.proposals = [];
        existing.reworkedAt = new Date().toISOString();
        existing.reworkCount = (existing.reworkCount || 0) + 1;
      }
    } else {
      logId = uid('ai_');
      if (!window.state.aiLog) window.state.aiLog = [];
      window.state.aiLog.unshift({
        id: logId,
        salesman: currentSalesman(),
        mode: AI.mode,
        input: text,
        status: isLookup ? 'answered' : 'pending',   // pending | applied | dismissed | answered | error
        proposals: [],
        reply: '',
        createdAt: new Date().toISOString()
      });
    }
    persistAiLog();
    AI.currentLogId = logId;

    var snap = buildSnapshot();
    var system = isLookup ? lookupSystemPrompt(snap) : actionSystemPrompt(snap);
    callClaude(system, text, isLookup, logId);
  };

  function logEntry(id) { return (window.state.aiLog || []).find(function (e) { return e.id === id; }); }

  function callClaude(system, userText, isLookup, logId) {
    // Calls the Supabase `claude-proxy` edge function, which injects the secret
    // ANTHROPIC_API_KEY server-side. The key is never present in this client.
    var base = (typeof window.SUPA_URL === 'string') ? window.SUPA_URL : '';
    var proxyHeaders = (typeof window.HDR === 'function')
      ? window.HDR()
      : { 'Content-Type': 'application/json' };
    fetch(base + '/functions/v1/claude-proxy', {
      method: 'POST',
      headers: proxyHeaders,
      body: JSON.stringify({
        model: 'claude-sonnet-4-6',
        max_tokens: 1000,
        system: system,
        messages: [{ role: 'user', content: userText }]
      })
    }).then(function (r) {
      // Capture HTTP status so non-200s (e.g. proxy/Anthropic errors) are visible.
      return r.json().then(function (j) { return { ok: r.ok, status: r.status, data: j }; })
        .catch(function () { return { ok: r.ok, status: r.status, data: null }; });
    }).then(function (res) {
      var data = res.data || {};
      AI.busy = false;
      AI.messages = AI.messages.filter(function (m) { return m.role !== 'thinking'; });
      var textOut = (data && data.content ? data.content : [])
        .filter(function (b) { return b.type === 'text'; })
        .map(function (b) { return b.text; }).join('\n').trim();

      // If we got no usable text, surface WHY rather than a silent "couldn't find".
      if (!textOut) {
        var why = '';
        if (data && data.error) {
          // Anthropic / proxy error shape: { error: { message } } or { error: "..." }
          why = (typeof data.error === 'string') ? data.error : (data.error.message || JSON.stringify(data.error));
        } else if (!res.ok) {
          why = 'HTTP ' + res.status + ' from claude-proxy.';
        } else {
          why = 'Empty response. Raw: ' + JSON.stringify(data).slice(0, 300);
        }
        var emsg = 'AI error: ' + why;
        AI.messages.push({ role: 'bot', text: emsg });
        var entE = logEntry(logId);
        if (entE) { entE.reply = emsg; entE.status = 'error'; persistAiLog(); }
        paintMessages();
        return;
      }

      var entry = logEntry(logId);
      if (isLookup) {
        var ans = textOut;
        AI.messages.push({ role: 'bot', text: ans });
        if (entry) { entry.reply = ans; entry.status = 'answered'; persistAiLog(); }
        paintMessages();
        return;
      }
      var parsed = safeParse(textOut);
      if (!parsed || !parsed.proposals) {
        var msg = textOut || 'I couldn\'t turn that into an action. Try rephrasing.';
        AI.messages.push({ role: 'bot', text: msg });
        if (entry) { entry.reply = msg; entry.status = 'error'; persistAiLog(); }
        paintMessages();
        return;
      }
      if (parsed.reply) AI.messages.push({ role: 'bot', text: parsed.reply });
      if (entry) { entry.reply = parsed.reply || ''; entry.proposals = []; }
      parsed.proposals.forEach(function (p) {
        var msgObj = {
          role: 'proposal',
          logId: logId,
          action: p.action,
          kindLabel: kindLabel(p.action),
          title: p.title || p.action,
          detail: p.detail || '',
          args: p.args || {},
          done: null
        };
        AI.messages.push(msgObj);
        if (entry) entry.proposals.push({ action: p.action, title: msgObj.title, detail: p.detail || '', args: msgObj.args, outcome: 'pending' });
      });
      if (entry) { entry.status = 'pending'; persistAiLog(); }
      paintMessages();
    }).catch(function (err) {
      AI.busy = false;
      AI.messages = AI.messages.filter(function (m) { return m.role !== 'thinking'; });
      var em = 'Connection error: ' + (err && err.message ? err.message : 'could not reach the AI service.') + '\n\nCheck the claude-proxy edge function is deployed and ANTHROPIC_API_KEY is set.';
      AI.messages.push({ role: 'bot', text: em });
      var entry2 = logEntry(logId);
      if (entry2) { entry2.reply = em; entry2.status = 'error'; persistAiLog(); }
      paintMessages();
    });
  }

  function safeParse(t) {
    if (!t) return null;
    var clean = t.replace(/```json/gi, '').replace(/```/g, '').trim();
    try { return JSON.parse(clean); } catch (e) {
      // try to extract first {...}
      var m = clean.match(/\{[\s\S]*\}/);
      if (m) { try { return JSON.parse(m[0]); } catch (e2) {} }
      return null;
    }
  }

  function kindLabel(action) {
    return ({
      create_hall: 'New hall event',
      add_hall_expense: 'Hall expense',
      add_hall_gold: 'Hall gold',
      set_hall_value: 'Hall value',
      create_trip: 'New trip',
      add_trip_expense: 'Trip expense',
      set_park_status: 'Park status'
    })[action] || action;
  }

  function confirmProposal(idx) {
    var m = AI.messages[idx];
    if (!m || m.done) return;
    var a = m.args || {};
    var note = '';
    try {
      if (m.action === 'create_hall') {
        var h = window.createHall({ name: a.name || 'Hall event', location: a.location || '', eventDate: a.eventDate || todayISO(), startTime: a.startTime || '', endTime: a.endTime || '' });
        note = h.name;
        m.createdId = h.id;
      } else if (m.action === 'add_hall_expense') {
        var hall = resolveHall(a.hallId, a.hallName);
        if (!hall) throw new Error('hall not found');
        hall.expenses = hall.expenses || [];
        hall.expenses.push({ id: uid('he_'), category: a.category || 'COGS', description: a.description || '', amount: Number(a.amount) || 0, date: a.date || hall.eventDate || todayISO() });
        window.updateHall(hall.id, { expenses: hall.expenses });
        note = sym() + (Number(a.amount) || 0) + ' on ' + hall.name;
      } else if (m.action === 'add_hall_gold') {
        var hg = resolveHall(a.hallId, a.hallName);
        if (!hg) throw new Error('hall not found');
        hg.goldBought = hg.goldBought || [];
        hg.goldBought.push({ id: uid('hg_'), carat: a.carat || 9, grams: Number(a.grams) || 0, cost: Number(a.cost) || 0 });
        window.updateHall(hg.id, { goldBought: hg.goldBought });
        note = (a.grams || 0) + 'g ' + (a.carat || '?') + 'ct';
      } else if (m.action === 'set_hall_value') {
        var hv = resolveHall(a.hallId, a.hallName);
        if (!hv) throw new Error('hall not found');
        window.updateHall(hv.id, { dealsGross: Number(a.dealsGross) || 0 });
        note = sym() + (Number(a.dealsGross) || 0);
      } else if (m.action === 'create_trip') {
        if (typeof window.createTrip === 'function') { window.createTrip(); note = 'trip created'; }
        else throw new Error('createTrip unavailable');
      } else if (m.action === 'add_trip_expense') {
        var t = (window.state.trips || []).find(function (x) { return x.id === a.tripId || x.name === a.tripName; });
        if (!t) throw new Error('trip not found');
        t.expenses = t.expenses || [];
        t.expenses.push({ id: uid('e_'), category: a.category || 'COGS', description: a.description || '', amount: Number(a.amount) || 0, date: a.date || todayISO(), payer: window.state.salesman || '' });
        if (typeof window.updateTrip === 'function') window.updateTrip(t.id, { expenses: t.expenses });
        note = sym() + (Number(a.amount) || 0) + ' on ' + t.name;
      } else if (m.action === 'set_park_status') {
        var p = (window.state.parks || []).find(function (x) { return x.id === a.parkId || x.name === a.parkName; });
        if (!p) throw new Error('park not found');
        if (typeof window.updatePark === 'function') window.updatePark(p.id, { status: a.status });
        note = p.name + ' → ' + a.status;
      } else {
        throw new Error('unknown action');
      }
      m.done = 'confirmed';
      m.resultNote = note;
      recordOutcome(m, 'applied', note);
      if (window.toast) window.toast('Done · ' + (note || m.kindLabel));
      // refresh the trips/halls list if visible
      if (window.state.currentTab === 'trips' && typeof window._renderTripsList === 'function') window._renderTripsList();
    } catch (e) {
      if (window.toast) window.toast('Couldn\'t apply: ' + e.message);
      m.detail = (m.detail || '') + '<br><span style="color:var(--danger)">Couldn\'t apply automatically: ' + esc(e.message) + '</span>';
      recordOutcome(m, 'error', e.message);
    }
    paintMessages();
  }

  // Mirror a proposal's outcome onto its log entry, and roll up the entry status.
  function recordOutcome(m, outcome, note) {
    var entry = logEntry(m.logId);
    if (!entry) return;
    var pr = (entry.proposals || []).find(function (p) {
      return p.action === m.action && p.title === m.title && p.outcome === 'pending';
    }) || (entry.proposals || []).find(function (p) { return p.action === m.action && p.title === m.title; });
    if (pr) { pr.outcome = outcome; if (note) pr.note = note; }
    var outs = (entry.proposals || []).map(function (p) { return p.outcome; });
    if (outs.indexOf('pending') < 0 && outs.length) {
      if (outs.indexOf('applied') >= 0) entry.status = 'applied';
      else if (outs.every(function (o) { return o === 'dismissed'; })) entry.status = 'dismissed';
      else if (outs.indexOf('error') >= 0) entry.status = 'error';
    }
    entry.appliedAt = new Date().toISOString();
    persistAiLog();
  }

  function resolveHall(id, name) {
    var halls = window.state.halls || [];
    return halls.find(function (h) { return h.id === id; }) ||
           (name ? halls.find(function (h) { return (h.name || '').toLowerCase() === String(name).toLowerCase(); }) : null) ||
           (name ? halls.find(function (h) { return (h.name || '').toLowerCase().indexOf(String(name).toLowerCase()) >= 0; }) : null);
  }

  /* ===== AI ACTIVITY HISTORY (per salesman) ===== */
  function statusPill(status) {
    var map = {
      applied:   ['Applied', '#2B6E4A', 'rgba(43,110,74,0.14)'],
      pending:   ['Pending', '#B8842C', 'rgba(184,132,44,0.16)'],
      dismissed: ['Dismissed', 'var(--text-muted)', 'var(--surface-2)'],
      answered:  ['Answered', '#2B6E4A', 'rgba(43,110,74,0.14)'],
      error:     ['Error', '#C53030', 'rgba(197,48,48,0.14)']
    };
    var c = map[status] || map.pending;
    return '<span style="font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;color:' + c[1] + ';background:' + c[2] + ';padding:2px 8px;border-radius:6px;">' + c[0] + '</span>';
  }

  function renderHistory() {
    var body = byId('ai-body');
    var log = (window.state.aiLog || []).slice();
    if (log.length === 0) {
      body.innerHTML = '<div class="ai-hint">No AI activity logged yet. Inputs from Quick Task, Voice and Look-up appear here, stamped with the salesman who made them.</div>';
      return;
    }
    var groups = {};
    log.forEach(function (e) { (groups[e.salesman || 'Unknown'] = groups[e.salesman || 'Unknown'] || []).push(e); });
    var html = '';
    Object.keys(groups).forEach(function (name) {
      html += '<div style="font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);font-weight:700;margin:14px 2px 6px;">' + esc(name) + ' \u00b7 ' + groups[name].length + '</div>';
      groups[name].forEach(function (e) {
        var when = new Date(e.createdAt);
        var whenStr = when.toLocaleDateString() + ' ' + when.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });
        var modeLabel = e.mode === 'lookup' ? '\ud83d\udd0e Look-up' : (e.mode === 'voice' ? '\ud83c\udf99\ufe0f Voice' : '\u26a1 Quick');
        var summary = '';
        if (e.mode === 'lookup') {
          summary = e.reply ? '<div class="ai-prop-detail" style="margin-top:6px;">' + esc(e.reply) + '</div>' : '';
        } else if (e.proposals && e.proposals.length) {
          summary = '<div class="ai-prop-detail" style="margin-top:6px;">' +
            e.proposals.map(function (p) {
              var oc = p.outcome === 'applied' ? '\u2713' : (p.outcome === 'dismissed' ? '\u2717' : (p.outcome === 'error' ? '\u26a0' : '\u2022'));
              return oc + ' ' + esc(p.title);
            }).join('<br>') + '</div>';
        } else if (e.reply) {
          summary = '<div class="ai-prop-detail" style="margin-top:6px;">' + esc(e.reply) + '</div>';
        }
        html += '<div class="ai-proposal" data-log="' + esc(e.id) + '">' +
          '<div style="display:flex;align-items:center;gap:8px;margin-bottom:4px;">' +
            '<span style="font-size:11px;color:var(--text-muted);">' + esc(modeLabel) + ' \u00b7 ' + esc(whenStr) + (e.reworkCount ? ' \u00b7 reworked ' + e.reworkCount + '\u00d7' : '') + '</span>' +
            '<span style="flex:1;"></span>' + statusPill(e.status) +
          '</div>' +
          '<div class="ai-prop-title">' + esc(e.input) + '</div>' +
          summary +
          '<div class="ai-prop-actions" style="margin-top:10px;">' +
            (e.mode !== 'lookup' ? '<button class="ai-prop-confirm" data-rework="' + esc(e.id) + '" style="flex:0 0 auto;">Rework</button>' : '') +
            '<button class="ai-prop-dismiss" data-editlog="' + esc(e.id) + '">Edit</button>' +
            '<button class="ai-prop-dismiss" data-dellog="' + esc(e.id) + '" style="color:var(--danger);">Delete</button>' +
          '</div>' +
        '</div>';
      });
    });
    body.innerHTML = html;
    body.querySelectorAll('[data-rework]').forEach(function (b) {
      b.addEventListener('click', function () { reworkLog(b.dataset.rework); });
    });
    body.querySelectorAll('[data-editlog]').forEach(function (b) {
      b.addEventListener('click', function () { editLog(b.dataset.editlog); });
    });
    body.querySelectorAll('[data-dellog]').forEach(function (b) {
      b.addEventListener('click', function () { deleteLog(b.dataset.dellog); });
    });
  }

  function reworkLog(id) {
    var e = logEntry(id);
    if (!e) return;
    AI.mode = e.mode === 'lookup' ? 'quick' : e.mode;
    AI.messages = [];
    window.setAIMode(AI.mode);
    window.aiSend(e.input, id);
  }

  function editLog(id) {
    var e = logEntry(id);
    if (!e) return;
    window.setAIMode(e.mode === 'history' ? 'quick' : e.mode);
    var input = byId('ai-input');
    input.value = e.input;
    autoGrow(input);
    input.focus();
    if (window.toast) window.toast('Reword then send to create a fresh proposal');
  }

  function deleteLog(id) {
    if (!confirm('Delete this AI log entry? Any changes it already applied to the app stay; only the log record is removed.')) return;
    window.state.aiLog = (window.state.aiLog || []).filter(function (e) { return e.id !== id; });
    persistAiLog();
    renderHistory();
  }

  /* ===== Voice (Web Speech API) ===== */
  window.aiToggleMic = function () {
    var SR = window.SpeechRecognition || window.webkitSpeechRecognition;
    var micBtn = byId('ai-mic');
    if (!SR) { if (window.toast) window.toast('Voice input not supported on this browser'); return; }
    if (AI.recording) {
      try { AI.rec && AI.rec.stop(); } catch (e) {}
      AI.recording = false;
      micBtn.classList.remove('recording');
      return;
    }
    AI.rec = new SR();
    AI.rec.lang = (window.state && window.state.country === 'AU') ? 'en-AU' : 'en-GB';
    AI.rec.interimResults = true;
    AI.rec.continuous = false;
    var finalText = '';
    AI.rec.onresult = function (ev) {
      var interim = '';
      for (var i = ev.resultIndex; i < ev.results.length; i++) {
        var tr = ev.results[i][0].transcript;
        if (ev.results[i].isFinal) finalText += tr; else interim += tr;
      }
      byId('ai-input').value = (finalText + interim).trim();
      autoGrow(byId('ai-input'));
    };
    AI.rec.onerror = function () { AI.recording = false; micBtn.classList.remove('recording'); };
    AI.rec.onend = function () {
      AI.recording = false;
      micBtn.classList.remove('recording');
      // auto-send when speech finishes, if there's text
      var v = (byId('ai-input').value || '').trim();
      if (v) window.aiSend();
    };
    try { AI.rec.start(); AI.recording = true; micBtn.classList.add('recording'); }
    catch (e) { AI.recording = false; micBtn.classList.remove('recording'); }
  };

  /* ===== input auto-grow + Enter-to-send ===== */
  function autoGrow(el) { el.style.height = 'auto'; el.style.height = Math.min(120, el.scrollHeight) + 'px'; }
  document.addEventListener('DOMContentLoaded', function () {
    var input = byId('ai-input');
    if (input) {
      input.addEventListener('input', function () { autoGrow(input); });
      input.addEventListener('keydown', function (e) {
        if (e.key === 'Enter' && !e.shiftKey) { e.preventDefault(); window.aiSend(); }
      });
    }
  });
  // also bind immediately in case DOMContentLoaded already fired
  (function () {
    var input = byId('ai-input');
    if (input && !input._aiBound) {
      input._aiBound = true;
      input.addEventListener('input', function () { autoGrow(input); });
      input.addEventListener('keydown', function (e) {
        if (e.key === 'Enter' && !e.shiftKey) { e.preventDefault(); window.aiSend(); }
      });
    }
  })();

})();
</script>
<!-- ===== END AI ASSISTANT + HALL EVENTS MODULE ===== -->

</body>
</html>